*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a1126;--bg-secondary:#0e1834;--bg-card:#142147;--bg-card-hover:#1a2b5c;--locker-blue:#2a5fe3;--locker-blue-deep:#1c43ad;--locker-frame:#0b173b;--accent-gold:#f0c040;--accent-amber:#e8943a;--accent-warm:#fef3c7;--text-primary:#f2f5ff;--text-secondary:#a9b6da;--text-muted:#6e7ba1;--sticky-yellow:#ffd84d;--sticky-pink:#fda4af;--sticky-blue:#93c5fd;--sticky-green:#86efac;--border:#f0c0402e;--border-subtle:#ffffff14;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-hand:"Caveat", "Comic Sans MS", cursive;--max-width:1200px}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.7}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.045em;font-weight:400;line-height:1.1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.locker-nav{background:var(--bg-primary)}.locker-nav__home{width:fit-content;font-family:var(--font-display);letter-spacing:.06em;color:var(--text-primary);text-align:center;margin:0 auto;padding:18px 16px 14px;font-size:clamp(1.4rem,3.4vw,2rem);transition:color .2s;display:block}.locker-nav__home:hover{color:var(--accent-gold)}.locker-nav__row{background:var(--locker-frame);border-bottom:3px solid var(--locker-frame);gap:5px;padding:0 5px;display:flex}.locker-door{background:linear-gradient(#3c70f2 0%,#2a5ad9 55%,#2049ba 100%);border-radius:3px 3px 0 0;flex:1;justify-content:center;align-items:flex-end;height:clamp(128px,15vw,178px);transition:filter .25s;display:flex;position:relative;box-shadow:inset 0 2px 2px #ffffff38,inset 2px 0 3px #ffffff14,inset -3px -4px 8px #08123c73}.locker-door:hover{filter:brightness(1.1)}.locker-door:focus-visible{outline:2px solid var(--accent-gold);outline-offset:-4px}.locker-door__number{font-family:var(--font-body);letter-spacing:.1em;color:#3d3d3d;background:linear-gradient(165deg,#e8e8e8,#b9b9bc 70%,#d6d6d8);border-radius:2px;padding:0 9px;font-size:.6rem;font-weight:600;line-height:1.5;position:absolute;top:7%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffffb3,0 1px 2px #08123c80}.locker-door__vents{background:repeating-linear-gradient(#0a16468c 0 3px,#78a0ff47 3px 4.5px,#0000 4.5px 9px);border-radius:2px;width:44%;height:17%;position:absolute;top:26%;left:50%;transform:translate(-50%)}.locker-door__handle{background:linear-gradient(90deg,#d9dde6,#9aa1b0 55%,#c6ccd8);border-radius:4px;width:9px;height:30px;position:absolute;bottom:13%;right:11%;box-shadow:-3px 0 0 -1px #08123c8c,inset 0 -1px 2px #08123c80,0 1px 2px #08123c66}.locker-door__note{width:clamp(62px,7.2vw,92px);transform:rotate(var(--rotate));filter:drop-shadow(3px 4px 7px #050c288c);-webkit-user-drag:none;will-change:transform;margin-bottom:9%;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;position:relative}.locker-door:hover .locker-door__note,.locker-door:focus-visible .locker-door__note{filter:drop-shadow(6px 10px 14px #050c28a6);animation:.5s ease-in-out navNoteWiggle;transform:rotate(0)scale(1.16)}.locker-door--active{background:linear-gradient(#4a7cf7 0%,#3565e4 55%,#2a53c6 100%)}.locker-door--active .locker-door__note{transform:rotate(0)scale(1.08)}.locker-door--active:after{content:"";z-index:2;background:radial-gradient(circle at 35% 30%,#fdf2c8,#c79a38 55%,#8a6620);border-radius:50%;width:11px;height:11px;position:absolute;bottom:calc(9% + clamp(62px,7.2vw,92px)/1.02041);left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}@keyframes navNoteWiggle{0%{transform:rotate(0)scale(1.16)}25%{transform:rotate(-5deg)scale(1.16)}55%{transform:rotate(4deg)scale(1.16)}80%{transform:rotate(-2deg)scale(1.16)}to{transform:rotate(0)scale(1.16)}}@media (prefers-reduced-motion:reduce){.locker-door__note,.locker-nav__home{transition:none}.locker-door:hover .locker-door__note,.locker-door:focus-visible .locker-door__note{animation:none}}@media (width<=768px){.locker-nav__home{padding:14px 16px 12px}.locker-nav__row{gap:3px;padding:0 3px}.locker-door{height:116px}.locker-door__note{width:58px}.locker-door--active:after{bottom:calc(9% + 58px)}.locker-door__handle{width:7px;height:22px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);margin-top:auto}.footer__inner{max-width:var(--max-width);grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;margin:0 auto;padding:56px 28px 48px;display:grid}.footer__note{background:linear-gradient(170deg, #ffe27a 0%, var(--sticky-yellow) 55%, #f4c93a 100%);border-radius:2px;justify-self:start;width:230px;padding:18px 18px 22px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotate(-2.5deg);box-shadow:4px 6px 14px #040a2080}.footer__note:hover{transform:rotate(0)scale(1.04)}.footer__note:after{content:"";border-top:0 solid #0000;border-bottom:16px solid #040a202e;border-left:16px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.footer__title{font-family:var(--font-hand);color:#2c2306;font-size:1.45rem;font-weight:600;line-height:1.2}.footer__tagline{font-family:var(--font-hand);color:#2c2306c7;margin-top:6px;font-size:1.05rem;font-weight:500;line-height:1.3}.footer__nav{flex-direction:column;align-items:center;gap:12px;display:flex}.footer__link{font-family:var(--font-hand);color:#2c2306;background:linear-gradient(170deg,#ffe27a,#f6cd45);border-radius:2px;padding:3px 18px 5px;font-size:1.2rem;font-weight:600;line-height:1.2;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;transform:rotate(-2deg);box-shadow:2px 3px 8px #040a2073}.footer__link:nth-child(2n){transform:rotate(2deg)}.footer__link:hover,.footer__link:focus-visible{transform:rotate(0)translateY(-3px)scale(1.06);box-shadow:4px 7px 14px #040a208c}.footer__scrap{background:#f5f2ea;border-radius:2px;justify-self:end;padding:20px 24px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotate(1.5deg);box-shadow:4px 6px 14px #040a2080}.footer__scrap:hover{transform:rotate(0)}.footer__scrap:before,.footer__scrap:after{content:"";background:#f4ecd28c;width:56px;height:18px;position:absolute;top:-8px;box-shadow:0 1px 3px #040a2040}.footer__scrap:before{left:-18px;transform:rotate(-38deg)}.footer__scrap:after{right:-18px;transform:rotate(38deg)}.footer__contact-label{letter-spacing:.16em;text-transform:uppercase;color:#8a8270;margin-bottom:4px;font-size:.62rem;font-weight:600}.footer__email{color:var(--locker-blue-deep);text-underline-offset:3px;font-size:.92rem;font-weight:500;-webkit-text-decoration:underline #1c43ad66;text-decoration:underline #1c43ad66;transition:color .2s}.footer__email:hover{color:#15348a}.footer__bottom{background:var(--locker-frame);text-align:center;padding:16px 28px}.footer__bottom p{color:var(--text-muted);letter-spacing:.06em;font-size:.72rem}@media (prefers-reduced-motion:reduce){.footer__note,.footer__link,.footer__scrap{transition:none}}@media (width<=768px){.footer__inner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:40px}.footer__note,.footer__scrap{justify-self:center}.footer__nav{flex-flow:wrap;justify-content:center;gap:12px 14px}}.banner{background:var(--bg-primary);line-height:0}.banner__img{width:100%;height:auto}.marquee{background:var(--bg-secondary);text-align:center;border-top:1px solid var(--border-subtle);flex-direction:column;align-items:center;padding:48px 24px;display:flex}.marquee__film{letter-spacing:.34em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:10px;font-size:.74rem;font-weight:600}.marquee__title{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-primary);font-size:clamp(2.4rem,6vw,4rem);line-height:1.05}.lockers{background:var(--bg-secondary)}.lockers__board{line-height:0;position:relative}.lockers__img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto}.locker-note{top:27%;left:calc((var(--locker) * 2 - 1) * 12.5%);width:16.5%;transform:translateX(-50%) rotate(var(--rotate));filter:drop-shadow(4px 6px 10px #00000073);will-change:transform;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;position:absolute}.locker-note img{-webkit-user-drag:none;width:100%}.locker-note:hover,.locker-note:focus-visible{filter:drop-shadow(8px 14px 22px #0009);z-index:5;transform:translate(-50%)rotate(0)scale(1.14)translateY(-5%)}.locker-note:hover img,.locker-note:focus-visible img{animation:.5s ease-in-out noteWiggle}.locker-note:focus-visible{outline:2px solid var(--accent-gold);outline-offset:6px}@keyframes noteWiggle{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.locker-note{transition:none}.locker-note:hover img,.locker-note:focus-visible img{animation:none}}.follow{background:var(--bg-primary);justify-content:center;padding:72px 24px 88px;display:flex}.follow__note{text-align:center;background:linear-gradient(170deg, #ffe27a 0%, var(--sticky-yellow) 55%, #f4c93a 100%);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:240px;height:240px;padding:24px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:rotate(-2.5deg);box-shadow:5px 8px 20px #040a208c}.follow__note:hover{transform:rotate(0)scale(1.04)}.follow__note:after{content:"";border-top:0 solid #0000;border-bottom:20px solid #040a2029;border-left:20px solid #0000;border-right:0 solid #0000;position:absolute;bottom:0;right:0}.follow__heading{font-family:var(--font-hand);color:#2c2306;font-size:1.75rem;font-weight:600;line-height:1.15}.follow__socials{gap:18px;display:flex}.follow__icon{color:#2c2306;background:#2c230614;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .25s,background .25s,color .25s;display:flex}.follow__icon:hover{color:var(--sticky-yellow);background:#2c2306;transform:translateY(-3px)scale(1.08)}@media (width<=768px){.marquee{padding:36px 20px}.locker-note{width:20%;top:25%}.follow{padding:56px 24px 64px}}.story-page{background:var(--bg-primary)}.story-scene{background:var(--bg-secondary)}.scene-inner{grid-template-columns:minmax(0,620px) 1fr;align-items:center;gap:64px;display:grid}.scene-board{line-height:0;position:relative}.scene-locker{border-radius:4px;width:100%;box-shadow:0 24px 60px #0000008c}.synopsis-note{cursor:zoom-in;filter:drop-shadow(3px 5px 9px #00000080);background:0 0;border:none;width:27%;padding:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s;position:absolute;top:33%;left:80%;transform:translate(-50%)rotate(2.5deg)}.synopsis-note img{-webkit-user-drag:none;width:100%}.synopsis-note:hover,.synopsis-note:focus-visible{filter:drop-shadow(6px 12px 18px #000000a6);z-index:5;transform:translate(-50%)rotate(0)scale(1.08)}.synopsis-note:focus-visible{outline:2px solid var(--accent-gold);outline-offset:5px}.scene-intro{color:var(--text-primary);font-size:1.15rem;line-height:1.75}.scene-cta{font-family:var(--font-display);letter-spacing:.12em;color:#07070f;background:var(--accent-gold);cursor:pointer;border:none;border-radius:2px;margin-top:28px;padding:13px 30px;font-size:1.05rem;transition:transform .2s,background .2s,box-shadow .2s;display:inline-block}.scene-cta:hover{background:var(--accent-warm);transform:translateY(-2px);box-shadow:0 10px 26px #f0c04047}.scene-cta-hint{color:var(--text-muted);margin-top:12px;font-size:.9rem;font-style:italic}.synopsis-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#04040ce0;justify-content:center;align-items:flex-start;padding:48px 24px;animation:.25s overlayIn;display:flex;position:fixed;inset:0;overflow-y:auto}.synopsis-modal{margin:auto 0;animation:.45s cubic-bezier(.34,1.56,.64,1) blowUp;position:relative}.synopsis-sheet{filter:drop-shadow(0 1px #fff6);background:linear-gradient(#f7f4ea,#f7f4ea) padding-box padding-box,#f7f4ea repeating-linear-gradient(#f7f4ea 0 30px,#d9d3c2 30px 31px) padding-box padding-box;border-radius:3px;width:min(92vw,620px);padding:48px clamp(28px,5vw,56px);box-shadow:0 30px 60px #000000b3}.synopsis-sheet__title{font-family:var(--font-display);letter-spacing:.06em;color:#1f2a52;margin-bottom:18px;font-size:2rem}.synopsis-sheet p{font-family:var(--font-body);color:#2c2a24;margin-bottom:16px;font-size:1rem;line-height:1.85}.synopsis-sheet p:last-child{margin-bottom:0}.synopsis-close{z-index:1;background:var(--accent-gold);color:#07070f;border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;font-weight:700;transition:transform .2s,background .2s;position:absolute;top:-16px;right:-16px;box-shadow:0 6px 18px #00000080}.synopsis-close:hover{background:var(--accent-warm);transform:scale(1.1)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes blowUp{0%{opacity:0;transform:scale(.25)rotate(2.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.synopsis-overlay,.synopsis-modal{animation:none}.synopsis-note{transition:none}}@media (width<=1024px){.scene-inner{gap:48px}}@media (width<=768px){.scene-inner{grid-template-columns:1fr;gap:40px}.scene-board{max-width:420px;margin:0 auto}}.cast-page{background:var(--bg-primary)}.cast-scene{background:var(--bg-secondary)}.cast-scene__inner{grid-template-columns:minmax(0,520px) 1fr;align-items:start;gap:56px;display:grid}.cast-scene__board{line-height:0;position:sticky;top:24px}.cast-scene__locker{border-radius:4px;width:100%;box-shadow:0 24px 60px #0000008c}.cast-wall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:34px 22px;display:grid}@media (width<=1024px){.cast-scene__inner{grid-template-columns:1fr;gap:48px}.cast-scene__board{max-width:520px;margin:0 auto;position:static}}@media (width<=768px){.cast-wall{grid-template-columns:repeat(2,1fr);gap:28px 18px}}.crew-page{background:var(--bg-primary)}.crew-scene{background:var(--bg-secondary)}.crew-scene__inner{grid-template-columns:minmax(0,520px) 1fr;align-items:start;gap:56px;display:grid}.crew-scene__board{line-height:0;position:sticky;top:24px}.crew-scene__locker{border-radius:4px;width:100%;box-shadow:0 24px 60px #0000008c}.crew-wall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:34px 22px;display:grid}@media (width<=1024px){.crew-scene__inner{grid-template-columns:1fr;gap:48px}.crew-scene__board{max-width:520px;margin:0 auto;position:static}}@media (width<=768px){.crew-wall{grid-template-columns:repeat(2,1fr);gap:28px 18px}}.contact-page,.contact-section{background:var(--bg-primary)}.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:60px;display:grid}.contact-locker-col{line-height:0;position:sticky;top:24px}.contact-locker{border-radius:4px;width:100%;box-shadow:0 24px 60px #0000008c}.contact-content{min-width:0}.contact-lead{color:var(--text-secondary);max-width:460px;margin-bottom:8px;font-size:1rem;line-height:1.7}.contact-info__items{flex-direction:column;gap:24px;margin-top:28px;display:flex}.contact-info__item{align-items:flex-start;gap:18px;display:flex}.contact-info__icon{border:1px solid var(--border);width:40px;height:40px;color:var(--accent-gold);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:1.05rem;display:flex}.contact-info__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.72rem;font-weight:600}.contact-info__value{color:var(--accent-gold);font-size:.98rem;transition:opacity .2s;display:block}.contact-info__value+.contact-info__value{margin-top:3px}.contact-info__value:hover{opacity:.75}.contact-info__value--text{color:var(--text-secondary);max-width:380px;font-size:.9rem;line-height:1.65}.contact-socials{gap:12px;margin-top:2px;display:flex}.contact-social{width:42px;height:42px;color:var(--accent-gold);background:#f0c0401a;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s,background .25s,color .25s;display:flex}.contact-social:hover{background:var(--accent-gold);color:#07070f;transform:translateY(-3px)scale(1.08)}@media (width<=1024px){.contact-inner{grid-template-columns:1fr;gap:40px}.contact-locker-col{max-width:520px;margin:0 auto;position:static}}main{flex:1}.page-strip{text-align:center;padding:56px 24px 48px}.page-strip h1{color:var(--text-primary);margin-bottom:12px;font-size:clamp(2rem,4.5vw,3.2rem)}.page-strip .tagline{font-family:var(--font-hand);color:var(--accent-gold);font-size:clamp(1.25rem,2.8vw,1.6rem);font-weight:500}.section-container{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:14px;font-size:.72rem;font-weight:600;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:20px;font-size:clamp(1.8rem,4vw,2.8rem)}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.05rem}.divider{background:linear-gradient(90deg, var(--accent-gold), transparent);width:60px;height:2px;margin:20px 0}.btn-primary{background:var(--accent-gold);color:#07070f;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:2px;align-items:center;gap:8px;padding:14px 32px;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary:hover{background:var(--accent-warm);transform:translateY(-2px);box-shadow:0 10px 30px #f0c04040}.btn-outline{color:var(--accent-gold);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent-gold);background:0 0;border-radius:2px;align-items:center;gap:8px;padding:13px 30px;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-outline:hover{background:#f0c04014;transform:translateY(-2px)}.img-placeholder{background:var(--bg-card);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;border:1px dashed #ffffff1a;justify-content:center;align-items:center;font-size:.72rem;display:flex}.gold-line{background:linear-gradient(90deg, transparent, var(--accent-gold), transparent);opacity:.25;width:100%;height:1px}.polaroid{text-align:center;transform:rotate(var(--tilt,-2.5deg));background:#faf8f2;border-radius:2px;margin:0;padding:9px 9px 0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;box-shadow:3px 5px 12px #040a2080}.polaroid:hover{z-index:5;position:relative;transform:rotate(0)scale(1.07);box-shadow:8px 14px 26px #040a20a6}.polaroid__shot{aspect-ratio:1/1.06;object-fit:cover;-webkit-user-drag:none;width:100%}.polaroid__shot--empty{font-family:var(--font-body);color:#8e8e8a;background:linear-gradient(175deg,#e3e3e1,#d2d2cf);justify-content:center;align-items:center;font-size:3.2rem;font-weight:600;display:flex}.polaroid figcaption{flex-direction:column;padding:6px 4px 10px;line-height:1.25;display:flex}.polaroid__head{font-family:var(--font-hand);color:#2c2618;font-size:1.4rem;font-weight:600}.polaroid__sub{color:#6b6353;font-size:.8rem;font-style:italic}.polaroid__sub--gold{color:#a8821e;font-style:normal}@media (prefers-reduced-motion:reduce){.polaroid{transition:none}}