:root{color-scheme:dark}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--color-night-black);color:var(--paper);font:400 1.2rem/1.45 var(--font-body)}a{color:inherit;text-underline-offset:.25em}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.skip{position:absolute;left:1rem;top:-6rem;z-index:20;background:var(--ink);padding:1rem}.skip:focus{top:1rem}.page-shell{max-width:1120px;padding:0 24px;margin:auto}.masthead{position:relative;min-height:190px;padding:44px 0 0;display:grid;grid-template-columns:minmax(0,1fr) 140px;column-gap:20px;align-items:start}.brand{font:300 clamp(1.3rem,3vw,2.3rem)/1.3 var(--font-masthead);letter-spacing:.25em;white-space:nowrap;overflow:hidden;text-decoration:none;display:block;padding:.3em 0 .8em 1rem}.brand span{display:inline-block;animation:word-drift 12s ease-in-out infinite alternate}@keyframes word-drift{from{transform:translateX(0)}to{transform:translateX(7px)}}.moon-observation{grid-column:2;grid-row:1/3;position:relative;z-index:8;display:flex;justify-content:center}.moon-button{width:112px;height:112px;padding:0;border:0;background:none;border-radius:50%}#moon{display:block;width:100%;height:100%}.moon-fallback{font-size:90px;line-height:1}.moon-details{position:absolute;right:0;top:125px;width:240px;padding:1rem;background:var(--color-tooltip-charcoal);border:1px solid var(--rule);box-shadow:0 15px 35px var(--color-deep-shadow);font-size:1rem}.moon-details p{margin:.5rem 0}.moon-details small{color:var(--muted)}.file-tabs{display:flex;grid-column:1;align-self:end;align-items:end;padding-left:1.1%;padding-top:18px;position:relative;z-index:3}.file-tabs a{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;flex:1;margin-right:-4px;padding:17px 7px 8px;color:var(--color-legacy-tab-ink);text-decoration:none;font:400 clamp(.85rem,1.6vw,1.15rem)/1.1 var(--font-display);text-transform:uppercase;letter-spacing:.035em;background:transparent url('../assets/images/manila-tab.png') center bottom/100% 100% no-repeat;filter:brightness(.78) sepia(.12);transform-origin:bottom center;transition:filter .2s,transform .2s}.file-tabs a:nth-child(2){transform:rotate(-.5deg)}.file-tabs a:nth-child(3){transform:rotate(.4deg)}.file-tabs a[aria-current]{filter:brightness(1.12);z-index:2;transform:translateY(-3px) scaleY(1.07)}.file-tabs a:hover{filter:brightness(1.18);transform:translateY(-5px)}
.archive-scene{position:relative;container-type:inline-size;aspect-ratio:1122/1402;isolation:isolate;margin-top:-2px;overflow:hidden;background:var(--color-archive-black)}.room-plate{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:fill;z-index:0}.window-sky{position:absolute;left:32.8%;top:3.4%;width:34.3%;height:44.2%;z-index:1;overflow:hidden;border-radius:50% 50% 0 0 / 31% 31% 0 0;pointer-events:none}.window-sky canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.window-sky canvas.ready{opacity:1}.watcher{position:absolute;left:54%;top:33.73%;width:13%;aspect-ratio:1086/1448;z-index:3;pointer-events:none;transform-origin:50% 100%}.watcher img{display:block;width:100%;height:auto}.cat-eye{position:absolute;left:29.7%;top:17.7%;width:3.5%;height:1.8%;overflow:hidden;background:var(--color-cat-eye-gold);border-radius:50%;transform:rotate(-15deg);opacity:.85}.cat-eye i{position:absolute;left:35%;top:0;width:32%;height:100%;border-radius:50%;background:var(--color-pupil-black);transform:translate(var(--eye-x,0px),var(--eye-y,0px))}.margin-note{position:absolute;z-index:2;font:400 clamp(.7rem,1.45cqw,1rem)/1.5 var(--font-body);text-transform:uppercase;letter-spacing:.15em;margin:0}.left-note{left:5%;top:3%}.right-note{right:4.5%;top:4%;width:16%}.poster-caption{position:absolute;left:8%;top:14%;width:13%;text-align:center;font:400 clamp(.7rem,2.4cqw,1.5rem)/1.15 var(--font-display);text-transform:uppercase;z-index:2}.late-hours{right:7%;top:73%}.hero-copy{position:absolute;top:53%;left:18%;width:64%;text-align:center;z-index:4}.hero-copy h1{font:400 clamp(2rem,7cqw,5.25rem)/1.06 var(--font-display);text-transform:uppercase;letter-spacing:-.035em;margin:0 0 1rem}.hero-copy>p{font-size:clamp(1rem,2.4cqw,1.55rem);line-height:1.28;margin:1.2rem 0 1.8rem}.paper-button{display:inline-flex;justify-content:center;gap:1.4rem;align-items:center;min-height:48px;background:var(--color-manila-paper) url('../assets/images/manila-tab.png') center 70%/160% 350%;color:var(--color-button-ink);border:0;padding:.7rem 1.7rem;text-decoration:none;font-family:var(--font-display);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(1% 0,98% 1%,100% 94%,98% 100%,0 98%,0 4%)}.paper-button:hover{filter:brightness(1.1)}.hero-copy .paper-button{font-size:clamp(1rem,2.3cqw,1.4rem);padding:.75rem 2rem}.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem}.weather-desk{margin-top:0;border-block:1px solid var(--rule);padding:1.3rem 2rem;background:var(--color-weather-charcoal);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.weather-summary p{margin:.25rem 0}.weather-actions{display:flex;gap:1rem;flex-wrap:wrap}.text-button{background:none;border:0;border-bottom:1px solid var(--rule);padding:.35rem 0;text-decoration:none;font-size:1rem}.text-button:hover{color:var(--color-candlelight)}.small-print{font-size:.95rem;color:var(--muted);max-width:68ch}#weather-controls{flex-basis:100%;padding:1rem 0;border-top:1px solid var(--rule)}#weather-controls>p:first-child{margin-top:0}#place-form{margin:1.2rem 0}#place-form label,.weather-presets label{display:block;font-size:1rem;margin-bottom:.4rem}.place-entry{display:flex;gap:1rem;max-width:400px}.place-entry input{width:100%;min-width:0;border:1px solid var(--rule);background:var(--color-input-charcoal);padding:.55rem .7rem;font-size:1.1rem}.place-results{list-style:none;padding:0;margin:.5rem 0;max-width:650px}.place-results li{margin:.35rem 0}.place-results button{text-align:left;background:var(--color-result-charcoal);border:1px solid var(--rule);padding:.5rem .8rem;width:100%}.weather-presets{padding-top:1rem;border-top:1px solid var(--color-weather-rule)}.weather-presets select{background:var(--color-select-charcoal);border:1px solid var(--rule);font-size:1rem;padding:.5rem;margin-right:1rem;max-width:100%}.file-section{padding:2.5rem 2rem;border-bottom:1px solid var(--rule)}.file-section h2{font:400 2.2rem/1.1 var(--font-display);margin:.7rem 0}.file-section>p{max-width:55ch}.js .file-section:not(.is-open){display:none}.file-section.is-open{animation:folder-open .3s ease-out}@keyframes folder-open{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}footer{padding:1.3rem 0 2rem;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.motion-paused *{animation-play-state:paused!important}.motion-paused .cat-eye i{transform:none}
@media(max-width:680px){.page-shell{padding:0 10px}.masthead{min-height:150px;padding-top:22px;grid-template-columns:minmax(0,1fr) 82px;column-gap:6px}.brand{font-size:clamp(.95rem,4vw,1.5rem);letter-spacing:.14em;padding-left:.35rem;align-self:center}.moon-button{width:78px;height:78px}.moon-observation{grid-row:1}.file-tabs{grid-column:1/-1;padding-top:15px}.file-tabs a{min-height:55px;font-size:.85rem;padding-inline:4px}.moon-details{top:90px}.hero-copy{top:53%;left:8%;width:84%}.hero-copy h1{font-size:clamp(1.6rem,7cqw,3rem);margin-bottom:.5rem}.hero-copy>p{font-size:clamp(1rem,3.1cqw,1.2rem);margin:.6rem 0 .8rem}.hero-copy .paper-button{font-size:.9rem;min-height:40px;padding:.45rem 1.2rem}.margin-note{font-size:.7rem;letter-spacing:.06em}.right-note,.late-hours{display:none}.poster-caption{font-size:1rem;top:13%}.left-note{font-size:.6rem}.weather-desk{padding:1.1rem}.weather-actions{gap:1.1rem}.file-section{padding:2rem 1rem}footer{flex-wrap:wrap;font-size:.7rem}.desktop-break{display:none}}
@media(max-width:420px){.hero-copy{top:54%}.hero-copy h1{font-size:7.2cqw}.hero-copy>p{font-size:1rem;line-height:1.1;margin:.5rem 0}.poster-caption{display:none}.hero-copy .paper-button{min-height:35px;padding:.3rem .8rem}.file-tabs a{font-size:.75rem}.archive-scene{margin-bottom:0}}
/* A deliberately close paper-cut silhouette, kept in CSS so the source photograph stays editable. */
.watcher img{clip-path:polygon(40.5% 6%,43% 8%,45% 12.8%,48% 11%,50.5% 8.5%,53% 8.2%,55% 10.5%,55% 17%,57% 20%,57.5% 27%,62% 37%,68% 42%,74% 45%,82% 52%,88% 61%,91% 71%,92% 82%,90% 89%,92% 91%,90% 93.5%,82% 94.5%,64% 94.2%,56% 93.5%,48% 91.5%,47% 93.5%,44% 94.7%,39% 94.7%,36% 93.6%,31% 93.3%,27% 92.7%,27% 91%,29% 89%,31% 87.5%,31% 78%,27% 69%,25% 61%,24% 55%,22% 51%,21% 43%,21% 39%,24% 34%,26% 31%,23% 29%,19% 26%,17% 23%,17% 21%,18% 19%,21% 18%,25% 16%,27% 14%,33% 13%,37% 12%,38% 8%)}
.poster-caption{color:var(--color-poster-ink)}
.file-tabs a{background-size:100% 165%;background-position:center 32%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}