/* All reading and collection pages inherit the homepage design tokens. */
.journal-page{background:#fff;color:var(--body-ink)}
.journal-shell{max-width:var(--page-width);margin:auto;padding:0 var(--page-gutter)}
.detail-page .journal-main{padding-bottom:64px}
.journal-main{max-width:none;padding:64px 0 0;margin:0;min-height:70vh}
.eyebrow{font-size:.8125rem;line-height:1.5;color:var(--muted-ink);font-weight:400;letter-spacing:0}
.eyebrow span{color:#737373}
.site-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px;padding:64px 0;font-size:.875rem;line-height:1.5}
.footer-navigation,.site-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin:0;padding:0;border:0}
.footer-navigation a{display:inline-flex;align-items:center;min-height:44px}
.site-footer .footer-links{margin-inline-start:auto}
.site-footer a{color:#737373;text-decoration:none;transition:color .2s}
.site-footer a:hover,.site-footer a[aria-current]{color:var(--ink);transform:none}
.site-footer .footer-links a::after{content:none}
.not-found-page .site-footer{width:min(calc(var(--page-width) - 2 * var(--page-gutter)),100%);padding-bottom:0}
.not-found-page .site-footer a{color:#fff}
.skip-link{position:fixed;top:8px;left:8px;z-index:99;background:#fff;padding:12px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.back-link{display:inline-block;color:#737373;text-decoration:none;font-size:.875rem;line-height:1.5;margin:24px 0 0}
.essay-header{margin:48px 0 32px;max-width:var(--reading-width)}
.essay-header h1{margin:16px 0}
.essay-deck{font-size:1rem;line-height:1.5;max-width:var(--reading-width)}
.essay-byline{display:flex;gap:24px;flex-wrap:wrap;font-size:.8125rem;line-height:1.5;color:#737373;margin-top:24px}
figure{margin:0}
.essay-cover{margin:0 0 36px}
.essay-cover img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:8px}
.essay-cover figcaption{font-size:.8125rem;line-height:1.5;color:#737373;margin-top:12px}
.essay-layout,.essay-prose{max-width:var(--reading-width)}
.essay-prose{font-size:1rem;line-height:1.65}
.essay-prose p+p{margin-top:24px}
.essay-prose h2{font:420 2rem/1.1 var(--heading-font);color:var(--ink);letter-spacing:var(--heading-tracking);margin:36px 0 16px}
.essay-conversation{font-size:1rem;line-height:1.5;margin-top:40px;color:#737373}
.essay-conversation a{color:var(--body-ink);text-underline-offset:4px;text-decoration-color:#b6b6b6}
.next-essay{display:flex;flex-direction:column;gap:12px;color:var(--ink);text-decoration:none;border-top:1px solid #e5e5e5;margin-top:56px;padding-top:28px}
.next-essay>span:last-child{font:420 2rem/1.1 var(--heading-font);letter-spacing:var(--heading-tracking)}
.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 24px}
.filter-group{display:flex;gap:24px;flex-wrap:wrap}
.filter-group button,.reset-board{border:0;background:none;padding:6px 0;color:#737373;font-size:.875rem;line-height:1.5}
.filter-group button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-color:#a3a3a3}
.filter-group button span{font-size:.75rem;margin-left:4px}
.collection-meta{font-size:.8125rem;line-height:1.5;color:#737373;margin-bottom:40px}
.movie-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 32px;padding:0;position:relative}
.film-card{position:relative;min-width:0;transform:translate(var(--move-x,0px),var(--move-y,0px));z-index:1}
.film-card:hover,.film-card:focus-within,.film-card.dragging{z-index:3}
.card-number{font-size:.75rem;line-height:1.5;color:#737373;display:block;margin-bottom:28px}
.poster-content{display:block;color:inherit}
.poster{height:clamp(180px,21vw,240px);display:flex;align-items:center;justify-content:center}
.poster img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain}
.film-caption{padding-top:20px}
.film-caption h2{font:400 .875rem/1.5 Geist,Arial,sans-serif;color:var(--ink);margin:0 0 6px}
.film-caption p{font-size:.75rem;line-height:1.5;color:#737373}
.card-handle{position:absolute;right:-8px;top:-6px;width:36px;height:36px;padding:0;border:0;background:none;color:#a3a3a3;font-size:1.125rem;cursor:grab;touch-action:none;opacity:0;transition:opacity .2s}
.card-handle:active{cursor:grabbing}.film-card:hover .card-handle,.card-handle:focus-visible{opacity:1}
.board-caption{display:flex;justify-content:space-between;gap:24px;font-size:.8125rem;line-height:1.5;color:#737373;padding-top:48px}
.watchlist-empty{padding:64px 0;min-height:300px}
.watchlist-empty h2{font:420 2rem/1.1 var(--heading-font);letter-spacing:var(--heading-tracking);color:var(--ink);margin:0 0 16px}
.watchlist-empty p{font-size:1rem;line-height:1.5}
.film-hero{display:grid;grid-template-columns:clamp(240px,28vw,320px) minmax(0,1fr);gap:48px;margin:48px 0;align-items:center}
.film-hero-poster img{width:100%;height:auto;display:block}
.film-hero-copy h1{margin:0 0 16px}
.film-director{font-size:1rem;line-height:1.5}
.film-trailer-link{display:inline-block;margin-top:24px;font-size:1rem;line-height:1.5;color:var(--body-ink);text-decoration-color:#b6b6b6;text-underline-offset:4px}
.film-trailer-link:hover{color:var(--ink);text-decoration-color:var(--ink)}
.film-facts{display:flex;gap:40px;margin:32px 0 0;font-size:1rem;line-height:1.5}
.film-facts dt{font-weight:500;color:var(--ink);margin-bottom:4px}.film-facts dd{margin:0}
.film-notes{max-width:var(--reading-width);margin-bottom:36px}
.film-notes h2{font-size:1rem;font-weight:500;line-height:1.5;color:var(--ink);margin:0 0 8px}
.film-notes p{font-size:1rem;line-height:1.5}
.film-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.film-stills img{display:block;width:100%;height:auto}
.film-stills figcaption{font-size:.8125rem;line-height:1.5;color:#737373;margin-top:12px}
.interest-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px}
.interest-card{min-width:0;position:relative}
.interest-card>.image-open{height:200px;display:flex;align-items:center;justify-content:center}
.interest-card img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block}
.interest-card figcaption{display:flex;flex-direction:column;gap:4px;font-size:.875rem;line-height:1.5;margin-top:20px;color:var(--body-ink)}
.interest-card figcaption>span:last-child{font-size:.75rem;color:#737373}
.image-open{display:block;background:none;border:0;padding:0;width:100%;cursor:zoom-in}
.image-dialog{border:0;background:transparent;padding:0;color:#fff;width:max-content;max-width:calc(100vw - 48px);max-height:94svh;overflow:visible}
.image-dialog::backdrop{background:#000000e6}
.image-dialog figure{display:flex;flex-direction:column;align-items:center;gap:16px}
.image-dialog img{max-width:100%;max-height:80svh;object-fit:contain;display:block;border-radius:8px}
.image-dialog figcaption{font-size:.875rem;line-height:1.5;text-align:center;color:#fff;max-width:var(--reading-width)}
.image-close{position:fixed;right:8px;top:8px;border:0;background:none;font:300 2rem/1 Arial,sans-serif;color:#fff;width:40px;height:40px}
body.image-opened{overflow:hidden}
.not-found-page{background:#20394b url('/assets/moonlit-water.jpg') center/cover fixed;color:#fff;min-height:100svh}
.not-found-page::before{content:'';position:fixed;inset:0;background:linear-gradient(#19344020,#0b253b65);pointer-events:none}
.lost-scene{max-width:none;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 24px;position:relative}
.retro-browser{width:590px;max-width:100%;border-radius:5px 5px 2px 2px;background:#fff;box-shadow:0 18px 65px #061c3470,0 2px 8px #0005;transform:rotate(-1.25deg);color:#323232;border:1px solid #b5c0c3}
.retro-toolbar{display:flex;align-items:center;gap:6px;position:relative;height:30px;background:linear-gradient(#f5f5f4,#d7d8d5);border-bottom:1px solid #b9bcb7;padding:0 10px;border-radius:4px 4px 0 0}
.traffic-light{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001;flex-shrink:0}.traffic-light.red{background:#ea766e}.traffic-light.yellow{background:#e6c467}.traffic-light.green{background:#7dc18a}
.retro-back{font:22px/1 Georgia,serif;margin:0 10px;color:#636d6e;text-decoration:none}
.retro-address{font:9px/16px Arial,sans-serif;color:#758081;border-radius:3px;background:#fff9;box-shadow:inset 0 1px 1px #0002;text-align:center;max-width:310px;flex:1;height:17px;margin-right:36px}
.retro-address>span{float:left;font-size:13px;margin-left:8px}.retro-refresh{position:absolute;right:38px;color:#798684;font:14px Arial,sans-serif}
.lost-content{text-align:center;padding:36px 24px 30px;background:#fff}
.lost-content h1{font:500 21px/1.3 Geist,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 20px}
.lost-portrait{height:218px;max-width:240px;margin:0 auto 14px;animation:head-drift 6s ease-in-out infinite}
.lost-portrait img{height:100%;width:100%;object-fit:contain;display:block}
.lost-content>p{font:400 13px/1.5 Geist,sans-serif;color:#8c9190;margin:0 0 18px}
.lost-content .glossy-button{font-size:12px;padding:10px 14px}
.retro-status{font:9px/1 Arial,sans-serif;color:#9a9e9b;background:linear-gradient(#f1f1ef,#e8e9e6);border-top:1px solid #dedfdb;padding:5px 9px}
.lost-footer{font-size:10px;letter-spacing:.035em;color:#d7e6e9c9;margin-top:32px;text-shadow:0 2px 5px #122838}.lost-footer>span{margin:0 10px;color:#99bac4}
@keyframes head-drift{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
.teaser-video-window{aspect-ratio:960/820;max-width:620px;margin:auto;overflow:hidden;border-radius:8px;box-shadow:0 1px 2px #0002,0 4px 8px #0001;background:#eff1f3}
.teaser-video-window video{display:block;width:100%;height:100%;object-fit:cover}
.private-video-window{aspect-ratio:960/820}
.private-video-window video{background:#fff}

.not-found-page{background-color:#405876;background-blend-mode:screen}.lost-portrait img{mix-blend-mode:multiply}
@media(max-width:639px){
 :root{--page-gutter:16px;--heading-size:1.625rem;--heading-line:2rem}
 .detail-page .journal-main{padding-bottom:48px}
 .journal-main{padding-top:32px;min-height:70svh}
 .site-footer{gap:20px;padding:48px 0;font-size:.875rem}.footer-navigation,.site-footer .footer-links{gap:24px}
 .essay-header{margin-top:32px}.essay-cover img{max-height:350px}.essay-byline{gap:16px}.next-essay>span:last-child{font-size:1.625rem;line-height:2rem}
 .movie-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.film-card{transform:none}.card-handle,.reset-board{display:none}.poster{height:185px}.card-number{margin-bottom:20px}.film-caption h2{font-size:.875rem}
 .filter-group{gap:20px}.filter-group button span{display:none}.collection-meta{margin-bottom:32px}.board-caption>span:last-child{display:none}
 .film-hero{grid-template-columns:1fr;gap:28px;margin:32px 0}.film-hero-poster{max-width:240px;margin:auto}.film-facts{margin-top:24px;gap:40px}.film-stills{grid-template-columns:1fr;gap:28px}
 .interest-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.interest-card>.image-open{height:190px}
 .image-dialog{max-width:calc(100vw - 24px)}.image-dialog figcaption{padding:0 12px}
 .lost-scene{padding:30px 20px}.lost-content{padding:28px 18px}.lost-content h1{font-size:19px}.lost-portrait{height:190px}.retro-address{margin-right:16px;font-size:8px}.retro-refresh{right:12px}.retro-back{margin:0 4px}.retro-toolbar{padding:0 7px;gap:5px}.traffic-light{width:7px;height:7px}.lost-footer{font-size:10px;text-align:center;line-height:1.6}.lost-footer>span{margin:0 4px}
}
@media(prefers-reduced-motion:reduce){.lost-portrait{animation:none}.entry-image img{transition:none}}