.press-focus{padding:38px 0 42px}
.press-focus>.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
#film-reviews.press-focus>.section-heading h2{font-size:24px;margin:0}
.focus-total{color:var(--muted);font-size:13px}
.focus-sources{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 15px;padding-bottom:24px;border-bottom:1px solid #30322d}
.focus-source{position:relative;display:flex;align-items:center;justify-content:center;min-width:94px;min-height:48px;padding:9px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:2px 2px 0 0;cursor:pointer;transition:background .18s,border-color .18s}
.focus-source .press-mark{opacity:.45}
.focus-source[aria-pressed=true]{border-bottom-color:var(--accent)}
.focus-source[aria-pressed=true]::after{content:'';position:absolute;bottom:-8px;left:calc(50% - 3px);border:3px solid transparent;border-top-color:var(--accent)}
.focus-source[aria-pressed=true] .press-mark{opacity:1}
.focus-source:hover,.focus-source:focus-visible{background:#fff}
.focus-source:hover .press-mark,.focus-source:focus-visible .press-mark{opacity:1;background:#fff}
.focus-source:hover img,.focus-source:focus-visible img{filter:none;mix-blend-mode:normal}
.focus-source:has(.press-mark--light):hover,.focus-source:has(.press-mark--light):focus-visible{background:#000}
.focus-stage{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3.6fr) minmax(130px,1fr);align-items:center;gap:46px;padding:34px 0 12px;touch-action:pan-y}
.focus-reading{grid-column:2;grid-row:1;min-width:0;min-height:360px;display:flex;align-items:center;position:relative;box-sizing:border-box;padding:26px 30px 22px}
/* The same open, diagonal frame as the homepage signature. */
.focus-reading::before,.focus-reading::after{content:'';position:absolute;width:29px;height:29px;border-style:solid;border-color:var(--accent);pointer-events:none}
.focus-reading::before{right:0;top:0;border-width:1px 1px 0 0}
.focus-reading::after{left:0;bottom:0;border-width:0 0 1px 1px}
.press-focus--compact .focus-reading{min-height:300px}
.focus-review{width:100%;margin:0;display:flex;align-items:center;flex-direction:column;text-align:center;animation:focus-reveal .28s ease-out}
.focus-review[hidden]{display:none}
.focus-brand{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 0 21px}
.focus-brand .press-mark{opacity:1}
.focus-brand--rated{flex-direction:column;gap:10px}
.focus-rating{color:var(--accent);font:18px/1 Arial,sans-serif;letter-spacing:4px;direction:ltr}
.focus-neighbor .focus-rating{font-size:13px;letter-spacing:3px}
.focus-review blockquote{font:400 22px/1.85 Heebo,Arial,sans-serif;white-space:pre-line;overflow-wrap:anywhere;max-width:650px;margin:0;color:var(--ink)}
.focus-credit{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;font-size:13px;margin-top:23px;color:var(--muted)}
.focus-author{color:var(--ink)}
.focus-publication::before{content:'·';padding-inline-end:9px;color:var(--accent)}
.focus-article{font-size:13px;color:var(--accent);display:flex;align-items:center;min-height:44px;margin-top:4px;text-underline-offset:5px}
.focus-article:hover{text-decoration:underline}
.focus-neighbor{font-family:Heebo,Arial,sans-serif;min-width:0;background:none;border:0;border-top:1px solid #373a33;padding:18px 0;display:flex;align-items:flex-start;flex-direction:column;text-align:right;gap:18px;opacity:.43;color:var(--ink);cursor:pointer;transition:opacity .2s,border-color .2s;grid-row:1}
.focus-neighbor[hidden]{visibility:hidden;display:flex}
.focus-neighbor--before{grid-column:1}.focus-neighbor--after{grid-column:3}
.focus-neighbor:hover,.focus-neighbor:focus-visible{opacity:.85;border-color:var(--accent)}
.focus-neighbor .press-mark{opacity:1}
.focus-direction{font-size:12px;color:var(--muted)}
.focus-excerpt{font-size:15px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.focus-neighbor-author{font-size:12px;color:var(--muted)}
.focus-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:15px auto 0}
.focus-arrow{width:46px;height:46px;border:1px solid #45483f;border-radius:50%;background:transparent;color:var(--ink);font:22px Arial;cursor:pointer}
.focus-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}
.focus-arrow:disabled{opacity:.2;cursor:default}
.focus-count{font-size:12px;letter-spacing:1px;color:var(--muted);font-variant-numeric:tabular-nums}
.focus-autoplay{display:block;min-height:44px;margin:8px auto 0;padding:5px 13px;border:0;background:none;color:var(--muted);font:12px Heebo,Arial,sans-serif;cursor:pointer}
.focus-autoplay[hidden]{display:none}
.focus-autoplay:hover{color:var(--accent)}
.focus-autoplay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.focus-source:focus-visible,.focus-neighbor:focus-visible,.focus-arrow:focus-visible,.focus-reading:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@keyframes focus-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.focus-stage{gap:26px;grid-template-columns:minmax(110px,1fr) minmax(0,3.7fr) minmax(110px,1fr)}.focus-review blockquote{font-size:20px}.focus-sources{gap:5px}.focus-source{min-width:85px}}
@media(max-width:700px){
 .press-focus--compact .focus-reading{min-height:0}
 .focus-sources{gap:5px 8px;padding-bottom:20px}.focus-source{min-width:0;width:calc((100% - 24px)/4);padding:7px 3px}.focus-source .press-mark{max-width:100%}
 .focus-stage{grid-template-columns:1fr 1fr;gap:18px 25px;padding-top:27px}.focus-reading{grid-column:1/-1;min-height:0;padding:23px 17px 18px}.focus-reading::before,.focus-reading::after{width:19px;height:19px}.focus-review blockquote{font-size:19px;line-height:1.8}.focus-brand{margin-bottom:16px}.focus-credit{margin-top:19px}
 .focus-neighbor{grid-row:2;gap:12px;padding:13px 0 0}.focus-neighbor--before{grid-column:1}.focus-neighbor--after{grid-column:2}.focus-excerpt{display:none}.focus-direction,.focus-neighbor-author{font-size:11px}.focus-controls{margin-top:19px}
}
@media(max-width:360px){.focus-source{width:calc((100% - 16px)/3)}.focus-review blockquote{font-size:18px}}
@media(prefers-reduced-motion:reduce){.focus-review{animation:none}.focus-source,.focus-neighbor{transition:none}}

/* All quotes share a grid cell, so the frame and controls never jump. */
.focus-reading{display:grid;align-items:center}
.focus-review{grid-area:1/1;align-self:center}
.press-focus .focus-review[hidden]{display:flex!important;visibility:hidden;pointer-events:none;animation:none}
.focus-neighbor{opacity:.62}
.focus-source .press-mark{opacity:.65}
@media(max-width:700px){
 .focus-neighbor{display:none!important}
 .focus-stage{display:block;padding-bottom:0}
 .focus-controls{margin-top:20px}
 .focus-credit,.focus-article{font-size:14px}
 .focus-autoplay{font-size:13px}
}
/* A single navigation bar stays within reach while reading long phone quotes. */
@media(max-width:700px){
 .focus-navigation{position:sticky;top:var(--film-header-height,76px);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;background:var(--bg);border-bottom:1px solid var(--line)}
 .focus-navigation .focus-controls{gap:12px;margin:0}
 .focus-navigation .focus-autoplay{margin:0;padding:5px 0;min-width:44px;font-size:12px}
 .focus-reading{scroll-margin-top:82px;align-items:start}
 .focus-review{align-self:start}
 .press-focus .focus-review[hidden]{display:none!important}
 .focus-stage{overflow-anchor:none;padding-top:24px}
}
@media(max-width:360px){
 .focus-navigation{gap:8px}
 .focus-navigation .focus-controls{gap:8px}
 .focus-navigation .focus-autoplay{font-size:11px}
 .focus-arrow{width:44px;height:44px}
 .focus-count{font-size:11px;letter-spacing:0}
}
