/* Preserved entrance only. Post-choice presentation must not inherit these styles. */
body{margin:0}
[hidden]{display:none!important}
#entrance{--paper:#efedea;--ink:#292929;--soft:#625e57;--blue:#1b57d9;--line:#d2cec6;--ease:cubic-bezier(.22,.68,0,1);background:var(--paper);color:var(--ink);font:14px/1.6 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
#entrance *,#entrance *::before,#entrance *::after{box-sizing:border-box}
#entrance h1,#entrance h2,#entrance p{margin:0}
#entrance h1,#entrance h2{font-family:Instrument,Georgia,serif;font-weight:400;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}
#entrance h2{font-size:clamp(44px,5.4vw,78px)}
#entrance em{font-weight:400;color:var(--blue)}
#entrance a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#entrance a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
#entrance img,#entrance svg{max-width:100%}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#292929;color:white;padding:12px 18px;font:14px/1.6 Inter,Arial,sans-serif;text-decoration:none}
.skip-link:focus{top:15px}
html:has(#entrance:not([hidden])){scroll-behavior:smooth}
@font-face{font-family:Instrument;src:url(fonts/instrument-serif-400.woff2) format('woff2');font-display:swap}
@font-face{font-family:Instrument;src:url(fonts/instrument-serif-400-italic.woff2) format('woff2');font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-400-500.woff2) format('woff2');font-weight:400 500;font-display:swap}
#entrance .eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:23px}
#entrance .arrival{height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;--mx:50%;--my:50%}
#entrance .arrival-art,#entrance #fx{position:absolute;inset:0}
#entrance .arrival-art{background:url(massif-artwork.png) center/cover no-repeat;opacity:0;mask-image:radial-gradient(ellipse 320px 240px at var(--mx) var(--my),#000 10%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 320px 240px at var(--mx) var(--my),#000 10%,transparent 100%);transition:opacity .5s;mix-blend-mode:multiply}
#entrance .arrival.exploring .arrival-art{opacity:.85}
#entrance .arrival.webgl-ready .arrival-art{opacity:0}
#entrance .arrival-logo{position:absolute;left:50%;top:53.3%;transform:translate(-50%,-50%);width:28%;min-width:220px;max-width:440px;z-index:3;pointer-events:none}
#entrance .arrival-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
#entrance .arrival-note{position:absolute;left:50%;top:calc(53.3% + 72px);transform:translateX(-50%);font-family:Instrument,Georgia,serif;font-style:italic;font-size:22px;white-space:nowrap;opacity:.8}
#entrance .arrival-bottom{position:absolute;bottom:34px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--soft);z-index:4}
#entrance .arrival-next{display:flex;align-items:center;gap:40px;min-height:44px;color:var(--ink)}
#entrance .arrival-next span{font-size:22px}
#entrance .fork{padding:78px 48px 32px;text-align:center;min-height:800px;max-width:1440px;margin:auto;overflow:hidden}
#entrance .fork-stage{position:relative;height:610px;margin-top:10px}
#entrance .fork-choices{position:absolute;left:0;right:0;bottom:60px;display:grid;grid-template-columns:1fr 1fr;gap:310px;max-width:1120px;margin:auto}
#entrance .choice{position:relative;text-align:left;padding:25px 30px 30px;background:#f8f6f1;border:1px solid var(--line);border-radius:20px;min-height:265px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s,box-shadow .3s;z-index:1}
#entrance .choice:hover{transform:translateY(-5px);box-shadow:0 14px 35px #2929290a}
#entrance .choice-number{font-size:10px;letter-spacing:.12em}
#entrance .choice-title{font-family:Instrument,Georgia,serif;font-size:45px;line-height:1.02;letter-spacing:-.025em}
#entrance .choice-foot{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:12px}
#entrance .choice-foot>span{font-size:21px}
#entrance .choice-employer{background:var(--ink);color:var(--paper)}
#entrance .choice-employer em{color:#acc5ff}
#entrance #guyFork,#entrance #guyForkBack{position:absolute;inset:0;pointer-events:none}
#entrance #guyFork{z-index:2}
#entrance #phoneGuy{display:none}
#entrance .fork-note{color:var(--soft);font-size:12px}
@media(max-width:1100px){
#entrance .fork-choices{gap:230px}
#entrance .choice-title{font-size:39px}
}
@media(max-width:760px){
#entrance .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:18px}
#entrance .arrival{min-height:530px;height:85svh}
#entrance .arrival-logo{min-width:0;width:56%;top:46%}
#entrance .arrival-note{top:calc(46% + 50px);font-size:20px}
#entrance .arrival-bottom{left:22px;right:22px;bottom:25px;font-size:10px}
#entrance .cursor-hint{font-size:0}
#entrance .cursor-hint:after{content:'Touch to explore.';font-size:10px}
#entrance .arrival-art{background-size:auto 100%;mask-image:radial-gradient(ellipse 200px 240px at var(--mx) var(--my),#000 15%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 200px 240px at var(--mx) var(--my),#000 15%,transparent 100%)}
#entrance .fork{padding:50px 22px 28px;min-height:0}
#entrance .fork h2{font-size:44px}
#entrance .fork-stage{height:auto;margin-top:22px;padding-top:170px}
#entrance #guyFork,#entrance #guyForkBack{display:none}
#entrance #phoneGuy{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:155px;height:180px}
#entrance #phoneGuy svg{width:100%;height:100%}
#entrance .fork-choices{position:relative;bottom:auto;gap:12px;grid-template-columns:1fr 1fr}
#entrance .choice{padding:18px 16px;min-height:210px;border-radius:14px}
#entrance .choice-title{font-size:33px}
#entrance .choice-number{font-size:9px}
#entrance .choice-foot{font-size:9px;gap:6px;line-height:1.6}
#entrance .choice-foot>span{font-size:18px}
#entrance .fork-note{font-size:11px;margin-top:25px}
}
@media(max-width:360px){
#entrance .choice-title{font-size:29px}
#entrance .choice{padding:16px 13px}
#entrance .arrival-bottom{gap:12px}
#entrance .arrival-next{gap:15px}
}
#entrance #phoneGuy.arrived{animation:phoneArrival .7s var(--ease) both}
@keyframes phoneArrival{from{opacity:.2;transform:translate(-50%,22px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){
#entrance .arrival-art{opacity:.3!important;mask-image:none;-webkit-mask-image:none}
#entrance .arrival-logo{background:#efedeacc;border-radius:8px}
#entrance .arrival-note{background:#efedeacc}
}
html:has(#entrance:not([hidden])){scroll-padding-top:0;scroll-snap-type:y mandatory}
#entrance .arrival,#entrance .fork{scroll-snap-align:start;scroll-snap-stop:always}
#entrance .arrival{height:100svh}
#entrance .fork{min-height:100svh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0;padding-top:48px;padding-bottom:36px}
#entrance .fork-stage{flex:none;width:100%;height:min(610px,65svh)}
#entrance .fork h2 em{color:var(--ink)}
#entrance .choice,#entrance .choice-employer{color:var(--ink);background:linear-gradient(145deg,#ffffffa8,#ffffff24 52%,#efedea70);border:1px solid #ffffffd9;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff70,0 12px 36px #29292909,0 0 0 1px #2929290b;-webkit-backdrop-filter:blur(24px) saturate(125%);backdrop-filter:blur(24px) saturate(125%);isolation:isolate;overflow:hidden;transition:transform .35s,box-shadow .35s,background .35s}
#entrance .choice::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--glass-x,20%) var(--glass-y,0%),#ffffffd9,transparent 65%);opacity:.6;pointer-events:none;z-index:-1}
#entrance .choice:hover,#entrance .choice:focus-visible{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff90,0 18px 44px #29292913,0 0 0 1px #1b57d930}
#entrance .choice em,#entrance .choice-employer em{color:var(--blue)}
#entrance .choice-number{color:var(--soft)}
@media(max-width:760px){#entrance .arrival{height:100svh;min-height:530px}
#entrance .fork{min-height:100svh;padding:36px 22px 28px}
#entrance .fork-stage{height:auto;margin-top:24px;padding-top:180px}
#entrance .fork h2{font-size:clamp(38px,10vw,52px)}
#entrance .choice{min-height:220px}
#entrance .fork-note{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html:has(#entrance:not([hidden])){scroll-snap-type:none}}
@media(prefers-reduced-motion:reduce){html:has(#entrance:not([hidden])){scroll-behavior:auto}#entrance *,#entrance *::before,#entrance *::after{animation:none!important;transition:none!important}}