.homepage{--public-page-gutter:clamp(16px, 3vw, 40px);--public-frame-gap:24px;--public-surface-inline:20px;--public-surface-block:32px;--public-divider-space:24px;--public-action-rail-space:24px;--public-action-rail-pad:24px;--public-surface-radius:var(--radius);--public-control-radius:calc(var(--radius) - 2px);background:hsl(var(--console-canvas));min-height:100dvh;color:hsl(var(--foreground));padding:20px var(--public-page-gutter) 0;grid-template-rows:auto minmax(0,1fr) auto;display:grid}body:has(.homepage){padding-bottom:0}.homepage-header,.homepage-main,.homepage-footer{width:100%;max-width:1280px;margin-inline:auto}.homepage-header{--header-top-offset:16px;top:var(--header-top-offset);visibility:visible;transition:transform .3s ease-out,visibility;position:sticky;transform:translateY(0)}.homepage-header[data-hidden=true]{transform:translateY(calc(-100% - var(--header-top-offset)));transition:transform .3s ease-out}.homepage-navigation-surface,.homepage-hero-surface,.homepage-services-surface,.homepage-about-surface,.homepage-work-surface,.homepage-contact-surface,.homepage-surface{background:hsl(var(--console-tile));border-radius:var(--public-surface-radius);box-shadow:var(--admin-shadow)}.homepage-navigation-surface{-webkit-backdrop-filter:none;backdrop-filter:none}.homepage-navigation-action{border-radius:var(--public-control-radius)}.homepage-media-frame{border-radius:var(--public-surface-radius)}.homepage-header #public-mobile-navigation{border-radius:var(--public-surface-radius);box-shadow:var(--admin-shadow);border:0;margin-top:8px}.homepage-main{min-width:0;padding-block:var(--public-frame-gap)}.homepage-main--stack{align-content:start;gap:var(--public-frame-gap);display:grid}.homepage-main--centered{align-content:center;display:grid}.homepage-surface{width:100%;max-width:1280px;padding:var(--public-surface-block) var(--public-surface-inline);margin-inline:auto}.homepage-surface--narrow{max-width:48rem}.homepage-content-rail{padding-inline:var(--public-surface-inline)}.homepage-story-divider{margin-top:var(--public-divider-space);border-top:1px solid hsl(var(--border));padding-top:var(--public-divider-space)}.homepage-section-header{border-bottom:1px solid hsl(var(--border));padding-bottom:var(--public-divider-space)}.homepage-section-content{margin-top:var(--public-divider-space)}.homepage-action-rail{margin-top:var(--public-action-rail-space);padding-top:var(--public-action-rail-pad)}.homepage-work-header{border-bottom:0;padding-bottom:0}.homepage-services,.homepage-about,.homepage-work,.homepage-contact{margin:0}.homepage-hero-copy h1{max-width:10ch;margin-inline:auto}.homepage-hero-title-line{display:block}@media (width>=1024px){.homepage-hero-copy h1{max-width:none;margin-inline:0}.homepage-hero-media{justify-self:end;width:100%}.homepage-hero-media .homepage-hero-video-frame{aspect-ratio:1}}.homepage-member-surface,.homepage-loading-surface{background:hsl(var(--console-tile));border-radius:var(--public-surface-radius);box-shadow:var(--admin-shadow)}.homepage-member-rail{width:100%;max-width:1280px;min-height:64px;padding-inline:var(--public-surface-inline);background:hsl(var(--console-tile));border-radius:var(--public-surface-radius);box-shadow:var(--admin-shadow);align-items:center;margin-inline:auto;display:flex}.homepage-member-main{place-items:center;min-height:0;display:grid}.homepage-hero-video-shell{width:100%;max-width:340px;margin-inline:auto}@media (width>=1024px){.homepage-hero-video-shell{max-width:440px;margin-left:auto;margin-right:0}}.homepage-footer{padding:28px var(--public-surface-inline) 32px;color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:14px;display:flex}.homepage-footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;display:flex}.homepage-footer-links nav{grid-template-columns:repeat(4,minmax(0,auto));gap:20px;display:grid}.homepage :is(a,button):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}@media (width<=767px){.homepage{padding-top:12px}.homepage-header{--header-top-offset:12px}.homepage-navigation-surface nav{padding-inline:var(--public-surface-inline)}.homepage-navigation-surface nav>a{gap:8px;min-width:0}.homepage-navigation-surface nav>a>:first-child{display:none}.homepage-navigation-surface nav>a>:last-child{font-size:14px}.homepage-main{padding-block:16px}.homepage-navigation-surface,.homepage-hero-surface,.homepage-services-surface,.homepage-about-surface,.homepage-work-surface,.homepage-contact-surface,.homepage-surface,.homepage-member-rail,.homepage-member-surface,.homepage-loading-surface{border-radius:var(--public-surface-radius)}.homepage-footer-links{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.homepage-footer-links nav{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.homepage-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}}@media (width>=640px){.homepage{--public-surface-inline:32px;--public-surface-block:40px;--public-divider-space:32px;--public-action-rail-space:32px;--public-action-rail-pad:32px}}@media (width>=1024px){.homepage{--public-surface-inline:48px;--public-surface-block:40px}}@media (prefers-reduced-motion:reduce){.homepage-header,.homepage-header[data-hidden=true]{transition:none}}