:root{color-scheme:dark;--bg:#09070d;--text:#f5f0f7;--muted:#d0c7d7;--violet:#d5a3ef;--gold:#efc982;--line:#46364f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.content,.masthead{width:min(1320px,90%);margin-inline:auto}.masthead{height:94px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:24px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--violet)}nav{display:flex;gap:35px;font-size:16px}nav a:hover{color:var(--gold)}.threshold{position:relative;isolation:isolate;min-height:740px;width:min(1600px,100%);margin:auto;display:flex;align-items:center;padding:72px max(5%,calc((100% - 1320px)/2)) 112px;overflow:hidden;border-block:1px solid #2c2134}.hero-image{position:absolute;inset:0;z-index:-2}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:65% center}.threshold:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#09070dfa 0%,#09070def 30%,#09070da8 49%,#09070d22 77%),linear-gradient(0deg,#09070d 0%,transparent 22%)}.hero-copy{width:660px;max-width:65%}.eyebrow{font:12px/1.6 Consolas,'Courier New',monospace;letter-spacing:2px;color:var(--gold);margin-bottom:27px}h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-2.5px;line-height:1.08;font-weight:800}h1 span{color:var(--violet);white-space:nowrap}.lead{font-size:clamp(21px,2vw,27px);line-height:1.5;margin-top:29px;font-weight:500}.introduction{font-size:18px;max-width:470px;color:var(--muted);margin-top:23px;line-height:1.75}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:15px 22px;min-height:54px;border:1px solid var(--violet);font-size:15px;font-weight:700}.primary{background:var(--violet);color:#170b20}.primary:hover{background:#e8c4fa}.secondary{background:#100b15d9}.secondary:hover{border-color:var(--gold);color:var(--gold)}.below{position:absolute;left:5%;bottom:25px;font-size:13px;color:var(--muted)}.below span{margin-left:20px;color:var(--gold)}.mystery{padding-block:95px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:clamp(32px,3.4vw,47px);line-height:1.2;letter-spacing:-1.3px;font-weight:600}.body-copy{font-size:18px;color:var(--muted);max-width:610px}.body-copy p+p{margin-top:23px}.paths{padding-block:65px 95px;border-top:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.path{padding:30px;border:1px solid var(--line);background:#120d19;display:flex;flex-direction:column}.path:hover{border-color:var(--violet);background:#1b1124}.number{font:11px/1.5 Consolas,monospace;letter-spacing:1.5px;color:var(--gold)}h3{font-size:26px;line-height:1.2;margin:22px 0 16px}.path p{font-size:16px;color:var(--muted);margin-bottom:28px}.path-link{margin-top:auto;color:var(--violet);font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:35px}footer p{color:var(--gold);font-size:14px}footer>a{font-size:13px}.skip{position:fixed;top:-90px;left:20px;z-index:9;padding:14px;background:var(--gold);color:#000}.skip:focus{top:12px}
@media(max-width:900px){.hero-copy{max-width:80%}.two-column{gap:35px}.path-grid{grid-template-columns:1fr}.threshold:after{background:linear-gradient(90deg,#09070df5,#09070dbb 60%,#09070d55),linear-gradient(0deg,#09070d,transparent 30%)}}
@media(max-width:600px){.masthead{height:80px}.logo{font-size:21px}nav{gap:19px;font-size:14px}.threshold{display:block;min-height:0;padding:40px 5% 345px}.hero-copy{width:100%;max-width:none}.hero-image{top:auto;height:440px;bottom:0}.hero-image img{object-position:72% center}.threshold:after{background:linear-gradient(180deg,#09070d 0%,#09070d 52%,#09070dee 61%,#09070d22 77%,#09070d11 89%,#09070d 100%)}h1{font-size:clamp(37px,10vw,57px);letter-spacing:-1.7px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.lead{font-size:22px}.introduction{font-size:17px}.actions{gap:12px}.button{font-size:14px;padding:14px 16px;gap:15px}.below{font-size:12px;bottom:21px}.mystery{padding-block:60px}.two-column{grid-template-columns:1fr;gap:28px}.body-copy{font-size:17px}.paths{padding-block:45px 60px}.path{padding:25px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Fit the opening composition to the usable browser viewport, including laptops. */
@media(min-width:601px){
 .masthead{height:64px}
 .threshold{width:100%;min-height:calc(100svh - 64px);padding:32px 5% 58px}
 .hero-image img{object-fit:contain;object-position:right center}
 .hero-copy{width:620px;max-width:57%}
 .hero-copy h1{font-size:clamp(36px,min(4.2vw,7svh),64px);letter-spacing:-1.8px;line-height:1.06}
 .hero-copy .eyebrow{font-size:11px;margin-bottom:clamp(12px,2.4svh,23px)}
 .hero-copy .lead{font-size:clamp(18px,2.8svh,24px);line-height:1.4;margin-top:clamp(14px,2.8svh,24px)}
 .hero-copy .introduction{font-size:clamp(16px,2.1svh,18px);line-height:1.55;margin-top:clamp(12px,2.4svh,21px);max-width:450px}
 .hero-copy .actions{margin-top:clamp(16px,3svh,26px);gap:12px}
 .hero-copy .button{min-height:46px;padding:11px 17px;font-size:14px;gap:18px}
 .below{bottom:18px}
}
@media(min-width:601px) and (max-height:560px){
 .masthead{height:54px}
 .threshold{min-height:calc(100svh - 54px);padding-top:20px;padding-bottom:44px}
 .hero-copy{width:680px;max-width:72%}
 .hero-copy h1{font-size:34px}
 .hero-copy .eyebrow{margin-bottom:10px}
 .hero-copy .lead{margin-top:12px;font-size:18px}
 .hero-copy .introduction{margin-top:10px;max-width:560px;font-size:16px}
 .hero-copy .actions{margin-top:13px}
 .below{bottom:10px;font-size:12px}
}