:root{--background:#f7f7f5;--editorial-surface:#f7f7f5;--foreground:#121212;--muted:#787876;--border:#dededb;--radius:28px;--page-padding:clamp(24px,4.2vw,72px);--content-width:1480px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto}body{margin:0;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:"Inter",Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:2;padding-inline:var(--page-padding);background:transparent;color:#f5f5f3;pointer-events:auto}
.header-inner{width:min(100%,var(--content-width));height:72px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid transparent}
.logo{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:900;letter-spacing:-2px;outline-offset:5px}
.menu-trigger{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:44px;height:44px;padding:0;background:transparent;border:0;cursor:pointer;color:inherit;outline-offset:4px}
.menu-trigger__bar{display:block;height:1.5px;background-color:currentColor;transition:width 220ms cubic-bezier(0.16,1,0.3,1),transform 220ms cubic-bezier(0.16,1,0.3,1),opacity 220ms ease;border-radius:1px}
.menu-trigger__bar--top{width:22px}
.menu-trigger__bar--bottom{width:14px}
.menu-trigger:hover .menu-trigger__bar--bottom{width:22px}
.menu-trigger:hover .menu-trigger__bar--top{transform:scaleX(1.08)}
.menu-trigger:focus-visible{outline:2px solid currentColor}
.hero-space{min-height:calc(100svh - 72px)}
main{position:relative}
main::before{content:'';position:absolute;top:100svh;bottom:0;left:0;right:0;background:var(--background);z-index:5;pointer-events:auto}
@media(max-width:1024px){:root{--radius:24px}.header-inner{height:68px}.hero-space{min-height:calc(82svh - 68px)}}
@media(max-width:720px){.logo{font-size:27px}:root{--page-padding:20px;--radius:22px}.header-inner{height:60px}.hero-space{min-height:calc(70svh - 60px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Lenis Smooth Scroll Core */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}