@font-face{font-family:Onest;src:url('assets/Onest-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('assets/Onest-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/InstrumentSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--claret:#4c1930;--citron:#e1f25c;--chalk:#f6f3eb;--stroke:1.65px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--claret);color:var(--chalk);font-family:Instrument,Arial,sans-serif}a{color:inherit}::selection{background:var(--citron);color:var(--claret)}
#experience{max-width:1440px;margin:auto;position:relative;overflow:hidden;background:var(--claret)}
.hero{position:relative;height:max(850px,100svh);max-height:1150px;padding:40px 6.5%;isolation:isolate}
.brand{position:relative;display:inline-flex;gap:14px;align-items:center;text-decoration:none;font:400 25px Onest;z-index:5}.brand svg{width:48px;height:40px;fill:var(--chalk)}
.hero-copy{position:relative;z-index:2;width:max-content;max-width:100%;margin-top:clamp(95px,12vh,150px)}
h1{margin:0;font:700 clamp(46px,5.45vw,78px)/1.12 Onest;letter-spacing:-.045em}h1 span{color:var(--citron);white-space:nowrap}
.portrait-wrap{position:absolute;right:-1%;width:57%;height:100%;top:0;z-index:1;pointer-events:none}.portrait{width:100%;height:100%;overflow:visible}#portrait-line{fill:none;stroke:var(--citron);stroke-linecap:round;stroke-linejoin:round}
.scroll-cue{position:absolute;bottom:70px;left:6.5%;font-size:14px;display:flex;align-items:center;gap:20px;text-decoration:none;z-index:3}.scroll-cue svg{width:14px;height:24px;stroke:var(--citron);fill:none;stroke-width:1.3}.scroll-cue:hover{color:var(--citron)}
#chapters{position:relative}.chapter{min-height:650px;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,30fr);column-gap:10%;align-items:center;position:relative;padding:115px 8%}
.chapter:nth-child(odd){grid-template-columns:minmax(0,30fr) minmax(0,60fr)}.chapter-content{min-width:0;position:relative;z-index:2;grid-column:1;grid-row:1}.chapter-copy{grid-column:2;grid-row:1;position:relative;z-index:3;min-width:0;padding:0;background:var(--claret)}
.chapter:nth-child(odd) .chapter-content{grid-column:2}.chapter:nth-child(odd) .chapter-copy{grid-column:1}
.chapter h2{font:700 clamp(28px,3vw,44px)/1.15 Onest;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}
.chapter-copy p{font-size:clamp(18px,1.55vw,22px);line-height:1.5;margin:0 0 26px;text-wrap:pretty}
.diagram{display:block;width:100%;overflow:visible}.diagram .ink{stroke:var(--citron);fill:none;stroke-linecap:round;stroke-linejoin:round}.diagram circle{fill:var(--citron)}.diagram text{fill:var(--chalk);font:400 17px Instrument,Arial,sans-serif;paint-order:stroke;stroke:var(--claret);stroke-linejoin:round}
#connections{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}#connections path{fill:none;stroke:var(--citron);stroke-width:var(--stroke);stroke-linejoin:round;stroke-linecap:round}
footer{height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;position:relative;z-index:2}
.cta,.learn-more{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:100px;min-height:48px;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s}
.cta{font:700 23px Onest;letter-spacing:-.02em;background:var(--citron);color:var(--claret);padding:23px 34px;gap:38px}.hero-cta{margin-top:32px;font-size:19px;padding:18px 27px;gap:32px}
.learn-more{border:1px solid var(--citron);background:var(--claret);color:var(--chalk);font-size:16px;padding:12px 21px;gap:24px}
.cta:hover{background:var(--chalk);box-shadow:0 0 0 6px #e1f25c20}.learn-more:hover{background:#603044}.back{font-size:14px;text-underline-offset:5px;opacity:.7}a:focus-visible{outline:2px solid var(--chalk);outline-offset:6px}.skip{position:fixed;top:15px;left:15px;padding:12px 20px;background:var(--chalk);color:var(--claret);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
@media(max-width:1000px) and (min-width:801px){.chapter{column-gap:8%;grid-template-columns:minmax(0,58fr) minmax(0,34fr);padding-inline:7%}.chapter:nth-child(odd){grid-template-columns:minmax(0,34fr) minmax(0,58fr)}.chapter h2{font-size:30px}.chapter-copy p{font-size:18px}}
@media(max-width:800px){
 :root{--stroke:1.5px}.hero{height:850px;max-height:none;min-height:100svh;padding:30px 6%}.brand{font-size:20px;gap:10px}.brand svg{width:39px}
 .hero-copy{margin-top:150px}h1{font-size:clamp(33px,6.6vw,53px);letter-spacing:-.04em}.portrait-wrap{width:75%;right:-15%;top:30px;height:740px}.scroll-cue{bottom:60px;left:6%}
 .chapter,.chapter:nth-child(odd){display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:610px;padding:95px 9% 90px}.chapter-content{width:100%}.chapter h2{font-size:clamp(27px,4.7vw,38px);margin-bottom:20px}.chapter-copy{padding:0;max-width:520px}.chapter-copy p{font-size:19px;line-height:1.5;margin-bottom:22px}
 footer{height:300px}.cta{font-size:19px;padding:20px 27px;gap:26px}.hero-cta{padding:16px 24px;font-size:18px}
}
@media(max-width:480px){.hero{height:740px;min-height:90svh}.hero-copy{margin-top:130px}h1{font-size:7vw}.portrait-wrap{width:94%;right:-26%;height:620px;top:75px}.hero-cta{font-size:16px;margin-top:25px}.chapter,.chapter:nth-child(odd){min-height:560px;padding:85px 10% 75px;gap:20px}.chapter h2{font-size:27px;margin-bottom:18px}.chapter-copy p{font-size:18px}.scroll-cue{bottom:60px}footer{height:300px}.cta{max-width:86%}.learn-more{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Two fixed headline lines; colour emphasis stays on Intelligent Core. */
h1{font-size:clamp(28px,4.25vw,60px)}h1 .headline-row{display:block;color:var(--chalk);white-space:nowrap}h1 .headline-row span{color:var(--citron)}
@media(max-width:800px){h1{font-size:clamp(23px,5.8vw,42px)}}
@media(max-width:480px){h1{font-size:7.5vw}}