/* CYLINDER 008 / archival photographs + kinetic navigation + anchored credits */
footer{position:relative;display:flex;flex-wrap:wrap;gap:18px;align-items:center;min-height:130px;padding:30px 4.5% 48px!important;background:linear-gradient(180deg,#100a0e,#080608);border-top:1px solid #5c3042!important}
.credits-mount{width:100%;display:flex;justify-content:flex-end;order:5}.credits-widget{position:relative!important;bottom:auto!important;left:auto!important;z-index:10!important;letter-spacing:.12em}.credits-toggle{display:flex;align-items:center;gap:12px;padding:13px 18px!important;border-radius:999px!important;box-shadow:inset 0 0 0 1px #e6a3bb1a,0 8px 30px #0008!important}.credits-toggle:hover{transform:translateY(-3px) scale(1.04)!important}.credits-panel{position:absolute;bottom:calc(100% + 14px)!important;left:auto!important;right:0;width:min(450px,calc(100vw - 35px))!important;max-height:min(60vh,520px);z-index:15;border-radius:10px!important;transform-origin:bottom right;animation:creditEnter .45s cubic-bezier(.16,1,.3,1)}@keyframes creditEnter{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}.credits-items p{border-top:1px solid #75475b70;padding-top:12px}.credits-panel a{text-decoration:underline;text-underline-offset:4px}
/* Masked photographs are spectral textures within the composition, never photo cards. */
.collage-photo{overflow:visible!important;z-index:0;width:clamp(260px,38vw,670px)!important;opacity:.43!important;filter:grayscale(1) contrast(1.8) brightness(.67) sepia(.32) hue-rotate(285deg)!important;mix-blend-mode:screen!important;mask-image:radial-gradient(ellipse 65% 65% at 52% 45%,black 4%,#000d 30%,transparent 75%)!important;-webkit-mask-image:radial-gradient(ellipse 65% 65% at 52% 45%,black 4%,#000d 30%,transparent 75%)!important;transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),0) rotate(var(--photo-rot,-12deg)) scale(var(--photo-scale,1))!important;transition:opacity 1s,filter 1s;will-change:transform}.collage-photo img{display:block;width:100%;height:auto;filter:contrast(1.3)}.collage-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#7d1c4a55,transparent 45%,#090609b0);mix-blend-mode:multiply}.collage-photo-0{left:-9%!important;top:13%!important;--photo-rot:-17deg;--photo-scale:1.05}.collage-photo-1{right:-13%!important;left:auto!important;top:24%!important;bottom:auto!important;--photo-rot:16deg;--photo-scale:1.1}.hero .art-stage{pointer-events:none}.hero-title{isolation:isolate}.hero-title-line{position:relative;z-index:3}.hero-five{opacity:.75!important}
.archive-section{position:relative;isolation:isolate;overflow:hidden}.archive-section:before{content:'';position:absolute;z-index:-1;top:0;right:-14%;width:min(85vw,1050px);height:900px;background:radial-gradient(ellipse at 55% 40%,#7e2b4b29,transparent 70%);pointer-events:none}.archive-section:after{content:'05';position:absolute;z-index:-1;right:-3%;top:3%;font:900 clamp(180px,35vw,550px)/1 'Space Grotesk',sans-serif;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px #9e526025;transform:rotate(-12deg);pointer-events:none}
/* The index opens as a composed cinematic wipe, not an instant full-screen block. */
.menu{display:block!important;visibility:hidden;pointer-events:none;opacity:0;clip-path:inset(0 0 100% 0 round 0 0 26px 26px);transform:translateY(-20px);transition:clip-path .9s cubic-bezier(.76,0,.18,1),transform .9s cubic-bezier(.76,0,.18,1),opacity .5s,visibility 0s linear .9s!important;will-change:clip-path,transform}.menu.open{visibility:visible;pointer-events:auto;opacity:1;clip-path:inset(0 0 0 0 round 0);transform:translateY(0);transition:clip-path 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),opacity .6s,visibility 0s!important}.menu-head,.menu-bottom{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .75s cubic-bezier(.16,1,.3,1)}.menu.open .menu-head,.menu.open .menu-bottom{opacity:1;transform:none;transition-delay:.35s}.menu-links a{opacity:0;transform:translate3d(-4vw,50px,0) skewY(4deg);transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1),color .35s,letter-spacing .5s!important}.menu.open .menu-links a{opacity:1;transform:none;transition-delay:calc(.18s + var(--nav-index,0)*.085s)}.menu.open .menu-links a:hover{transform:translateX(3vw) skewX(-5deg)!important;transition-delay:0s!important}.menu-preview{opacity:0;filter:blur(12px);transform:translate3d(30px,20px,0) scale(.88);transition:opacity .9s,filter 1s,transform 1.1s cubic-bezier(.16,1,.3,1)}.menu.open .menu-preview{opacity:1;filter:blur(0);transform:none;transition-delay:.22s}.menu-ghost{transition:opacity .5s,transform .8s}.menu-trigger .menu-glyph i{transform-origin:center;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s}.menu-trigger[aria-expanded=true] .menu-glyph i:first-child{transform:translateY(3px) rotate(45deg)}.menu-trigger[aria-expanded=true] .menu-glyph i:last-child{transform:translateY(-3px) rotate(-45deg)}
/* A photographic afterimage appears only when interacting with the menu. */
.menu-photo{position:absolute;z-index:0;right:-10%;top:5%;width:min(72vw,930px);height:90%;background:url('https://commons.wikimedia.org/wiki/Special:Redirect/file/Moshing_at_Pain_in_the_Grass_-_1995.jpg?width=1000') center/cover no-repeat;filter:grayscale(1) contrast(1.65) brightness(.35) sepia(.4) hue-rotate(280deg);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 60% 48%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 60% 48%,black 0%,transparent 70%);opacity:0;transform:translateX(8%) scale(1.12);transition:opacity .9s,transform 1.6s cubic-bezier(.16,1,.3,1);pointer-events:none}.menu.open .menu-photo{opacity:.48;transform:none}.menu-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090609 0%,transparent 65%)}
@media(max-width:700px){.collage-photo{opacity:.25!important;width:95vw!important}.collage-photo-0{left:-55%!important}.collage-photo-1{right:-60%!important}.menu-photo{width:125vw;right:-70%;opacity:.2!important}.credits-mount{justify-content:flex-start}.credits-panel{right:auto;left:0!important}.menu-links a{transition-delay:0s!important}}
@media(prefers-reduced-motion:reduce){.menu,.menu-links a,.menu-head,.menu-bottom,.menu-preview,.menu-photo{transition-duration:.01ms!important;animation:none!important}}