@font-face{font-family:Cormorant;src:url('./fonts/cormorant-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('./fonts/cormorant-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Cormorant;src:url('./fonts/cormorant-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#080e0e;--surface:#101817;--paper:#f8efdf;--muted:#b5b9ad;--copper:#e6a367;--line:#624633;--serif:Cormorant,Georgia,serif;--sans:Arial,Helvetica,sans-serif;--move-x:0px;--move-y:0px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,img{vertical-align:middle}img{max-width:100%}button{border:0}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid #ffd5a8;outline-offset:6px}a,button{touch-action:manipulation}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.04}.icon-button img,.game-tab>img,.preview-hint img,.text-control img,.inline-link img,.back-top img,.copper-button img,.discover-cue img{filter:invert(91%) sepia(16%) saturate(480%) hue-rotate(338deg) brightness(107%)}.skip-link{position:fixed;left:20px;top:-90px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:99}.skip-link:focus{top:14px}
.opening{position:relative;isolation:isolate;max-width:2160px;margin-inline:auto;height:clamp(840px,76.376vw,1460px);overflow:hidden;background:#080e0e}.world-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(var(--move-x),var(--move-y)) scale(1.025);will-change:transform;z-index:-2}#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.site-header{height:80px;margin:0 5.5%;border-bottom:1px solid #89552c;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:14px;line-height:1}.brand img{object-fit:contain}.brand strong{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase}.brand small{display:block;margin-top:8px;text-align:center;text-transform:uppercase;letter-spacing:6px;font-size:10px;color:#d5bda0}.site-header nav{display:flex;gap:52px;align-items:center}.site-header nav a{position:relative;font-family:var(--serif);font-size:21px;padding:8px 0}.site-header nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover:after,.site-header nav a.current:after{transform:scaleX(1)}
.hero-intro{position:absolute;left:5.5%;top:13.7%;z-index:2}.statement{font:600 clamp(48px,4.7vw,90px)/.96 var(--serif);letter-spacing:-1.8px;text-shadow:0 2px 25px #000}.statement span{color:#efc398}.intro-sub{font:500 clamp(22px,2.1vw,40px)/1.1 var(--serif);color:#d9d1c5;margin-top:17px}.hero-identity{position:absolute;left:50%;top:1.1%;transform:translateX(-50%);text-align:center;width:40%;z-index:3;pointer-events:none}.hero-crest{width:45%;max-width:345px;height:auto;filter:drop-shadow(0 0 20px #de823925);transform:translate(calc(var(--move-x) * -.6),calc(var(--move-y) * -.6))}.hero-identity h1{font-size:clamp(40px,4.75vw,88px);font-weight:500;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;color:#efbf8d;text-shadow:0 2px 8px #000;margin-top:-5px}.studio-descriptor{font-family:var(--serif);font-size:clamp(13px,1.65vw,30px);text-transform:uppercase;letter-spacing:.5em;display:flex;align-items:center;gap:18px;justify-content:center;margin:0 auto;width:87%;white-space:nowrap;color:#efd1ae}.studio-descriptor:before,.studio-descriptor:after{content:'';height:1px;background:#bb7b47;flex:1;min-width:25px}
.game-invitation{position:absolute;right:5.5%;bottom:4.5%;width:39%;z-index:2;text-align:center;text-shadow:0 2px 18px #000}.game-invitation h2{font-size:clamp(52px,6.1vw,112px);letter-spacing:-2.2px}.game-tagline{font:500 clamp(20px,1.65vw,31px)/1.3 var(--serif)}.slogan{font:500 clamp(12px,1.05vw,18px)/1.6 var(--serif);color:#f3b477;letter-spacing:.15em;margin:13px 0 17px}.copper-button{min-height:58px;padding:15px 24px;border:1px solid #db9558;background:#613116;box-shadow:inset 0 1px 0 #f8bc8780,0 4px 22px #0007;display:flex;align-items:center;justify-content:center;gap:24px;font:500 17px/1.3 var(--serif);letter-spacing:.07em;text-transform:uppercase;transition:background .25s,box-shadow .25s,transform .25s;position:relative}.game-invitation .copper-button{margin:0 auto;width:88%}.copper-button:hover{background:#86502b;box-shadow:inset 0 1px 0 #ffdaa4,0 0 24px #eaa05529;transform:translateY(-2px)}.copper-button img{transition:transform .25s;flex-shrink:0}.copper-button:hover img{transform:translateX(5px)}.world-links{display:flex;align-items:center;justify-content:center;gap:0;margin-top:16px;font:400 17px var(--serif)}.world-links a{padding:5px 20px;border-right:1px solid #b9b09c4d;transition:color .2s}.world-links a:hover{color:#ffc891}.beta{font:500 8px var(--sans);text-transform:uppercase;letter-spacing:2px;border:1px solid #ac9c804d;padding:5px 10px;margin-left:20px;white-space:nowrap}.scene-tools{position:absolute;bottom:22px;left:5.5%;z-index:4;display:flex;gap:20px;align-items:center}.text-control{background:#080e0e99;padding:8px 12px;display:flex;align-items:center;gap:7px;color:#e0d3bd;font-size:11px;border:1px solid #ccb39433;transition:background .2s}.text-control:hover{background:#30261b}.art-note{font-size:9px;color:#aba99d;letter-spacing:1px;text-transform:uppercase}.discover-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);padding:10px;z-index:3;opacity:.7}.discover-cue:hover{opacity:1}
.section{padding:96px max(6%,calc((100% - 1260px)/2));scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.eyebrow{font:500 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:2.5px;color:var(--copper);margin-bottom:14px}.section h2{font-size:clamp(40px,4vw,65px);letter-spacing:-1px}.section-heading>p{color:var(--muted);font:400 19px/1.4 var(--serif);padding-bottom:5px}.game-section{background:#0a1211;border-top:1px solid #b77c3838}.game-explorer{border:1px solid #73533966;background:#101817}.game-tabs{display:flex;border-bottom:1px solid #73533966}.game-tab{background:transparent;padding:23px 28px;display:flex;align-items:center;gap:16px;flex:1;text-align:left;border-bottom:2px solid transparent;transition:background .3s,border-color .3s}.game-tab:first-child{border-right:1px solid #73533966}.game-tab strong{display:block;font:500 25px/1.1 var(--serif);margin-bottom:5px}.game-tab small{font-size:11px;color:var(--muted);letter-spacing:.3px}.game-tab[aria-pressed=true]{background:#bd824014;border-bottom-color:var(--copper)}.game-tab[aria-pressed=true] strong{color:#f0c79d}.game-tab:hover{background:#b8935420}.explorer-content{display:grid;grid-template-columns:1.22fr 1fr;gap:40px;padding:36px}.preview-pane{min-width:0}.screenshot-button{display:block;width:100%;position:relative;overflow:hidden;padding:0;background:#06100d;aspect-ratio:16/10}.screenshot-button>img,.nojs-preview{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s}.screenshot-button:hover>img{transform:scale(1.025)}.preview-hint{display:flex;gap:8px;align-items:center;position:absolute;right:14px;bottom:14px;background:#081310e8;border:1px solid #d4c7a15c;padding:7px 10px;font-size:11px;backdrop-filter:blur(8px)}.preview-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px}.preview-caption p{font:400 17px/1.25 var(--serif)}.preview-controls{display:flex;gap:9px;align-items:center}.preview-controls span{font:400 10px var(--sans);letter-spacing:1px;white-space:nowrap;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #a5824d44;transition:background .2s}.icon-button:hover{background:#c796502b}.capture-note{font-size:9px;letter-spacing:.4px;color:#939b8f;margin-top:4px}.game-details{padding:8px 0;align-self:center}.game-details h3{font-size:clamp(34px,3.5vw,55px);margin-bottom:18px}.game-details>p:not(.eyebrow):not(.availability){font-size:14px;line-height:1.8;color:#c1c4b8;max-width:390px}.game-details ul{margin:20px 0 25px;padding-left:18px;color:#d1ccba;font-size:12px;line-height:2}.game-details li::marker{color:var(--copper)}.game-details .copper-button{justify-content:space-between;font-size:14px;width:100%;max-width:370px;letter-spacing:.02em;min-height:52px}.availability{font-size:10px;color:#abae9f;margin-top:9px}.studio-section{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:8%;border-bottom:1px solid #6a513633}.studio-symbol{text-align:center}.studio-symbol img{width:230px;filter:drop-shadow(0 0 50px #bd793b15)}.studio-story{max-width:600px}.studio-story>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#b8bdaf;margin-top:23px}.inline-link{display:inline-flex;align-items:center;gap:14px;margin-top:28px;font-size:13px;color:#ebbc8a;border-bottom:1px solid #8d5a2d;padding-bottom:7px;transition:color .2s}.inline-link:hover{color:#fff1d9}.inline-link img{transition:transform .25s}.inline-link:hover img{transform:translate(3px,-3px)}.contact-section{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-copy{font-size:14px;color:#b8bdaf;line-height:1.9}.contact-email{font-size:16px}.site-footer{padding:32px 6%;border-top:1px solid #69503966;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#acae9f}.footer-brand strong{font-size:19px;letter-spacing:1px;color:#e6d3b9}.footer-brand small{font-size:8px;letter-spacing:4px}.footer-brand{gap:10px}.back-top{display:flex;align-items:center;gap:10px}.back-top:hover{color:#f5d4b1}
dialog{padding:20px;background:#101817;color:var(--paper);border:1px solid #b87c41;max-width:min(1150px,94vw);width:1150px;max-height:92svh;overflow:auto;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#020707e0;backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.dialog-top p{font-family:var(--serif);font-size:24px}#large-screenshot{display:block;max-height:73svh;max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto}.dialog-note{font-size:11px;color:var(--muted);margin-top:14px}.dialog-open{overflow:hidden}dialog[open]{animation:dialog-reveal .3s ease-out}
@keyframes crest-arrive{from{opacity:0;filter:drop-shadow(0 0 45px #ff7f3590);translate:0 12px}to{opacity:1;filter:drop-shadow(0 0 20px #de823925);translate:0 0}}@keyframes text-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes dialog-reveal{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes panel-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}.motion-active .hero-crest{animation:crest-arrive 1.5s ease-out both}.motion-active .hero-intro{animation:text-arrive 1.1s .15s both}.motion-active .hero-identity h1,.motion-active .studio-descriptor{animation:text-arrive 1s .35s both}.motion-active .game-invitation{animation:text-arrive 1s .65s both}.motion-active .reveal{transition:opacity .7s,translate .7s}.motion-active .reveal.is-waiting{opacity:1;translate:0 20px}.motion-active .switching{animation:panel-arrive .35s ease-out}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;translate:0 0!important}.motion-paused .world-art,.motion-paused .hero-crest{will-change:auto;--move-x:0px;--move-y:0px}
.menu-toggle{display:none}html.motion-paused{scroll-behavior:auto}
@media(min-width:1800px){.hero-identity{width:42%}.hero-intro{top:15%}.game-invitation{bottom:6%}.game-invitation .copper-button{max-width:600px;min-height:68px;font-size:22px}.world-links{font-size:22px}.beta{font-size:10px}.site-header{height:94px}.brand strong{font-size:30px}}
@media(max-width:1100px){.site-header{margin:0 4%;height:74px}.brand strong{font-size:21px;letter-spacing:1.5px}.brand img{width:48px;height:48px}.brand small{letter-spacing:4px;font-size:9px}.site-header nav{gap:30px}.hero-identity{top:10%;width:45%}.hero-identity h1{font-size:4.7vw}.hero-crest{width:47%}.hero-intro{top:17%;left:4%}.statement{font-size:4.7vw}.intro-sub{font-size:2.3vw}.game-invitation{width:48%;right:3%;bottom:8%}.game-invitation h2{font-size:6.8vw}.game-tagline{font-size:22px}.slogan{font-size:12px}.world-links a{padding:5px 13px}.beta{margin-left:12px}.explorer-content{gap:28px;padding:26px}.section{padding:70px 5%}.scene-tools{left:4%}.discover-cue{left:40%}}
@media(max-width:700px){.opening{height:940px;max-height:none}.world-art{object-position:61% center;opacity:.82}.site-header{height:76px;margin:0 6%;align-items:center}.brand{gap:8px}.brand strong{font-size:19px;letter-spacing:1.4px}.brand small{font-size:7px;letter-spacing:4px}.brand img{width:41px;height:41px}.menu-toggle:not([hidden]){display:inline-flex}.site-header nav{position:absolute;top:75px;right:0;min-width:190px;background:#101917f5;border:1px solid #87603d;padding:16px 24px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 14px 40px #0009;backdrop-filter:blur(16px)}.js-enabled .site-header nav:not(.is-open){display:none}.site-header nav a{font-size:24px}.hero-identity{top:100px;width:91%}.hero-crest{width:155px;height:155px}.hero-identity h1{font-size:clamp(30px,10vw,40px);letter-spacing:.2px;margin-top:-3px}.studio-descriptor{font-size:14px;letter-spacing:.45em;width:73%;gap:12px}.hero-intro{top:350px;left:6%;width:88%;text-align:center}.statement{font-size:49px;letter-spacing:-1.3px;text-shadow:0 2px 18px #000,0 2px 55px #000}.statement br{display:none}.intro-sub{font-size:23px;margin-top:15px;text-shadow:0 2px 14px #000}.intro-sub br{display:none}.game-invitation{width:90%;right:5%;bottom:87px;padding:22px 4px 8px;background:#07100dd9;backdrop-filter:blur(5px);border:1px solid #c8924833}.game-invitation h2{font-size:51px;letter-spacing:-1.2px}.game-tagline{font-size:21px;margin-top:3px}.slogan{font-size:10px;letter-spacing:.07em;margin:13px 0}.game-invitation .copper-button{width:94%;padding:16px 10px;gap:12px;font-size:14px;min-height:56px}.world-links{font-size:15px;flex-wrap:wrap;gap:10px;margin:12px 0}.world-links a{padding:0 12px}.beta{font-size:7px;margin-left:0;padding:4px 6px;letter-spacing:1.2px}.scene-tools{left:6%;bottom:24px;gap:12px}.art-note{font-size:7px;letter-spacing:.6px}.discover-cue{left:auto;right:5%;transform:none;bottom:23px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px;font-size:18px}.section h2{font-size:43px}.game-tab{padding:18px 12px;gap:9px}.game-tab strong{font-size:22px}.game-tab small{font-size:9px}.game-tab>img{width:21px;height:21px}.explorer-content{display:flex;flex-direction:column;gap:27px;padding:17px}.game-details{padding:4px 6px 10px}.game-details h3{font-size:43px}.game-details>p:not(.eyebrow):not(.availability){font-size:14px}.game-details .copper-button{max-width:none}.preview-caption p{font-size:16px}.preview-controls{gap:3px}.preview-controls .icon-button{width:32px;height:36px}.studio-section{display:flex;flex-direction:column;gap:28px;text-align:center}.studio-symbol img{width:130px}.studio-story>p:not(.eyebrow){font-size:14px}.contact-section{display:block}.contact-copy{margin-top:24px;font-size:13px}.contact-email{font-size:14px;gap:9px}.site-footer{padding:28px 6%;flex-wrap:wrap;gap:20px}.footer-brand{flex-basis:100%}.site-footer>p{font-size:9px}.back-top{font-size:9px;gap:7px}.dialog-top p{font-size:20px}dialog{padding:12px}.dialog-note{font-size:10px}.dialog-top .icon-button{flex-shrink:0}}
@media(max-width:370px){.brand strong{font-size:16px}.brand small{letter-spacing:3px}.hero-identity h1{font-size:10vw}.statement{font-size:43px}.game-invitation h2{font-size:46px}.game-tagline{font-size:19px}.game-tab{gap:6px;padding:15px 9px}.game-tab strong{font-size:20px}.game-tab small{font-size:8px}.game-tab>img{width:18px}.preview-caption{align-items:start}.preview-caption p{max-width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:0 0!important}.world-art,.hero-crest{transform:none;will-change:auto}}
/* Readability overlays sit above the artwork without replacing its composition. */
.opening:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(3,9,10,.48) 0%,rgba(3,9,10,.36) 29%,transparent 42%,transparent 67%,rgba(3,9,10,.36) 85%,rgba(3,9,10,.55) 100%)}
.hero-identity h1{font-size:clamp(40px,4.3vw,83px);letter-spacing:.7px;margin-top:-14px}
.game-invitation h2{font-weight:600}
@media(min-width:2161px){.hero-identity{width:40%}.studio-descriptor{width:78%}.hero-intro{top:14%}.hero-identity h1{font-size:83px}}
@media(max-width:700px){.opening:before{background:linear-gradient(180deg,rgba(3,9,10,.25),rgba(3,9,10,.35) 43%,transparent 64%,rgba(3,9,10,.4))}.hero-identity h1{font-size:clamp(30px,10vw,40px);letter-spacing:.2px;margin-top:-3px}.hero-intro{background:#08131080;padding:12px 8px 18px;backdrop-filter:blur(3px)}.statement{font-size:46px}.intro-sub{font-size:22px}}
.studio-symbol img{height:auto}
.site-header{border-bottom:0}
.site-header:before,.site-header:after{content:'';position:absolute;bottom:0;width:40%;height:1px;background:#89552c;pointer-events:none}
.site-header:before{left:0}.site-header:after{right:0}
@media(max-width:700px){.site-header:before{width:100%}.site-header:after{display:none}.game-tab{display:block;flex-basis:0;min-width:0;padding:17px 13px}.game-tab>img{margin-bottom:9px}.game-tab strong{font-size:clamp(18px,5.65vw,22px);white-space:nowrap}.game-tab small{font-size:9px}}
.game-invitation h2{position:relative;height:clamp(75px,7.3vw,150px);font-size:0;line-height:0}
.game-title{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%)}
.copper-button{border:0;box-shadow:none;background:transparent url('./copper-button.png') center/100% 246% no-repeat;filter:drop-shadow(0 4px 10px #0006)}
.copper-button:hover{background:transparent url('./copper-button.png') center/100% 246% no-repeat;box-shadow:none;filter:brightness(1.16) drop-shadow(0 0 14px #ce7a3b22)}
@media(max-width:700px){.game-invitation h2{height:80px}}
.skip-link{top:0;clip-path:inset(100%);width:1px;height:1px;padding:0;overflow:hidden}
.skip-link:focus{top:14px;clip-path:none;width:auto;height:auto;padding:12px 20px;overflow:visible}
@media(max-width:370px){.game-details h3{font-size:36px}.section h2{font-size:36px}}
