.story{position:absolute;left:clamp(92px,8vw,155px);top:92px;bottom:68px;width:min(650px,42vw);z-index:20}.chapter{position:absolute;left:0;top:50%;width:100%;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 36px));transition:opacity .24s linear,transform .48s var(--ease),visibility .24s;pointer-events:none;text-shadow:0 2px 30px rgba(0,0,0,.55)}.chapter.is-active{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.chapter-index{position:absolute;left:-52px;top:5px;color:#ff5e58;font:800 10px/1 monospace;letter-spacing:.15em}.eyebrow{margin-bottom:22px;color:#aaa;font:700 9px/1 monospace;letter-spacing:.18em;text-transform:uppercase}.chapter h1,.chapter h2{margin:0;font-family:Arial Black,Impact,sans-serif;font-style:italic;font-weight:900;line-height:.84;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}.chapter h1{font-size:clamp(55px,7.2vw,132px)}.chapter h2{font-size:clamp(46px,5.9vw,104px)}.chapter em{font-style:inherit;color:#fff;text-shadow:0 0 28px rgba(225,6,0,.16)}.chapter p{max-width:600px;margin:28px 0 0;color:#c4c0c0;font-size:clamp(14px,1.08vw,17px);line-height:1.75}.chapter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.chapter-actions button,.chapter-actions a{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.17);background:rgba(8,8,8,.55);color:#fff;font:800 9px/1 monospace;letter-spacing:.13em;cursor:pointer;transition:.3s}.chapter-actions button{background:linear-gradient(135deg,var(--red),#900);border-color:var(--red)}.chapter-actions button:hover,.chapter-actions a:hover{transform:translateY(-2px)}.chapter-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.chapter-tags span{padding:10px 12px;border:1px solid rgba(255,255,255,.13);background:rgba(8,8,8,.45);color:#aaa;font:700 8px/1 monospace;letter-spacing:.12em}.chapter-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;background:rgba(255,255,255,.09);max-width:520px}.chapter-metrics div{padding:17px;background:rgba(8,8,8,.7)}.chapter-metrics b{display:block;font:800 10px/1 monospace;letter-spacing:.12em}.chapter-metrics span{display:block;margin-top:8px;color:#999;font-size:12px}.chapter-contact{width:min(670px,48vw)}.chapter-contact form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.chapter-contact label{display:flex;flex-direction:column;gap:7px}.chapter-contact label:nth-child(3){grid-column:1/2}.chapter-contact label span{color:#999;font:700 8px/1 monospace;letter-spacing:.13em}.chapter-contact input{height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.14);background:rgba(7,7,7,.72);color:#fff;outline:none}.chapter-contact input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.08)}.chapter-contact form button{grid-column:2/3;border:0;background:linear-gradient(135deg,var(--red),#900);color:#fff;font:900 9px/1 monospace;letter-spacing:.12em;cursor:pointer}.contact-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}.contact-links a{padding-bottom:5px;border-bottom:1px solid rgba(225,6,0,.38);font:700 9px/1 monospace}
.scene-nav{position:absolute;left:clamp(22px,3vw,52px);top:50%;z-index:24;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.scene-nav button{appearance:none;border:0;background:none;color:#6c6969;padding:0;display:grid;grid-template-columns:22px 20px auto;gap:8px;align-items:center;text-align:left;font:700 7px/1 monospace;letter-spacing:.12em;cursor:pointer}.scene-nav button i{height:1px;background:rgba(255,255,255,.16);transition:.35s}.scene-nav button b{opacity:0;transform:translateX(-7px);transition:.35s}.scene-nav button.is-active{color:#fff}.scene-nav button.is-active i{width:34px;background:var(--red);box-shadow:0 0 10px rgba(225,6,0,.6)}.scene-nav button.is-active b{opacity:1;transform:none}.scene-nav button.is-active{grid-template-columns:34px 20px auto}
.scroll-ui{position:absolute;left:clamp(92px,8vw,155px);right:clamp(22px,4vw,64px);bottom:27px;z-index:26;display:grid;grid-template-columns:auto minmax(180px,420px) auto;gap:18px;align-items:center}.scroll-label{display:flex;flex-direction:column;color:#777;font:700 7px/1 monospace;letter-spacing:.14em}.scroll-label b{margin-top:6px;color:#fff}.progress{height:2px;background:rgba(255,255,255,.12);position:relative}.progress i{position:absolute;left:0;top:0;height:100%;width:calc(var(--progress)*100%);background:linear-gradient(90deg,var(--red),#ff6b65);box-shadow:0 0 10px rgba(225,6,0,.45)}.scene-count{display:flex;gap:6px;align-items:end;font:800 8px/1 monospace;letter-spacing:.14em}.scene-count b{font-size:12px;color:#ff625d}.scene-count span{color:#777}
footer{position:absolute;right:clamp(22px,4vw,64px);bottom:8px;z-index:27;display:flex;gap:13px;align-items:center;color:#585858;font:700 6px/1 monospace;letter-spacing:.11em}.credit{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#050505;color:#fff;z-index:2000}.experience[data-ready="false"] .story,.experience[data-ready="false"] .scene-nav,.experience[data-ready="false"] .scroll-ui{opacity:.28}
@keyframes cutOpacity{0%,100%{opacity:0}20%,80%{opacity:1}}@keyframes cutTop{0%,100%{transform:translateY(-101%)}35%,65%{transform:translateY(0)}}@keyframes cutBottom{0%,100%{transform:translateY(101%)}35%,65%{transform:translateY(0)}}