.close-hero { display:grid; grid-template-columns:1.05fr 1fr; gap:60px; align-items:center; padding:65px 0 50px; }
.close-hero h1 { font-size:clamp(52px,6.2vw,92px); line-height:1; letter-spacing:-.055em; font-weight:500; margin:20px 0 28px; }
.close-hero .story-lead { max-width:42ch; }
.close-hero-example { padding:25px; background:var(--field); border:1px solid var(--rule); }
.close-hero-example>p:first-child { margin-top:0; }
.close-hero-example img { display:block; width:100%; height:auto; }
.close-hero-example blockquote { margin:20px 0; font-size:clamp(23px,2.5vw,34px); letter-spacing:-.025em; line-height:1.3; }
.close-counts { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; padding:25px 0; border-block:1px solid var(--rule); }
.close-counts p { margin:0; color:var(--muted); font-size:13px; }
.close-counts strong { display:block; color:var(--ink); font-size:30px; letter-spacing:-.03em; font-weight:500; }
.close-findings { display:grid; grid-template-columns:1fr 1fr; gap:28px 45px; }
.close-findings article { padding-top:22px; border-top:1px solid var(--rule); }
.close-findings h3 { margin:0 0 15px; font-size:25px; letter-spacing:-.025em; }
.close-findings p { max-width:62ch; }
.close-findings a { font-size:14px; }
.close-explorer { border:1px solid var(--rule-strong); background:var(--field); padding:30px; }
.close-quote { margin:0 0 25px; font-size:clamp(24px,2.7vw,36px); letter-spacing:-.03em; line-height:1.4; }
.close-word-buttons { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:25px; }
.close-word-buttons button { color:var(--ink); border:1px solid var(--rule-strong); background:var(--paper); padding:10px 12px; min-height:44px; font-size:17px; cursor:pointer; border-radius:2px; }
.close-word-buttons button[aria-pressed="true"] { color:var(--paper); background:var(--ink); border-color:var(--ink); }
.close-word-buttons button:focus-visible,.close-controls button:focus-visible { outline:3px solid var(--story-accent); outline-offset:3px; }
.close-word-layout { display:grid; grid-template-columns:1.4fr 1fr; gap:35px; align-items:start; }
.close-word-figure { margin:0; }
.close-word-figure img { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#161716; border:1px solid var(--rule); }
.close-word-figure[data-portrait="true"] img { aspect-ratio:9/16; max-height:500px; }
.close-word-figure figcaption { margin-top:12px; font:11px/1.7 var(--mono); color:var(--muted); }
.close-word-reading h3 { font-size:26px; line-height:1.25; letter-spacing:-.025em; margin:10px 0 20px; }
.close-word-reading>p { font-size:16px; line-height:1.65; }
.close-word-time { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-block:1px solid var(--rule); padding:16px 0; margin:24px 0; }
.close-word-time dt { font:10px/1.6 var(--mono); color:var(--muted); }
.close-word-time dd { margin:6px 0 0; font:15px/1.5 var(--mono); }
.close-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:23px; }
.close-controls button:disabled { opacity:.45; cursor:default; }
.close-controls span { font:11px/1.5 var(--mono); color:var(--muted); margin-inline:6px; }
.close-word-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; margin-top:30px; }
.close-word-notes h3 { font-size:19px; margin:8px 0 12px; }
.close-word-notes p { font-size:14px; margin:0; }
.close-composition { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.close-composition h3 { font-size:24px; line-height:1.2; letter-spacing:-.025em; margin:0 0 16px; }
.close-composition p { line-height:1.7; }
.close-frames { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; }
.close-frames .story-frame img { aspect-ratio:16/9; object-fit:contain; background:#161716; }
.close-frames .story-frame[data-portrait="true"] img { aspect-ratio:9/16; max-height:500px; }
.close-readings .story-poster img { object-fit:contain; background:#161716; }
.close-argument { max-width:83ch; font-size:18px; line-height:1.75; }
.close-timeline { margin:30px 0 0; padding:0; list-style:none; }
.close-timeline>li { display:grid; grid-template-columns:125px 1fr 1fr; gap:25px; padding:26px 0; border-top:1px solid var(--rule); }
.close-timeline>li>a { font:11px/1.7 var(--mono); padding-top:3px; }
.close-timeline p { margin:0; line-height:1.65; }
.close-timeline p+p { margin-top:12px; }
.close-job { color:var(--story-accent); font-size:14px; }
.close-transition-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.close-transition-grid h3 { font-size:23px; line-height:1.25; letter-spacing:-.02em; margin:0 0 20px; }
.close-transition-pair { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.close-transition-pair img { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#161716; }
.close-transition-pair figure[data-portrait="true"] img { aspect-ratio:9/16; }
.close-transition-pair figure { margin:0; }
.close-transition-pair figcaption { margin-top:9px; font:10px/1.6 var(--mono); color:var(--muted); }
.close-transition-grid>article>p { font-size:15px; line-height:1.7; }
.close-transition-grid>article>a { font-size:13px; }
.close-method-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.close-method-grid h3 { font-size:22px; margin-top:0; }
.close-method-grid p { line-height:1.75; }
.close-readings [hidden] { display:none!important; }
@media(max-width:1000px) {
  .close-hero { gap:32px; }
  .close-word-layout { grid-template-columns:1.1fr 1fr; gap:25px; }
  .close-word-time { grid-template-columns:1fr; gap:12px; }
}
@media(max-width:700px) {
  .close-hero { grid-template-columns:1fr; padding:35px 0; }
  .close-hero h1 { font-size:clamp(48px,11vw,72px); }
  .close-counts { grid-template-columns:1fr 1fr; gap:20px; }
  .close-findings,.close-composition,.close-word-layout,.close-word-notes,.close-method-grid,.close-transition-grid { grid-template-columns:1fr; gap:25px; }
  .close-explorer { padding:20px 16px; }
  .close-word-buttons { gap:6px; }
  .close-word-buttons button { padding:9px 11px; font-size:16px; }
  .close-word-time { grid-template-columns:1fr 1fr; }
  .close-frames { grid-template-columns:1fr; max-width:none; }
  .close-timeline>li { grid-template-columns:1fr; gap:17px; }
  .close-timeline>li>div { border-left:2px solid var(--rule); padding-left:16px; }
}
@media(prefers-reduced-motion:reduce) { .close-readings *, .close-readings *::before { scroll-behavior:auto!important; transition:none!important; } }
@media print {
  .close-hero,.close-word-layout,.close-composition,.close-timeline>li { display:block; }
  .close-controls,.close-word-buttons { display:none!important; }
  .close-word-notes { display:block; }
  .close-explorer { break-inside:avoid; }
}