/* Opening scene: a full-viewport combustion field, with text over the image. */
@font-face{font-family:'Instrument Serif';src:url('../fonts/InstrumentSerif-400-normal.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.site-header{position:fixed;inset:0 0 auto;z-index:40;background:#080907df;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff16}
.hero{min-height:100vh;min-height:100svh;padding-top:85px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}
.flame-background{z-index:-3}
#flame-canvas{opacity:1}
.flame-veil{background:linear-gradient(90deg,rgba(3,4,3,.62),rgba(3,4,3,.3) 58%,rgba(3,4,3,.4)),linear-gradient(180deg,rgba(4,5,4,.2),transparent 40%,rgba(4,5,4,.7))}
.hero-main{flex:1;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(50px,8vw,130px);align-items:center;padding-top:90px;padding-bottom:85px;min-height:0}
.hero-copy{min-width:0}
.hero .eyebrow{font-size:9px;letter-spacing:.16em;color:#eee9de;margin-bottom:26px;line-height:1.6}
.hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(66px,6.45vw,100px);line-height:.98;letter-spacing:-.025em;white-space:normal;margin:0;color:#fffaf2;text-shadow:0 2px 25px #0005}
.hero h1>span,.hero h1>em{display:block}
.hero h1>em{font-size:1em;line-height:.98;letter-spacing:-.025em;color:#f7e0c5;margin-top:17px}
.hero-story{align-self:center;max-width:350px;padding-top:35px;position:relative;z-index:2}
.hero-description{margin-top:0;font-size:20px;line-height:1.6;letter-spacing:-.02em;color:#fffaf2}
.hero-body{font-size:13px;line-height:1.9;max-width:330px;margin-top:21px;color:#e0ddd3}
.hero-scope{font-size:12px;line-height:1.8;letter-spacing:.01em;border-left:1px solid #f38a50b0;padding-left:15px;margin-top:25px;color:#f1e2d0}
.hero .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px;margin-top:32px;flex-wrap:nowrap}
.hero .hero-actions .button{background:#11140e20;border-color:#e4dfd4b0;color:#fffaf2;min-width:235px;min-height:52px;padding:14px 20px;font-size:11px;gap:25px;backdrop-filter:blur(4px)}
.hero .hero-actions .button:hover{background:#f38a50;border-color:#f38a50;color:#10120f}
.hero .hero-actions .text-button{font-size:10px;gap:18px;color:#f3ece0}
.hero .hero-actions .text-button:hover{color:#ffac79}
.hero-bottom{width:min(1320px,calc(100% - 112px));margin:0 auto;padding:25px 0 27px;background:none;flex-shrink:0;align-items:center;border-top-color:#ffffff3a}
.hero-sector-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:10px;color:#e8e2d7}
.hero-sector-links>span{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#bdbbb1;margin-right:10px}
.hero-sector-links>a{font-size:10px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.hero-sector-links>a:hover{color:#ffb388;border-color:#ffb388}
.hero-bottom-actions{display:flex;align-items:center;gap:34px}
.hero .ambient-toggle{font-size:9px;gap:12px;padding:8px 0;color:#e0dbce;white-space:nowrap}
.hero .ambient-toggle:hover{color:#ffb388}
.hero .scroll-link{font-size:9px;gap:18px;color:#e0dbce;white-space:nowrap}
.hero .scroll-link span{font-size:24px}
@media(min-width:1600px){.hero-main{padding-top:100px;padding-bottom:105px}.hero h1{font-size:110px}.hero-story{max-width:370px}.hero-description{font-size:23px}.hero-body{font-size:14px}.hero-bottom{width:min(1440px,calc(100% - 160px))}}
@media(max-width:1150px){.hero-main{gap:55px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);padding-top:80px;padding-bottom:70px}.hero h1{font-size:7vw}.hero-story{padding-top:25px}.hero-description{font-size:18px}.hero-body{font-size:12px}.hero-bottom{width:calc(100% - 72px)}.hero-sector-links{gap:17px}.hero-sector-links>span{font-size:7px;margin-right:0}.hero-sector-links>a{font-size:9px}}
@media(max-width:850px){.hero{padding-top:73px}.hero-main{gap:35px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);padding-top:75px;padding-bottom:65px}.hero h1{font-size:7.6vw}.hero .eyebrow{font-size:7px;letter-spacing:.12em;max-width:260px}.hero-description{font-size:16px}.hero-body{font-size:11px}.hero-scope{font-size:11px;margin-top:20px}.hero .hero-actions .button{min-width:200px;min-height:47px;padding:12px 15px;font-size:10px}.hero .hero-actions .text-button{font-size:9px}.hero-bottom{width:calc(100% - 48px)}.hero-sector-links{gap:15px}.hero-sector-links>span{width:100%;font-size:7px}.hero-bottom-actions{gap:23px}.hero .ambient-toggle,.hero .scroll-link{font-size:8px}}
@media(max-width:650px){.hero{padding-top:73px;min-height:100svh}.hero-main{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding-top:49px;padding-bottom:40px}.hero .eyebrow{font-size:7px;letter-spacing:.14em;max-width:none;margin-bottom:20px}.hero h1{font-size:clamp(49px,12.7vw,72px);line-height:.99;letter-spacing:-.025em}.hero h1>em{font-size:1em;line-height:.99;margin-top:13px}.hero-story{max-width:380px;align-self:auto;padding-top:0}.hero-description{font-size:16px;line-height:1.6;max-width:310px}.hero-body{font-size:12px;line-height:1.8;max-width:340px;margin-top:13px}.hero-scope{font-size:11px;line-height:1.7;margin-top:17px}.hero .hero-actions{margin-top:23px;gap:17px}.hero .hero-actions .button{font-size:10px;min-width:224px;min-height:47px}.hero .hero-actions .text-button{font-size:9px}.flame-veil{background:linear-gradient(90deg,rgba(3,4,3,.7),rgba(3,4,3,.38)),linear-gradient(180deg,rgba(4,5,4,.2),transparent 40%,rgba(4,5,4,.7))}.hero-bottom{width:calc(100% - 40px);flex-direction:column;align-items:stretch;gap:16px;padding-block:20px}.hero-sector-links{gap:20px;row-gap:9px}.hero-sector-links>span{font-size:7px}.hero-sector-links>a{font-size:9px}.hero-bottom-actions{justify-content:space-between;border-top:1px solid #ffffff20;padding-top:8px}.hero .ambient-toggle{font-size:8px}.hero .scroll-link{font-size:8px}.hero .scroll-link span{font-size:19px}}
@media(max-width:360px){.hero-main{padding-top:38px;gap:30px}.hero h1{font-size:13vw}.hero .eyebrow{font-size:6px}.hero-description{font-size:15px}.hero-body{font-size:11px}.hero-scope{font-size:10px}.hero-bottom{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.hero-main{scroll-behavior:auto}}