:root{color-scheme:dark;--bg:#101413;--panel:#191e1c;--text:#ecece4;--muted:#a5aca5;--line:#363e36;--accent:#ddad70;--accent-deep:#b77d42;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-size:16px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #efca91;outline-offset:5px}img{max-width:100%;display:block}p,h1,h2,h3,figure{margin:0}p+p{margin-top:1.2rem}.wrap{width:min(1320px,calc(100% - 100px));margin-inline:auto}.header{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;gap:38px;height:105px;border-bottom:1px solid #ffffff26}.brand{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:800;line-height:1.13;letter-spacing:.08em}.brand-mark{font-size:33px;letter-spacing:-.13em;position:relative;padding-right:11px}.brand-mark span{font-size:15px;color:var(--accent);position:absolute;right:0;top:0;letter-spacing:0}.header nav{display:flex;gap:35px;align-items:center;margin-left:auto;font-size:14px}.header nav a{padding:13px 0;color:#d5d7d0}.header nav a:hover{color:var(--accent)}.header .nav-download{color:var(--accent)}.nav-download span{padding-left:12px}.age-mark{font-size:14px;line-height:32px;width:40px;text-align:center;border:1px solid #c8c8b84d;color:#c3c6bc}.hero{min-height:850px;height:100svh;max-height:1050px;position:relative;isolation:isolate;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}.hero-shade{background:linear-gradient(90deg,rgba(8,14,15,.97) 0%,rgba(8,14,15,.82) 24%,rgba(8,14,15,.21) 57%,rgba(8,14,15,.05) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 29%,#060c1080 100%)}.hero-content{padding-top:165px;padding-bottom:110px}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#b9c4bb;display:flex;align-items:center;gap:17px;flex-wrap:wrap}.edition{display:inline-block;padding:4px 9px;border:1px solid #82998b6e;letter-spacing:.06em;color:#c4d0c4;font-size:12px}.hero h1{font-size:clamp(76px,8.4vw,132px);line-height:.85;letter-spacing:-.035em;font-weight:900;margin:37px 0 26px;max-width:660px}.hero h1>span:first-child{color:var(--accent)}.title-dot{color:var(--text)}.hero-line{font-size:25px;line-height:1.24;font-weight:500;letter-spacing:-.015em}.hero-description{font-size:16px;line-height:1.65;color:#b8c2b9;max-width:410px;margin-top:17px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;padding:15px 24px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;line-height:1.3;font-weight:700;transition:background .2s,transform .2s,color .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#171a15}.primary:hover{background:#edc68f}.secondary{border-color:#747e69;background:transparent;color:#e4e5d9}.secondary:hover{background:#293127}.button span{font-size:24px;font-weight:400;line-height:1}.hero .button{margin-top:30px;min-width:246px}.hero-meta{font-size:12px;color:#a4b0a5;margin-top:13px;letter-spacing:.02em}.hero-meta span{padding:0 10px;color:#658578}.hero-bottom{position:absolute;left:0;right:0;bottom:27px;display:flex;justify-content:space-between;border-top:1px solid #d8dbc329;padding-top:18px;gap:20px;font-size:12px;letter-spacing:.14em;color:#98a79d}.hero-bottom a{letter-spacing:0;font-size:14px}.hero-bottom a span{margin-left:26px;color:var(--accent)}.section{padding-top:110px;padding-bottom:110px}.section-index{color:var(--accent);font-size:12px;margin-bottom:27px}h2{font-size:clamp(40px,4.1vw,65px);line-height:1.09;letter-spacing:-.035em;font-weight:600}h2 em{font-style:normal;color:var(--accent)}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%}.story-copy{padding-top:48px;max-width:580px;font-size:16px;color:#aeb5ad}.story-copy .lead{color:#e2e4dc;font-size:20px;line-height:1.55}.story-tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.story-tags span{font-size:12px;border:1px solid var(--line);padding:6px 10px;color:#c8d0c4}.scenes{background:#181d1a;border-block:1px solid #283129}.section-heading,.download-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.section-heading>p{max-width:325px;color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:5px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.scene-open{position:relative;display:block;overflow:hidden;border:1px solid #4f584440;border-radius:var(--radius)}.scene-open img{aspect-ratio:1672/941;object-fit:cover;transition:transform .6s}.scene-open:hover img{transform:scale(1.025)}.expand{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;border:1px solid #9cafa84d;background:#111b18b3;backdrop-filter:blur(6px);height:40px;width:40px;font-size:23px;color:#eee9d7}.scene-grid figcaption{margin-top:20px;display:flex;flex-direction:column;gap:5px;font-size:14px;color:#a8b2a6}.scene-grid figcaption span:first-child{font-size:12px;letter-spacing:.1em;color:#dddccb}.download-heading{margin-bottom:42px}.release-note{font-size:14px;color:var(--muted)}.release-badge{display:inline-block;color:#e7c594;margin-bottom:16px;font-size:13px;background:#a8864c17;border:1px solid #ad8f5861;border-radius:30px;padding:5px 13px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.download-card{border:1px solid #444d3d;background:linear-gradient(130deg,#242c22,#191f1a);padding:30px;border-radius:var(--radius)}.platform-heading{display:flex;gap:20px;align-items:center}.platform-icon{font-size:50px;color:#cbd5bf;font-weight:400;line-height:1;width:43px;text-align:center}.phone-icon{font-size:63px;line-height:.8}h3{font-size:25px;line-height:1.25;letter-spacing:-.02em}.platform-heading p{font-size:13px;color:var(--muted);margin-top:3px}.file-type{font-size:12px;letter-spacing:.08em;color:#aab5a0;margin-left:auto}.install-note{color:#b6c0af;font-size:14px;line-height:1.9;margin-top:27px;min-height:55px}code{font-family:inherit;color:#dcdcca}.download-card .button{display:flex;margin-top:28px}.download-meta{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px;color:#a2af97}.download-meta a{text-decoration:underline;text-underline-offset:3px}.download-foot{display:flex;align-items:center;gap:40px;justify-content:space-between;margin-top:28px;font-size:13px;color:#929e91}.download-foot p{max-width:790px}.download-foot strong{color:#c2ccba;font-weight:400}.mirror-link{flex-shrink:0;font-size:14px;color:#d0c6ad}.mirror-link span{margin-left:12px}.content-notice{display:flex;align-items:center;gap:20px;border-top:1px solid #303a2e;margin-top:38px;padding-top:26px;max-width:100%;color:#929e91;font-size:13px}.content-notice>span{font-size:25px;line-height:1;color:#c9c7b4}.footer{border-top:1px solid #343d32;padding-top:35px;padding-bottom:35px;display:flex;align-items:center;gap:30px;color:#8b988a;font-size:12px}.footer-brand{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#d4d8cb}.footer-brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#83917f;margin-top:3px}.footer p{margin-left:auto}.footer>a:last-child{margin-left:25px;font-size:14px}.skip{position:fixed;z-index:20;top:-100px;left:12px;background:var(--accent);color:#111;padding:10px}.skip:focus{top:12px}.lightbox,.age-dialog{color:var(--text);background:#19201b;border:1px solid #6a755d;border-radius:5px;padding:22px;width:min(1100px,94vw);max-height:92svh;overflow:auto}.lightbox::backdrop,.age-dialog::backdrop{background:#040a09ed;backdrop-filter:blur(8px)}.lightbox img{width:100%;height:auto;max-height:74svh;object-fit:contain;margin-top:25px}.lightbox p{font-size:14px;color:#c0c9b8;margin-top:15px}.dialog-close{position:absolute;right:10px;top:4px;background:transparent;border:0;color:#ecebdd;font-size:32px;line-height:40px;width:44px;height:44px;z-index:2}.age-dialog{width:min(470px,92vw);padding:45px}.age-large{color:var(--accent);font-size:55px;line-height:1;font-weight:700}.age-dialog h2{font-size:30px;margin-top:22px}.age-dialog p{font-size:16px;color:#b6c2b0;margin:20px 0 25px}.age-dialog .button{width:100%}.age-cancel{border:0;background:none;color:#b5beaa;text-decoration:underline;text-underline-offset:5px;width:100%;margin-top:20px;font-size:14px}.mirror-banner{padding:14px 22px;margin:0;background:#252d20;border-bottom:1px solid #5b674b;text-align:center;font-size:14px}.mirror-banner a{text-decoration:underline}.mirror-banner+.header{top:52px}@media(min-width:1650px){.hero-art img{object-position:center 40%}.hero-shade{background:linear-gradient(90deg,#08100ff5,#08100fb0 26%,#08100f12 62%),linear-gradient(0deg,var(--bg),transparent 30%)}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{min-height:810px}.hero h1{font-size:104px}.hero-art img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#09100ff5,#09100fbf 32%,#09100f22 90%),linear-gradient(0deg,var(--bg),transparent 35%)}.hero-content{padding-top:150px}.story{gap:7%}.story-copy{padding-top:41px}.download-card{padding:24px}.section{padding-block:85px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:79px;gap:20px}.brand{font-size:11px;gap:10px}.brand-mark{font-size:28px}.header nav{gap:15px;font-size:13px}.header nav a:not(.nav-download){display:none}.age-mark{font-size:12px;width:35px;line-height:28px}.hero{min-height:900px;max-height:none;height:auto}.hero-art{height:530px;top:45px}.hero-art img{object-position:65% center}.hero-shade{background:linear-gradient(0deg,var(--bg) 39%,#1014137a 65%,#09100f33 93%,#09100fdd)}.hero-content{padding-top:390px;padding-bottom:110px}.hero .eyebrow{gap:10px;font-size:11px}.edition{font-size:11px}.hero h1{font-size:clamp(69px,19vw,113px);line-height:.87;margin:26px 0 23px;letter-spacing:-.035em}.hero-line{font-size:22px}.hero-description{font-size:15px;line-height:1.6;margin-top:16px;max-width:335px}.desktop-break{display:none}.hero .button{margin-top:23px;width:100%;min-height:55px}.hero-meta{text-align:center;font-size:12px}.hero-bottom{bottom:23px;padding-top:17px;font-size:10px;letter-spacing:.05em}.hero-bottom a{font-size:12px}.hero-bottom a span{margin-left:7px}.section{padding-block:65px}.story{grid-template-columns:1fr;gap:30px}.section-index{margin-bottom:20px;font-size:11px}h2{font-size:43px}.story-copy{padding-top:0;font-size:16px}.story-copy .lead{font-size:18px}.story-tags{gap:8px;margin-top:24px}.story-tags span{font-size:12px;padding:5px 9px}.section-heading,.download-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:25px;font-size:14px}.scene-grid{grid-template-columns:1fr;gap:34px}.scene-grid figcaption{margin-top:15px;font-size:14px}.release-note{margin-top:28px}.release-badge{margin-bottom:11px}.download-grid{grid-template-columns:1fr;gap:18px}.download-card{padding:24px}.platform-heading{gap:17px}.download-foot{align-items:flex-start;flex-direction:column;gap:21px;margin-top:23px}.content-notice{font-size:13px;gap:16px;margin-top:28px;padding-top:25px;align-items:flex-start}.footer{align-items:flex-start;flex-wrap:wrap;gap:15px;padding-block:27px}.footer-brand{flex:1 0 100%}.footer p{margin-left:0}.footer>a:last-child{margin-left:auto;font-size:13px}.age-dialog{padding:34px 25px}.age-dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Cinematic sections and full-width filmstrip. Artwork stays uncropped in the reel. */
[hidden] { display: none !important; }
.header { border: 0; pointer-events: none; }
.header .brand { pointer-events: auto; }
.hero-description { max-width: 390px; color: #c3cbc3; }
.hero-line { max-width: 440px; }
.story, .download { position: relative; isolation: isolate; overflow: hidden; }
.story { display: block; min-height: 740px; }
.section-backdrop { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.section-backdrop img { width: 100%; height: 100%; object-fit: cover; }
.story .section-backdrop img { object-position: 35% center; }
.story::before, .download::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.story::before { background: linear-gradient(90deg, #0c14144d 0%, #0c1414a6 35%, #0c1414f0 66%), linear-gradient(0deg, #101413, transparent 35%, #101413 100%); }
.story-layout { display: grid; grid-template-columns: 1fr 1.12fr; gap: 10%; }
.story h2 { text-shadow: 0 3px 28px #0009; }
.story-copy { max-width: 590px; color: #c3cac5; padding-top: 45px; }
.story-tags span { background: #0e1717b3; border-color: #6b817c70; font-size: 13px; }
.scenes { background: #101817; padding-bottom: 80px; }
.scenes .section-heading { align-items: flex-end; }
.scenes h2 { font-size: clamp(36px, 3.8vw, 61px); }
.reel-controls { display: flex; flex-shrink: 0; gap: 9px; padding-bottom: 5px; }
.reel-control { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #6b807666; border-radius: 50%; color: #e2d4b8; background: #17221f; font-size: 24px; transition: background .2s, border-color .2s; }
.reel-control:hover { background: #29372d; border-color: var(--accent); }
.reel-control[aria-pressed='true'] { color: var(--accent); border-color: #ddad7099; }
.motion-icon { font-size: 18px; line-height: 1; }
.scene-reel { overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #65756b #18211c; overscroll-behavior-x: contain; padding: 8px 0 22px; }
.scene-track { display: flex; gap: 24px; width: max-content; padding-inline: max(28px, calc((100vw - 1320px) / 2)); position: relative; }
.scene-open { flex: 0 0 auto; width: clamp(300px, 48vw, 790px); border: 1px solid #9ab29a44; border-radius: 8px; background: #101413; box-shadow: 0 12px 28px #0004; }
.scene-open img { width: 100%; height: auto; aspect-ratio: auto; }
.scene-open:focus-visible { outline-offset: -4px; }
.scene-open:hover img { transform: none; }
.scene-open:hover { border-color: #cba87d; }
.expand { border-radius: 50%; }
.download { padding-top: 100px; }
.download .section-backdrop img { object-position: center 55%; }
.download::before { background: linear-gradient(90deg, #0c1314db, #0c131496), linear-gradient(0deg, #101413 0%, #10141344 50%, #101413 100%); }
.download-heading { margin-bottom: 42px; }
.download-card { background: linear-gradient(120deg, #19251dea, #15211dcc); border-color: #748c6b66; border-radius: 8px; backdrop-filter: blur(10px); }
.download-card .button { margin-top: 30px; }
.download-meta { color: #c1ccba; font-size: 14px; }
.platform-heading p { font-size: 14px; }
.download-foot, .content-notice { color: #bdc9bd; font-size: 14px; }
.download-foot strong { color: #e0e6d9; }
.mirror-link { padding-block: 12px; }
.eyebrow, .section-index, .hero-meta { font-size: 13px; }
@media (max-width: 1100px) {
  .story-layout { gap: 6%; }
  .scene-track { padding-inline: 28px; }
}
@media (max-width: 700px) {
  .hero-description { font-size: 16px; max-width: 420px; }
  .hero .eyebrow, .section-index { font-size: 12px; }
  .story { min-height: 0; }
  .story-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .story::before { background: linear-gradient(0deg, #101413f5 0%, #101413e6 52%, #10141399 90%, #101413 100%); }
  .story-copy { padding-top: 0; }
  .scenes .section-heading { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 25px; }
  .scenes h2 { font-size: clamp(32px, 8vw, 43px); }
  .scene-track { gap: 16px; padding-inline: 18px; }
  .scene-open { width: 86vw; }
  .download { padding-block: 65px; }
  .download-card { padding: 22px; }
  .download::before { background: linear-gradient(#101413c9, #101413ed); }
}
.platform-heading svg.platform-icon { width: 42px; height: 42px; flex: 0 0 42px; }
.windows-icon { color: #a7d5eb; }
.android-icon { color: #b6d59b; }
