@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#eeece4;--ink:#191a17;--orange:#ff642e}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:8px}header{height:108px;position:fixed;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;padding:0 4%;gap:38px;background:linear-gradient(#15161380,transparent)}.wordmark{font-family:'Archivo Black','Arial Black',Arial,sans-serif;font-style:normal;font-weight:900;letter-spacing:.012em;font-size:34px;white-space:nowrap;line-height:1.05;color:var(--paper);-webkit-text-stroke:.018em #080808;paint-order:stroke fill}.wordmark b{color:var(--orange);font-weight:inherit}.descriptor{font-size:9px;letter-spacing:.13em;line-height:1.7}.contact{margin-left:auto;border:1px solid #ffffff50;border-radius:3px;background:#18191520;padding:13px 18px;font-size:11px}.contact span{margin-left:22px;color:var(--orange)}#story{height:700vh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#292c29}canvas,.shade,#words{position:absolute;inset:0;width:100%;height:100%}.shade{background:linear-gradient(90deg,#10120fcc 0%,#10120f55 40%,transparent 72%),linear-gradient(0deg,#10120fb0,transparent 26%);pointer-events:none}#words{pointer-events:none;overflow:hidden}.call{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;line-height:1;transform-origin:0 50%;color:#eeece4;text-shadow:0 2px 24px #0002}.call.orange{color:var(--orange)}.intro{position:absolute;left:7%;top:25%;width:43%}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow i,.channel i{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,8.4vw,140px);text-transform:uppercase;line-height:.87;letter-spacing:-.035em;margin:27px 0}h1 em{font-style:normal;color:var(--orange)}.intro p{font-size:13px;line-height:1.6}.ending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;text-align:center;background:#14161146}.ending>p{font-size:clamp(17px,2.7vw,42px);letter-spacing:-.04em;margin:0 0 22px}.ending h2{font-size:clamp(110px,21vw,340px);margin:0 0 35px}.period{color:var(--orange)}.end-note{font-size:9px;letter-spacing:.24em}#replay{background:transparent;border:0;border-bottom:1px solid #ffffff50;padding:10px 0;margin-top:36px;font-size:11px}#replay span{margin-left:28px}.bottom{position:absolute;bottom:38px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.channel{display:flex;align-items:center;gap:9px}.channel small{font-size:8px;letter-spacing:.06em;margin-left:13px;color:#c7c8be}#skip{font-size:8px;letter-spacing:.14em;border:0;background:none}#skip span{margin-left:22px;font-size:20px}.count{font-size:9px;color:#c7c8be}.progress{position:absolute;bottom:0;height:3px;background:#ffffff20;width:100%}#bar{width:0;height:100%;background:var(--orange)}dialog{background:var(--paper);color:var(--ink);border:0;padding:65px;max-width:640px;width:90%;border-radius:4px}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}.close{position:absolute;right:20px;top:12px;background:none;border:0;font-size:30px}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:60px;line-height:.95;text-transform:uppercase;letter-spacing:-.02em}dialog p{font-size:14px;line-height:1.7;max-width:420px}.service{border-block:1px solid #191a1720;padding:20px 0;margin:25px 0;display:flex;justify-content:space-between;font-weight:700}.service span{color:#aa3a13}dialog .small,dialog a{font-size:11px}dialog a{text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){header{height:82px;padding:0 6%}.wordmark{font-size:36px}.descriptor{display:none}.contact{font-size:10px;padding:10px}.intro{left:7%;top:24%;width:83%}h1{font-size:84px}.eyebrow{font-size:7px}.intro p{font-size:12px}.bottom{left:6%;right:6%;bottom:24px;align-items:flex-end}.channel{flex-wrap:wrap;max-width:160px}.channel small{display:block;width:100%;margin:5px 0 0;font-size:7px}#skip{width:140px;text-align:right;line-height:1.6;font-size:7px}#skip span{margin-left:10px}.count{display:none}.ending>p{font-size:21px}.ending h2{font-size:25vw}.end-note{font-size:7px}dialog{padding:40px 25px}dialog h2{font-size:48px}}

.end-actions{display:flex;gap:12px;margin-top:30px}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:175px;min-height:50px;padding:15px 28px;border:0;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:.01em;transition:background .2s,transform .2s}.cta-white{background:#fff;color:var(--ink)}.cta-orange{background:var(--orange);color:var(--ink)}.cta:hover{transform:translateY(-2px)}.cta-white:hover{background:var(--paper)}.cta-orange:hover{background:#ff8154}.contact-details{display:flex;flex-direction:column;gap:12px;margin:25px 0}.contact-details a{font-size:19px;text-decoration:none}.contact-details a:hover{color:#b33e17}.ending #replay{margin-top:18px}.call{font-size:72px;contain:layout style;backface-visibility:hidden}@media(max-width:650px){.end-actions{gap:10px;margin-top:25px}.cta{min-width:145px;min-height:48px;padding:14px 17px;font-size:12px}.ending h2{margin-bottom:25px}.ending #replay{margin-top:15px}}@media(max-height:650px){.ending h2{font-size:min(20vw,28vh);margin-bottom:16px}.ending>p{margin-bottom:15px}.end-actions{margin-top:18px}.ending #replay{margin-top:8px}}

header .wordmark{font-size:32px;flex-shrink:0}.ending h2.wordmark{font-size:clamp(66px,16.8vw,270px);letter-spacing:.012em}@media(max-width:650px){header{gap:16px}header .wordmark{font-size:25px}.ending h2.wordmark{font-size:17vw}}@media(max-height:650px){.ending h2.wordmark{font-size:min(16.8vw,25vh)}}

.wordmark{word-spacing:-.12em}header .wordmark-square{display:flex;align-items:center;justify-content:center;width:86px;height:86px;font-size:30px;gap:3px;word-spacing:normal;letter-spacing:.012em}.logo-stack{display:flex;flex-direction:column;line-height:1.03}.wordmark-square>b{font-size:2.32em;line-height:1;letter-spacing:0}.wordmark-square .logo-stack span{display:block}@media(max-width:650px){header .wordmark-square{width:64px;height:64px;font-size:23px;gap:2px}}

.wordmark-square .logo-stack>span{display:grid;grid-template-columns:.83em .83em;column-gap:.01em;letter-spacing:0}.logo-stack i{font-style:normal;text-align:center;display:block}

/* Responsive scene and navigation */
html{scroll-padding-top:calc(90px + env(safe-area-inset-top))}.film-poster{position:absolute;inset:0}.film-poster img{width:100%;height:100%;object-fit:cover}#film{opacity:0}.menu-toggle,.mobile-headline,.hero-action{display:none}.intro[inert],.ending[inert]{pointer-events:none}#final-reveal:focus{outline:none}#mobile-menu{padding:24px;width:min(92vw,480px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--ink);color:var(--paper)}.menu-top{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:700}.menu-close{width:48px;height:48px;border:1px solid #ffffff40;background:none;font-size:30px}.menu-contact{display:grid;gap:4px;border-top:1px solid #ffffff30;padding-top:18px}.menu-contact a{font-size:16px;padding:12px 0}#mobile-menu nav{display:grid;margin:25px 0}#mobile-menu nav a{font-size:24px;text-decoration:none;padding:16px 0;min-height:52px;border-bottom:1px solid #ffffff20}body:has(dialog[open]){overflow:hidden}.close{min-width:44px;min-height:44px}#about .contact-details a{min-height:44px;padding:9px 0}#about a,#about p{font-size:16px}#about .eyebrow{font-size:12px}.cta{min-height:48px}
@media(max-width:760px){
 :root{--nav-height:76px}header{height:calc(var(--nav-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));background:#191a17f5;z-index:30;border-bottom:1px solid #ffffff16;gap:12px}header .wordmark-square{width:72px;height:62px;font-size:23px;gap:3px}.descriptor,header .contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-left:auto;min-width:48px;min-height:48px;border:1px solid #ffffff50;border-radius:2px;background:none}.menu-toggle span{width:22px;height:2px;background:var(--paper)}
 #story{height:450svh}.stage{height:100svh}.shade{background:linear-gradient(0deg,#11130ff0 0%,#11130f80 23%,transparent 48%,#11130f16 75%)}.intro{top:auto;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:auto}.intro .eyebrow,.intro p,.desktop-headline{display:none}.mobile-headline{display:inline}h1{font-size:clamp(44px,12vw,68px);line-height:.91;margin:0 0 22px}.hero-action{display:inline-flex;font-size:15px;min-width:145px;padding:13px 22px}.bottom{bottom:calc(15px + env(safe-area-inset-bottom));left:24px;right:24px}.channel{font-size:12px}.channel small,.count{display:none}#skip{width:auto;min-height:44px;font-size:12px;letter-spacing:.03em;padding:8px 0}#skip span{font-size:16px;margin-left:10px}
 .ending{justify-content:flex-end;padding:0 max(22px,env(safe-area-inset-right)) calc(68px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:linear-gradient(0deg,#131511f0,transparent 50%)}.ending>p{font-size:18px;letter-spacing:-.02em;margin-bottom:12px}.ending h2.wordmark{font-size:17vw;margin:0 0 15px}.end-note{display:none}.end-actions{width:100%;max-width:370px;gap:10px;margin-top:0}.end-actions .cta{min-width:0;flex:1;font-size:14px;padding:13px 10px;min-height:48px}.ending #replay{font-size:13px;min-height:44px;margin-top:9px;padding:9px 0}.call{text-shadow:0 1px 8px #0004}.progress{bottom:0}dialog{max-height:calc(100dvh - 40px);overflow:auto}#about{padding:56px 24px 24px}#about h2{font-size:46px;margin-top:25px}#about .service{font-size:15px}
}
@media(max-width:760px) and (max-height:680px){.intro{bottom:64px}h1{font-size:44px;margin-bottom:14px}.ending{padding-bottom:57px}.ending h2.wordmark{font-size:15vw;margin-bottom:10px}.ending>p{font-size:16px;margin-bottom:8px}.ending #replay{margin-top:2px}.end-actions .cta{font-size:13px}}
@media(prefers-reduced-motion:reduce){#story{height:auto!important}.stage{position:relative;height:auto;min-height:100svh}#film,#words,.intro,.bottom,.progress{display:none}.ending{position:relative;opacity:1!important;pointer-events:auto!important;min-height:100svh;padding-top:55svh;padding-bottom:35px}.ending #replay{display:none}.film-poster img{object-position:center}.cta{transition:none}}

#story{overflow-anchor:none}
.scroll-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}#film{display:none}
#roster{width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:28px 36px 36px;background:#191a17;color:#fff;border:1px solid #ffffff35;border-top:4px solid var(--orange);overflow:auto;overscroll-behavior:contain;color-scheme:dark}#roster::backdrop{background:#000b;backdrop-filter:blur(7px)}.roster-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;letter-spacing:.08em}.roster-head b{color:var(--orange)}#roster-close{width:48px;height:48px;background:transparent;border:1px solid #ffffff45;font-size:30px;color:white}.roster-kicker{color:var(--orange);font-size:13px;letter-spacing:.15em;margin:32px 0 12px}#roster h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(42px,8vw,68px);text-transform:uppercase;line-height:1;margin:0 0 16px}#roster h2 em{color:var(--orange);font-style:normal}#roster p{font-size:16px;line-height:1.5}#roster-intro>p:last-child{color:#c8c9c4;margin-bottom:28px}.roster-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}#roster label{display:block;font-size:14px;line-height:1.5}#roster input:not([type=checkbox]),#roster select,#roster textarea{display:block;width:100%;min-width:0;background:#252621;border:1px solid #64655e;border-radius:3px;min-height:48px;color:white;font:inherit;font-size:16px;padding:12px;margin-top:8px}#roster input:focus,#roster textarea:focus,#roster select:focus{outline:2px solid var(--orange);outline-offset:2px}#roster textarea{resize:vertical}#roster .optional{font-size:13px;color:#b8b9b3}#roster fieldset{padding:0;border:0;margin:26px 0}#roster legend{font-size:14px;margin-bottom:12px}.roster-choices{display:flex;gap:10px;flex-wrap:wrap}#roster .roster-choices label{display:flex;align-items:center;gap:8px;border:1px solid #64655e;padding:12px;min-height:48px;flex:1;white-space:nowrap}#roster .roster-choices label:has(:checked){border-color:var(--orange);background:#ff642e20}#roster input[type=checkbox]{width:20px;height:20px;accent-color:var(--orange);flex-shrink:0}#roster .roster-privacy{font-size:13px;color:#b8b9b3;margin-top:24px}#roster .roster-consent{display:flex;gap:10px;align-items:flex-start;min-height:44px}#roster .roster-submit{margin-top:24px;width:100%;font-size:16px;justify-content:space-between}#roster .roster-submit:disabled{opacity:.65;cursor:wait}#roster-status{min-height:24px}#roster .form-error{color:#ff9e79;font-size:14px}#roster .form-trap{display:none!important}#roster [hidden]{display:none!important}#roster-success{padding:30px 0 50px;outline:none}#roster-success .cta{margin-top:20px}#roster-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}#roster-burst span{position:absolute;left:50%;top:45%;white-space:nowrap;font:800 30px 'Barlow Condensed',Impact,sans-serif;color:var(--orange)}#roster-burst span:nth-child(even){color:#fff}@media(max-width:600px){#roster{padding:18px 20px 24px}.roster-grid{grid-template-columns:1fr;gap:18px}.roster-choices{flex-direction:column}#roster .roster-kicker{margin-top:20px}}@media(prefers-reduced-motion:reduce){.scroll-film{display:none}}

#roster .roster-head{position:sticky;top:-18px;z-index:2;background:#191a17;padding:8px 0}

.roster-acknowledgements{display:grid;gap:16px;margin:26px 0 18px}#roster .roster-acknowledgements .roster-consent{padding:14px;border:1px solid #64655e;border-radius:3px}#roster .roster-acknowledgements .roster-consent:has(:checked){border-color:var(--orange);background:#ff642e15}

#roster .roster-acknowledgements .roster-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-width:0;height:auto;white-space:normal}#roster .roster-consent input[type=checkbox]{margin:2px 0 0;width:20px;height:20px}#roster .roster-consent span{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.55}

@media(min-width:761px){header .contact{display:inline-flex;align-items:center;margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-left:0;width:48px;height:48px;border:1px solid #ffffff60;border-radius:2px;background:#191a17cc}.menu-toggle span{width:22px;height:2px;background:var(--paper)}}
#roster.roster-transforming{overflow:hidden}#roster-burst{z-index:3}#roster-burst span{font-size:clamp(18px,4vw,30px);will-change:transform,opacity}#roster .roster-head{z-index:4}

/* The dialog becomes a transparent full-screen animation stage: no panel or dimmer remains behind the pieces. */
#roster.roster-disassembled{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh!important;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;overflow:hidden}#roster.roster-disassembled::backdrop{background:transparent;backdrop-filter:none}#roster.roster-disassembled>.roster-head,#roster.roster-disassembled>#roster-intro,#roster.roster-disassembled>#roster-form,#roster.roster-disassembled>#roster-success{visibility:hidden}#roster.roster-disassembled>#roster-burst{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}#roster .roster-assembly-shell{position:absolute;box-sizing:border-box;background:#191a17;border:1px solid #ffffff35;border-top:4px solid var(--orange);padding:28px 36px 36px;overflow:hidden;opacity:0}#roster .roster-assembly-shell .roster-head{display:flex}@media(max-width:600px){#roster .roster-assembly-shell{padding:18px 20px 24px}}

/* Overlapping charcoal letterforms form the panel and separate into a radial cloud. */
#roster-burst .roster-piece{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}

#roster-burst .roster-piece>span{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%) scale(.08);opacity:0;line-height:1;will-change:transform,opacity}

header .wordmark-square>b{font-size:2.55em}
#roster .roster-acknowledgements{grid-auto-rows:minmax(min-content,auto)}
#roster .roster-acknowledgements .roster-consent{display:flex;align-items:flex-start;flex:none;height:auto;min-height:min-content;padding:16px;overflow:visible}
#roster .roster-acknowledgements .roster-consent>span{display:block;flex:1 1 0;min-width:0;white-space:normal;overflow-wrap:break-word;line-height:1.55}

/* Keep the final reconstruction steady as the live confirmation panel takes over. */
#roster.roster-finishing{overflow:visible}
#roster.roster-finishing>#roster-burst{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden}