@import url('/fonts.css');
:root{--ink:#102927;--paper:#f0eee5;--gold:#e3c993;--muted:#a5b4a8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{cursor:pointer}header{height:88px;position:absolute;z-index:5;top:0;width:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #fff3;background:#0a201b45}header nav{display:flex;gap:28px;font-size:12px}header a:hover{color:var(--gold)}.brand{font:22px Georgia,serif;letter-spacing:2px;white-space:nowrap}.brand span{font:11px Manrope,sans-serif;border:1px solid currentColor;padding:4px;vertical-align:middle;letter-spacing:0}.nav-download{font-size:12px;border-bottom:1px solid var(--gold);padding:8px 0}.skip{position:fixed;top:-100px;left:15px;background:var(--paper);color:var(--ink);z-index:99;padding:12px}.skip:focus{top:10px}.hero{min-height:850px;height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:135px 8% 100px}.hero-art{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:62% center;opacity:.76;animation:drift 35s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081c17ef 0%,#0b231b9c 40%,#10292700 80%),linear-gradient(0deg,#102927,transparent 25%);pointer-events:none}.hero-copy{z-index:1;position:relative;max-width:750px}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;text-transform:uppercase;margin:0 0 28px;color:var(--gold)}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.02;margin:0 0 30px}h1{font-size:clamp(64px,8.3vw,138px);letter-spacing:-3px}h2{font-size:clamp(45px,5.1vw,84px);letter-spacing:-1.5px}h3{font-size:34px;line-height:1.1;letter-spacing:-.5px}em{font-weight:400;color:var(--gold)}.lede{font-size:18px;max-width:700px;line-height:1.8;color:#d2d8ce}.hero .lede{max-width:480px}.button{display:inline-flex;gap:42px;justify-content:space-between;align-items:center;padding:20px 29px;font-size:13px;font-weight:600;margin:16px 12px 12px 0;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--gold);color:var(--ink)}.primary:hover{background:#f5dfb0}.outline{border:1px solid #d5ddc95e}.outline:hover{background:#ffffff12}.text-link{display:inline-block;border-bottom:1px solid #b9c3aa77;padding:8px 0;margin:20px;font-size:13px}.hero-bottom{position:absolute;left:8%;right:8%;bottom:35px;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.section{padding:120px 8%}.intro{background:var(--paper);color:var(--ink)}.intro em{color:#638477}.intro .eyebrow{color:#61705e}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.intro .lede{color:#506158}.stats{display:flex;justify-content:space-between;gap:20px}.stats strong{font:65px 'Cormorant Garamond',Georgia,serif;display:block}.stats span{font-size:11px;color:#6d776c}.wide-video{margin:65px 0 0}video{display:block;width:100%;background:#071915}figcaption{font-size:10px;margin-top:12px;opacity:.65}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.number{font-size:10px;letter-spacing:2px;display:block;color:var(--gold);margin-bottom:30px}.mechanics p{color:#b0c0b7}.mechanics a{border-bottom:1px solid #69796a}.realm-intro{padding-bottom:70px}.realm{min-height:810px;height:95svh;position:relative;display:flex;align-items:center;padding:8%;overflow:hidden}.realm-art{position:absolute;inset:-5%;background:linear-gradient(90deg,#071d18df,#071d1830),var(--realm-image) center/cover;transform:translateY(var(--shift,0px));will-change:transform}.realm-copy{position:relative;z-index:1;width:47%;max-width:550px}.realm-copy h2{font-size:clamp(58px,6vw,95px)}.realm-copy p:not(.eyebrow){max-width:385px;color:#e7e8dc;font-size:17px}.realm-film{position:absolute;right:6%;bottom:65px;width:35%;margin:0;border:1px solid #ffffff38;padding:8px;background:#12272180;box-shadow:0 20px 70px #0005}.realm-film figcaption{margin:8px 7px 0;color:#fff;opacity:.8;font-size:8px;letter-spacing:2px}.learn{background:#e6e8dc;color:var(--ink)}.learn em{color:#597664}.learn .eyebrow{color:#637566}.learn .lede{color:#526357}.note-card{margin-top:45px;padding:30px 0;border-top:1px solid #8d9b86}.note-card span{font-size:10px;letter-spacing:2px}.note-card h3{margin:28px 0}.note-card b{font-size:26px}.creator{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;align-items:center}.creator-mark{font:clamp(140px,22vw,350px) 'Cormorant Garamond',Georgia,serif;color:#cfcc9d;border:1px solid #aaaf7b40;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative}.creator-mark span{font-style:italic;margin-left:-.26em;transform:translateY(.13em);opacity:.6}.creator p{color:#bdc9ba}.creator .eyebrow{color:var(--gold)}.last-call{text-align:center;border-top:1px solid #b3c29b30;background:radial-gradient(ellipse at center,#385745,#102927 70%)}footer{padding:65px 8%;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #9daf8a33;font-size:12px;color:#bac5b6}footer p{margin:0}footer div{display:flex;flex-wrap:wrap;gap:22px}footer small{align-self:end}#motion-toggle{background:transparent;border:1px solid #97a88e66;color:inherit;padding:9px 16px;justify-self:start}.page-top{padding-top:180px;min-height:75vh}.page-top h1{font-size:clamp(58px,6vw,100px);max-width:1100px}.article{max-width:1160px;margin:auto}.article>p,.article>h2,.article>.formula{max-width:850px}.article h2{font-size:46px;margin-top:75px}.article p{font-size:17px;color:#c3d0c4}.article a:not(.button){color:var(--gold);border-bottom:1px solid #adab783e}.formula{background:#1d3b32;border-left:2px solid var(--gold);padding:30px;font:25px/1.8 Georgia,serif;margin:35px 0;overflow-x:auto}.article aside{margin-top:80px;border-top:1px solid #ffffff30;padding-top:30px}.article aside a{display:inline-block;margin:12px 25px 12px 0}.experiment{background:#09201b;padding:25px;border:1px solid #afbb9b3e;margin:40px 0}.experiment canvas{width:100%;height:330px;display:block}.experiment label{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.experiment input{flex:1;min-width:150px;accent-color:var(--gold)}.experiment output{min-width:75px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:70px 0}.download-grid article{padding:40px;background:#1b382f}.download-grid h2{font-size:65px}.download-grid h3{margin-top:35px}.small{font-size:12px!important;opacity:.7}.release-status{color:var(--gold)}.filters{display:flex;gap:30px;flex-wrap:wrap;margin-top:60px}.filters label{font-size:12px;display:grid;gap:10px}.filters input,.filters select{background:#17372c;color:#f0eee5;padding:12px 15px;border:1px solid #91a78060;border-radius:0;min-width:270px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.chapter-card{border:1px solid #a6b49644;background:#18332b;color:inherit;text-align:left;padding:0;overflow:hidden}.chapter-card img{width:100%;height:170px;object-fit:cover;transition:transform .5s}.chapter-card:hover img{transform:scale(1.04)}.chapter-card div{padding:22px}.chapter-card h3{font-size:27px;margin:10px 0}.chapter-card small{font-size:9px;letter-spacing:1px;color:var(--gold)}dialog{width:min(1100px,95vw);background:#122d25;border:1px solid #899a76;color:var(--paper);padding:25px}dialog::backdrop{background:#00120ce8}dialog h2{font-size:32px;margin:15px 0}dialog button{float:right;background:transparent;color:var(--gold);border:1px solid #6c7e61;padding:8px 14px}dialog p{font-size:12px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.controls b{display:inline-block;color:var(--gold);min-width:105px}.mist{position:absolute;inset:20% -50%;z-index:1;pointer-events:none;opacity:.13;background:radial-gradient(ellipse,#ccdcc9 0%,transparent 55%);animation:fog 24s ease-in-out infinite alternate}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s,transform .9s}.js .reveal.visible{opacity:1;transform:none}.motion-paused *{animation-play-state:paused!important}.motion-paused .realm-art{transform:none}.motion-paused .reveal{opacity:1;transform:none}@keyframes drift{to{transform:scale(1.08) translateX(-1%)}}@keyframes fog{to{transform:translate(20%,-15%) scale(1.2)}}@media(max-width:950px){header nav{gap:14px;font-size:10px}.brand{font-size:17px}.hero{min-height:780px}.split{grid-template-columns:1fr;gap:30px}.stats{justify-content:start;gap:50px}.realm{height:auto;min-height:850px;align-items:flex-start;padding-top:100px}.realm-copy{width:80%}.realm-film{width:45%;bottom:35px}.creator{gap:6%}.three{gap:4%}.section{padding-left:6%;padding-right:6%}}@media(max-width:650px){header{height:75px;padding:0 6%}header nav{display:none}.hero{height:95svh;min-height:740px;padding:125px 7% 85px}.hero-art{object-position:65%}.hero:after{background:linear-gradient(90deg,#071d18dd,#071d1850)}h1{font-size:72px;letter-spacing:-2px}.hero .lede{font-size:15px;max-width:320px}.hero .eyebrow{max-width:280px;font-size:8px}.hero-bottom{font-size:7px;left:7%;right:7%}.button{padding:18px 22px}.hero .text-link{margin-left:0}.section{padding:75px 7%}.page-top{padding-top:130px}.three,.creator,.download-grid{grid-template-columns:1fr}.three article{margin-bottom:45px}.stats{gap:28px}.stats strong{font-size:50px}.stats span{font-size:9px}.realm{min-height:850px;padding:75px 7%}.realm-copy{width:100%}.realm-copy h2{font-size:66px}.realm-copy p:not(.eyebrow){font-size:15px;max-width:310px}.realm-film{width:78%;right:7%;bottom:40px}.creator-mark{max-width:240px;font-size:200px;margin-bottom:45px}.creator h2{font-size:48px}.chapter-grid{grid-template-columns:1fr 1fr;gap:12px}.chapter-card img{height:115px}.chapter-card div{padding:14px}.chapter-card h3{font-size:23px}.download-grid{gap:25px;margin:40px 0}.download-grid article{padding:28px}.controls{grid-template-columns:1fr}.article p{font-size:16px}.article h2{font-size:36px}.experiment{padding:12px}.experiment canvas{height:240px}footer{grid-template-columns:1fr;padding:50px 7%;gap:25px}.filters>*{width:100%}.filters input,.filters select{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.realm-art{transform:none!important}}
/* Pointer-driven seasons and scroll-driven gameplay. */
.hero-art,.hero-other{animation:none;transform:scale(1.045) translate(var(--mx,0px),var(--my,0px));transition:transform .65s ease-out,opacity .8s ease-out}.hero-other{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;opacity:var(--season,0);pointer-events:none}.hero-copy,.hero-bottom{z-index:2}.realm{height:185vh;min-height:0;display:block;padding:0;overflow:visible}.realm-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;padding:90px 8%}.realm-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071d18dd,#071d1860 65%,#071d1820);pointer-events:none}.realm-art{transform:scale(1.07) translate(var(--mx,0px),var(--my,0px));transition:transform .6s ease-out}.realm-copy,.realm-film{z-index:2}.realm-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gold);transform:scaleX(var(--progress,0));transform-origin:left;z-index:3}.film-scrubber{display:block;width:100%;height:28px;accent-color:var(--gold);cursor:ew-resize}.realm-film figcaption{font-size:9px;letter-spacing:1px}.motion-paused .realm{height:auto}.motion-paused .realm-stage{position:relative}.motion-paused .hero-art,.motion-paused .hero-other,.motion-paused .realm-art{transform:none!important;transition:none!important}.motion-paused .hero-other{opacity:0}.motion-paused .realm-film figcaption{visibility:hidden}.motion-paused .realm-film figcaption:after{content:'EXPLORE THE FILM WITH THE SLIDER';visibility:visible;display:block}.realm:after{display:none}@media(max-width:950px){.realm{height:165vh;min-height:0;padding:0}.realm-stage{min-height:850px;padding:75px 7%;align-items:flex-start}}@media(max-width:650px){.realm-film{width:86%;bottom:34px}.realm-stage{min-height:800px}.realm{height:175vh}.hero-other{object-position:65%}}@media(prefers-reduced-motion:reduce){.realm{height:auto}.realm-stage{position:relative}.hero-other{opacity:0}}