@layer components{:root{--scroll-progress:0}.page-home .site-main{z-index:1;position:relative}.page-home .site-header{background:linear-gradient(#000000b8,#0000);border-bottom-color:#0000}.page-home .site-header.is-scrolled{backdrop-filter:blur(16px);border-bottom-color:color-mix(in oklch, var(--color-line) 60%, transparent);background:#000000e0}.zp-field{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.zp-field__poster{background:radial-gradient(ellipse 70% 55% at 50% 42%, color-mix(in oklch, var(--color-metal) 14%, transparent), transparent 62%), radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--color-metal) 6%, transparent), transparent 45%), #000;position:absolute;inset:0}.zp-field[data-mode=live] .zp-field__poster{opacity:.35}.zp-field__canvas{position:absolute;inset:0}.zp-field__canvas canvas{width:100%;height:100%;display:block}.scroll-stage{z-index:1;position:relative}.vp-hero{flex-direction:column;justify-content:flex-end;min-height:100dvh;padding-block:clamp(5rem,12vh,8rem) clamp(3rem,8vh,5rem);display:flex}.vp-hero__composition{max-width:42rem}.vp-hero__logo{width:clamp(5.5rem,14vw,7.5rem);height:auto;filter:drop-shadow(0 0 2rem color-mix(in oklch, var(--color-metal) 25%, transparent));margin-block-end:var(--space-5)}.vp-hero__wordmark{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 var(--space-4);text-transform:uppercase;font-size:clamp(2.75rem,8vw,4.5rem);font-weight:800;line-height:.95}.vp-hero__wordmark span{letter-spacing:.28em;color:var(--fg-muted);margin-block-end:.35em;font-size:.42em;font-weight:600;display:block}.vp-hero__lede{font-size:var(--step-1);max-width:36ch;color:var(--fg-muted);margin:0 0 var(--space-6);line-height:1.45}.vp-hero__actions{flex-wrap:wrap}.scroll-panel{min-height:min(100dvh,52rem);padding-block:var(--space-9);border-block-start:1px solid color-mix(in oklch, var(--color-line) 40%, transparent);align-items:center;display:flex}.scroll-panel--compact{min-height:auto;padding-block:var(--space-8)}.scroll-panel__inner{width:100%}.scroll-panel__kicker{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--color-metal);margin:0 0 var(--space-4)}.scroll-panel__title{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:-.03em;margin:0 0 var(--space-4);max-width:18ch;font-weight:700}.scroll-panel__body{max-width:48ch;color:var(--fg-muted);font-size:var(--step-0);margin:0;line-height:1.55}.service-rail{margin:var(--space-7) 0 0;flex-direction:column;gap:0;padding:0;list-style:none;display:flex}.service-rail__item{border-block-start:1px solid var(--color-line);padding-block:var(--space-5);opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(1.25rem)}.service-rail__item.is-visible{opacity:1;transform:none}.service-rail__link{gap:var(--space-2);color:inherit;text-decoration:none;display:grid}@media (width>=48rem){.service-rail__link{align-items:baseline;gap:var(--space-6);grid-template-columns:1fr 2fr}}.service-rail__title{font-family:var(--font-display);font-size:var(--step-1);margin:0;font-weight:600}.service-rail__summary{color:var(--fg-muted);font-size:var(--step--1);margin:0;line-height:1.5}.work-teaser{gap:var(--space-6);display:grid}@media (width>=48rem){.work-teaser{grid-template-columns:repeat(2,1fr)}}.work-teaser__card{--lift:calc(var(--scroll-progress,0) * -24px);transform:translateY(var(--lift));opacity:0;transition:transform .15s linear}.work-teaser__card.is-visible{opacity:1;animation:work-rise .85s var(--ease-out) forwards}.work-teaser__card:nth-child(2){animation-delay:80ms}.work-teaser__card:nth-child(3){animation-delay:.16s}.work-teaser__card:nth-child(4){animation-delay:.24s}@keyframes work-rise{0%{opacity:0;transform:translateY(calc(var(--lift,0) + 1.5rem))}to{opacity:1;transform:translateY(var(--lift,0))}}.vp-contact{min-height:70dvh;padding-block:var(--space-9) var(--space-8);opacity:calc(.55 + (1 - var(--scroll-progress,0)) * .15);align-items:flex-end;display:flex}.vp-contact__grid{gap:var(--space-6);width:100%;display:grid}@media (width>=48rem){.vp-contact__grid{grid-template-columns:1.2fr auto;align-items:end}}[data-reveal]{opacity:0;transition:opacity .75s var(--ease-out), transform .75s var(--ease-out);transform:translateY(1.75rem)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.work-teaser__card,[data-reveal],.service-rail__item{opacity:1;transition:none;animation:none;transform:none}.zp-field[data-mode=static] .zp-field__poster{opacity:1}}}