/* The Silence Files - cold reskin of the house system (one cold accent) */
/* The Silence Files is a fixed cold-dark world; declare the full palette so the light theme cannot half-apply */
:root,[data-theme="light"]{--ember:#6BA3B0;--ember-hi:#8AC0CB;--gold:#9FBBC6;--ink:#0F1214;--ink-2:#151A1D;--ink-3:#1C2226;--bone:#EAF0F2;--sand:#9FB0B8;--stone:#6E7C82;--line:rgba(234,240,242,.11);--line-2:rgba(234,240,242,.06);--nav-bg:rgba(15,18,20,.72);--nav-bg-solid:rgba(15,18,20,.96)}
.theme-toggle{display:none}
body{background:var(--ink)}
@keyframes kb{from{transform:scale(1.07)}to{transform:scale(1)}}

.sf-hero{position:relative;min-height:96vh;display:flex;align-items:center;overflow:hidden;padding-top:70px}
.sf-hero .bg{position:absolute;inset:0;z-index:-2;background:#090c0e center/cover;background-image:url('/web/image/2541/bdpsite_world-silence.jpg');animation:kb 28s ease-out both}
.sf-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,12,14,.94) 0%,rgba(9,12,14,.55) 55%,rgba(9,12,14,.82) 100%),linear-gradient(180deg,rgba(9,12,14,.2),rgba(9,12,14,.75))}
.sf-hero .hin{position:relative;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--edge);width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,84px);align-items:center}
.sf-hero .crumb{margin-bottom:26px}
.sf-hero h1{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(46px,7vw,104px);line-height:.98;letter-spacing:-.02em;margin-bottom:.25em}
.sf-eyebrow{font-family:"IBM Plex Mono",monospace;font-size:clamp(13px,1.2vw,15px);letter-spacing:.06em;color:var(--ember);margin-bottom:1.4em;text-transform:uppercase}
.sf-hero .lead{font-size:clamp(16px,1.3vw,19px);margin-bottom:2em}
.sf-hero-cta{display:flex;flex-wrap:wrap;gap:14px}
.sf-cover{justify-self:center;width:100%;max-width:380px;aspect-ratio:475/760;border-radius:2px;overflow:hidden;background:#0a0d0e url('/web/image/2538/bdpsite_nf-silence.jpg') center/cover no-repeat;box-shadow:0 44px 90px -34px rgba(0,0,0,.9),0 0 0 1px rgba(107,163,176,.35),0 0 70px -14px rgba(107,163,176,.22);transition:transform .6s var(--ease)}
.sf-cover:hover{transform:translateY(-6px)}

.premise h2{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(30px,4.6vw,60px);letter-spacing:-.015em;max-width:15ch;margin-bottom:.6em}
.premise .lead{font-size:clamp(17px,1.4vw,20px);max-width:60ch}
.redact{margin-top:clamp(36px,5vh,60px);border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.rcell .l{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin-bottom:12px}
.rcell p{color:var(--sand);font-size:14.5px;max-width:30ch}
.rbar{height:11px;background:repeating-linear-gradient(90deg,var(--ink-3) 0 34px,transparent 34px 44px);margin:8px 0;border-radius:2px;opacity:.7}

.spot{background:var(--ink-2);border-block:1px solid var(--line)}
.spot-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,6vw,90px);align-items:center}
.spot-cover{justify-self:center;max-width:360px;width:100%;border-radius:2px;overflow:hidden;box-shadow:0 50px 90px -34px rgba(0,0,0,.9),0 0 0 1px var(--line)}
.spot-cover img{width:100%;display:block}
.spot-body h2{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(30px,3.8vw,52px);margin-bottom:.5em;max-width:14ch;letter-spacing:-.015em}
.spot-body .lead{margin-bottom:1.6em}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2em}
.tag{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);border:1px solid var(--line);border-radius:999px;padding:6px 14px}

.ahead h2{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(28px,4.2vw,52px);letter-spacing:-.015em;margin-bottom:.2em}
.ahead .sub{color:var(--stone);margin-bottom:clamp(32px,5vh,50px)}
.file-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(18px,4vw,52px);align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
.file-row:last-child{border-bottom:1px solid var(--line)}
.file-row .no{font-family:"IBM Plex Mono",monospace;font-size:14px;letter-spacing:.1em;color:var(--ember);min-width:3ch}
.file-row h3{font-family:"Newsreader",serif;font-size:clamp(22px,2.4vw,32px);letter-spacing:-.01em}
.file-row .st{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--stone);white-space:nowrap}

.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:start}
.author .an{font-family:"Newsreader",serif;font-size:clamp(32px,3.8vw,52px);letter-spacing:-.01em}
.author .lead{font-size:clamp(16px,1.3vw,19px)}

.nl h2{font-family:"Newsreader",serif;font-weight:400;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.015em;margin-bottom:.5em}

@media(max-width:1000px){
  .sf-hero{min-height:auto;padding-block:clamp(120px,16vh,170px) clamp(60px,10vh,90px)}
  .sf-hero .hin{grid-template-columns:1fr;gap:40px}
  .sf-cover{order:-1;max-width:280px}
  .redact{grid-template-columns:1fr}
  .spot-grid{grid-template-columns:1fr;gap:36px}.spot-cover{max-width:300px}
  .author{grid-template-columns:1fr;gap:18px}
}
@media(max-width:820px){
  .file-row{grid-template-columns:auto 1fr;gap:16px}
  .file-row .st{grid-column:2}
}