:root{--ink:#f8f1e7;--gold:#e9a746;--blue:#1d79c9;--brick:#a83e25}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080609;color:var(--ink);font:16px Inter,Arial,sans-serif}body{overflow-x:hidden}.story{min-height:100svh;position:relative;background:radial-gradient(circle at 50% 35%,#24202a 0,#0b090d 52%,#050406 100%)}.curtain{position:fixed;z-index:10;pointer-events:none;top:0;width:52%;height:100%;background:repeating-linear-gradient(90deg,#370d18 0 13px,#551725 13px 28px,#260811 28px 42px);box-shadow:inset 0 0 80px #090208;transition:transform 1.5s cubic-bezier(.7,0,.2,1)}.curtain-left{left:0}.curtain-right{right:0}.story.started .curtain-left{transform:translateX(-102%)}.story.started .curtain-right{transform:translateX(102%)}.opening{min-height:100svh;display:grid;place-items:center;position:relative;z-index:3;text-align:center;padding:30px}.opening-copy{max-width:520px}.eyebrow{font-size:.72rem;letter-spacing:.2em;font-weight:800;color:var(--gold)}h1{font-size:clamp(3.2rem,15vw,7rem);line-height:.82;margin:18px 0 34px;font-weight:900;letter-spacing:-.06em}h1 span{color:#f3a83b}.discover,.cta{border:1px solid var(--gold);background:var(--gold);color:#160d08;font-weight:900;letter-spacing:.12em;padding:16px 30px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-block}.hint{font-size:.75rem;color:#968b88;margin-top:18px}.album{min-height:100svh;position:relative;display:grid;place-items:center;padding:90px 18px 110px;overflow:hidden}.album-copy{position:absolute;top:10vh;z-index:4;text-align:center;max-width:520px;padding:0 20px}.album-copy h2{font-size:clamp(1.4rem,6vw,2.8rem);margin:.6rem 0;font-weight:700}.frame{width:min(88vw,460px);height:min(72vh,650px);margin:0;position:relative;z-index:3;border:1px solid rgba(255,255,255,.22);padding:8px;background:#111;box-shadow:0 30px 80px #000;opacity:0;transform:scale(1.02);transition:opacity 1.1s ease,transform 5s ease}.frame.show{opacity:1;transform:scale(1.06)}.frame img{width:100%;height:100%;object-fit:cover;display:block}.frame.flash{filter:saturate(.8) contrast(1.15)}.build-bg{position:absolute;inset:0;opacity:.32}.build-bg i{position:absolute;width:54px;height:27px;border:2px solid var(--brick);background:rgba(131,49,31,.28);transform:translateY(110vh);animation:build 1.8s forwards}.build-bg i:nth-child(1){left:9%;top:42%;animation-delay:.2s}.build-bg i:nth-child(2){right:12%;top:48%;animation-delay:.45s}.build-bg i:nth-child(3){left:18%;top:58%;animation-delay:.7s}.build-bg i:nth-child(4){right:20%;top:63%;animation-delay:.9s}.build-bg i:nth-child(5){left:35%;top:72%;animation-delay:1.15s}.scaffold{position:absolute;border-left:2px solid var(--gold);border-right:2px solid var(--gold);width:90px;height:220px;bottom:8%;opacity:.55}.scaffold:after,.scaffold:before{content:"";position:absolute;left:0;right:0;border-top:2px solid var(--gold)}.scaffold:before{top:35%}.scaffold:after{top:70%}.scaffold-a{left:4%}.scaffold-b{right:4%;transform:scaleX(-1)}@keyframes build{to{transform:translateY(0)}}.story-end{position:absolute;z-index:5;inset:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;background:linear-gradient(#080609aa,#080609ee);opacity:0;pointer-events:none;transition:opacity 1.3s;padding:24px}.story-end.visible{opacity:1;pointer-events:auto}.story-end h2{font-size:clamp(2rem,10vw,4rem);margin:6px 0 0}.story-end h3{font-size:clamp(1.3rem,6vw,2.5rem);color:#48a9ef;margin:0}.story-end p{line-height:1.7;color:#ddd}.story-end strong{font-size:clamp(1.7rem,8vw,3.2rem);color:var(--gold)}.story-end small{display:block}.controls{position:fixed;z-index:12;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;width:min(90vw,360px);padding:9px 12px;border-radius:999px;background:#09070dcc;border:1px solid #ffffff22;color:#d9ceca;font-size:.7rem}.controls button{border:0;background:transparent;color:white;font-size:1.1rem;cursor:pointer}.progress{height:3px;background:#ffffff33;flex:1;border-radius:4px}.progress i{display:block;width:0;height:100%;background:var(--gold);border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.frame{transform:none!important}.curtain{transition:none}}@media(min-width:800px){.album{padding-top:100px}.frame{width:390px}.build-bg i{width:78px;height:38px}}