*{box-sizing:border-box}html,body{background:#050505;margin:0}body{overflow:hidden}.story-world{--red:#a80000;--gold:#c9a55a;color:#f5f1eb;background:#050505;width:100vw;height:100vh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.story-canvas{will-change:transform;width:300vw;height:500vh;transition:transform .95s cubic-bezier(.77,0,.18,1);position:absolute;top:0;left:0}.story-room{background:#730000;width:100vw;height:100vh;position:absolute;overflow:hidden}.story-room-image{object-fit:cover;filter:contrast(1.06)saturate(.88)brightness(.72);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.015)}.story-room-red{mix-blend-mode:multiply;background:linear-gradient(90deg,#82000075,#5f00001f 45%,#0000004d);position:absolute;inset:0}.story-room-shadow{background:linear-gradient(90deg,#00000029,#00000014 38%,#000000c7 78%,#000000ed),linear-gradient(#0000001f,#0000 28% 68%,#0000008f);position:absolute;inset:0}.story-room-copy{z-index:5;width:min(620px,40vw);position:absolute;top:50%;right:clamp(40px,7vw,120px);transform:translateY(-50%)}.story-room-eyebrow{color:var(--gold);letter-spacing:.24em;margin-bottom:26px;font-size:10px}.story-room-copy h1{letter-spacing:-.045em;max-width:650px;margin:0;font-size:clamp(46px,5vw,90px);font-weight:400;line-height:.94}.story-room-copy p{color:#ffffffad;max-width:540px;margin-top:34px;font-size:clamp(13px,1.1vw,17px);line-height:1.8}.story-exit{z-index:20;color:#ffffff94;letter-spacing:.18em;font-size:9px;text-decoration:none;transition:color .15s;position:fixed;top:28px;right:34px}.story-exit:hover{color:#fff}.story-progress{z-index:20;width:180px;position:fixed;top:30px;left:32px}.story-progress-title{color:#ffffff75;letter-spacing:.23em;font-size:8px}.story-dots{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:13px;display:grid}.story-dot{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,border-color .15s,transform .15s}.story-dot:hover{border-color:#c9a55abf}.story-dot.active{border-color:var(--gold);background:var(--gold);transform:scale(1.25)}.story-count{color:#ffffff61;letter-spacing:.18em;margin-top:10px;font-size:8px}.story-navigation{z-index:20;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:28px;left:32px;right:32px}.story-nav{min-width:130px;color:var(--gold);text-align:center;letter-spacing:.18em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;background:#0000006b;border:1px solid #c9a55a7a;padding:13px 18px;font-size:9px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.story-nav:hover{background:var(--gold);color:#070707;border-color:var(--gold)}.story-nav-prev{margin-right:auto}.story-nav-next{margin-left:auto}@media (max-width:900px){.story-room-shadow{background:linear-gradient(#0000001f,#0000002e 45%,#000000e6)}.story-room-copy{width:auto;inset:auto 24px 105px;transform:none}.story-room-copy h1{font-size:clamp(40px,11vw,68px)}.story-room-copy p{max-width:100%;margin-top:20px;font-size:13px;line-height:1.6}.story-progress{top:20px;left:20px}.story-exit{top:20px;right:20px}.story-navigation{bottom:20px;left:20px;right:20px}.story-nav{min-width:105px;padding:12px 13px;font-size:8px}}@media (prefers-reduced-motion:reduce){.story-canvas{transition:none}}