/* The opening is one composition: copy first, bounded artwork, visible benefits. */
.site-header{background:#222d35;color:#f2efe7}
.site-header .topbar{height:88px;border-color:#56626a}
.site-header .nav a:hover{color:#f0b28e}
.site-header .nav-cta{border-color:#899398}
.site-header a:focus-visible,.hero a:focus-visible{outline-color:#f0b28e}
.hero{background:#222d35;color:#f2efe7;overflow:hidden}
.hero:after{width:760px;height:760px;top:-130px;right:-150px;background:radial-gradient(ellipse,#43566490,transparent 67%);z-index:-1}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 45%,#42546326 45.1%,transparent 70%)}
.hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:24px;min-height:0;padding-top:54px;padding-bottom:48px}
.hero .intro{min-width:0;opacity:1;visibility:visible;transform:none}
.hero .status{color:#e0e6e7;margin-bottom:26px;flex-wrap:wrap}
.hero .dot{background:#f0b28e}
.hero h1{font-size:clamp(56px,6.5vw,96px);margin-bottom:25px}
.hero h1 em{color:#f0b28e}
.hero .lede{color:#d5dddf;font-size:17px;max-width:420px;margin-bottom:27px}
.hero .btn{background:#f2efe7;color:#222d35;border-color:#f2efe7;min-height:54px}
.hero .btn .button-disc{border-color:#66727a}
.hero .btn:hover{background:#f0b28e;border-color:#f0b28e}
.hero-art{height:clamp(420px,39vw,560px);min-width:0;margin:0 -35px 0 -35px;align-self:center}
.hero-art svg{display:block;filter:drop-shadow(0 28px 20px #0c141b44)}
.hero .art-note{color:#d5dddf;left:0;right:0;bottom:2px;text-align:center;font-size:12px}
.hero-bottom{color:#d5dddf;border-color:#56626a;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:22px;padding-bottom:26px}
.hero-bottom span,.hero-bottom span:last-child{display:flex;align-items:flex-start;line-height:1.6}
.hero-bottom span:last-child{justify-content:flex-end}
.hero-bottom b{color:#f0b28e;white-space:nowrap}
@media(min-width:761px) and (max-height:800px){.hero-inner{padding-top:28px;padding-bottom:30px}.hero h1{font-size:clamp(56px,6vw,84px)}.hero .status{margin-bottom:20px}.hero-art{height:440px}.hero .lede{font-size:16px}.site-header .topbar{height:78px}}
@media(min-width:761px) and (max-width:1000px){.hero-inner{gap:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero h1{font-size:clamp(54px,6.4vw,68px)}.hero-art{height:410px;margin:0 -30px}.hero .art-note{left:8%;right:8%;bottom:0;line-height:1.5}.hero .status{font-size:11px}.hero-bottom{font-size:11px;gap:15px}}
@media(max-width:760px){.site-header .topbar{height:76px}.site-header .nav>a:not(.nav-cta){display:none}.hero-inner{grid-template-columns:minmax(0,1fr);gap:0;padding-top:32px;padding-bottom:15px}.hero h1{font-size:clamp(49px,10.6vw,78px);line-height:1.01;margin-bottom:21px}.hero .status{font-size:11px;margin-bottom:22px;letter-spacing:.06em}.hero .lede{font-size:16px;max-width:440px;line-height:1.65;margin-bottom:23px}.hero-art{width:100%;height:300px;margin:16px 0 0;transform:none!important}.hero-art svg{height:280px}.hero .art-note{bottom:0;font-size:11px;letter-spacing:.035em}.hero-bottom{grid-template-columns:1fr;gap:11px;padding-top:20px;padding-bottom:25px;font-size:12px}.hero-bottom span:last-child{justify-content:flex-start}.hero:after{top:300px;right:-250px;width:650px;height:650px}}
@media(max-width:360px){.hero .status{font-size:10px}.hero h1{font-size:46px}.hero-art{height:270px}.hero-art svg{height:250px}.hero .art-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}}