/* Header refinement, isolated from the existing page sections. */
html{scroll-padding-top:100px}.site-header{position:sticky;top:0;z-index:30;padding:0 4%;height:auto;background:rgba(252,250,246,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(92,121,101,.15);transition:box-shadow .18s,background .18s}
.header-inner{max-width:1400px;margin:auto;min-height:90px;display:flex;align-items:center;gap:28px;transition:min-height .18s}.site-header.is-scrolled{background:rgba(252,250,246,.97);box-shadow:0 3px 16px #263e3a09}.is-scrolled .header-inner{min-height:76px}
.site-header .brand{gap:10px;flex-shrink:0}.brand-symbol{position:relative;overflow:hidden;width:48px;height:58px;display:block}.site-header .brand-symbol img{position:absolute;width:90px;height:auto;max-width:none;left:-22px;top:0;border-radius:0}.site-header .brand .brand-name{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:.025em}.site-header .brand .brand-name small{font-size:9px;line-height:1.3;font-weight:400;margin-top:5px;letter-spacing:0;max-width:210px}
.site-header nav{display:flex;position:static;flex:1;justify-content:center;align-items:center;gap:24px;margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:none}.site-header nav a,.site-header nav>button{position:relative;font-size:13px;font-weight:500;white-space:nowrap;padding:13px 0;border:0;color:var(--ink);background:none;transition:color .15s}.site-header nav a::after,.site-header nav>button:not(.nav-cta)::after{content:'';position:absolute;bottom:5px;left:50%;width:16px;height:2px;background:var(--rust);transform:translateX(-50%) scaleX(0);transition:transform .15s}.site-header nav a[aria-current],.site-header nav a:hover,.site-header nav>button:hover{color:var(--rust);border:0;background:none}.site-header nav a[aria-current]::after,.site-header nav a:hover::after,.site-header nav>button:hover::after{transform:translateX(-50%) scaleX(1)}
.site-header .header-tools{position:static;display:flex;align-items:center;gap:20px}.site-header .languages{margin:0;gap:3px;font-size:11px}.site-header .languages button{min-width:27px;min-height:44px;padding:8px 2px}.site-header .nav-cta{display:inline-flex;gap:15px;background:var(--rust);color:#fff;border:1px solid var(--rust);border-radius:5px;padding:12px 18px;min-height:44px;font-size:12px;white-space:nowrap;font-weight:600}.site-header .nav-cta:hover{background:#933f2b;color:white;transform:none}.site-header .mobile-join,.site-header .menu-toggle{display:none}
.hero{padding-top:42px;padding-bottom:45px;gap:48px}.hero h1{font-size:clamp(52px,5.2vw,76px);margin:16px 0 22px}.hero .intro{margin-bottom:10px}.hero .intro-desc{margin-bottom:20px}.hero-copy{position:relative;isolation:isolate}.hero-copy::before{content:'';position:absolute;inset:-30px -25px;z-index:-1;background:radial-gradient(ellipse,#fcfaf696 10%,#fcfaf600 72%);pointer-events:none}.hero .intro-panel{padding-top:25px;padding-bottom:25px}
@media(max-width:1180px){.header-inner{gap:20px}.site-header nav{gap:17px}.site-header .brand .brand-name small{display:none}.site-header .header-tools{gap:12px}.site-header{padding:0 3%}}
@media(max-width:980px){.header-inner{min-height:78px;justify-content:space-between;gap:15px}.is-scrolled .header-inner{min-height:70px}.site-header .brand .brand-name small{display:block;font-size:8px}.site-header .desktop-join{display:none}.site-header .header-tools{margin-left:auto;gap:16px}.site-header .menu-toggle{display:flex;position:static;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;height:44px;padding:10px;margin:0;border:1px solid #d4d8cd;border-radius:5px}.menu-toggle span{width:19px;height:1.5px;background:var(--ink);transition:transform .15s,opacity .15s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 80px);overflow-y:auto;background:#fcfaf6;border-bottom:1px solid #d4d8cd;box-shadow:0 12px 20px #263e3a10;padding:15px 6% 24px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:2px}.site-header nav a,.site-header nav>button{font-size:17px;padding:13px 4px;min-height:50px;text-align:left}.site-header nav a::after,.site-header nav>button:not(.nav-cta)::after{left:4px;transform-origin:left;transform:scaleX(0);bottom:5px}.site-header nav a[aria-current]::after,.site-header nav a:hover::after,.site-header nav>button:hover::after{transform:scaleX(1)}.site-header nav .mobile-join{display:flex;justify-content:space-between;color:white;background:var(--rust);padding:14px 18px;margin-top:12px;border-radius:5px;font-size:16px}.hero{padding-top:32px;gap:30px}.hero h1{font-size:62px}}
@media(max-width:560px){html{scroll-padding-top:82px}.site-header{padding:0 5%}.header-inner{min-height:74px}.site-header .brand .brand-name{font-size:22px}.site-header .brand .brand-name small{display:none}.site-header .brand{gap:5px}.brand-symbol{width:37px;height:47px}.site-header .brand-symbol img{width:73px;left:-18px}.site-header .header-tools{gap:9px}.hero{padding:28px 6% 34px;gap:28px}.hero h1{font-size:clamp(45px,11.8vw,59px);margin:16px 0 22px}.hero .intro{font-size:15px}.hero .intro-desc{font-size:14px;line-height:1.7}.hero .button{margin-top:0;padding:12px 21px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.site-header,.header-inner,.site-header *{transition:none!important}}
.brand-symbol{height:52px}@media(max-width:560px){.brand-symbol{height:42px}}
/* More legible navigation without adding another header row. */
.site-header nav{gap:8px}.site-header nav a,.site-header nav>button:not(.nav-cta){padding:13px 11px;font-size:14px;font-weight:600;border-radius:5px}.site-header nav a[aria-current]{background:#e8eddf;color:#38513f}.site-header nav a:hover,.site-header nav>button:not(.nav-cta):hover{background:#f0e7db;color:var(--rust)}.site-header nav a::after,.site-header nav>button:not(.nav-cta)::after{bottom:6px;width:12px}.brand-symbol{height:49px}.mini-mark{height:25px!important}
@media(max-width:1180px) and (min-width:981px){.site-header nav{gap:2px}.site-header nav a,.site-header nav>button:not(.nav-cta){font-size:12px;padding:12px 7px}.header-inner{gap:14px}}
@media(max-width:980px){.site-header nav a,.site-header nav>button:not(.nav-cta){font-size:17px;padding:14px 14px;border-radius:6px}.site-header nav a::after,.site-header nav>button:not(.nav-cta)::after{left:14px}.site-header nav.open{gap:7px}}
@media(max-width:560px){.brand-symbol{height:39px}}