:root{color-scheme:light;--black:#090909;--white:#fff;--line:#171717;--soft:#ededed;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #777;outline-offset:3px}img{display:block;max-width:100%}p{line-height:1.48}em{font-style:normal}
.topbar{height:72px;padding:0 clamp(18px,4vw,62px);display:flex;align-items:center;gap:40px;border-bottom:3px solid var(--black);position:relative;background:#fff;z-index:3}.brand{font-family:Impact,"Arial Black",sans-serif;font-size:2rem;letter-spacing:-.04em;white-space:nowrap}.brand-dot{font-size:.44em;vertical-align:top;margin-left:2px}.primary-nav{display:flex;gap:28px;font-weight:900;font-size:.82rem;letter-spacing:.06em;margin:auto}.primary-nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.top-actions{display:flex;gap:8px}.top-actions a,.launchbar-links a{display:inline-flex;align-items:center;justify-content:center;background:#0a0a0a;color:white;border:2px solid #000;font-weight:900;padding:10px 16px;font-size:.85rem;min-width:52px;letter-spacing:.02em}.top-actions a:hover,.launchbar-links a:hover{background:white;color:black}
.opening{border-bottom:4px solid black}.banner-wrap{background:#111}.banner-wrap img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.opening-copy{padding:clamp(24px,4.5vw,70px) clamp(20px,5vw,80px);display:flex;align-items:end;justify-content:space-between;gap:35px}.eyebrow{font-size:.8rem;font-weight:900;letter-spacing:.17em;margin:0 0 16px}.opening h1,h2,.interlude strong{font-family:Impact,"Arial Black",sans-serif;font-weight:900;letter-spacing:-.025em;line-height:.96}.opening h1{font-size:clamp(4rem,10vw,10rem);margin:0}.opening h1 em{color:white;-webkit-text-stroke:2px black;text-shadow:4px 4px 0 #000}.opening-side{max-width:305px;min-width:235px;font-weight:700;font-size:1.06rem}.opening-side p{margin:0 0 24px}.ink-button{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#000;color:white;font-size:.85rem;font-weight:900;letter-spacing:.08em;padding:17px 19px}.ink-button:hover{background:#333}
.city,.crew,.chart-section{padding:90px clamp(20px,5vw,80px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-head h2{font-size:clamp(3rem,6vw,6rem);margin:0}.section-head>p{max-width:285px;font-weight:700;font-size:1rem;margin:0 0 8px}.case-grid{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);border:3px solid black;min-height:680px}.location-list{display:flex;flex-direction:column;border-right:3px solid black}.list-title{display:flex;justify-content:space-between;padding:20px 22px;margin:0;background:black;color:white;font-size:.8rem;font-weight:900;letter-spacing:.11em}.place{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;text-align:left;gap:8px;width:100%;border:0;border-bottom:2px solid black;background:white;min-height:70px;padding:8px 18px;font-weight:900;font-size:clamp(.86rem,1.1vw,1.05rem)}.place:hover,.place.selected{background:black;color:white}.place-no{font-size:.8rem;opacity:.6}.directory-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;padding:20px 22px;font-size:.8rem;font-weight:900;letter-spacing:.08em}
.scene{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,40%);grid-template-rows:auto 1fr}.scene-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;border-bottom:3px solid black;padding:18px 22px;font-size:.8rem;font-weight:900;letter-spacing:.08em}.scene-art{background:#fff;display:flex;align-items:center;justify-content:center;min-height:530px;border-right:3px solid black;overflow:hidden}.scene-art img{width:100%;height:100%;max-height:640px;object-fit:contain;transition:opacity .28s ease,transform .45s ease}.scene-art img.switching{opacity:.15;transform:translateY(10px)}.scene-copy{padding:clamp(22px,3vw,45px);display:flex;flex-direction:column;justify-content:end}.scene-eyebrow{font-size:.8rem;font-weight:900;letter-spacing:.13em}.scene-copy h3{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2.5rem,4.1vw,5.3rem);line-height:.96;margin:14px 0 18px}.scene-copy p{font-size:1rem;font-weight:700;max-width:370px;margin:0 0 auto}.scene-controls{display:flex;align-items:center;gap:14px;border-top:2px solid black;padding-top:25px;margin-top:35px;font-size:.84rem;font-weight:900}.scene-controls span{margin:auto}.arrow-button{border:2px solid black;width:44px;height:44px;background:white;font-size:1.45rem}.arrow-button:hover{background:black;color:white}
.interlude{padding:75px clamp(20px,5vw,80px);background:black;color:white;display:grid;grid-template-columns:1fr auto;gap:25px}.interlude p{grid-column:1/-1;font-size:.8rem;font-weight:900;letter-spacing:.2em;margin:0}.interlude strong{font-size:clamp(4.2rem,10vw,11rem)}.interlude span{font-size:clamp(3rem,9vw,9rem);align-self:end;filter:grayscale(1)}
.crew-grid{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;border:3px solid black}.portrait{border-right:3px solid black;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait img{width:100%;height:100%;max-height:650px;object-fit:contain}.crew-notes{display:flex;flex-direction:column}.note{padding:30px clamp(25px,4vw,55px);flex:1;border-bottom:3px solid black}.note:last-child{border-bottom:0}.note span,.roadmap span{font-size:.82rem;font-weight:900;letter-spacing:.14em}.note h3{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2rem,3vw,3.3rem);margin:10px 0}.note p{max-width:550px;font-size:1rem;font-weight:700;margin:0}.crew-roadmap{padding-top:75px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid black;border-bottom:3px solid black}.roadmap div{padding:27px;border-right:3px solid black}.roadmap div:last-child{border:0}.roadmap strong{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:2.5rem;margin:12px 0}.roadmap p{font-weight:700;max-width:260px}
.chart-section{border-top:4px solid black}.chart-shell{position:relative;height:min(65vw,630px);min-height:420px;border:3px solid black;background:#0b0b0b;color:white}.chart-shell iframe{width:100%;height:100%;border:0}.launchbar{border:3px solid black;border-top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.launchbar>div:first-child{min-width:200px}.launchbar>div:first-child span{display:block;font-weight:900;font-size:.75rem;letter-spacing:.1em;margin-bottom:8px}.contract{border:0;background:white;padding:0;font-weight:900;font-size:.83rem;text-align:left;overflow-wrap:anywhere;color:black}.contract:not(:disabled):hover{text-decoration:underline}.launchbar-links{display:flex;gap:7px;flex-wrap:wrap}.launchbar-links a{font-size:.75rem;min-height:42px}
footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px clamp(20px,5vw,80px);background:black;color:white;font-size:.8rem;font-weight:900;letter-spacing:.07em}footer a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.scene{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.scene-top{grid-column:1}.scene-art{border-right:0;border-bottom:3px solid black;min-height:360px}.scene-art img{max-height:520px}.scene-copy{min-height:260px}.scene-copy p{margin-bottom:20px}.launchbar{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.topbar{height:auto;min-height:66px;flex-wrap:wrap;padding:12px 18px;gap:10px}.brand{font-size:1.8rem}.primary-nav{order:3;width:100%;justify-content:space-between;gap:8px;margin:4px 0 0;border-top:1px solid black;padding-top:11px;font-size:.7rem}.top-actions{margin-left:auto}.opening-copy{display:block}.opening h1{font-size:clamp(3.5rem,13vw,6rem)}.opening-side{max-width:540px;margin-top:25px}.city,.crew,.chart-section{padding:55px 16px}.section-head{display:block}.section-head>p{margin-top:15px}.case-grid{display:flex;flex-direction:column}.location-list{border-right:0;border-bottom:3px solid black}.place{min-height:53px}.directory-footer{display:none}.scene-art{min-height:290px}.scene-copy{min-height:250px}.interlude{padding:55px 20px}.interlude span{display:none}.crew-grid{grid-template-columns:1fr}.portrait{border-right:0;border-bottom:3px solid black;max-height:490px}.roadmap{grid-template-columns:1fr}.roadmap div{border-right:0;border-bottom:3px solid black}.roadmap div:last-child{border:0}.chart-shell{min-height:340px}.launchbar-links{width:100%}.launchbar-links a{flex:1 1 40%}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0s!important;animation-duration:0s!important}}