/* High Night 0.3: proportions matched against the selected paper mockup. */
.page-shell{container-type:inline-size}
.masthead{min-height:21.5cqw;padding-top:5.5cqw;grid-template-columns:minmax(0,1fr) 140px}
.brand{font:400 3.9cqw/1.3 var(--font-masthead);letter-spacing:.34em;padding:.3em 0 .8em 3.5%;overflow:visible}
.brand span{transform-origin:left center}
/* One continuous photographed filing case, with live HTML labels and links. */
.file-tabs{position:absolute;bottom:-1px;left:0;display:block;width:100%;aspect-ratio:2172/190;padding:0;background:url('../assets/images/folder-strip.png') center 84.2697%/100% auto no-repeat}
.file-tabs a,.file-tabs a:nth-child(n),.file-tabs a[aria-current],.file-tabs a:hover{position:absolute;top:25%;height:60%;min-height:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:none;filter:none;transform:none;font:400 2cqw/1 var(--font-display);letter-spacing:.06em;color:var(--color-tab-ink);transition:color .2s,text-shadow .2s}
.file-tabs a:nth-child(1){left:4.3%;width:18.7%}
.file-tabs a:nth-child(2){left:23%;width:22.5%}
.file-tabs a:nth-child(3){left:45.5%;width:20.7%}
.file-tabs a:nth-child(4){left:66.2%;width:16.3%}
.file-tabs a:hover,.file-tabs a[aria-current]{color:var(--color-active-tab-ink);text-shadow:0 0 .5px currentColor}
.file-tabs a:focus-visible{outline:2px solid var(--color-tab-ink);outline-offset:-5px}
.hero-copy{top:53%;left:15%;width:70%}
.hero-copy h1{font:400 10.4cqw/.88 var(--font-display);letter-spacing:-.025em;margin:0 0 1.8cqw}
.hero-copy h1 span{display:block;white-space:nowrap;width:200%;margin-left:-50%;transform:scaleX(.54)}
.hero-copy>p{font-size:2.8cqw;line-height:1.16;letter-spacing:.025em;margin:1.5cqw 0 2.1cqw}
.hero-copy .paper-button{min-height:5.8cqw;min-width:35%;font-size:2.55cqw;padding:.8cqw 4.5cqw;letter-spacing:.04em}
.margin-note{font-family:var(--font-display);font-size:1.7cqw;line-height:1.55;letter-spacing:.12em}
.left-note{left:5%;top:3%}.right-note{right:3.4%;width:18%;top:4%}
.late-hours{right:5%;width:10%;top:73%}
.poster-caption{font-family:var(--font-display);font-size:2.45cqw;line-height:1.35;top:13.6%;left:7.1%;width:14.4%}
/* Inset the existing paper-cut contour inside the fur, excluding the baked pale matte. */
.watcher{top:34.44%}
.watcher img{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%,87% 93%,81.5% 93.8%,64% 93.5%,56% 92.8%,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%)}
@media(max-width:680px){
 .masthead{min-height:180px;padding-top:28px;grid-template-columns:minmax(0,1fr) 82px}
 .brand{font-size:4.5cqw;letter-spacing:.16em;padding-left:3%}
 .file-tabs{aspect-ratio:auto;height:60px;background-size:100% 381.0526%;background-position:center 84.2697%}
 .file-tabs a,.file-tabs a:nth-child(n){font-size:clamp(.875rem,2.2cqw,1.15rem);line-height:1.05;letter-spacing:0;text-align:center;padding-inline:2px}
 .hero-copy{top:53%;left:6%;width:88%}
 .hero-copy h1{font-size:10.4cqw;line-height:.9;margin-bottom:2cqw}
 .hero-copy>p{font-size:clamp(1rem,3.25cqw,1.2rem);line-height:1.15;margin:1.5cqw 0 2.5cqw;letter-spacing:0}
 .hero-copy .paper-button{font-size:clamp(.875rem,2.5cqw,1.1rem);min-height:40px;padding:.35rem 1.5rem}
 .margin-note{font-size:clamp(.75rem,1.7cqw,1rem)}
 .left-note{letter-spacing:.03em;line-height:1.3}.poster-caption{font-size:2.45cqw}
}
@media(max-width:420px){.masthead{min-height:160px}.file-tabs{height:55px}.file-tabs a:nth-child(2),.file-tabs a:nth-child(3){padding-inline:9px}.hero-copy .paper-button{min-height:35px}.left-note{display:none}}
