@font-face{font-family:Barlow Condensed;src:url('/assets/fonts/BarlowCondensed-SemiBold.ttf?v=2b02a70b22468554e2115a4e0d862443f26bf7dc') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{color-scheme:dark;--ink:#ecebe4;--muted:#b5bec0;--dim:#859297;--accent:#d7b58b;--line:rgba(207,220,223,.2);--mono:'Courier New',monospace}
*{box-sizing:border-box}
html{min-width:320px;background:#0c1317}
body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{color:inherit}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
button{cursor:pointer}
svg{display:block;width:20px;height:20px;flex-shrink:0}
[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:10;padding:16px;background:var(--ink);color:#0c1317}
.skip-link:focus{transform:translateY(0)}
.landscape{position:fixed;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(5,11,15,.65),rgba(5,11,15,.2) 49%,rgba(5,11,15,.02) 78%),linear-gradient(0deg,#080e12 0%,rgba(8,14,18,.72) 12%,transparent 46%,rgba(8,14,18,.16) 100%),url('/assets/exclusion-zone.webp?v=2b02a70b22468554e2115a4e0d862443f26bf7dc');background-size:cover;background-position:center,center,center 58%;pointer-events:none}
.page-shell{position:relative;z-index:1;min-height:100svh;max-width:1920px;margin:auto;padding:0 clamp(24px,5.3vw,100px);display:flex;flex-direction:column}
.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}
.studio{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1.4}
.studio svg{width:30px;height:30px}
.studio__logo{display:block;width:54px;height:54px;object-fit:contain;flex-shrink:0}
.studio__second{display:block;letter-spacing:.36em;font-size:9px;font-weight:400;color:var(--muted)}
.studio:hover{color:#fff}
.development{display:flex;align-items:center;gap:10px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:#d3d9d9}
.development span{width:5px;height:5px;background:var(--accent)}
.hero{display:flex;align-items:center;flex:1;padding:52px 0 66px;min-height:540px}
.hero__content{animation:arrive 1s both;max-width:720px}
.eyebrow{display:flex;gap:12px;align-items:center;color:#c2cbcc;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 32px}
.eyebrow>span{width:25px;height:1px;background:var(--accent)}
h1{margin:0;font-weight:600}
.title-prelude{display:block;font-size:clamp(17px,1.7vw,24px);font-weight:400;letter-spacing:.61em;margin:0 0 4px 6px}
.title-main{display:block;font-family:Barlow Condensed,'Arial Narrow',Impact,sans-serif;font-size:clamp(98px,11.9vw,184px);font-weight:600;line-height:.98;letter-spacing:-.025em;white-space:nowrap}
.title-number{color:var(--accent)}
.tagline{font-size:clamp(20px,1.8vw,26px);letter-spacing:.015em;font-weight:400;margin:30px 0 13px}
.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.social-links{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;font-size:12px;transition:color .2s,background .2s,transform .2s}
.button--primary{background:#e0dfd5;color:#132026;padding:0 18px;font-weight:600}
.button--primary:hover{background:#f2efe5;transform:translateY(-2px)}
.button--primary svg{width:18px;height:18px}
.external-arrow{font-size:16px;font-weight:400;margin-left:4px}
.button--text{color:#d6dddd}
.button--text svg{width:16px;height:16px}
.button--text:hover{color:var(--accent)}
.bottom-row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:0 0 30px;flex-shrink:0}
.scene-caption{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9eafb5}
.scene-caption__line{width:34px;height:1px;background:#63757b}
.player{width:342px;flex-shrink:0;padding:14px 16px 10px;border:1px solid var(--line);background:rgba(11,19,23,.6);backdrop-filter:blur(12px)}
.player__main{display:flex;align-items:center;gap:10px}
.icon-button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;width:32px;height:36px;flex-shrink:0;color:#c1cdcf}
.icon-button:hover{color:var(--accent)}
.player__play{width:34px;height:36px;color:var(--ink);border:1px solid var(--line)}
.player__play svg{width:19px;height:19px}
.player__description{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.player__label{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#9dabad;white-space:nowrap}
.player__track{font-size:11px;color:#e1e6e5}
.player__volume{display:flex;align-items:center;gap:0}
.player__volume svg{width:16px;height:16px}
.pause-symbol,.muted-cross,.is-playing .play-symbol,.is-muted .sound-waves{display:none}
.is-playing .pause-symbol,.is-muted .muted-cross{display:block}
input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;margin:0;height:20px;accent-color:var(--accent);border-radius:0;--fill:0%}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--accent) var(--fill),#465358 var(--fill))}
input[type=range]::-moz-range-track{height:2px;background:#465358}
input[type=range]::-moz-range-progress{height:2px;background:var(--accent)}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:6px;background:var(--ink);border:0;border-radius:50%;margin-top:-2px}
input[type=range]::-moz-range-thumb{width:6px;height:6px;background:var(--ink);border:0;border-radius:50%}
#volume{width:44px;--fill:35%}
.player__timeline{display:flex;align-items:center;gap:12px;margin-top:8px}
#seek{width:100%;min-width:0}
#seek:disabled{cursor:default;opacity:.5}
#time{font-family:var(--mono);font-size:9px;color:#a4b0b4;min-width:29px;text-align:right}
.player__status{font-size:9px;color:#b2bfc2;letter-spacing:.02em;margin:2px 0 0;min-height:11px}
.site-footer{min-height:65px;border-top:1px solid var(--line);display:flex;align-items:center;gap:36px;font-size:10px;color:#9aa7ac;flex-shrink:0}
.site-footer p{margin:0}
.site-footer nav{display:flex;gap:22px}
.site-footer a{display:inline-flex;align-items:center;min-height:44px}
.site-footer a:hover,.site-footer a[aria-current=page]{color:var(--ink)}
.footer-title{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.15em}
.no-script-player{position:relative;margin:20px auto;max-width:320px;text-align:center;font-size:12px}
.no-script-player audio{display:block;max-width:100%;margin-top:12px}
.legal-page .landscape{opacity:.25}
.legal-page .site-header{border-bottom:1px solid var(--line)}
.back-link{font-size:12px;color:var(--muted);padding:14px 0}
.back-link:hover{color:var(--ink)}
.legal-main{width:min(100%,780px);margin:72px auto 90px}
.legal-main h1{font-family:Barlow Condensed,'Arial Narrow',Impact,sans-serif;font-size:clamp(56px,7vw,88px);line-height:1;margin-bottom:25px;letter-spacing:-.015em}
.legal-intro{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:44px}
.legal-document section{padding:26px 0;border-top:1px solid var(--line)}
.legal-document h2{font-size:17px;font-weight:500;margin:0 0 16px;color:var(--ink)}
.legal-document p,.legal-document address,.legal-document li{font-size:14px;line-height:1.85;color:#bdc7ca;font-style:normal}
.legal-document p{margin:12px 0 0}
.legal-document a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-document strong{font-weight:600;color:#e3e8e8}
.legal-document ul{padding-left:20px}
.legal-updated{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:35px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-left:2vw}.bottom-row{padding-top:20px}}
@media(max-width:700px){.page-shell{padding:0 25px}.site-header{height:90px}.studio{font-size:9px;gap:9px}.studio__second{font-size:8px}.studio svg{width:26px;height:26px}.development{font-size:8px;gap:8px;letter-spacing:.08em}.hero{padding:48px 0 52px;min-height:500px}.eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:30px}.title-main{font-size:clamp(88px,21vw,145px)}.title-prelude{font-size:17px;margin-left:4px;letter-spacing:.54em}.tagline{margin-top:25px;font-size:21px}.intro{font-size:13px}.social-links{gap:13px 23px;margin-top:26px}.button{font-size:11px}.button--primary{padding:0 15px}.bottom-row{padding-bottom:24px;justify-content:flex-start}.scene-caption{display:none}.player{width:min(100%,342px)}.site-footer{flex-wrap:wrap;gap:0 20px;padding:13px 0 16px;min-height:76px;justify-content:space-between}.site-footer nav{gap:18px}.footer-title{display:none}.landscape{background-image:linear-gradient(90deg,rgba(5,11,15,.6),rgba(5,11,15,.24)),linear-gradient(0deg,#080e12 0%,rgba(8,14,18,.7) 20%,transparent 62%,rgba(8,14,18,.12)),url('/assets/exclusion-zone.webp?v=2b02a70b22468554e2115a4e0d862443f26bf7dc');background-position:center,center,73% center}.legal-main{margin:48px auto 60px}.legal-main h1{font-size:60px}.legal-intro{font-size:15px}.legal-document p,.legal-document address,.legal-document li{font-size:13px}}
@media(max-width:700px){.studio__logo{width:42px;height:42px}}
@media(max-width:370px){.page-shell{padding:0 20px}.social-links{gap:7px 17px}.button--text{padding-left:2px}.player{padding-left:12px;padding-right:12px}.player__main{gap:6px}.player__label{font-size:7px}.site-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
