:root{--bg:#050505;--panel:#141112e0;--fg:#f4f1eb;--muted:#f4f1ebb3;--line:#ffffff1f;--burn:#d8d5cf;--burn-dark:#0a0a0a;--glow:#fff3;--warm:#ff9d4d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font-family:Georgia,Times New Roman,serif}body{background:radial-gradient(circle,#ffffff0a,#0000 38%),linear-gradient(#050505 0%,#0d0d0d 100%);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.experience-shell{background:#000;min-height:100vh;position:relative;overflow:hidden}.experience-shell:before{content:"";opacity:.035;mix-blend-mode:soft-light;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.38' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.03'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px;animation:none;position:absolute;inset:-15%}.intro-screen,.project-preview{box-sizing:border-box;width:100%;min-height:100vh;overflow:hidden}.screen-noise{opacity:.045;mix-blend-mode:screen;filter:contrast()brightness();pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.04'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:360px 360px;animation:none;position:absolute;inset:-10%}.intro-screen{background:#000000fa;place-items:center;min-height:100vh;padding:3rem 1.5rem;display:grid;position:relative}.project-preview{background:#000;padding:0;position:relative}.story-step{z-index:5;position:absolute;inset:0}.story-step:not(.is-active):not(.is-leaving):not(.is-entering):not(.is-fading-out){display:none!important}.story-step.is-leaving{z-index:6;animation:.7s cubic-bezier(.65,0,.35,1) forwards slideOutUp}.story-step.is-entering{z-index:5;animation:.7s cubic-bezier(.65,0,.35,1) forwards slideInFromBottom}@keyframes slideOutUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.story-step.is-fading-out{z-index:6;animation:3s forwards slowFadeOut}@keyframes slowFadeOut{0%{opacity:1}to{opacity:0}}.story-step.is-active .projector-image,.story-step.is-active .beat-image{animation:16s ease-out forwards kenBurns}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.08)}}.intro-copy{z-index:1;text-align:center;width:min(720px,100%);padding-top:1rem;position:relative}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1.2rem;font-size:.68rem}.intro-copy h1{letter-spacing:-.04em;text-transform:none;margin:0 0 1.4rem;font-size:clamp(1.9rem,2.6vw,2.8rem);font-style:italic;font-weight:500;line-height:1.1}.intro-copy p{max-width:40rem;color:var(--muted);margin:0 auto 1rem;font-size:1rem;font-weight:400;line-height:1.7}.desktop-notice{display:none}.intro-actions{z-index:1;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex;position:relative}.loading-bar{background:var(--fg);transform-origin:0;z-index:6;pointer-events:none;width:clamp(70px,10vw,110px);height:1px;position:absolute;bottom:clamp(6rem,11vw,9rem);left:50%;transform:translate(-50%)scaleX(0)}.story-step.is-active .loading-bar{animation:10s linear forwards loadingBarFill}@keyframes loadingBarFill{0%{opacity:1;transform:translate(-50%)scaleX(0)}90%{opacity:1;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%)scaleX(1)}}.primary-button,.ghost-button{border:1px solid var(--line);color:var(--fg);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#ffffff05;border-radius:999px;padding:.8rem 1.2rem;font-size:.74rem;transition:transform .18s,border-color .18s,box-shadow .18s}.primary-button{background:#ffffff0a;min-width:160px}.primary-button:hover,.ghost-button:hover{border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff0f}.return-choices{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.ghost-button{padding-inline:1.2rem;font-size:.68rem}.hidden{display:none!important}.projector-stage{background:#000;width:100%;min-height:100vh}.projector-image-wrap{background:#000;width:100%;min-height:100vh;position:relative;overflow:hidden}.projector-image-wrap:before{content:"";z-index:2;mix-blend-mode:screen;opacity:.68;pointer-events:none;background:repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 4px);animation:4.5s steps(8,end) infinite flickerScan;position:absolute;inset:0}.projector-image{filter:grayscale()contrast(1.4)brightness(.34)saturate(.1);background-image:url(/end_of_world.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}@keyframes flickerScan{0%,to{opacity:.38;transform:translateY(0)}12%{opacity:.52;transform:translateY(-.2%)}28%{opacity:.34;transform:translateY(.3%)}54%{opacity:.48;transform:translateY(-.1%)}74%{opacity:.4;transform:translateY(.4%)}88%{opacity:.54;transform:translateY(-.15%)}}.projector-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:clamp(2rem,4vw,5rem) clamp(2rem,4vw,4rem);display:flex;position:absolute;top:0;left:0}.projector-copy>h3,.projector-copy>p{z-index:1;position:relative}.meta-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd1;margin:0 0 1rem;font-size:.72rem}.projector-copy h3{text-transform:uppercase;color:#f1efe9;white-space:nowrap;text-align:left;text-shadow:0 0 14px #ffffff2e;max-width:none;margin:0 0 1rem;font-size:clamp(3rem,8vw,10rem);font-weight:700;line-height:.9}.projector-copy .reveal-title{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(10px)}.projector-copy .reveal-title.is-visible{opacity:1;transform:translateY(0)}.title-word{display:inline}.projector-copy p{color:#f4f1ebeb;opacity:0;max-width:56rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.75;transition:opacity .5s,transform .5s;transform:translateY(14px)}.projector-copy p.is-visible{opacity:1;transform:translateY(0)}.projector-copy p+p{margin-top:.6em}.step-continue{z-index:6;cursor:pointer;pointer-events:none;background:0 0;border:none;width:2.75rem;height:2.75rem;margin:0;padding:0;position:absolute}.step-continue:after{content:"";background:var(--fg);opacity:.14;border-radius:50%;width:.55rem;height:.55rem;transition:opacity .22s,transform .22s,box-shadow .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.step-continue.is-ready{pointer-events:auto}.step-continue.is-ready:after{opacity:1;transition:opacity var(--dot-hold,1.5s) ease-out, transform var(--dot-hold,1.5s) ease-out, box-shadow .3s ease;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 7px #f4f1eb12,0 0 20px #f4f1eb4d}.step-continue.is-ready:hover:after{box-shadow:0 0 0 9px #f4f1eb1a,0 0 26px #f4f1eb73}.step-continue.is-clicking:after{animation:.48s ease-out continuePop}@keyframes continuePop{0%{box-shadow:0 0 #f4f1eb80}40%{box-shadow:0 0 0 12px #f4f1eb00,0 0 30px #f4f1eb80}to{box-shadow:0 0 #f4f1eb00}}.step-continue.pos-bottom-center{bottom:clamp(3rem,7vw,5.5rem);left:50%;transform:translate(-50%)}.beat{background:#000;align-items:flex-end;width:100%;min-height:100vh;display:flex;overflow:hidden}.beat:before{content:"";z-index:2;mix-blend-mode:screen;opacity:.4;pointer-events:none;background:repeating-linear-gradient(#ffffff1a 0 1px,#0000 1px 4px);animation:4.5s steps(8,end) infinite flickerScan;position:absolute;inset:0}.beat-image{object-fit:cover;filter:grayscale()contrast(1.12)brightness(.85);width:100%;height:100%;position:absolute;inset:0}.beat-portrait .beat-image{object-fit:contain;z-index:1}.beat-flip{position:absolute;inset:0;transform:rotate(180deg)}.wipe-black{z-index:4;pointer-events:none;background:#000;width:20%;height:100%;position:absolute;inset:0}.wipe-black.is-wiping{animation:1.1s cubic-bezier(.65,0,.35,1) forwards wipeAcross}@keyframes wipeAcross{0%{width:20%}to{width:100%}}.story-step[data-wipe-transition=true] .beat-copy{padding-left:calc(20% + clamp(1.5rem,5vw,4rem))}.beat-backdrop{filter:grayscale()blur(50px)brightness(.32)saturate(.1);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.beat-portrait .beat-copy{background:0 0;align-self:flex-start;width:auto;max-width:22rem;padding:clamp(2rem,6vw,4rem) clamp(1.5rem,5vw,3rem)}.beat-portrait .beat-copy p{text-shadow:0 2px 14px #000000f2}.beat-grain{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:260px 260px;position:absolute;inset:-10%}.beat-copy{z-index:3;background:linear-gradient(#0000 0%,#000000d1 75%);width:100%;padding:clamp(2rem,6vw,6rem) clamp(1.5rem,5vw,4rem);position:relative}.beat-copy p{color:#f4f1ebeb;opacity:0;max-width:56rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.75;transition:opacity .5s,transform .5s;transform:translateY(14px)}.beat-copy p+p{margin-top:.6em}.beat-copy p.is-visible{opacity:1;transform:translateY(0)}.beat-choice{opacity:0;flex-wrap:wrap;gap:.6rem;transition:opacity .5s,transform .5s;display:flex;transform:translateY(14px)}.beat-choice.is-visible{opacity:1;transform:translateY(0)}.choice-option{appearance:none;color:#f4f1ebeb;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff47;border-radius:999px;padding:.6rem 1.1rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,1.5vw,1.1rem);transition:border-color .16s,background .16s}.choice-option:hover{background:#ffffff14;border-color:#ffffff80}.beat-blackout{background:#000;justify-content:center;align-items:center}.beat-blackout .beat-copy{text-align:center;background:0 0}.beat-blackout .beat-copy p{transition:opacity 2.2s 3s,transform 2.2s 3s}.beat-outro{justify-content:flex-start;align-items:center;padding:clamp(2rem,4vw,5rem) clamp(2rem,4vw,4rem);position:relative}.outro-image{filter:grayscale()contrast(1.4)brightness(.34)saturate(.1);opacity:0;background-image:url(/end_of_world.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.story-step.is-active .outro-image{animation:3s forwards outroFadeIn}@keyframes outroFadeIn{0%{opacity:0}to{opacity:1}}.outro-copy{z-index:3;text-align:left;opacity:0;flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex;position:relative}.story-step.is-active .outro-copy{animation:3s .6s forwards outroFadeIn}.outro-copy h3{text-transform:uppercase;text-align:left;color:#f1efe9;text-shadow:0 0 14px #ffffff2e;margin:0;font-size:clamp(3rem,8vw,10rem);font-weight:700;line-height:.9}.outro-credit{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.85rem}.contact-block{width:min(26rem,88vw);margin-top:.5rem}.contact-lead{color:var(--muted);margin:0 0 1.2rem;font-size:.95rem;line-height:1.6}.contact-form{flex-direction:column;gap:.9rem;display:flex}.contact-field{text-align:left;flex-direction:column;gap:.35rem;display:flex}.contact-field label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.66rem}.contact-field input,.contact-field textarea{font:inherit;border:1px solid var(--line);color:var(--fg);resize:vertical;background:#ffffff08;border-radius:.5rem;padding:.65rem .8rem;font-family:Georgia,Times New Roman,serif;transition:border-color .16s}.contact-field input:focus,.contact-field textarea:focus{border-color:#fff6;outline:none}.contact-honeypot{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.contact-submit{align-self:center;margin-top:.3rem}.contact-status{min-height:1.2em;color:var(--muted);margin:.4rem 0 0;font-size:.78rem}.contact-status.is-success{color:#9fd8a8}.contact-status.is-error{color:#e5a3a3}@media (width<=820px){.intro-screen{padding:2rem 1.2rem}.desktop-notice{border:1px solid var(--line);color:var(--fg);background:#ffffff08;border-radius:.6rem;margin:0 auto 1.4rem;padding:.9rem 1.1rem;font-size:.85rem;line-height:1.6;display:block}.beat-image{object-position:var(--mobile-focus,center)}.projector-stage{grid-template-columns:1fr;padding:1.2rem}.projector-note{border-top:1px solid #ffffff1f;border-left:0;padding-top:1.2rem;padding-left:0}.return-choices{flex-direction:column;width:min(100%,320px)}.ghost-button,.primary-button{text-align:center;width:100%}}@media (width<=1024px){.projector-image{background-position:92%;background-repeat:no-repeat;background-size:auto 160%}.projector-copy{text-align:left;justify-content:flex-start;max-height:300px;padding:1rem}.projector-copy h3{white-space:normal;text-align:left}.title-word{display:block}}@media (width<=750px){.projector-copy h3{font-size:clamp(3.5rem,20vw,8rem)}}