/* Scale the collage as one composition at every width. This final sheet
   supersedes historical mobile layout overrides without changing the images.
   Typography remains controlled by typography.css. */
.page-shell,.archive-scene{container-type:inline-size}
.masthead{min-height:21.5cqw;padding-top:5.5cqw;grid-template-columns:minmax(0,1fr) 12.5cqw;column-gap:1.8cqw}
.brand{letter-spacing:.34em;padding:.3em 0 .8em 3.5%;align-self:start}
.moon-observation{grid-row:1/3}
.moon-button{width:10cqw;height:10cqw}
.moon-fallback{font-size:8cqw}
.moon-details{top:11.2cqw;max-width:calc(100vw - 24px)}
/* Individual photographic paper crops: labels set the widths, the rail spans
   the page. Crop coordinates refer to the original sheet at 2048 × 683. */
.file-tabs{grid-column:1;display:flex;align-items:flex-end;justify-content:flex-start;aspect-ratio:2172/190;height:auto;padding:0 0 1.65cqw 3.5%;bottom:-.1cqw;background:none;isolation:isolate}
.file-tabs::after{content:"";position:absolute;z-index:5;pointer-events:none;left:1.2%;right:1.2%;bottom:-.35cqw;height:2cqw;clip-path:polygon(1.2% 42%,1.5% 26%,1.4% 17%,1.8% 7%,2.2% 0,98.4% 0,98.9% 7%,99.2% 5%,99.5% 24%,99.8% 20%,100% 38%,100% 100%,1.2% 100%);background:var(--color-manila-paper) url('../assets/images/folder-strip.png') center 87.67%/103.02% 2626.92% no-repeat}
.file-tabs a,.file-tabs a:nth-child(n),.file-tabs a[aria-current],.file-tabs a:hover{position:relative;top:auto;left:auto;width:max-content;flex:0 0 auto;height:5.7cqw;min-height:0;margin:0 -.3cqw 0 0;padding:.35cqw 2.4cqw 0;letter-spacing:.06em;white-space:nowrap;background:none;transform:none;filter:none;z-index:1}
.file-tabs a::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('../assets/images/folder-strip.png');background-repeat:no-repeat;clip-path:polygon(0 100%,3% 38%,9% 7%,15% 2%,89% 2%,94% 34%,97% 51%,100% 100%)}
.file-tabs a:nth-child(1){height:6.8cqw;z-index:4}
.file-tabs a:nth-child(1)::before{background-size:527.84% 513.53%;background-position:5.12% 79.64%;clip-path:polygon(0 100%,4% 22%,8% 4%,86% 2%,90% 10%,92% 37%,98% 47%,100% 100%)}
.file-tabs a:nth-child(2){z-index:3}
.file-tabs a:nth-child(2)::before{background-size:447.16% 615.32%;background-position:29.81% 80.42%}
.file-tabs a:nth-child(3){z-index:2}
.file-tabs a:nth-child(3)::before{background-size:487.62% 615.32%;background-position:57.74% 80.42%}
.file-tabs a:nth-child(4)::before{background-size:620.61% 615.32%;background-position:79.45% 80.42%}
/* Bury the source crops' lower seams beneath the unchanged foreground rail. */
.file-tabs a::before{bottom:-.55cqw}
.file-tabs::before{content:"";position:absolute;z-index:5;pointer-events:none;left:2.7%;right:2.7%;bottom:1.5cqw;height:.7cqw;background:linear-gradient(to top,var(--color-rail-shadow),transparent)}
.file-tabs::after{z-index:6}
/* Fixed-size cards slide behind the foreground rail. Only translation changes:
   the photograph, lettering and folded corners never resize during motion.
   Clip the hidden lower card while allowing it to emerge above the header. */
.file-tabs{height:8.75cqw;min-height:0;overflow:visible;clip-path:inset(-4cqw 0 .15cqw)}
.file-tabs a:nth-child(n){height:7.8cqw;padding-bottom:2.1cqw;transform:translateY(2.1cqw);z-index:1;transition:transform .32s cubic-bezier(.22,.7,.3,1),color .2s;--paper-rest:.9;--paper-front:1.22}
.file-tabs a:nth-child(1){--paper-rest:.684;--paper-front:.97}
.file-tabs a::before{filter:grayscale(1) brightness(var(--paper-rest)) sepia(1);transition:filter .28s ease}
.file-tabs:not(:has(a:hover)):not(:has(a:focus-visible)) a[aria-current="page"]{transform:translateY(1cqw);z-index:4}
.file-tabs:not(:has(a:hover)):not(:has(a:focus-visible)) a[aria-current="page"]::before{filter:grayscale(1) brightness(var(--paper-front)) sepia(.75)}
.file-tabs a:hover,.file-tabs:not(:has(a:hover)) a:focus-visible{transform:translateY(0);z-index:4;color:var(--color-active-tab-ink)}
.file-tabs a:hover::before,.file-tabs:not(:has(a:hover)) a:focus-visible::before{filter:grayscale(1) brightness(var(--paper-front)) sepia(.75)}
.motion-paused .file-tabs a,.motion-paused .file-tabs a::before{transition:none}
@media(prefers-reduced-motion:reduce){.file-tabs a:nth-child(n),.file-tabs a::before{transition:none}}
.archive-scene{margin-top:-.2cqw;margin-bottom:0}
.left-note,.right-note,.late-hours,.poster-caption,.poster-eye{display:block}
.left-note,.right-note{letter-spacing:.07em}
.late-hours{letter-spacing:.14em}
.hero-copy{top:53%;left:15%;width:70%}
.hero-copy h1{margin:0 0 1.8cqw}
.hero-copy>p{margin:1.5cqw 0 2.1cqw;letter-spacing:.025em}
.desktop-break{display:initial}
.hero-copy .paper-button{min-height:6cqw;width:35cqw;min-width:0;padding:.7cqw 2.5cqw;gap:3cqw;letter-spacing:.045em;background-image:url('../assets/images/tarot-button-paper.png');background-size:100% 100%;background-position:center;clip-path:none;border-radius:0}
.archive-footer{letter-spacing:.14em}
.archive-footer>span{padding:0 1cqw}
.motion-controls{padding:.6cqw 1.8cqw}
.motion-controls button{font-size:1.55cqw;padding:.6cqw 0}
.file-section{padding:4.5cqw 3.5cqw;font-size:2cqw}
.file-section h2{font-size:3.9cqw;margin:1.2cqw 0}
.file-section .eyebrow{font-size:1.4cqw;margin-bottom:.7cqw}
.file-section .text-button{font-size:1.8cqw;padding:.6cqw 0}
/* One stationary window, with independently addressable contents. Keep the
   Index scene mounted so returning never recreates the moon/cat/WebGL state. */
.window-deck{display:grid;isolation:isolate;position:relative;margin-top:-.2cqw;background:var(--color-archive-black)}
#main .window-deck>.window-panel{display:block;grid-area:1/1;min-width:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;animation:none;transition:opacity .45s ease,visibility 0s linear .45s}
#main .window-deck>.window-panel.is-current{opacity:1;visibility:visible;pointer-events:auto;z-index:1;transition:opacity .45s ease,visibility 0s}
.window-deck>.file-section{background:var(--color-archive-black);border:1px solid var(--rule);padding:18cqw 9cqw 8cqw;color:var(--color-moonlight)}
.window-deck>.file-section h2{font:var(--adobe-egyptian-light);font-size:3.9cqw;line-height:1.1}
.window-deck>.file-section>p{font:var(--adobe-egyptian-light);font-size:2cqw;line-height:1.55}
.window-deck>.file-section>.eyebrow{font-size:1.4cqw}
.motion-paused #main .window-deck>.window-panel{transition:none}
@media(prefers-reduced-motion:reduce){#main .window-deck>.window-panel{transition:none}}