/* 0.4 — photographic night, independent foreground cat and meteor overlay. */
/* Keep the archive a centred page rather than filling a wide browser. */
.page-shell{box-sizing:border-box;width:calc(100% - 64px);max-width:960px;padding:0;margin-inline:auto}
@media(max-width:680px){.page-shell{width:calc(100% - 24px)}}
.night-photograph{position:absolute;inset:0;background:url('../assets/images/high-night-room.png') 49.9239% 6.0932%/291.5452% 226.2443% no-repeat;transform:scale(1.10);will-change:transform}
.window-sky canvas{position:absolute;inset:0;background:transparent}
/* Position by the actual cutout's paw line (94% of the source height).
   Image height = 17.333cqw; its transparent/masked foot margin = 1.04cqw.
   A small overlap puts the paws into the photographed sill, not above it. */
.watcher{top:auto;bottom:calc(52.4% - 1.3cqw)}
.watcher::before{content:'';position:absolute;left:27%;top:93%;width:64%;height:3%;background:var(--color-cat-shadow);border-radius:50%;filter:blur(1px);z-index:1}
.watcher .cat-body{position:relative;z-index:2}
.watcher .cat-body{filter:brightness(.72) contrast(1.12);clip-path:polygon(40.8% 6.5%,42.5% 8.2%,45.1% 13.2%,48% 11.5%,51% 9%,53% 8.8%,54.3% 11%,54.3% 17%,56.2% 20.5%,56.5% 27%,56.5% 30%,60.8% 35%,62.4% 37%,62.8% 38%,63.5% 39%,67.7% 40%,76.2% 45%,81.5% 50%,85.2% 55%,87.6% 60%,89.2% 65%,90.1% 70%,91.2% 75%,90.1% 80%,90% 85%,90.2% 90%,84% 90.4%,75% 90.4%,65% 90.4%,56% 90.7%,48% 90.8%,46.5% 93%,43.5% 94%,39.5% 94%,36.5% 93%,31.5% 92.6%,28% 92%,28.3% 90%,29.6% 89%,31.8% 88%,32.3% 87%,32.7% 86%,32.9% 85%,32.4% 80%,31.8% 75%,30.7% 70%,29.4% 65%,26% 60%,24.1% 55%,22.4% 50%,21.8% 45%,23.7% 40%,25.6% 35%,24% 30%,23.8% 29%,20% 26%,18% 23%,18% 21%,19% 19.7%,22% 18.7%,26% 16.7%,28% 14.7%,33% 13.7%,39.5% 12.7%,40% 8.7%)}
.watcher .cat-tail{position:absolute;inset:0;z-index:3;transform-origin:88% 91%;clip-path:polygon(48% 90.8%,56% 90.1%,65% 89.9%,75% 89.9%,84% 89.8%,89.5% 90.2%,87% 93%,81.5% 93.8%,64% 93.5%,56% 92.8%)}
.cat-eye{z-index:4}
.brand{font-family:'Xanh Mono','Courier New',monospace;font-weight:400;font-synthesis:none;color:var(--color-moonlight)}
.hero-copy h1{font-family:'Bodoni Display','Bodoni Moda',serif;font-size:10.4cqw;line-height:.9;letter-spacing:-.01em;font-synthesis:none}
.hero-copy h1 span{transform:scaleX(.54)}
.margin-note{font-family:'Bodoni Display','Bodoni Moda',serif;font-size:1.65cqw;font-weight:400;letter-spacing:.14em}
.hero-copy>p{font-size:2.65cqw}
.motion-controls{display:flex;justify-content:flex-end;padding:.35rem 1rem}
.motion-controls button{font-size:.875rem}
@media(max-width:680px){.hero-copy>p{font-size:clamp(1rem,3.25cqw,1.2rem)}.margin-note{font-size:clamp(.75rem,1.65cqw,1rem)}}
@media(prefers-reduced-motion:reduce){.night-photograph{will-change:auto}}

/* Approved annotation family: Xanh Mono Regular, at its natural proportions. */
:root{--font-archive:'Xanh Mono','Courier New',monospace}
.margin-note{font-family:var(--font-archive);font-size:1.65cqw;line-height:1.48;letter-spacing:.14em;font-weight:400;font-synthesis:none;color:var(--color-moonlight)}
.margin-note>span{display:block}
/* Fit the annotations between the top border and photographed papers,
   leaving breathing room on both sides rather than shifting the clash. */
.left-note{top:2.1%;font-family:'bodoni-egyptian-pro','Xanh Mono',serif;font-style:normal;font-weight:300;letter-spacing:.07em}
.right-note{top:3%;font-family:'bodoni-egyptian-pro','Xanh Mono',serif;font-style:normal;font-weight:400;letter-spacing:.07em}
.late-hours{font-size:1.85cqw}
footer{font-family:var(--font-archive);font-weight:400;font-synthesis:none;font-size:clamp(.8125rem,1.4cqw,1rem);line-height:1.55;letter-spacing:.22em;color:var(--color-moonlight)}
.poster-caption{left:5.5%;width:15%;top:14.4%;margin:0;line-height:1.35}
/* Display only the original engraving (source rectangle 108,542,78,52).
   Bright paper drops out through multiply; the original etched ink remains. */
.poster-eye{position:absolute;left:9.5%;top:25.1%;width:7%;aspect-ratio:78/52;overflow:hidden;z-index:2;mix-blend-mode:multiply;pointer-events:none}
.poster-eye img{position:absolute;max-width:none;width:1312.820513%;height:auto;left:-138.461538%;top:-1042.307692%;filter:grayscale(1) brightness(2.8) contrast(1.5)}
.archive-footer{position:absolute;z-index:2;left:1%;right:1%;bottom:.5%;height:4.3%;padding:0;display:grid;grid-template-columns:24% 48% 28%;align-items:center;gap:0;font-size:clamp(.625rem,1.2cqw,.875rem);line-height:1.2;letter-spacing:.14em;text-align:center}
.archive-footer>span{padding:0 1cqw;min-width:0}
@media(max-width:680px){.margin-note{font-size:clamp(.75rem,1.65cqw,1rem)}.archive-footer{letter-spacing:.03em;line-height:1.05}.archive-footer>span{padding:0 .5cqw}}
@media(max-width:420px){.poster-eye{display:none}}

/* Approved Adobe typography: Light for labels, Regular for reading copy. */
.margin-note,.archive-footer,
.file-tabs a,.file-tabs a:nth-child(n),.file-tabs a[aria-current],.file-tabs a:hover{
 font-family:'bodoni-egyptian-pro','Xanh Mono',serif;
 font-weight:300;font-style:normal;font-synthesis:none;
}
.poster-caption,.hero-copy>p,.hero-copy .paper-button{
 font-family:'bodoni-egyptian-pro','Xanh Mono',serif;
 font-weight:400;font-style:normal;font-synthesis:none;
}