/* THE MUSEUM / CINEMATIC ARCHIVE DESIGN — layered atop the original interface. */
:root{--museum-gold:#c6a476;--museum-ivory:#eee1cf;--museum-glass:rgba(28,25,28,.82);--museum-outline:rgba(211,172,113,.21)}
html{scroll-padding-top:87px}
body{background:radial-gradient(ellipse 78% 35% at 90% 12%,#38251f23,transparent 75%),radial-gradient(ellipse 64% 23% at 15% 53%,#45302117,transparent 75%),#0b0b0e}
.navbar{background:rgba(8,9,12,.91);border-bottom:1px solid var(--museum-outline);box-shadow:0 8px 40px #0005}
.brand-seal{color:var(--museum-gold)!important;border-color:#b99c6e8c!important;box-shadow:0 0 35px #b8935b12,inset 0 0 26px #aa7b4112}
.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--museum-gold);transition:right .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover:after,.nav-link.current:after{right:0}
.hero-image svg{filter:sepia(.17) saturate(.76) contrast(1.08)}.hero-glow{mix-blend-mode:screen;opacity:.65}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,5,7,.65),transparent 58%),radial-gradient(ellipse at 70% 30%,#a8834610,transparent 44%)}
.hero-copy h1 .museum{text-shadow:0 9px 46px #000b,0 0 48px #bb89552b}
.btn-primary{background:linear-gradient(125deg,#a75c4d,#68322f)!important;border-color:#c79673!important;box-shadow:0 13px 36px #0009,inset 0 1px #fff2}.btn-ghost{border-color:#c7ae8b4e!important;background:#18171acb}
.btn,button,select,input,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #edc78b!important}
.btn:active,.chapter-tab:active,.archive-pager button:active{transform:translateY(1px) scale(.99)}
.team-card,.side-panel,.form-shell,.admin-shell,.stat,.studio-emblem{border-color:var(--museum-outline)!important;box-shadow:0 21px 58px #0006,inset 0 1px #ffffff09}
.team-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.9,.3,1),box-shadow .4s,border-color .4s}.team-card:hover{transform:perspective(800px) rotateX(2.5deg) rotateY(-3deg) translateY(-7px);box-shadow:15px 30px 70px #000a;border-color:#b89a6f7a!important}
.studio-emblem{box-shadow:0 42px 90px #0006,inset 0 0 100px #c4a07308}
.file-stamp{transform:rotate(-7deg);color:#c9a980!important;border-color:#ad8a6599!important}
.archive-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:25px}
.archive-stage{display:flex;flex-direction:column;justify-content:flex-end;min-height:750px;overflow:hidden;border:1px solid #b1936475;box-shadow:0 30px 90px #0009,0 0 70px #a7783111;transform-style:preserve-3d;perspective:950px}
.archive-stage:before{inset:12px;border-color:#eac48b29}
.archive-scene{background:linear-gradient(135deg,#3c332f,#171417 70%)!important}
.archive-scene:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#cca66d06 0 1px,transparent 1px 36px),linear-gradient(145deg,transparent,#7255320d 52%,transparent)}
.archive-art{top:7%;left:auto;right:9%;width:min(38%,210px);height:215px;opacity:.6;filter:sepia(.6);border:10px ridge #977d5a6c;transform:rotate(4deg)}
.archive-stage:hover .archive-art{transform:rotate(1deg) scale(1.05)}
.archive-text{position:relative;inset:auto;z-index:3;padding:225px clamp(24px,4vw,43px) 18px;background:linear-gradient(180deg,transparent 0%,#0c0b0edc 24%,#0b0b0ff7 45%,#0b0b0ffa 100%)}
.archive-text h3{font:600 clamp(26px,3vw,40px)/1.14 Cinzel,Georgia,serif;letter-spacing:-.8px;color:#f1dec4;margin:16px 0}
.archive-index{color:#dcb887!important}.archive-text p{white-space:pre-line;color:#d5c7b8;line-height:1.92;font-size:13px;max-width:unset;min-height:260px;margin-bottom:8px}
.archive-stage.page-turn .archive-text{animation:folioOpen .68s cubic-bezier(.2,.8,.25,1) both;transform-origin:left center}
@keyframes folioOpen{0%{opacity:.25;transform:perspective(950px) rotateY(17deg) translateX(25px);filter:blur(2px)}55%{opacity:.82}100%{opacity:1;transform:perspective(950px) rotateY(0deg) translateX(0);filter:blur(0)}}
.archive-pager{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 20px 23px;position:relative;z-index:4;background:#0b0b0ffa}
.archive-pager button{min-height:42px;border:1px solid #a985565c;border-radius:7px;color:#ead8bc;background:#352b2466;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.5px;transition:background .22s,transform .22s,border-color .22s}
.archive-pager button:hover{background:#59442a99;border-color:#d6b180}.archive-pager span{font:600 12px Georgia,serif;color:#b7a084;letter-spacing:2px;white-space:nowrap}
.chapter-list{border:1px solid #a4885930;border-radius:8px;overflow:hidden;background:#0e0f11a8;box-shadow:0 22px 68px #0004}
.chapter-tab{padding:28px 24px 30px;background:linear-gradient(100deg,#161416cc,#0b0b0ddd);border-color:#a17e5140;will-change:transform}
.chapter-tab:hover{transform:perspective(600px) rotateY(-2deg) translateX(3px);background:#362b27a8}
.chapter-tab.active{background:linear-gradient(110deg,#55432d7a,#18171a);padding-left:29px}
.chapter-tab.active:before{background:#d9b77c}.chapter-tab span{color:#d3ac7d!important}.chapter-tab strong{color:#f2e0c9}.chapter-tab small{color:#baa997}
.lore-quote{color:#be9c75!important}
.field input:focus,.field select:focus,.field textarea:focus,.login-input:focus,.admin-search:focus{border-color:#c8a47e!important;box-shadow:0 0 0 3px #c8a47e20!important}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#dc8079!important}
.input-error{display:block;color:#e5a29a;font-size:11px;line-height:1.5;margin:7px 0 0}.input-error:empty{display:none}.other-language{margin-top:13px}.other-language label{font-size:10px;color:#d2bc9f}
.form-step:not([hidden]){animation:folioOpen .46s cubic-bezier(.2,.8,.3,1) both}.form-shell{background:linear-gradient(145deg,rgba(25,22,25,.95),rgba(14,14,18,.99))!important}
.progress i{transition:background .55s,transform .45s;transform-origin:left}.progress i.done{transform:scaleX(1)}
.staff-entry,.status-link-nav{white-space:nowrap}
.cinematic-gate{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;perspective:1250px;opacity:0;visibility:hidden;transition:opacity .35s,visibility 0s linear .5s;isolation:isolate}
.cinematic-gate.show{opacity:1;visibility:visible;transition:opacity .22s,visibility 0s}
.gate-wing{position:absolute;inset:-6% 0;background:radial-gradient(ellipse at center,#3d2b20 0%,#141214 42%,#08090d 85%);border:1px solid #be9e6c67;box-shadow:inset 0 0 95px #000d,0 0 80px #000;transform-style:preserve-3d;backface-visibility:hidden;transition:transform .76s cubic-bezier(.64,0,.2,1)}
.gate-wing:before{content:"";position:absolute;inset:6%;border:1px solid #c9a47824;background:repeating-linear-gradient(90deg,transparent 0 12%,#b99a7020 12.1% 12.14%)}
.gate-left{clip-path:inset(0 50% 0 0);transform-origin:left;transform:rotateY(-95deg) translateZ(-100px)}
.gate-right{clip-path:inset(0 0 0 50%);transform-origin:right;transform:rotateY(95deg) translateZ(-100px)}
.cinematic-gate.show .gate-left,.cinematic-gate.show .gate-right{transform:rotateY(0deg) translateZ(0)}
.gate-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#f1e0c9;text-shadow:0 8px 38px #000;opacity:0;transform:translateZ(-130px) scale(.83);transition:opacity .32s,transform .75s cubic-bezier(.15,.9,.2,1)}
.gate-caption span{font:800 9px/1.5 system-ui,sans-serif;letter-spacing:4px;color:#bca17f;text-align:center}.gate-caption strong{font:500 clamp(28px,6vw,76px)/1.1 Cinzel,Georgia,serif;letter-spacing:clamp(2px,.8vw,10px);text-align:center;max-width:90vw}.gate-caption i{width:100px;height:1px;background:linear-gradient(90deg,transparent,#d9b88a,transparent)}
.cinematic-gate.show .gate-caption{opacity:1;transform:translateZ(50px) scale(1)}
@media(max-width:980px){.archive-layout{grid-template-columns:1fr}.archive-stage{min-height:650px}.archive-text{padding-top:205px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-tab{padding:17px 12px!important}.chapter-tab strong{font-size:15px}.chapter-tab span{font-size:8px;letter-spacing:.5px}.chapter-tab small{font-size:10px}}
@media(max-width:650px){.archive-stage{min-height:0}.archive-art{top:30px;height:180px;width:36%;right:8%}.archive-text{padding:220px 21px 8px}.archive-text h3{font-size:28px}.archive-text p{font-size:12px;line-height:1.85}.chapter-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.chapter-tab{min-width:72%;scroll-snap-align:center}.archive-pager{padding:8px 14px 16px;gap:7px}.archive-pager button{font-size:9px;padding:8px}.gate-caption span{font-size:8px;letter-spacing:2px}.file-stamp{display:none}.navbar{height:72px}html{scroll-padding-top:74px}.admin-toolbar{align-items:stretch}.team-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.cinematic-gate,.gate-wing,.gate-caption{display:none!important}.archive-stage.page-turn .archive-text{animation:none!important}.team-card:hover,.chapter-tab:hover{transform:none!important}}
.staff-toast{position:fixed;z-index:1300;right:clamp(18px,4vw,60px);bottom:30px;max-width:340px;padding:18px 22px;border:1px solid #bfa175a1;border-radius:8px;background:linear-gradient(135deg,#28251d,#131313);color:#f4e3cc;box-shadow:0 20px 75px #0009;font:700 12px/1.6 system-ui,sans-serif;letter-spacing:.3px}
.staff-toast.toast-pop{animation:staffToastIn .44s cubic-bezier(.2,.8,.3,1)}@keyframes staffToastIn{from{opacity:0;transform:perspective(500px) rotateX(-14deg) translateY(32px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.staff-toast.toast-pop{animation:none}}