:root{--black:#080807;--ink:#11110f;--panel:#171612;--gold:#c9a45f;--gold2:#efd79b;--ivory:#eee8dc;--muted:#a49d90;--line:rgba(221,186,116,.25);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{background:var(--black);color:var(--ivory);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#2a2417 0,transparent 35%),var(--black);font-family:var(--sans);min-height:100vh}.film-grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.app-header{height:74px;position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);background:linear-gradient(#080807f2,#080807aa,transparent);border-top:1px solid var(--gold)}.app-logo{color:var(--gold2);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.34em}.app-logo img{width:110px;height:auto}.app-header-actions{display:flex;align-items:center;gap:12px}.sound-toggle{border:0;background:none;color:var(--muted);font:10px var(--sans);letter-spacing:.15em;cursor:pointer}.key-pill{height:34px;min-width:55px;border:1px solid var(--line);border-radius:99px;display:flex;gap:7px;align-items:center;justify-content:center;color:var(--gold2);text-decoration:none}.close-app{font:30px/1 var(--sans);font-weight:200;color:var(--ivory);text-decoration:none}.eyebrow{color:var(--gold2);font-size:10px;letter-spacing:.28em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 24px;border:1px solid var(--gold);background:transparent;color:var(--gold2);text-decoration:none;font:600 11px var(--sans);letter-spacing:.12em;cursor:pointer;text-transform:uppercase}.button.gold{background:linear-gradient(135deg,#d4b370,#9a7538);border:0;color:#0a0907}.button.ghost{border-color:#ffffff33;color:var(--ivory)}.button.full{width:100%}.app-home{min-height:100vh}.app-hero{position:relative;height:min(820px,100svh);min-height:680px;overflow:hidden}.app-hero video,.app-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.app-hero video{filter:saturate(.72) contrast(1.08) brightness(.65)}.app-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050504ee 0,#05050499 38%,transparent 70%),linear-gradient(0deg,var(--black),transparent 42%)}.hero-copy{position:relative;z-index:2;max-width:1320px;margin:auto;padding:20vh 7vw 80px}.hero-code{position:absolute;left:7vw;top:120px;color:#ffffff55;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-copy h1{font:500 clamp(54px,8vw,122px)/.84 var(--serif);margin:24px 0 28px;max-width:960px}.hero-copy h1 em{color:var(--gold2);font-weight:500}.hero-copy>p:not(.eyebrow){color:#c9c2b4;max-width:470px;line-height:1.65}.hero-meta{display:flex;gap:20px;color:var(--muted);font-size:11px;letter-spacing:.1em;margin:30px 0}.hero-actions{display:flex;gap:12px}.cases{padding:100px 7vw 130px;max-width:1440px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.section-heading h2{font:500 clamp(34px,5vw,72px)/1 var(--serif);margin:0}.section-heading span{color:var(--muted);font-size:11px}.case-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.case-card{position:relative;min-height:420px;overflow:hidden;background:#151410;color:var(--ivory);text-decoration:none}.case-card img{width:100%;height:100%;position:absolute;object-fit:cover;filter:saturate(.7) brightness(.58);transition:transform .8s}.case-card:hover img{transform:scale(1.03)}.case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050504ee,transparent 65%)}.case-card-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:25px}.case-card h3{font:500 28px var(--serif);margin:8px 0}.case-card small{color:var(--gold2)}.coming{opacity:.55}.case-shell{padding:130px 7vw 100px;max-width:1440px;margin:auto}.case-cover{display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;min-height:70vh}.case-cover figure{margin:0;position:relative}.case-cover img{width:100%;display:block;filter:saturate(.78)}.case-cover figure:after{content:"VNC–001";position:absolute;right:-24px;bottom:30px;background:var(--gold);color:#090806;padding:11px 18px;font-size:10px;letter-spacing:.18em}.case-cover h1{font:500 clamp(50px,7vw,105px)/.9 var(--serif);margin:20px 0}.case-cover h1 em{display:block;color:var(--gold2)}.case-cover p{color:#c9c2b4;line-height:1.8}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:28px 0 32px}.case-facts div{padding:18px 10px;border-right:1px solid var(--line)}.case-facts span{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em}.case-facts b{display:block;margin-top:7px;font:500 14px var(--serif)}.viewer{height:100svh;background:#000;position:relative;overflow:hidden}.viewer video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewer-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 35%,#0008)}.viewer-ui{position:absolute;z-index:2;inset:74px 0 0;display:flex;flex-direction:column;justify-content:space-between;padding:32px clamp(18px,4vw,56px)}.scene-head{display:flex;justify-content:space-between;color:#ddd3c0;font-size:10px;letter-spacing:.2em}.scene-caption{max-width:640px}.scene-caption h2{font:500 clamp(38px,6vw,82px)/.95 var(--serif);margin:0 0 12px}.scene-caption p{color:#ccc4b7}.progress{height:2px;background:#ffffff33;margin-top:20px}.progress i{display:block;width:0;height:100%;background:var(--gold2);transition:width .15s linear}.viewer-start{position:absolute;z-index:5;inset:0;display:grid;place-items:center;background:linear-gradient(#0005,#000c),url('/assets/images/ho-guom/scene-01-dinner.png') center/cover}.start-card{text-align:center;max-width:560px;padding:30px}.start-card h1{font:500 clamp(48px,9vw,100px)/.9 var(--serif);margin:15px}.play-orb{width:88px;height:88px;border:1px solid var(--gold2);border-radius:50%;background:#0b0907aa;color:var(--gold2);font-size:20px;cursor:pointer}.end-screen{min-height:100svh;display:grid;place-items:center;text-align:center;padding:110px 20px 60px;background:linear-gradient(#060606aa,#060606ee),url('/assets/images/ho-guom/scene-08-key.png') center/cover}.end-inner{max-width:850px}.end-inner h1{font:500 clamp(46px,8vw,96px)/.9 var(--serif);margin:20px 0}.clues{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.clue{border:1px solid var(--line);padding:22px 14px;background:#080807aa}.clue span{display:block;color:var(--gold);font:24px var(--serif)}.clue p{font-size:12px}.investigate-head{max-width:850px;margin-bottom:50px}.investigate-head h1,.keys-head h1{font:500 clamp(52px,8vw,105px)/.9 var(--serif);margin:15px 0}.dossiers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dossier{border:1px solid var(--line);min-height:220px;padding:28px;background:linear-gradient(145deg,#1b1913,#0c0b09);position:relative}.dossier.locked:after{content:"◇";position:absolute;right:24px;top:22px;color:var(--gold);font-size:24px}.dossier small{color:var(--gold);letter-spacing:.2em}.dossier h2{font:500 28px var(--serif)}.dossier p{color:var(--muted);line-height:1.6}.dossier button{background:0;border:0;color:var(--gold2);padding:0;cursor:pointer;text-decoration:underline}.keys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.key-pack{border:1px solid var(--line);padding:32px;background:#13120f;text-align:center}.key-pack.popular{border-color:var(--gold);transform:translateY(-10px)}.key-pack strong{display:block;font:58px var(--serif);color:var(--gold2)}.key-pack h3{font:20px var(--serif)}.profile-card{max-width:650px;border:1px solid var(--line);padding:36px}.modal[hidden]{display:none}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(100%,480px);padding:34px;background:#15130e;border:1px solid var(--gold);box-shadow:0 30px 100px #000}.modal-card h2{font:500 38px var(--serif)}.modal-card p{color:var(--muted);line-height:1.6}.modal-x{position:absolute;right:16px;top:12px;background:0;border:0;color:white;font-size:28px}.modal-cost{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:18px 0;margin:25px 0}.modal-cost span{font-size:10px;color:var(--muted)}.modal-cost strong{color:var(--gold2)}@media(max-width:780px){.app-header{height:64px}.app-logo img{width:84px}.app-logo span,.sound-toggle{display:none}.app-hero{min-height:720px}.hero-copy{padding:19vh 22px 70px}.hero-code{display:none}.hero-copy h1{font-size:55px}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{flex-wrap:wrap}.cases,.case-shell{padding-left:18px;padding-right:18px}.case-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.case-card{min-width:82vw;min-height:440px;scroll-snap-align:start}.section-heading{display:block}.section-heading span{display:block;margin-top:12px}.case-cover{display:flex;flex-direction:column}.case-cover figure{order:-1}.case-cover figure:after{right:0}.case-facts{grid-template-columns:1fr}.case-facts div{border-right:0;border-bottom:1px solid var(--line)}.scene-caption h2{font-size:48px}.clues{grid-template-columns:1fr}.dossiers,.keys-grid{grid-template-columns:1fr}.key-pack.popular{transform:none}.viewer video{object-fit:cover}.end-screen{align-items:end}.app-header-actions{gap:8px}.key-pill{min-width:48px}}