/* VINYLCUE — SILVER SCREEN. Shared by every page. */
:root { --paper:#fff; --ink:#191919; --muted:#626262; --line:#d7d7d7; --soft:#f0f0f0; --accent:#7a3645; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.6 'Gill Sans','Gill Sans MT',Calibri,Arial,sans-serif; }
.site { max-width:1180px; margin:auto; padding:28px 40px; }
a { color:inherit; text-underline-offset:4px; }
a:hover { color:var(--accent); }
a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.top { display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-bottom:16px; border-bottom:1px solid var(--line); }
.brand { font-size:34px; letter-spacing:-1px; text-decoration:none; }
.section-name { font-size:13px; letter-spacing:1px; text-transform:uppercase; }
nav { display:flex; gap:10px 25px; flex-wrap:wrap; padding:17px 0; font-size:15px; }
nav a { text-decoration:none; padding:6px 0; }
nav a[aria-current="page"] { color:var(--accent); border-bottom:2px solid var(--accent); }
h1,h2,h3 { font-weight:500; line-height:1.2; }
h1 { font-size:clamp(34px,5vw,52px); letter-spacing:-1px; margin:12px 0 18px; }
h2 { font-size:29px; margin:14px 0; }
h3 { font-size:23px; margin:10px 0; }
p { margin:12px 0; }
.eyebrow { font-size:12px; letter-spacing:1.8px; text-transform:uppercase; color:var(--accent); }
.hero { display:grid; grid-template-columns:1.2fr 1fr; gap:35px; align-items:center; margin:10px 0 35px; }
.hero h1 { font-size:clamp(37px,5.5vw,62px); }
.logo { width:100%; display:block; max-width:420px; margin:auto; }
.cta { display:inline-block; margin-top:12px; border-bottom:2px solid #9c5366; padding:7px 0; font-size:15px; text-decoration:none; }
.records { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:18px 0 30px; }
.record { display:block; padding:20px 15px; border-top:3px solid #a0a0a0; background:var(--soft); min-height:125px; text-decoration:none; }
.record strong { font-size:19px; font-weight:500; display:block; }
.record span { font-size:13px; display:block; margin-top:12px; color:var(--muted); }
.lower { display:grid; grid-template-columns:1.5fr 1fr; gap:35px; border-top:1px solid var(--line); padding-top:25px; }
.small,.byline { font-size:14px; color:var(--muted); }
footer { border-top:1px solid var(--line); font-size:14px; padding-top:23px; margin-top:40px; }
footer p { margin:6px 0; }
.read { max-width:760px; margin:35px auto; }
.read h2 { margin-top:32px; }
.read hr { border:0; border-top:1px solid var(--line); margin:30px 0; }
.essay { font-size:19px; line-height:1.75; }
.essay h1 { font-size:clamp(31px,4.5vw,46px); }
.essay h2 { font-size:28px; margin-top:34px; }
.essay a { color:var(--accent); overflow-wrap:anywhere; }
.essay li { margin:10px 0; }
.disclosure { font-size:15px; color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:20px; }
.process { border-top:1px solid var(--line); padding-top:20px; margin-top:35px; font-size:16px; }
.record-meta { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-top:1px solid var(--line); padding-top:20px; margin-top:25px; }
.record-meta dt { font-size:13px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); }
.record-meta dd { margin:6px 0 0; }
@media(max-width:700px) { .site { padding:22px; } .hero,.lower,.record-meta { grid-template-columns:1fr; gap:25px; } .records { grid-template-columns:1fr 1fr; } .logo { max-width:300px; } .section-name { font-size:12px; } }
@media(max-width:380px) { .records { grid-template-columns:1fr; } }
@media(pointer:coarse) { nav a,.cta { min-height:44px; display:inline-flex; align-items:center; } }

/* REFINEMENTS: essay-led navigation, two-line statement, open reading layout. */
.hero .brand-statement { font-size:clamp(23px,4vw,48px); line-height:1.2; }
.brand-statement span { display:block; white-space:nowrap; }
.lower { margin-bottom:42px; }
.essay.read { max-width:730px; margin:45px auto 60px; }
.essay p { margin:22px 0; }
.essay h1 { margin-bottom:20px; }
.essay h2 { margin-top:52px; margin-bottom:16px; padding-top:22px; border-top:1px solid var(--line); font-size:27px; line-height:1.3; }
.essay .standfirst { font-size:20px; color:var(--muted); margin-bottom:20px; }
.essay .byline { font-size:14px; }
.essay .disclosure { font-size:15px; margin-bottom:34px; }
.essay .record-identity { font-size:19px; line-height:1.5; margin:12px 0 6px; }
.essay .record-identity strong { font-weight:700; }
.essay .edition-feature { font-size:14px; color:var(--muted); margin:0 0 23px; }
.essay .source-section { margin-top:45px; }
.source-list { list-style:none; padding:0; margin:20px 0; display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.essay .source-list li { padding:14px 0; margin:0; border-bottom:1px solid var(--line); font-size:15px; line-height:1.5; }
.source-list a { text-decoration:none; color:var(--ink); }
.source-list a:hover { text-decoration:underline; color:var(--accent); }
.essay .process h2 { border-top:0; padding-top:0; margin-top:12px; font-size:24px; }
.essay .process p { font-size:16px; }
@media(max-width:650px) { .source-list { grid-template-columns:1fr; } .essay h2 { font-size:24px; margin-top:40px; } .essay .record-identity { font-size:18px; } }