/* components/hero/hero.css */
.hero{position:relative;overflow:clip;padding-block:var(--space-8) var(--space-9)}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:center}.hero__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.hero__eyebrow-rule{width:28px;height:1.5px;flex:none;background:currentColor}.hero__title{max-width:18ch;margin-bottom:var(--space-6)}.hero__title em{font-style:italic;color:var(--accent)}.hero__lede{max-width:46ch;margin-bottom:var(--space-8);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-muted)}.hero__actions{margin-bottom:var(--space-6)}.hero__note{font-size:var(--text-sm);color:var(--text-muted)}.hero__note strong{color:var(--text);font-weight:var(--weight-semibold)}.hero__proof{position:relative;display:flex;justify-content:center}.hero__proof::before{content:"";position:absolute;z-index:1;inset:-12% -8%;pointer-events:none;background:radial-gradient(52% 46% at 50% 44%,rgba(37,99,235,.16) 0%,transparent 70%),radial-gradient(38% 34% at 78% 78%,rgba(194,114,26,.10) 0%,transparent 72%)}.proof-sheet{position:relative;z-index:2;width:min(100%,440px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg-strong);box-shadow:0 1px 2px rgba(15,23,42,.06),0 10px 24px rgba(15,23,42,.09),0 32px 72px rgba(15,23,42,.13);overflow:hidden}.proof-sheet::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(
150deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.18) 26%,transparent 52%
);mix-blend-mode:overlay}@supports (backdrop-filter:blur(1px)){.proof-sheet{background:rgba(255,255,255,.68);backdrop-filter:saturate(140%) blur(20px)}}.proof-sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-subtle);font-size:var(--text-xs);color:var(--text-muted)}.proof-sheet__file{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);color:var(--text)}.proof-sheet__file .icon{font-size:.95rem;color:var(--accent)}.proof-sheet__state{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:.6875rem;font-weight:var(--weight-semibold)}.proof-sheet__page{position:relative;padding:var(--space-6) var(--space-5) var(--space-6) 3.25rem}.proof-sheet__page::before{content:"";position:absolute;left:2.4rem;top:0;bottom:0;width:1px;background:var(--mark-wash)}.proof-line{font-family:var(--font-serif);font-size:1.25rem;line-height:1.9;letter-spacing:0;color:var(--text)}.proof-line--head{margin-bottom:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.4;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted)}.edit{display:inline-flex;align-items:baseline;white-space:nowrap}.edit del{position:relative;text-decoration:none;color:var(--text-muted)}.edit del::after{content:"";position:absolute;left:-0.04em;right:-0.04em;top:52%;height:2px;border-radius:2px;background:var(--mark);transform:scaleX(0);transform-origin:left center}.edit ins{max-width:0;overflow:hidden;opacity:0;text-decoration:none;color:var(--accent)}.edit ins::before{content:"";display:inline-block;width:var(--space-2)}.proof-hl{position:relative;color:var(--text)}.proof-hl::before{content:"";position:absolute;inset:0.1em -0.18em 0.08em;z-index:-1;border-radius:0.14em;background:var(--mark-wash);transform:scaleX(0);transform-origin:left center}.proof-sheet__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-subtle);font-size:var(--text-xs);color:var(--text-muted)}.proof-sheet__count{display:inline-flex;align-items:center;gap:var(--space-2)}.proof-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.proof-sheet__score b{color:var(--text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.proof-mark{position:absolute;left:0.55rem;display:flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;background:var(--surface);box-shadow:0 0 0 3px var(--surface)}.proof-mark{top:calc(var(--space-6) + var(--row) * 2.375rem + 0.1rem)}.proof-mark .icon{font-size:.95rem}.proof-mark--cut .icon{color:var(--mark-ink)}.proof-mark--ok .icon{color:var(--success)}.hero-rail{display:flex;gap:var(--space-2);margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.hero-rail::-webkit-scrollbar{display:none}.hero-rail__item{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;scroll-snap-align:start;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted);white-space:nowrap;transition:var(--transition-colors)}.hero-rail__item .icon{font-size:1rem;color:var(--text-subtle);transition:color var(--duration-fast) var(--ease-out)}.hero-rail__item:hover{background:var(--accent-soft);color:var(--accent)}.hero-rail__item:hover .icon{color:var(--accent)}.animations-ready .has-entered .edit del::after{animation:strike 380ms var(--ease-out) forwards;animation-delay:calc(1000ms + var(--d) * 420ms)}.animations-ready .has-entered .edit ins{animation:insert 460ms var(--ease-reveal) forwards;animation-delay:calc(1240ms + var(--d) * 420ms)}.animations-ready .has-entered .proof-hl::before{animation:highlight 520ms var(--ease-out) forwards;animation-delay:2900ms}@keyframes strike{to{transform:scaleX(1)}}@keyframes insert{from{max-width:0;opacity:0}to{max-width:12ch;opacity:1}}@keyframes highlight{to{transform:scaleX(1)}}:root:not(.animations-ready) .edit del::after,:root:not(.animations-ready) .proof-hl::before{transform:scaleX(1)}:root:not(.animations-ready) .edit ins{max-width:12ch;opacity:1}@media (min-width:560px){.proof-line{font-size:1.35rem}.proof-mark{top:calc(var(--space-6) + var(--row) * 2.565rem + 0.1rem)}}@media (min-width:900px){.hero{padding-block:var(--space-9) var(--space-9)}.hero-rail{gap:var(--space-6);justify-content:space-between;overflow:visible;margin-inline:0;padding-inline:0}.hero-rail__item{padding-inline:var(--space-2)}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:var(--space-11)}}@media (min-width:1200px){.hero__grid{gap:var(--space-12)}.proof-sheet{width:460px}.proof-line{font-size:1.45rem}.proof-mark{top:calc(var(--space-6) + var(--row) * 2.755rem + 0.1rem)}}@media (prefers-reduced-motion:reduce){.animations-ready .has-entered .edit del::after,.animations-ready .has-entered .proof-hl::before{animation:none;transform:scaleX(1)}.animations-ready .has-entered .edit ins{animation:none;max-width:12ch;opacity:1}}
/* components/services/services.css */
.services-section{position:relative;isolation:isolate;overflow:hidden;margin:var(--card-inset);padding:var(--card-padding);border-radius:var(--radius-2xl);background:var(--surface-dark);color:var(--text-on-dark-muted)}.services-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 8% 0%,rgba(37,99,235,.17) 0%,transparent 62%),radial-gradient(50% 50% at 100% 100%,rgba(125,169,255,.08) 0%,transparent 60%)}.services-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--rule-grid-dark);background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(90% 70% at 20% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(90% 70% at 20% 0%,#000 0%,transparent 70%)}.services-section>.container{padding-inline:0}.services-head{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.services-head .section-label{color:var(--accent-on-dark);margin-bottom:var(--space-4)}.services-head h2{max-width:18ch;color:var(--text-on-dark)}.services-head h2 em{color:var(--accent-on-dark)}.services-head__aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.services-head__aside p{max-width:34ch;font-size:var(--text-md);line-height:var(--leading-relaxed)}.service-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--border-on-dark)}.service-index>li{border-bottom:1px solid var(--border-on-dark)}.service-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-2);padding-block:var(--space-5);color:inherit;text-decoration:none}.service-row__index{grid-column:1;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--accent-on-dark);transition:color var(--duration-base) var(--ease-out)}.service-row__title{grid-column:2;margin:0;font-size:var(--heading-sm);color:var(--text-on-dark);transition:color var(--duration-base) var(--ease-out)}.service-row__desc{grid-column:2;grid-row:2;margin:0;max-width:52ch;font-size:var(--text-base);line-height:var(--leading-normal)}.service-row__go{grid-column:3;grid-row:1;align-self:center;display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--surface-on-dark);color:var(--accent-on-dark);transition:background-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring)}.service-row__go .icon{width:18px;height:18px}.service-index>li::after{content:"";display:block;height:1px;margin-bottom:-1px;background:var(--accent-on-dark);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-slow) var(--ease-out)}.service-index>li:hover::after,.service-index>li:focus-within::after{transform:scaleX(1)}.service-row:hover .service-row__title,.service-row:focus-visible .service-row__title{color:var(--accent-on-dark)}.service-row:hover .service-row__go,.service-row:focus-visible .service-row__go{background:var(--accent-on-dark-soft);transform:translateX(4px)}@media (min-width:900px){.services-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-10);align-items:end;margin-bottom:var(--space-9)}.services-head__aside{padding-bottom:var(--space-1)}.service-row{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1.15fr) 44px;align-items:center;column-gap:var(--space-8);row-gap:0;padding-block:var(--space-6)}.service-row__index{font-size:var(--text-md)}.service-row__title{grid-column:2;font-size:var(--heading-md)}.service-row__desc{grid-column:3;grid-row:1}.service-row__go{grid-column:4;background:none}}@media (prefers-reduced-motion:reduce){.service-index>li::after{display:none}.service-row:hover .service-row__go,.service-row:focus-visible .service-row__go{transform:none}}
/* components/portfolio/portfolio.css */
.portfolio-section{position:relative;isolation:isolate;padding-block:var(--section-y)}.portfolio-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 50% at 50% 100%,rgba(37,99,235,.05) 0%,transparent 70%)}.portfolio-header{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-6)}.portfolio-header h2{max-width:16ch}.portfolio-header .section-label{margin-bottom:var(--space-4)}.portfolio-header__aside{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.portfolio-header p:not(.section-label){font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.portfolio-card{position:relative;display:block;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);color:inherit;text-decoration:none;transition:var(--transition-lift)}.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px);border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.portfolio-card h3{transition:color var(--duration-base) var(--ease-out)}.portfolio-card:hover h3,.portfolio-card:focus-visible h3{color:var(--accent)}.portfolio-card__go{position:absolute;right:var(--space-5);bottom:var(--space-5);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--accent);background:var(--accent-soft);opacity:0;transform:translateX(-6px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-spring)}.portfolio-card:hover .portfolio-card__go,.portfolio-card:focus-visible .portfolio-card__go{opacity:1;transform:none}.portfolio-card p{padding-right:var(--space-9)}.portfolio-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--surface-sunken)}.portfolio-image::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(255,255,255,.55));pointer-events:none}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.portfolio-card:hover .portfolio-image img{transform:scale(1.04)}.portfolio-card h3{margin:var(--space-5) var(--space-5) var(--space-2);font-size:var(--heading-xs)}.portfolio-card p{margin:0 var(--space-5) var(--space-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.portfolio-header{margin-bottom:var(--space-9)}}@media (min-width:900px){.portfolio-header{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-10);align-items:end}.portfolio-header__aside{padding-bottom:var(--space-1)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-6)}.portfolio-card--lead{grid-row:span 2;display:grid;grid-template-rows:1fr auto auto}.portfolio-card--lead .portfolio-image{aspect-ratio:auto;height:100%}.portfolio-card:not(.portfolio-card--lead) .portfolio-image{aspect-ratio:2 / 1}.portfolio-card--lead h3{font-size:var(--heading-sm)}}@media (prefers-reduced-motion:reduce){.portfolio-card:hover,.portfolio-card:focus-visible{transform:none}.portfolio-card__go{transform:none;transition:opacity var(--duration-fast) linear}.portfolio-card:hover .portfolio-image img{transform:none}}
/* components/process/process.css */
.process-section{position:relative;isolation:isolate;overflow:hidden;margin:var(--card-inset);padding:var(--card-padding);border-radius:var(--radius-2xl);background:var(--surface-subtle)}.process-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--rule-grid);background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(80% 70% at 85% 100%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(80% 70% at 85% 100%,#000 0%,transparent 72%)}.process-section>.container{padding-inline:0}.process-head{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-9)}.process-head h2{margin-top:var(--space-4);max-width:16ch}.process-head__lede{max-width:46ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.process-rail{position:relative;list-style:none;display:grid;grid-template-columns:1fr;gap:var(--space-7);margin:0;padding:0}.process-rail::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:1px;background:linear-gradient(
var(--border-strong) 0%,var(--border-strong) 86%,transparent 100%
)}.process-step{position:relative;padding-left:calc(var(--space-9) + var(--space-2))}.process-step__node{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface);font-family:var(--font-display);font-size:.6875rem;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--accent)}.process-step h3{margin-bottom:var(--space-2);font-size:var(--heading-xs)}.process-step p{max-width:44ch;line-height:var(--leading-relaxed);color:var(--text-muted)}@media (min-width:640px){.process-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:var(--space-9)}.process-head__lede{padding-bottom:var(--space-2)}}@media (min-width:900px){.process-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-7);padding-top:var(--space-1)}.process-rail::before{left:17px;right:17px;top:18px;bottom:auto;width:auto;height:1px;background:linear-gradient(
90deg,var(--border-strong) 0%,var(--border-strong) 86%,transparent 100%
)}.process-step{padding-left:0;padding-top:calc(var(--space-9) + var(--space-2))}.process-step p{max-width:32ch}}
/* components/about/about.css */
.about-section{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-y-lg) var(--section-y);background:var(--surface-dark);color:var(--text-on-dark-muted)}.about-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 68% at 80% 45%,rgba(37,99,235,.22) 0%,transparent 66%),radial-gradient(40% 40% at 4% 100%,rgba(125,169,255,.07) 0%,transparent 62%)}.about-container{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.about-content .section-label{color:var(--accent-on-dark)}.about-content h2{margin-block:var(--space-4);max-width:22ch;color:var(--text-on-dark)}.about-content p:not(.section-label){max-width:52ch;font-size:var(--text-md);line-height:var(--leading-relaxed)}.about-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-6);font-weight:var(--weight-semibold);color:var(--text-on-dark);border-bottom:1px solid rgba(255,255,255,.35);transition:var(--transition-colors)}.about-link .icon{transition:transform var(--duration-base) var(--ease-spring)}.about-link:hover{color:var(--accent-on-dark);border-bottom-color:var(--accent-on-dark)}.about-link:hover .icon{transform:translateX(3px)}@media (min-width:900px){.about-container{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-10)}.about-container>.colophon{padding:var(--space-8)}}body:has(.about-section) .home-cta{padding-top:var(--section-y)}body:has(.about-section) .home-cta>.container::before{content:"";display:block;width:min(100%,8rem);height:1px;margin:0 auto var(--section-y);background:var(--border-on-dark-soft)}@media (prefers-reduced-motion:reduce){.about-link:hover .icon{transform:none}}
/* components/home-cta/home-cta.css */
.home-cta{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-y-lg) var(--section-y-tight);background:var(--surface-dark);color:var(--text-on-dark-muted);text-align:center}.home-cta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(64% 62% at 50% 6%,rgba(37,99,235,.26) 0%,transparent 68%),radial-gradient(38% 44% at 88% 96%,rgba(125,169,255,.08) 0%,transparent 62%)}.home-cta::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--rule-grid-dark);background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(80% 60% at 50% 0%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(80% 60% at 50% 0%,#000 0%,transparent 72%)}.home-cta .section-label{color:var(--accent-on-dark)}.home-cta__title{margin-block:var(--space-5) var(--space-5);font-size:clamp(2.25rem,1.6rem + 2.7vw,4rem);color:var(--text-on-dark)}.home-cta__title em{color:var(--accent-on-dark)}.home-cta__lede{max-width:46ch;margin-inline:auto;font-size:var(--text-lg);line-height:var(--leading-normal)}.home-cta__actions{justify-content:center;margin-top:var(--space-8)}.home-cta .btn--secondary{border-color:var(--glass-dark-border);background:var(--glass-dark-bg)}@supports (backdrop-filter:blur(1px)){.home-cta .btn--secondary{backdrop-filter:blur(var(--glass-blur)) saturate(1.4)}}.home-cta .btn--secondary:hover{border-color:var(--glass-dark-border-hover);background:var(--glass-dark-bg-strong)}.home-cta__note{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--text-on-dark-faint)}.home-cta__note strong{color:var(--text-on-dark-muted);font-weight:var(--weight-semibold)}@media (min-width:640px){.home-cta__title{max-width:18ch;margin-inline:auto}}