@layer base, layout, components, responsive;
@layer base {
  @font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-garamond.ttf') format('truetype');font-display:swap}
  :root { color-scheme: dark; --ink:#17191b; --paper:#f4f3ef; --accent:#c5a77a; --line:rgba(255,255,255,.4); font-family:Arial,Helvetica,sans-serif; color:var(--paper); background:#101113; }
  * {box-sizing:border-box} body{margin:0;padding:6px;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default;opacity:.5}button[aria-disabled=true]{cursor:not-allowed;opacity:.65}h1,h2,p{margin:0}button{touch-action:manipulation} .sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .skip:focus{position:fixed;left:20px;top:20px;background:var(--paper);color:var(--ink);z-index:100;padding:12px}
}
@layer components{
 .mobile-identity{display:none}nav a{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}nav a:hover{color:var(--accent)}
 .destination-page main{height:auto;min-height:calc(100svh - 12px);overflow:visible;background:#17191b}
 .destination-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #ffffff30}.destination-header>a{font:20px Georgia,serif}
 .destination-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding:22px;margin-top:auto}
 .menu-list a{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #ffffff30;font:clamp(36px,5vw,70px) Georgia,serif}.menu-list a:hover{color:var(--accent)}
 .authentic-game{min-height:calc(100svh - 90px);padding:40px 5vw 25px;display:flex;flex-direction:column;gap:25px}.authentic-game h1,.catalogue h1{font-family:Cormorant,Georgia,serif;font-size:clamp(46px,6vw,100px)}.game-heading .eyebrow{font:10px Arial,sans-serif;letter-spacing:.22em}
 .release-state,.game-heading .release-state{font:10px/1.7 Arial,sans-serif;letter-spacing:.18em;margin:20px 0;color:#dcdedc}.game-emblem{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.game-icon{width:min(29vw,310px);height:auto}.game-emblem>span{font-size:10px;letter-spacing:.1em;color:#bec3c7}.game-overview{padding:80px 8vw;border-top:1px solid #ffffff30}.game-overview h2{font:48px Cormorant,Georgia,serif;margin-bottom:20px}.game-overview p{max-width:600px;line-height:1.8;color:#cdd0d2}.media-pending{margin-top:50px;padding-top:30px;border-top:1px solid #ffffff25}.media-pending h3{font:28px Cormorant,Georgia,serif}
 .catalogue{padding:45px 7vw;flex:1}.single-game{display:flex;align-items:center;justify-content:center;gap:7vw;min-height:60vh}.single-game .text-action{display:inline-block;margin-top:25px}.catalogue-note{font:italic 22px Georgia,serif;margin:25px 0}
 .studio-destination{display:flex;flex-direction:column;align-items:center;padding-bottom:60px}.studio-destination>img{width:min(100%,1000px);height:auto}.studio-destination>div{width:min(84%,760px);padding-top:40px}.studio-destination h1{font:clamp(45px,6vw,80px) Georgia,serif}.studio-destination p:not(.eyebrow){line-height:1.8;margin:30px 0;color:#cdd0d2}.integration-note{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;gap:20px}.integration-note h3{font:38px Cormorant,Georgia,serif;margin:0}.integration-note p{line-height:1.8;max-width:550px;color:#cdd0d2}.preview-detail{font-size:12px}.fine-rule{width:70px;height:2px;background:var(--accent)}
}
@layer layout {
  main{height:calc(100svh - 12px);min-height:510px;display:flex;flex-direction:column;overflow:hidden}
  .experience{position:relative;isolation:isolate;flex:1;min-height:0;overflow:hidden;background:#19323d}
  .world,.foreground,.shade{position:absolute;inset:0;pointer-events:none}
  .world,.foreground{background-image:url('./assets/concept-world.png');background-size:cover;background-position:center 44%}
  .world{z-index:-3;animation:world-breathe 24s ease-in-out infinite alternate;transform-origin:60% 55%}
  .shade{z-index:-2;background:linear-gradient(180deg,rgba(1,13,18,.25),transparent 16%,transparent 62%,rgba(1,13,18,.08))}
  .header{padding:15px 25px;display:flex;gap:24px;align-items:center;position:relative;z-index:5}
  .identity{font-size:clamp(10px,.94vw,15px);font-weight:700;letter-spacing:.09em;white-space:nowrap}
  .preview-label{margin:auto;display:flex;align-items:center;gap:24px;white-space:nowrap;font-size:clamp(8px,.72vw,11px);letter-spacing:.29em;font-weight:bold}
  .preview-label:before,.preview-label:after{content:'';width:clamp(25px,5vw,100px);height:1px;background:var(--line)}
  nav{display:flex;gap:26px;align-items:center}nav button{padding:0;min-height:28px;font-size:clamp(12px,1.1vw,17px);font-weight:600;white-space:nowrap}nav button:hover{color:var(--accent)}
  .feature{position:absolute;left:2.1%;top:21%;display:flex;gap:28px;align-items:center}
  .vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.18em;display:flex;gap:20px;align-items:center}.vertical-label:before{content:'';display:block;width:1px;height:62px;background:var(--paper)}
  h1{font:400 clamp(33px,3.75vw,66px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:.005em;text-shadow:0 2px 20px #17191b44}
  .discover{font:400 clamp(17px,1.5vw,25px)/1.5 Georgia,serif;padding:5px 0}.discover span{display:inline-block;transition:transform .25s}.discover:hover span{transform:translateX(6px)}
  .inspect{position:absolute;right:2%;bottom:28%;padding:12px 3px 9px;border-bottom:2px solid var(--accent);font-size:clamp(12px,1vw,16px);background:linear-gradient(90deg,transparent,#15171aa0);z-index:4}.inspect:hover{background:#17191bd9}
  .masthead{position:absolute;left:1.4%;right:1.4%;height:25%;bottom:-.5%;z-index:1;pointer-events:none}.masthead svg{width:100%;height:100%;overflow:visible}.masthead text{font-family:Impact,'Arial Narrow',sans-serif;font-size:240px;font-weight:900;fill:var(--paper);filter:url(#grain)}
  .foreground{z-index:2;clip-path:polygon(0 84%,0 86%,48% 100%,55% 100%);background-position:center 44%;opacity:.97}
  .control-bar{min-height:50px;background:var(--paper);color:#101518;display:flex;align-items:center;gap:28px;padding:10px 25px;z-index:6}.control-bar p{font:italic clamp(16px,1.5vw,25px)/1.2 Georgia,serif;white-space:nowrap}.rule{height:1px;background:#253038;flex:1;margin:0 8px 0 15px}.control-bar button{font-size:12px;white-space:nowrap;min-height:28px;padding:0 0 0 25px;border-left:1px solid #142229}.control-bar .film-button{font-size:15px;font-weight:bold;border-left:0;padding-left:0}.film-button span{font-size:24px;vertical-align:-2px}.control-bar button:hover{color:var(--accent-hover)}
  @keyframes world-breathe{from{transform:scale(1)}to{transform:scale(1.016)}} .motion-paused .world{animation-play-state:paused}
}
@layer components{
  dialog{width:100%;max-width:none;height:100%;max-height:none;border:0;padding:0;margin:0;background:#17191b;color:var(--paper);overscroll-behavior:contain}dialog::backdrop{background:#111315e6}dialog[open]{animation:panel-in .28s ease-out}.panel-header{position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#17191bed;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff25}.back-link{font:20px Georgia,serif}.close-button{font-size:14px;min-height:40px}.close-button span{font-size:24px;vertical-align:-2px;margin-left:10px}
  .game-view{min-height:calc(100svh - 80px);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:45px 5vw}.game-view:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(#071b2890,#071b2800 35%,#071b28e8),url('./assets/concept-world.png') center/cover}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;margin-bottom:20px}.game-view h2,.object-title{font:400 clamp(40px,5vw,90px)/1.1 Georgia,serif}.game-heading{text-align:center}.game-heading p{margin-top:14px;font:italic 22px Georgia,serif}.game-actions{display:flex;gap:30px;align-items:end;justify-content:space-between}.game-actions p{font-size:13px;max-width:280px;line-height:1.6}.text-action{border-bottom:1px solid var(--accent);padding:15px 0;font:22px Georgia,serif}.text-action:hover{color:var(--accent)}
  .text-panel{max-width:950px;padding:8vh 7vw;margin:auto}.text-panel h2{font:400 clamp(45px,6vw,90px)/1.1 Georgia,serif;margin-bottom:30px}.text-panel p{line-height:1.8;max-width:600px;color:#cdd0d2}.text-panel .text-action{display:inline-block;margin-top:30px}.menu-list{list-style:none;padding:0;margin:0}.menu-list button{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #ffffff30;padding:22px 0;font:clamp(36px,5vw,70px) Georgia,serif}.menu-list small{font:11px Arial;letter-spacing:.15em}.menu-list button:hover{color:var(--accent)}
  .object-view{height:calc(100svh - 81px);min-height:450px;display:flex;flex-direction:column}.object-heading{padding:22px 5vw;text-align:center}.object-title{font-size:clamp(32px,3vw,52px)}.viewer-slot{position:relative;flex:1;min-height:240px;overflow:hidden}.viewer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 55%;transform:scale(1.45);transform-origin:85% 55%}.viewer-notice{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;background:#202327ef;padding:14px 20px;text-align:center;font-size:12px;line-height:1.7;border:1px solid #ffffff40}.viewer-notice strong{display:block;font-size:14px}.viewer-slot iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff35;padding:15px 4vw;font-size:12px}.viewer-footer button{padding:10px}.viewer-footer button:hover{color:var(--accent)}.film-view video{display:block;width:100%;max-height:70vh;background:#000}.film-empty{position:relative;height:50vh;min-height:240px;background:linear-gradient(#06212b55,#06212bc0),url('./assets/concept-world.png') center/cover;display:grid;place-items:center;padding:30px;text-align:center}.film-empty p{background:#202327e6;padding:22px;line-height:1.8}.film-empty strong{display:block;font:28px Georgia,serif}.film-caption{padding:25px;text-align:center;font-size:12px;color:#c1c5c8}
  @keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@layer responsive{
 .destination-page main{height:auto;min-height:100svh;overflow:visible}.destination-page main>section,.destination-page main>header,.destination-page main>nav{flex-shrink:0}
 @media(max-width:760px){.desktop-identity{display:none}.mobile-identity{display:block;font:700 25px/1 Impact,'Arial Narrow',sans-serif;letter-spacing:.02em}.mobile-identity small{display:block;font:8px Arial,sans-serif;letter-spacing:.35em;margin-top:5px}.header nav>a{display:none}.header{background:#202327!important;min-height:70px}.preview-label{top:82px!important}.feature{bottom:8%!important;text-align:center;justify-content:center}.feature h1{font-size:clamp(36px,9vw,58px)}.feature .vertical-label{left:50%;transform:translateX(-50%);white-space:nowrap}.masthead{display:none}.inspect{bottom:0!important;right:0!important;left:0;text-align:center;background:#292c30!important;color:#17191b;border-bottom:1px solid #17191b;transform:translateY(100%);z-index:8}.experience{overflow:visible}.world,.shade{overflow:hidden}.control-bar{margin-top:43px}.destination-header{padding:15px 18px}.destination-header nav>a{display:none}.destination-header>a{font-size:16px}.destination-links{gap:10px 24px;padding:20px}.destination-links a{font-size:12px}.single-game{flex-direction:column;gap:30px;align-items:start;padding:30px 0}.game-icon{width:min(56vw,260px)}.authentic-game{padding:30px 22px;gap:25px}.game-actions{margin-top:25px}.authentic-game .game-heading h1{font-size:48px}.game-overview{padding:50px 24px}.catalogue{padding:40px 24px}.catalogue h1{font-size:48px}}
 @media(min-width:1800px){.control-bar{min-height:66px}.header{padding-top:22px}.vertical-label{font-size:14px}}
 @media(max-width:1100px){.preview-label:before,.preview-label:after{display:none}.header{gap:15px;padding:15px 18px}nav{gap:18px}.preview-label{font-size:8px;letter-spacing:.17em}.control-bar{gap:18px;padding-inline:20px}.control-bar button{padding-left:16px}.feature{gap:20px}}
 @media(max-width:760px){body{padding:0}main{height:100svh;min-height:680px}.header{padding:18px 20px;align-items:start;background:linear-gradient(#181a1db0,transparent)}.identity{max-width:185px;white-space:normal;font-size:10px;line-height:1.5;letter-spacing:.13em}.preview-label{position:absolute;top:65px;left:20px;font-size:7px;letter-spacing:.19em;opacity:.8}nav{margin-left:auto}nav button:not(.menu-button){display:none}nav .menu-button{font-size:14px}.world,.foreground{background-position:58% center}.world{animation:none}.shade{background:linear-gradient(180deg,#07151a20 45%,#071e32cc 78%,#071e3280)}.feature{left:22px;right:22px;top:auto;bottom:21%;gap:14px;align-items:start}.vertical-label{writing-mode:initial;transform:none;position:absolute;top:-30px;font-size:9px}.vertical-label:before{height:1px;width:22px}h1{font-size:clamp(35px,9vw,60px)}.discover{font-size:19px}.inspect{right:22px;bottom:13.5%;font-size:11px;min-height:42px}.masthead{height:12%;left:4%;right:4%;bottom:0}.foreground{display:none}.control-bar{flex-wrap:wrap;gap:0;padding:12px 20px;min-height:105px}.control-bar p{font-size:17px;width:100%;padding-bottom:9px}.rule{display:none}.control-bar button{flex:1;min-height:34px;padding:0 10px;font-size:11px}.control-bar .film-button{font-size:13px;text-align:left;flex:1.4}.panel-header{padding:12px 20px}.back-link{font-size:16px}.game-view{padding:35px 22px;min-height:calc(100svh - 65px)}.game-view:before{background-position:58% center}.game-actions{align-items:start;flex-direction:column;gap:15px}.text-panel{padding:8vh 24px}.menu-list button{padding:25px 0}.object-view{height:calc(100svh - 65px)}.viewer-footer{padding:10px 15px;font-size:10px}.viewer-poster{object-position:75% center;transform:scale(1.2)}.viewer-notice{width:85%}.game-heading p{font-size:18px}}
 @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}