@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#081719;--ink:#f2efe3;--muted:#a1b8b8;--accent:#e7bd7c;--line:#b5d5d526}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(#051519b0,transparent);color:white}.brand{display:flex;align-items:center;gap:10px}.brand b{border:1px solid #cbdedb90;display:grid;place-items:center;width:32px;height:32px;font:16px Georgia}.nav{display:flex;gap:30px}.nav a{opacity:.75}.nav a:hover{opacity:1}.hero{min-height:800px;height:100svh;position:relative;overflow:hidden;background:#18362c}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:arrive 2s ease-out both}.hero:after{position:absolute;content:'';inset:0;background:linear-gradient(180deg,#04151911 25%,#06141735 50%,var(--bg) 100%)}.hero-copy{position:absolute;z-index:2;inset:auto 5% 70px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:800;color:var(--accent)}h1{font:500 clamp(100px,15vw,220px)/.8 'Cormorant Garamond',Georgia,serif;letter-spacing:-.05em;margin:30px 0 36px;text-shadow:0 4px 40px #08171970}.tagline{font:400 clamp(21px,2.2vw,31px)/1.3 'Cormorant Garamond',Georgia;letter-spacing:.01em;margin:0}.hero-foot{position:absolute;bottom:23px;left:5%;right:5%;z-index:2;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#e1e8dd}.scroll-mark{width:40px;height:40px;margin:25px auto 0;border:1px solid #f6e4b66b;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:transform .2s}.scroll-mark:hover{transform:translateY(5px)}.rail{display:flex;justify-content:space-around;gap:20px;border-block:1px solid var(--line);padding:22px 5%;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.rail b{color:var(--accent);font-weight:500}.container{max-width:1380px;margin:auto;padding:0 6%}.opening{padding:130px 0 110px;display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.opening h2,h2{font:500 clamp(42px,5vw,76px)/1.04 'Cormorant Garamond',Georgia;letter-spacing:-.025em;margin:20px 0 30px}em{font-weight:400;color:var(--accent)}.opening .copy{padding-top:50px}p{color:var(--muted)}.initial{font:95px/.7 'Cormorant Garamond',Georgia;float:left;padding:13px 12px 0 0;color:var(--accent)}.panorama{position:relative;min-height:610px;display:grid;align-items:center;margin:0 3%;overflow:hidden}.panorama img{position:absolute;width:100%;height:100%;object-fit:cover}.panorama:after{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#05191de8,#05191d88 44%,transparent)}.panorama .panel{z-index:1;max-width:520px;padding:70px 12% 70px 8%}.panorama h2{font-size:60px}.panorama .art-tag{z-index:1;position:absolute;bottom:18px;right:22px;font-size:9px;letter-spacing:.07em;color:#eee}.explore{padding:110px 0}.explore-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.explore-head p{max-width:320px;font-size:13px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;color:var(--muted);text-align:left;cursor:pointer;padding:22px 10px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}.tabs button span{display:block;font-size:9px;letter-spacing:.15em}.tabs button strong{font:30px 'Cormorant Garamond',Georgia}.tab-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;align-items:center;padding:50px 0;min-height:280px}.tab-panel[hidden]{display:none}.tab-panel h3{font:45px/1.1 'Cormorant Garamond',Georgia;margin:0}.tab-panel p{max-width:580px}.quote{padding:90px 15%;text-align:center;border-block:1px solid var(--line);position:relative}.quote:before{content:'“';position:absolute;font:200px Georgia;color:#e7bd7c17;top:-30px;left:10%}.quote p{font:45px/1.2 'Cormorant Garamond',Georgia;color:var(--ink);margin:0 0 25px}.quote cite{font-size:10px;letter-spacing:.16em;color:var(--accent);font-style:normal}.trailer{padding:120px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.film{position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #c6d7d333;overflow:hidden;background:#0b2225}.film:before{position:absolute;content:'';inset:0;background:url('/games/assets/after-all-rain.webp') center/cover;opacity:.2}.film:after{position:absolute;content:'';inset:18px;border:1px solid #c6d7d333}.film span{z-index:1;font:48px 'Cormorant Garamond',Georgia}.film small{z-index:1;font-size:9px;letter-spacing:.2em;margin-top:12px;color:var(--accent)}.status{border-top:1px solid var(--line);padding:50px 0 65px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.status strong{font:36px 'Cormorant Garamond',Georgia}.status p{font-size:12px;margin:0}.next-game{display:block;padding:70px 8%;background:#142c2b;border-top:1px solid var(--line)}.next-game span{font-size:10px;letter-spacing:.2em;color:var(--muted)}.next-game h2{margin-bottom:0;display:flex;justify-content:space-between}.next-game h2 b{font:60px sans-serif;font-weight:300;transition:transform .3s}.next-game:hover h2 b{transform:translateX(12px)}footer{display:flex;justify-content:space-between;padding:25px 6%;font-size:10px;letter-spacing:.03em;color:var(--muted)}.le{--bg:#f5efde;--ink:#254238;--muted:#637569;--accent:#9c592d;--line:#34584425}.le .hero:after{background:linear-gradient(180deg,#193c3020 30%,#f5efde20 50%,var(--bg) 100%)}.le .hero-copy{inset:auto 6% 70px;text-align:left;max-width:900px}.le h1{font-weight:600;font-size:clamp(85px,12vw,170px);text-shadow:0 2px 20px #f5efde77}.le .hero-foot{color:#254238}.le .hero .eyebrow{color:#345d43}.le .scroll-mark{margin-left:0;border-color:#52775870}.le .hero-art{object-position:40% center}.le .panorama:after{background:linear-gradient(90deg,#e8ecd8f0,#e8ecd8b0 40%,transparent 70%)}.le .panorama{border-radius:4px}.le .panorama .panel{padding-right:5%;max-width:520px}.le .quote{background:#eae6d2}.le .next-game{background:#dfe5cd}.le .next-game h2{color:#254238}.le .art-tag{color:#244237}.le .opening{padding-top:100px}.le .hero-copy .tagline{font-size:30px}.pill{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:50%;font-size:9px;letter-spacing:.1em}.hub{padding:130px 6%;max-width:1300px;margin:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-tile img{width:100%;aspect-ratio:1.4;object-fit:cover}.game-tile h2{font-size:45px}.button{display:inline-block;padding:12px 20px;border:1px solid var(--line)}@keyframes arrive{from{transform:scale(1.04);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:700px){header{padding:22px 6%;font-size:9px}.brand span{display:none}.nav{gap:20px}.brand b{width:26px;height:26px}.hero{height:780px;min-height:0}.hero-art{object-position:56% center}.hero-copy{inset:auto 6% 80px;text-align:left}.hero h1{font-size:95px}.hero .tagline{font-size:25px}.hero .eyebrow{max-width:260px;line-height:1.8}.hero .scroll-mark{margin-left:0}.hero-foot{font-size:8px;gap:20px}.rail{font-size:8px;gap:16px;padding:20px 6%;flex-wrap:wrap;justify-content:flex-start}.opening,.le .opening{padding:65px 0;grid-template-columns:1fr;gap:0}.opening .copy{padding-top:0}.opening h2,h2{font-size:48px}.initial{font-size:80px}.panorama{margin:0;min-height:700px;align-items:end}.panorama img{object-position:50% center}.panorama:after{background:linear-gradient(0deg,#061719f5,#061719a0 45%,transparent 80%)}.panorama .panel,.le .panorama .panel{padding:40px 7% 60px}.panorama h2{font-size:48px}.le .panorama:after{background:linear-gradient(0deg,#f5efdefa,#f5efdece 42%,transparent 78%)}.le .panorama img{object-position:72% center}.le .hero-copy{inset:auto 6% 80px}.le .hero:after{background:linear-gradient(180deg,transparent 20%,#f5efde70 45%,#f5efdefa 85%)}.le .hero-art{object-position:24% center}.le h1{font-size:90px}.le .hero-copy .tagline{font-size:27px}.explore{padding:65px 0}.explore-head{display:block}.tabs button{padding:16px 5px}.tabs button strong{font-size:23px}.tab-panel{grid-template-columns:1fr;gap:10px;padding:35px 0;min-height:310px}.tab-panel h3{font-size:37px}.quote{padding:50px 8%;margin:0}.quote p{font-size:33px}.trailer{grid-template-columns:1fr;gap:30px;padding:60px 0}.status{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.next-game{padding:50px 7%}.next-game h2{font-size:44px}.next-game h2 b{font-size:40px}footer{display:block;line-height:2}.grid{grid-template-columns:1fr}.hub{padding-top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}*{transition:none!important}}
.next-game b{font-family:Arial,sans-serif}
.le h1{font-size:clamp(80px,10.7vw,170px)}
@media(max-width:700px){.le h1{font-size:clamp(52px,14.3vw,92px)}.le .hero-art{object-position:60% center}}