/* Loose, full-bleed drawings. The canvas renders six deformable paper meshes. */
.header-gallery{display:none}
.gallery{position:relative;z-index:3;display:block;color:var(--cream);background:radial-gradient(ellipse at 50% 50%,#302718 0,#1c1810 33%,#0d0d0a 72%);isolation:isolate}
.gallery:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background-image:radial-gradient(#d4a72c55 .65px,transparent .8px);background-size:6px 6px;mask-image:linear-gradient(90deg,black,transparent 18%,transparent 82%,black)}
.gallery .scene-inner{width:min(1400px,94vw);padding:55px 0 48px;max-width:none}
.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;width:84%;margin:0 auto -8px;position:relative;z-index:1}
.gallery-heading .eyebrow{color:var(--gold);font-size:8px;letter-spacing:1.5px}
.gallery h2{font-size:42px;line-height:1;margin:11px 0 0}
.gallery h2 em{color:var(--yellow);-webkit-text-stroke:0;text-shadow:2px 2px #9b7418}
.gallery-intro{text-align:right}.gallery-intro p{font-size:12px;line-height:1.6;margin:0 0 8px}.gallery-intro>span{font:6px Mono;color:#b69c5c;letter-spacing:1px}
.paper-gallery{position:relative;margin:auto;border:0;background:none;box-shadow:none;outline:none}
.paper-stage{position:relative;width:100%;display:grid;place-items:center;perspective:1400px;isolation:isolate}
.paper-surface{position:relative;display:block;width:min(100%,calc(76svh * 1.5));aspect-ratio:3/2;margin:0;padding:0;border:0;outline:none;background:none;box-shadow:none;cursor:grab;touch-action:pan-y pinch-zoom;isolation:isolate}
.paper-surface:active{transform:none!important;cursor:grabbing}.paper-gallery.is-turning .paper-surface{cursor:grabbing}
.paper-surface:focus-visible{outline:1px dashed #ffe28a80;outline-offset:-15px;border-radius:45%}
#gallery-canvas{display:block;width:100%;height:100%;background:transparent;opacity:0;transition:opacity .25s}.paper-gallery.is-webgl #gallery-canvas{opacity:1}
.paper-fallback{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}.paper-gallery.is-webgl .paper-fallback{display:none}
.fallback-sheet{position:absolute;display:block;width:77%;height:auto;aspect-ratio:3/2;object-fit:cover;box-shadow:0 15px 35px #0008,0 1px 1px #f3dca980;transform-origin:center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.paper-arrow{position:absolute;top:50%;transform:translateY(-50%);width:88px;height:74px;display:grid;place-items:center;z-index:3;border:0;background:none;padding:12px 0;cursor:pointer;filter:drop-shadow(0 3px 8px #0008);transition:color .25s;touch-action:manipulation}
.paper-arrow-left{left:2%}.paper-arrow-right{right:2%}.paper-arrow svg{width:100%;height:auto;fill:none;stroke:var(--yellow);stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter;transition:transform .25s,stroke .25s}.paper-arrow:hover svg{stroke:var(--cream);transform:translateX(5px)}.paper-arrow-left:hover svg{transform:translateX(-5px)}
.paper-arrow:active{transform:translateY(-50%)!important}.paper-arrow:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.paper-handnote{position:absolute;bottom:4%;right:12%;font:italic 11px Body;letter-spacing:.3px;color:#c5af72;transform:rotate(-7deg);pointer-events:none;transition:opacity .2s}.paper-gallery.is-turning .paper-handnote{opacity:0}
.paper-caption{width:76%;margin:-12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.paper-caption .eyebrow{font:6px Mono;letter-spacing:1.2px;color:#9e8b56}.paper-caption .eyebrow b{margin-left:17px;font:8px Mono;color:var(--yellow)}
.paper-caption h3{font:italic 30px/1.05 Display;text-transform:uppercase;letter-spacing:.6px;margin:8px 0 0;color:var(--cream)}.paper-tools{display:flex;align-items:center;gap:20px}.paper-tools button{min-height:44px;min-width:44px;border:0;background:none;color:var(--gold);font:25px Body}.paper-tools>a{min-height:44px;display:flex;align-items:center;font:7px Mono;letter-spacing:.4px;color:#a89055}.paper-tools button:hover,.paper-tools>a:hover{color:var(--cream)}
.paper-footer{width:76%;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.paper-footer>p{font:7px/1.8 Mono;color:#8e7c4d;margin:0}.paper-pagination{display:flex;gap:10px;align-items:center}.frame-step{position:relative;width:34px;min-height:44px;border:0;background:none;color:#796a44;padding:10px 0 6px;text-align:center}.frame-step>span{display:block;height:2px;background:#75633c77;width:100%;transition:background .2s,transform .2s}.frame-step small{display:block;font:6px Mono;margin-top:6px;letter-spacing:1px}.frame-step.current{color:var(--yellow)}.frame-step.current>span{background:var(--yellow);transform:rotate(-5deg)}.frame-step:hover>span{background:var(--cream)}.paper-gallery button:focus-visible,.paper-gallery a:focus-visible{outline-color:var(--yellow)}
.gallery-tail{width:84%;display:flex;justify-content:space-between;gap:20px;font:7px Mono;color:#8d7946;margin:40px auto 0;padding-top:18px;border-top:1px solid #d4a72c22}.gallery-tail a{color:var(--gold)}.gallery-tail a:hover{color:var(--yellow)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-mood=gallery] .scene-nav a{border-color:var(--gold)}body[data-mood=gallery] .scene-nav a.current,body[data-mood=gallery] .scene-nav a:hover{background:var(--yellow)}body[data-mood=gallery] .scene-nav a:focus-visible{outline-color:var(--yellow)}
.paper-gallery:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:15px 3vw 25px;overflow:auto;background:radial-gradient(ellipse at center,#302718,#0b0b09 74%)}.paper-gallery:fullscreen .paper-surface{width:min(100%,calc(77svh * 1.5))}.paper-gallery:fullscreen .paper-stage{flex-shrink:1;min-height:200px}.paper-gallery:fullscreen .paper-caption,.paper-gallery:fullscreen .paper-footer{flex-shrink:0}
@media(min-width:1600px){.gallery .scene-inner{width:min(1650px,94vw);padding-top:65px}.paper-arrow{width:105px}.paper-caption h3{font-size:33px}}
@media(max-width:1000px) and (min-width:701px){.header nav{gap:12px}.paper-arrow{width:64px}.paper-caption,.paper-footer{width:78%}}
@media(max-width:700px){
.header-gallery{display:block;font:7px Mono}.header-actions{gap:6px}.gallery .scene-inner{width:100%;padding:70px 0 38px}.gallery-heading{width:calc(100% - 36px);align-items:flex-end;gap:10px;margin-bottom:10px}.gallery-heading .eyebrow{font-size:5px;letter-spacing:.8px}.gallery h2{font-size:34px}.gallery-intro p{font-size:9px;margin-bottom:5px}.gallery-intro>span{font-size:4px;letter-spacing:.6px}
.paper-surface{width:100%;aspect-ratio:1.17}.paper-arrow{width:45px;height:56px;top:50%;padding:8px 0}.paper-arrow-left{left:4px}.paper-arrow-right{right:4px}.paper-arrow svg{stroke-width:3}.paper-handnote{font-size:8px;bottom:6%;right:14%}.paper-caption{width:calc(100% - 60px);margin:0 auto;gap:10px}.paper-caption .eyebrow{font-size:5px;letter-spacing:.8px}.paper-caption .eyebrow b{font-size:6px;margin-left:10px}.paper-caption h3{font-size:25px;letter-spacing:.2px;margin-top:7px}.paper-tools{gap:4px}.paper-tools button{font-size:23px;min-width:36px}.paper-tools>a{font-size:5px;max-width:55px;line-height:1.6}.paper-footer{width:calc(100% - 60px);display:block;margin-top:18px}.paper-footer>p{font-size:5.5px}.paper-pagination{justify-content:space-between;gap:10px;margin-top:10px}.frame-step{width:36px}.frame-step small{font-size:5px}.gallery-tail{width:calc(100% - 36px);font-size:5px;line-height:1.7;gap:15px;margin-top:20px;padding-top:15px}.gallery-tail a{text-align:right}.paper-gallery:fullscreen{padding:15px 0 22px}.paper-gallery:fullscreen .paper-surface{width:100%;max-height:65svh}.paper-gallery:fullscreen .paper-footer{display:flex;gap:14px}.paper-gallery:fullscreen .paper-footer>p{display:none}.paper-gallery:fullscreen .paper-pagination{width:100%;margin-top:0}
}
@media(max-width:375px){.gallery h2{font-size:31px}.gallery-intro p{font-size:8px}.gallery-intro>span{font-size:3.7px}.paper-caption h3{font-size:23px}.paper-caption{width:calc(100% - 54px)}.paper-footer{width:calc(100% - 54px)}}
@media(prefers-reduced-motion:reduce){#gallery-canvas,.fallback-sheet,.paper-arrow svg{transition:none!important}}
