/* Unsealed Directive: a case file. Black ink, paper type, one amber stamp color. */
:root{
  --ink:#0e0d0b; --panel:#16140f; --panel2:#1d1a14; --line:#2c281f;
  --paper:#ece6d8; --muted:#9c9484; --amber:#e0a23a; --amber-dim:#a87724; --bar:#000;
  --f-head:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --f-mono:"Courier Prime","Courier New",ui-monospace,monospace;
  --f-body:"Source Serif 4",Georgia,serif;
  --wrap:1180px; color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.65 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--amber)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--amber);color:var(--ink);padding:8px 12px;z-index:9}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:1.02;letter-spacing:.005em;text-wrap:balance;margin:0}
h1{font-size:clamp(44px,7vw,92px);text-transform:uppercase}
h2{font-size:clamp(28px,3.4vw,40px)}
.eyebrow,.file-no,.section-h,.card-no,.dossier-h{font:700 13px/1.2 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.section-h{font-size:14px;margin:0 0 18px;padding-bottom:10px;border-bottom:1px dashed var(--line)}
.lede{font-size:clamp(18px,1.6vw,21px);color:#d6cfbf;max-width:62ch}

/* header */
.top{position:sticky;top:0;z-index:5;background:rgba(14,13,11,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;flex-wrap:wrap}
.brand{text-decoration:none}
.brand-stamp{display:inline-grid;justify-items:center;border:3px solid var(--amber);padding:2px 10px 4px;transform:rotate(-3deg);color:var(--amber)}
.brand-stamp .b1{font:700 26px/1 var(--f-head);text-transform:uppercase;letter-spacing:.02em}
.brand-stamp .b2{font:700 10px/1 var(--f-mono);letter-spacing:.42em;text-transform:uppercase;border-top:2px solid var(--amber);padding-top:3px;margin-top:2px;width:100%;text-align:center}
.brand-stamp.sm .b1{font-size:22px}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-decoration:none;padding:9px 12px;border-radius:2px}
.nav a:hover{background:var(--panel2)}
.nav .nav-yt{background:var(--amber);color:var(--ink)}

/* buttons + stamps */
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:var(--amber);color:var(--ink);font:700 15px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:2px solid var(--amber)}
.btn.ghost{background:none;color:var(--paper);border-color:var(--line)}
.btn:hover{filter:brightness(1.08)}
.stamp-chip{display:inline-block;font:700 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px 6px;border:2px solid currentColor;transform:rotate(-3deg)}
.stamp-production{color:var(--amber)}
.stamp-published{color:#8fd19e}
.stamp-pending{color:var(--muted)}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:url(/assets/img/hero-doc.webp) center/cover;opacity:.9}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 30%,rgba(14,13,11,.55))}
.hero-in{position:relative;padding-block:clamp(64px,10vw,130px)}
.hero h1{max-width:13ch;margin:14px 0 20px}
.hero h1::after{content:"";display:block;width:min(420px,60%);height:22px;background:var(--bar);margin-top:18px;box-shadow:0 0 0 1px var(--line)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* lead directive */
.lead{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(48px,7vw,90px)}
.lead-media{position:relative;display:block;border:1px solid var(--line)}
.lead-media .stamp-chip{position:absolute;right:16px;top:16px;background:rgba(14,13,11,.8)}
.lead-text h2 a{color:var(--paper);text-decoration:none}
.lead-text h2 a:hover{color:var(--amber)}
.lead-text h2{margin:10px 0 14px;text-transform:uppercase}
.lead-text>p{color:#d6cfbf}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:22px 0 0}
.facts div{background:var(--panel);padding:10px 12px;min-width:0}
.facts dt{font:700 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:2px 0 0;font:600 17px/1.35 var(--f-body)}
.facts.col{grid-template-columns:1fr}

/* method */
.method{padding-bottom:clamp(40px,6vw,80px)}
.method-list{list-style:none;counter-reset:m;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.method-list li{counter-increment:m;background:var(--panel);border:1px solid var(--line);padding:22px;min-width:0}
.method-list li::before{content:"0" counter(m);display:block;font:700 13px var(--f-mono);color:var(--amber);letter-spacing:.14em;margin-bottom:10px}
.method-list b{display:block;font:700 24px/1.1 var(--f-head);text-transform:uppercase;margin-bottom:8px}

/* docket */
.docket{padding-bottom:clamp(56px,8vw,110px)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line);padding:20px 18px 54px;color:var(--paper);text-decoration:none;min-width:0}
a.card:hover{border-color:var(--amber)}
.card-name{font:700 28px/1 var(--f-head);text-transform:uppercase}
.card-dek{font-size:15px;line-height:1.5;color:#c9c1b0}
.card .stamp-chip{position:absolute;left:18px;bottom:16px}
.card-pending .card-name{color:#cfc7b6}

/* directive page */
.page-head{padding-block:clamp(48px,7vw,96px) 24px}
.page-head h1{margin:12px 0 18px;max-width:18ch}
.d-head{padding-block:clamp(40px,6vw,72px) 26px}
.d-head h1{font-size:clamp(38px,5.4vw,70px);margin:14px 0 18px;max-width:20ch}
.d-head .stamp-chip{margin-left:12px;vertical-align:middle}
.player{margin-bottom:clamp(32px,5vw,56px)}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;max-width:100%;padding:0;border:1px solid var(--line);background:#000;cursor:pointer;overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover}
.yt-play{position:absolute;left:50%;top:50%;width:96px;height:68px;transform:translate(-50%,-50%);background:var(--amber);clip-path:polygon(0 0,100% 50%,0 100%);transition:transform .15s}
.yt:hover .yt-play{transform:translate(-50%,-50%) scale(1.08)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt.pending{cursor:default}
.yt-note{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:rgba(0,0,0,.82);font:700 14px var(--f-mono);letter-spacing:.08em;color:var(--amber)}
.d-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,4vw,56px);padding-bottom:clamp(56px,8vw,110px)}
.d-main section{margin-bottom:48px}
.transcript p{max-width:66ch;margin:0 0 1em;font-size:19px}
.transcript .t-ch{font-size:26px;margin:1.4em 0 .45em;display:flex;gap:12px;align-items:baseline}.transcript .t-ch:first-child{margin-top:.2em}.transcript .t-ch span{font:700 14px var(--f-mono);color:var(--amber);letter-spacing:.06em}
.files{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.files li{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line);padding:16px;align-items:flex-start}
.files li>div{min-width:0}
.files a b{font:700 22px/1.1 var(--f-head);text-transform:uppercase}
.files p{margin:6px 0 0;font-size:16px;color:#c9c1b0}
.file-thumb{flex:0 0 96px}
.file-thumb img{border:1px solid var(--line);background:var(--paper)}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font:700 22px/1.2 var(--f-head);text-transform:uppercase;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-block;width:1.2em;color:var(--amber)}
.faq details[open] summary::before{content:"–"}
.faq p{margin:10px 0 0;max-width:64ch;color:#d6cfbf}
.discuss p{color:#c9c1b0}
.d-side{display:grid;gap:18px;align-content:start}
.dossier{background:var(--panel);border:1px solid var(--line);padding:18px}
.dossier-h{margin:0 0 12px}
.chapters{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:16px}
.chapters span{font:700 14px var(--f-mono);color:var(--amber);margin-right:8px}
.prose{padding-bottom:clamp(56px,8vw,110px)}
.prose h2{margin:36px 0 10px;text-transform:uppercase}
.prose p{max-width:66ch;color:#d6cfbf}

/* footer */
.foot{border-top:1px solid var(--line);background:#0a0908;padding-block:40px 28px}
.foot-in{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.foot-in p{max-width:52ch;color:var(--muted);font-size:15px;margin:16px 0 0}
.foot nav{display:grid;gap:8px;align-content:start}
.foot nav a{font:700 13px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);text-decoration:none}
.foot-legal{margin-top:28px;font:12px var(--f-mono);color:var(--muted)}

@media (max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.method-list{grid-template-columns:1fr}.d-grid{grid-template-columns:1fr}}
@media (max-width:760px){.lead{grid-template-columns:1fr}}
@media (max-width:520px){.cards{grid-template-columns:1fr}.facts{grid-template-columns:1fr}body{font-size:17px}.nav a{padding:8px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* 2026-10-30 hero rework: latest directive sits beside the headline; play button moved off thumbnail text */
.top-in{padding-block:8px}
.hero h1::after{content:none}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center;padding-block:clamp(48px,7vw,96px)}
.hero h1{font-size:clamp(44px,5.4vw,86px);max-width:12ch}
.hero-feature{display:grid;gap:14px;text-decoration:none;color:var(--paper)}
.hero-media{position:relative;display:block;aspect-ratio:16/9;border:1px solid var(--line);background:#000;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.hero-feature:hover .hero-media img{transform:scale(1.02)}
.hero-cap{display:grid;gap:6px}
.hero-cap .stamp-chip{margin-left:10px;vertical-align:middle;font-size:11px}
.hero-cap-t{font:700 clamp(26px,2.4vw,34px)/1.05 var(--f-head);text-transform:uppercase}
.hero-feature:hover .hero-cap-t{color:var(--amber)}
.hero-cap-d{color:#d6cfbf;font-size:16px;max-width:52ch}
.yt-play{left:auto;top:auto;right:16px;bottom:16px;width:72px;height:72px;transform:none;clip-path:none;border-radius:50%;background:rgba(14,13,11,.86);border:2px solid var(--amber);display:block;position:absolute}
.yt-play::after{content:"";position:absolute;left:28px;top:21px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent var(--amber)}
.yt:hover .yt-play,.hero-feature:hover .yt-play{transform:scale(1.08)}
.lead-noimg{grid-template-columns:1fr;padding-block:clamp(40px,6vw,72px)}
.lead-noimg .lead-text{max-width:820px}
@media (min-width:1100px){
  .directive{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:56px;align-items:center}
  .directive>.d-grid{grid-column:1/-1}
  .directive .d-head h1{font-size:clamp(36px,3.3vw,54px);max-width:16ch}
  .directive .player{margin-block:clamp(40px,6vw,72px) 26px}
}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{max-width:14ch}}
@media (max-width:520px){.yt-play{width:54px;height:54px;right:10px;bottom:10px}.yt-play::after{left:21px;top:15px;border-width:12px 0 12px 19px}.hero-cap-d{display:none}}
.hero-bg::after{background:linear-gradient(90deg,var(--ink) 30%,rgba(14,13,11,.82))}