/* The Divergence Office — styled after the long-form case files:
   green felt desk, manila folders with typed tabs, cream-mounted prints, stamp-red rules & tags,
   Oswald headlines, Special Elite typewriter, IBM Plex Mono labels. Fonts: SIL OFL / Apache 2.0, self-hosted. */
@font-face{font-family:"Oswald";src:url(/assets/fonts/oswald.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Special Elite";src:url(/assets/fonts/specialelite.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(/assets/fonts/plexmono-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --felt:#1C3A2E;--felt-d:#11261D;--felt-l:#2B5242;--desk:#0e1712;--desk2:#132019;
  --manila:#D8B878;--manila-l:#E8D3A2;--manila-d:#B8955A;--paper:#F1E7CF;--cream:#EADBB4;
  --ink:#24211C;--ink-s:#4A4338;--stamp:#B3261E;--stamp-d:#7E1A14;--stamp-hi:#C8322B;--brass:#B08D57;
  --text:#E9DDBF;--muted:#B9AE92;--dim:#8C8670;
  --hair:rgba(216,184,120,.16);--hair2:rgba(216,184,120,.28);
  --head:"Oswald","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --type:"Special Elite","Courier New",Courier,monospace;
  --mono:"Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --max:1240px;--gut:28px;--lux:cubic-bezier(.22,.61,.36,1);
  --grain:url(/assets/img/grain.webp);--fibre:url(/assets/img/fibre.webp);
  --shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -18px rgba(0,0,0,.85),0 4px 10px -4px rgba(0,0,0,.6);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px;background:var(--desk)}
body{margin:0;color:var(--text);font:400 17px/1.65 var(--head);font-weight:300;letter-spacing:.01em;
  background:
    radial-gradient(1200px 700px at 78% -10%,rgba(43,82,66,.55),transparent 65%),
    radial-gradient(900px 600px at -10% 40%,rgba(28,58,46,.55),transparent 70%),
    radial-gradient(1000px 800px at 110% 75%,rgba(28,58,46,.45),transparent 70%),
    linear-gradient(180deg,#0f1b15 0%,var(--desk) 40%,#0c1410 100%);
  background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:var(--grain);opacity:.22;mix-blend-mode:overlay}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
::selection{background:var(--stamp);color:var(--paper)}
:focus-visible{outline:2px solid var(--manila);outline-offset:3px;border-radius:2px}
html{scrollbar-color:#3a4a3f var(--desk)}
#top{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);pointer-events:none}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);color:var(--ink);padding:8px 14px;z-index:200;font:700 14px var(--mono)}
.skip:focus{left:8px}
.type{font-family:var(--type);font-weight:400;letter-spacing:0}
.hl{font-family:var(--head);font-weight:700;letter-spacing:.005em;line-height:1.05;color:var(--paper)}
.nowrap{white-space:nowrap}

/* ---------- labels & tags (case label, exhibit tag, section number) */
.case-label{display:inline-block;background:var(--manila) var(--fibre);color:var(--ink);font:700 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:9px 14px 8px;box-shadow:0 6px 14px -6px rgba(0,0,0,.7)}
.section-no{display:inline-block;background:var(--stamp);color:var(--paper);font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;padding:7px 10px 6px}
.tag{position:absolute;right:10px;bottom:10px;background:var(--stamp);color:var(--paper);font:700 12px/1 var(--mono);letter-spacing:.08em;padding:6px 8px 5px;box-shadow:0 4px 10px -4px rgba(0,0,0,.7)}

/* ---------- nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,border-color .4s,backdrop-filter .4s;border-bottom:1px solid transparent}
.nav.is-scrolled{background:rgba(12,22,17,.86);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-color:var(--hair)}
.nav__inner{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:28px;padding:14px var(--gut)}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 1px rgba(234,219,180,.25),0 6px 14px -6px #000}
.brand__word{font:700 19px/1 var(--head);letter-spacing:.02em;text-transform:uppercase;color:var(--paper)}
.nav__links{display:flex;gap:30px;margin-left:auto;font:500 13px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.nav__links a{color:var(--muted);position:relative;padding:6px 0;transition:color .25s}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--stamp);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--lux)}
.nav__links a:hover{color:var(--paper)}
.nav__links a:hover::after{transform:scaleX(1)}
.nav__toggle{display:none;background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.nav__toggle span{position:absolute;left:9px;right:9px;height:2px;background:var(--paper);transition:transform .3s}
.nav__toggle span:first-child{top:15px}.nav__toggle span:last-child{top:23px}
.nav.is-open .nav__toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.nav.is-open .nav__toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---------- buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;font:700 15px/1 var(--head);letter-spacing:.08em;text-transform:uppercase;border:0;cursor:pointer;transition:transform .3s var(--lux),box-shadow .3s var(--lux),background .3s,color .3s}
.btn--sm{height:40px;padding:0 18px;font-size:13px}
.btn--sub{background:var(--stamp);color:var(--paper);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 24px -12px rgba(179,38,30,.9)}
.btn--sub:hover{background:var(--stamp-hi);transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 16px 30px -12px rgba(179,38,30,.95)}
.btn--ghost{background:transparent;color:var(--manila-l);box-shadow:inset 0 0 0 1px var(--hair2)}
.btn--ghost:hover{color:var(--ink);background:var(--manila) var(--fibre);box-shadow:inset 0 0 0 1px var(--manila)}
.yt-dot{width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}

/* ---------- hero (the ident card: dark office, soft window light) */
.hero{position:relative;padding:136px 0 0;overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.pool{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:drift 26s ease-in-out infinite alternate}
.pool--a{width:620px;height:340px;left:-6%;top:22%;background:rgba(122,124,72,.42)}
.pool--b{width:720px;height:420px;right:-8%;top:-6%;background:rgba(43,82,66,.75);animation-duration:32s}
.pool--c{width:520px;height:300px;left:34%;bottom:4%;background:rgba(150,128,78,.22);animation-duration:38s}
.vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(5,9,7,.75) 100%)}
.grain{position:absolute;inset:0;background:var(--grain);opacity:.35;mix-blend-mode:overlay}
@keyframes drift{to{transform:translate3d(50px,-24px,0) scale(1.08)}}
.hero__inner{max-width:var(--max);margin:auto;padding:0 var(--gut) 84px;display:grid;grid-template-columns:1.02fr 1fr;gap:64px;align-items:center}
.hero__copy .case-label{margin-bottom:26px}
.hero__title{font:700 clamp(54px,7.4vw,104px)/.98 var(--head);text-transform:uppercase;letter-spacing:.005em;color:var(--paper);text-shadow:0 3px 0 rgba(0,0,0,.35),0 14px 30px rgba(0,0,0,.55)}
.hero__l1{display:block}
.redbar{display:inline-block;margin-top:.1em;background:var(--stamp);color:var(--paper);padding:.04em .18em .02em;box-shadow:0 14px 30px -12px rgba(0,0,0,.85);text-shadow:0 2px 0 rgba(0,0,0,.25)}
.hero__tag{margin-top:26px;font-size:clamp(19px,1.9vw,24px);color:var(--manila-l);line-height:1.35}
.hero__lede{margin-top:20px;max-width:560px;font-size:18px;line-height:1.7;color:var(--muted);font-weight:300}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__facts{display:flex;gap:0;margin:40px 0 0;padding:0;border-top:1px solid var(--hair);max-width:560px}
.hero__facts div{flex:1;padding:16px 18px 0 0;margin-right:18px;border-right:1px solid var(--hair)}
.hero__facts div:last-child{border:0;margin:0}
.hero__facts dt{font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.hero__facts dd{margin:10px 0 0;font:600 26px/1 var(--head);color:var(--paper);letter-spacing:.02em}
.hero__facts dd time{font:400 18px/1.2 var(--type);color:var(--manila-l)}

/* ---------- manila folder + mounted print (from the archival exhibit scenes) */
.folder{position:relative;display:block;background:var(--manila) var(--fibre);border-radius:3px 6px 6px 6px;box-shadow:var(--shadow);margin-top:26px;
  background-image:var(--fibre),linear-gradient(180deg,rgba(255,240,200,.22),rgba(120,84,30,.10) 70%,rgba(80,52,16,.18));}
.folder::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(120,86,34,.35),inset 0 0 40px rgba(110,74,20,.18);pointer-events:none}
.folder__tab{position:absolute;left:0;top:-26px;height:27px;min-width:38%;padding:7px 16px 0;background:var(--manila) var(--fibre);border-radius:6px 9px 0 0;font:400 14px/1 var(--type);color:var(--ink);letter-spacing:.02em;
  background-image:var(--fibre),linear-gradient(180deg,rgba(255,240,200,.28),rgba(255,240,200,0))}
.folder__tab::after{content:"";position:absolute;right:-12px;bottom:0;width:14px;height:14px;background:radial-gradient(circle at 100% 0,transparent 13px,var(--manila) 13.5px)}
.mount{display:block;background:var(--paper);padding:10px 10px 0;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 22px -10px rgba(40,24,6,.75),0 0 0 1px rgba(176,141,87,.55);
  background-image:var(--fibre)}
.mount__img{position:relative;display:block;overflow:hidden;background:#111;aspect-ratio:16/9;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}
.mount__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--lux),filter .6s}
.mount__lip{display:flex;justify-content:space-between;gap:12px;padding:9px 2px 9px;font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-s)}
.play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(36,33,28,.72);box-shadow:inset 0 0 0 1.5px rgba(234,219,180,.75),0 8px 22px rgba(0,0,0,.5);opacity:0;transform:scale(.88);transition:opacity .4s,transform .4s var(--lux)}
.play::after{content:"";position:absolute;left:25px;top:20px;border-left:17px solid var(--paper);border-top:11px solid transparent;border-bottom:11px solid transparent}
.play--lg{width:84px;height:84px;margin:-42px 0 0 -42px;opacity:.92;transform:none}
.play--lg::after{left:34px;top:27px;border-left-width:23px;border-top-width:15px;border-bottom-width:15px}

/* hero feature */
.feature{display:block;position:relative;padding-bottom:40px}
.feature__folder{padding:30px 30px 34px;transform:rotate(-1.2deg);transition:transform .8s var(--lux)}
.feature:hover .feature__folder{transform:rotate(-.4deg) translateY(-4px)}
.feature .folder__tab{min-width:34%;font-size:15px}
.feature .mount{transform:rotate(1.6deg);transition:transform .8s var(--lux)}
.feature:hover .mount{transform:rotate(.6deg)}
.feature:hover .mount__img img{transform:scale(1.035)}
.feature:hover .play--lg{transform:scale(1.06);background:var(--stamp)}
.seal{position:absolute;right:-18px;bottom:-22px;width:118px;height:118px;border-radius:50%;background:url(/assets/img/crest-128.webp?v=33eb0914be) center/cover;box-shadow:0 10px 22px -8px rgba(0,0,0,.8),0 0 0 3px rgba(241,231,207,.4);transform:rotate(8deg)}
.exhibit{position:absolute;left:-14px;bottom:0;max-width:86%;display:flex;flex-direction:column;align-items:flex-start;z-index:2}
.exhibit__no{background:var(--stamp);color:var(--paper);font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:6px 9px 5px}
.exhibit__title{background:var(--manila-l) var(--fibre);color:var(--ink);font:700 clamp(18px,1.8vw,24px)/1.12 var(--head);text-transform:uppercase;padding:10px 16px 11px;box-shadow:0 14px 26px -12px rgba(0,0,0,.85),inset 0 0 0 1px rgba(120,86,34,.3)}

/* ticker (source strip) */
.ticker{border-block:1px solid var(--hair);background:rgba(8,14,11,.72);overflow:hidden;padding:15px 0}
.ticker__track{display:flex;align-items:center;gap:30px;width:max-content;animation:tick 90s linear infinite;font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--manila-l)}
.ticker b{color:var(--paper);background:var(--stamp);padding:4px 6px 3px;margin-right:10px;font-weight:700;letter-spacing:.1em}
.ticker span{white-space:nowrap}
.ticker i{width:6px;height:6px;border-radius:50%;background:var(--brass);flex:none;opacity:.8}
@keyframes tick{to{transform:translateX(-50%)}}

/* ---------- sections (section-card heads: red label, Oswald title, red rule) */
.section{max-width:var(--max);margin:auto;padding:112px var(--gut) 0;position:relative}
.section__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px 24px;margin-bottom:56px}
.section__head .section-no{grid-column:1/-1;justify-self:start}
.section__head .hl{font-size:clamp(36px,4.6vw,60px);padding-bottom:16px;position:relative;justify-self:start}
.section__head .hl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--stamp);transform-origin:left;transition:transform 1.1s var(--lux) .15s}
.js .section__head .hl.reveal::after{transform:scaleX(0)}
.js .section__head .hl.reveal.is-in::after{transform:scaleX(1)}
.section__head--center{grid-template-columns:1fr;justify-items:center;text-align:center}
.section__head--center .section-no,.section__head--center .hl{justify-self:center}
.link-arrow{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--manila);padding:10px 0;border-bottom:1px solid var(--hair2);transition:color .25s,border-color .25s;white-space:nowrap}
.link-arrow::after{content:" →"}
.link-arrow:hover{color:var(--paper);border-color:var(--stamp)}

/* ---------- grids */
.grid{list-style:none;margin:0;padding:0;display:grid}
.grid--long{grid-template-columns:repeat(3,1fr);gap:64px 34px}
.grid--short{grid-template-columns:repeat(5,1fr);gap:30px 22px}
.card--long .folder{padding:16px 16px 18px;height:calc(100% - 26px);display:flex;flex-direction:column;transition:transform .6s var(--lux),box-shadow .6s var(--lux)}
.card--long .folder__tab{font-size:13px;min-width:44%}
.card--long .folder:hover{transform:translateY(-6px) rotate(-.35deg);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 50px -22px rgba(0,0,0,.9),0 6px 14px -6px rgba(0,0,0,.6)}
.card--long .folder:hover .mount__img img{transform:scale(1.04)}
.card--long .folder:hover .play,.card--short a:hover .play{opacity:1;transform:none}
.card--long .mount{padding:8px}
.card__body{padding:16px 4px 0;display:flex;flex-direction:column;flex:1}
.card__title{font:700 21px/1.18 var(--head);color:var(--ink);text-transform:uppercase;letter-spacing:.01em}
.meta{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-s);border-top:1px dashed rgba(74,67,56,.35);margin-top:16px}
.meta .yt{color:var(--stamp-d);font-weight:700}
.card--long .folder:hover .yt{color:var(--stamp)}
.card--short a{display:block}
.mount--short{padding:8px 8px 0;transform:rotate(-.9deg);transition:transform .6s var(--lux),box-shadow .6s var(--lux)}
.grid--short .card:nth-child(2n) .mount--short{transform:rotate(.8deg)}
.grid--short .card:nth-child(3n) .mount--short{transform:rotate(-.3deg)}
.mount--short .mount__img{aspect-ratio:9/16}
.card--short a:hover .mount--short{transform:rotate(0) translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 26px 40px -18px rgba(0,0,0,.9),0 0 0 1px rgba(176,141,87,.65)}
.card--short a:hover .mount__img img{transform:scale(1.04)}
.card--short .card__title{margin-top:16px;color:var(--paper);font-size:16px;line-height:1.25}
.is-extra{display:none}
.is-expanded .is-extra{display:block}
.more{display:flex;justify-content:center;margin-top:56px}
.more[hidden]{display:none}

/* ---------- about */
.about{display:flex;flex-direction:column;align-items:center;gap:36px}
.about__media{position:relative;width:min(376px,100%);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 28px 0;background:none;box-shadow:none;transform:none}
.about__seal{position:relative;width:min(320px,100%);aspect-ratio:1}
.about__seal::before{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(232,211,162,.5) 0%,rgba(176,141,87,.28) 36%,rgba(14,23,18,0) 72%);filter:blur(18px);pointer-events:none;z-index:0}
.about__seal img{position:relative;display:block;width:100%;height:auto;border-radius:50%;z-index:1;box-shadow:0 0 0 1px rgba(216,184,120,.28),0 0 36px -6px rgba(232,211,162,.4),0 28px 56px -18px rgba(0,0,0,.72)}
.about__caption{margin:0;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.about__copy{width:100%}
.about__copy .section-no{margin-bottom:16px}
.about__copy .hl{font-size:clamp(36px,4.6vw,60px);padding-bottom:16px;margin-bottom:28px;border-bottom:3px solid var(--stamp);display:inline-block}
.about__lede{font-size:22px;line-height:1.45;color:var(--manila-l);margin-bottom:20px}
.about__copy>p{max-width:640px;color:var(--muted);font-size:18px}
.pillars{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.memo{background:var(--paper);background-image:var(--fibre),repeating-linear-gradient(180deg,transparent 0 27px,rgba(47,93,98,.16) 27px 28px);color:var(--ink);padding:22px 20px 24px;box-shadow:var(--shadow);position:relative;border-top:28px solid rgba(232,211,162,.9)}
.memo:nth-child(2){transform:rotate(.6deg)}.memo:nth-child(1){transform:rotate(-.5deg)}
.memo__no{position:absolute;top:-21px;left:20px;font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stamp-d)}
.memo .hl{color:var(--ink);font-size:21px;text-transform:uppercase;margin-bottom:10px}
.memo p:last-child{font:400 15px/1.55 var(--type);color:var(--ink-s)}

/* ---------- verdicts / procedure (section card) */
.dossier{position:relative;margin-top:30px;background:var(--manila);background-image:var(--fibre),linear-gradient(180deg,rgba(255,240,200,.22),rgba(110,74,20,.12));box-shadow:var(--shadow);border-radius:3px 6px 6px 6px;padding:54px 56px 48px;overflow:hidden}
.dossier::after{content:"";position:absolute;right:-60px;bottom:-60px;width:320px;height:320px;background:url(/assets/img/crest-480.webp?v=1a4828bc05) center/cover;border-radius:50%;opacity:.09;filter:sepia(1) saturate(.4);pointer-events:none}
.dossier__tab{top:-26px;left:0;min-width:24%}
.dossier{overflow:visible}
.procedure{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(74,67,56,.3)}
.procedure li{padding:26px 24px 8px 0;margin-right:24px;border-right:1px dashed rgba(74,67,56,.35);position:relative;z-index:1}
.procedure li:last-child{border:0;margin:0}
.procedure__n{display:inline-block;font:700 12px/1 var(--mono);letter-spacing:.16em;color:var(--stamp);margin-bottom:14px}
.procedure .hl{color:var(--ink);font-size:24px;text-transform:uppercase;margin-bottom:10px}
.procedure p{font-size:15px;line-height:1.55;color:var(--ink-s)}
.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:40px 0 0;padding-top:34px;border-top:1px solid rgba(74,67,56,.3);position:relative;z-index:1}
.stamp{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.stamp img{width:min(230px,100%);mix-blend-mode:multiply;opacity:.92;transition:transform .5s var(--lux)}
.stamp--p img{transform:rotate(-6deg)}.stamp--u img{transform:rotate(3deg)}.stamp--i img{transform:rotate(-2deg)}
.stamp:hover img{transform:rotate(0) scale(1.04)}
.stamp figcaption{margin-top:12px;font:400 15px/1.3 var(--type);color:var(--ink-s)}
.submit{margin-top:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:30px 34px;background:rgba(10,18,14,.6);box-shadow:inset 0 0 0 1px var(--hair2)}
.submit__title{font-size:28px;text-transform:uppercase}
.submit__note{margin-top:6px;color:var(--muted);font-size:16px}

/* ---------- footer */
.footer{margin-top:130px;border-top:1px solid var(--hair);background:linear-gradient(180deg,rgba(9,15,12,.4),rgba(6,10,8,.92))}
.footer__inner{max-width:var(--max);margin:auto;padding:48px var(--gut) 30px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.footer__brand{display:flex;align-items:center;gap:16px}
.footer__brand img{border-radius:50%;box-shadow:0 0 0 1px rgba(234,219,180,.25)}
.footer__tag{font-size:15px;color:var(--muted);margin-top:6px}
.social{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.social a{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--hair2);font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--manila-l);transition:background .3s,color .3s}
.social a:hover{background:var(--stamp);color:var(--paper);box-shadow:inset 0 0 0 1px var(--stamp)}
.social svg{width:18px;height:18px;fill:currentColor}
.footer__base{max-width:var(--max);margin:auto;padding:22px var(--gut) 18px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;font:500 11px/1.6 var(--mono);letter-spacing:.06em;color:var(--dim)}
.footer__base a{color:var(--muted);border-bottom:1px solid var(--hair2)}
.footer__base a:hover{color:var(--paper)}
.canada{display:flex;justify-content:center;align-items:center;gap:10px;margin:0;padding:8px 24px 30px;font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:rgba(234,219,180,.6)}
.canada .flag{display:block;width:24px;height:12px;box-shadow:0 0 0 1px rgba(255,255,255,.15);opacity:.85}

/* world flags ribbon under Proudly Canadian */
.world-flags{overflow:hidden;padding:4px 0 36px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}
.world-flags__track{display:flex;align-items:center;width:max-content;animation:tick 240s linear infinite}
.world-flags__set{display:flex;align-items:center;gap:10px;padding-right:10px;flex:none}
.world-flags__flag{--fh:18px;--fw:calc(var(--fh)*4/3);width:var(--fw);height:var(--fh);flex:none;background-image:url(/assets/flags/sprite.webp);background-repeat:no-repeat;background-size:19500% 100%;box-shadow:0 0 0 1px rgba(234,219,180,.12);opacity:.24;filter:sepia(.35) saturate(.7);border-radius:1px}
@media (hover:hover){.world-flags:hover .world-flags__track{animation-play-state:paused}}

/* ---------- legal / 404 */
.legal{max-width:760px;padding-top:120px;padding-bottom:100px}
.legal .hl{font-size:clamp(36px,5vw,56px);margin:16px 0 26px;padding-bottom:14px;border-bottom:3px solid var(--stamp);display:inline-block}
.legal p{margin-bottom:18px;color:var(--muted);font-size:18px}
.legal a{color:var(--manila-l);border-bottom:1px solid var(--hair2)}
.legal .btn{border:0}
.legal--center{text-align:center;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.kicker{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px}
.kicker a{border:0}

/* ---------- reveal motion */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--lux),transform .9s var(--lux)}
.js .reveal.is-in{opacity:1;transform:none}
.grid .reveal:nth-child(3n+2){transition-delay:.08s}.grid .reveal:nth-child(3n){transition-delay:.16s}
.grid--short .reveal:nth-child(5n+2){transition-delay:.05s}.grid--short .reveal:nth-child(5n+3){transition-delay:.1s}.grid--short .reveal:nth-child(5n+4){transition-delay:.15s}.grid--short .reveal:nth-child(5n){transition-delay:.2s}

/* ---------- responsive */
@media (max-width:1100px){
  .hero__inner{grid-template-columns:1fr;gap:56px}
  .feature{max-width:720px}
  .grid--long{grid-template-columns:repeat(2,1fr)}
  .grid--short{grid-template-columns:repeat(4,1fr)}
  .about{gap:36px}
  .procedure{grid-template-columns:repeat(2,1fr)}
  .procedure li:nth-child(2){border:0;margin-right:0}
  .procedure li{padding-bottom:22px}
}
@media (max-width:860px){
  .nav__links{position:fixed;inset:68px 12px auto;flex-direction:column;gap:0;padding:10px;background:rgba(14,23,18,.98);box-shadow:inset 0 0 0 1px var(--hair2),0 30px 60px -20px #000;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s,transform .3s}
  .nav__links a{padding:16px 14px;font-size:14px;border-bottom:1px dashed var(--hair)}
  .nav__links a:last-child{border:0}
  .nav.is-open .nav__links{opacity:1;transform:none;pointer-events:auto}
  .nav__toggle{display:block}
  .nav__inner{gap:12px}
  .nav .btn--sub{margin-left:auto}
  .grid--short{grid-template-columns:repeat(3,1fr)}
  .pillars{grid-template-columns:1fr;gap:34px}
  .memo:nth-child(n){transform:none}
  .submit{grid-template-columns:1fr;gap:18px;justify-items:start}
  .stamps{grid-template-columns:1fr;gap:22px}
}
@media (max-width:600px){
  :root{--gut:20px}
  body{font-size:16px}
  .nav .brand__word{font-size:15px}
  .nav .btn--sub{padding:0 14px}
  .nav .btn--sub .yt-dot{display:none}
  .hero{padding-top:110px}
  .hero__inner{padding-bottom:56px;gap:44px}
  .hero__title{font-size:clamp(44px,13vw,64px)}
  .hero__lede{font-size:16.5px}
  .hero__cta .btn{flex:1 1 100%}
  .hero__facts dd{font-size:22px}
  .hero__facts dd time{font-size:15px}
  .feature__folder{padding:18px 16px 22px}
  .seal{width:76px;height:76px;right:-6px;bottom:-14px}
  .exhibit{left:-6px;max-width:92%}
  .section{padding-top:84px}
  .section__head{grid-template-columns:1fr;margin-bottom:44px}
  .section__head .link-arrow{justify-self:start}
  .grid--long{grid-template-columns:1fr;gap:56px}
  .grid--short{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);gap:16px;margin:0 calc(-1*var(--gut));padding:6px var(--gut) 18px;scrollbar-width:none}
  .grid--short::-webkit-scrollbar{display:none}
  .grid--short .card{flex:0 0 58%;scroll-snap-align:start}
  .grid--short .is-extra{display:block}
  .section--shorts .more{display:none}
  .dossier{padding:40px 22px 30px}
  .procedure{grid-template-columns:1fr}
  .procedure li{border-right:0;margin-right:0;padding-right:0;border-bottom:1px dashed rgba(74,67,56,.35)}
  .procedure li:last-child{border-bottom:0}
  .submit{padding:24px 20px}
  .submit .btn{width:100%}
  .footer__base{flex-direction:column}
  .world-flags__set{gap:8px;padding-right:8px}
  .world-flags__flag{--fh:16px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
}
.wf-0{background-position:0.0000% 0}.wf-1{background-position:0.5155% 0}.wf-2{background-position:1.0309% 0}.wf-3{background-position:1.5464% 0}.wf-4{background-position:2.0619% 0}.wf-5{background-position:2.5773% 0}.wf-6{background-position:3.0928% 0}.wf-7{background-position:3.6082% 0}.wf-8{background-position:4.1237% 0}.wf-9{background-position:4.6392% 0}.wf-10{background-position:5.1546% 0}.wf-11{background-position:5.6701% 0}.wf-12{background-position:6.1856% 0}.wf-13{background-position:6.7010% 0}.wf-14{background-position:7.2165% 0}.wf-15{background-position:7.7320% 0}.wf-16{background-position:8.2474% 0}.wf-17{background-position:8.7629% 0}.wf-18{background-position:9.2784% 0}.wf-19{background-position:9.7938% 0}.wf-20{background-position:10.3093% 0}.wf-21{background-position:10.8247% 0}.wf-22{background-position:11.3402% 0}.wf-23{background-position:11.8557% 0}.wf-24{background-position:12.3711% 0}.wf-25{background-position:12.8866% 0}.wf-26{background-position:13.4021% 0}.wf-27{background-position:13.9175% 0}.wf-28{background-position:14.4330% 0}.wf-29{background-position:14.9485% 0}.wf-30{background-position:15.4639% 0}.wf-31{background-position:15.9794% 0}.wf-32{background-position:16.4948% 0}.wf-33{background-position:17.0103% 0}.wf-34{background-position:17.5258% 0}.wf-35{background-position:18.0412% 0}.wf-36{background-position:18.5567% 0}.wf-37{background-position:19.0722% 0}.wf-38{background-position:19.5876% 0}.wf-39{background-position:20.1031% 0}.wf-40{background-position:20.6186% 0}.wf-41{background-position:21.1340% 0}.wf-42{background-position:21.6495% 0}.wf-43{background-position:22.1649% 0}.wf-44{background-position:22.6804% 0}.wf-45{background-position:23.1959% 0}.wf-46{background-position:23.7113% 0}.wf-47{background-position:24.2268% 0}.wf-48{background-position:24.7423% 0}.wf-49{background-position:25.2577% 0}.wf-50{background-position:25.7732% 0}.wf-51{background-position:26.2887% 0}.wf-52{background-position:26.8041% 0}.wf-53{background-position:27.3196% 0}.wf-54{background-position:27.8351% 0}.wf-55{background-position:28.3505% 0}.wf-56{background-position:28.8660% 0}.wf-57{background-position:29.3814% 0}.wf-58{background-position:29.8969% 0}.wf-59{background-position:30.4124% 0}.wf-60{background-position:30.9278% 0}.wf-61{background-position:31.4433% 0}.wf-62{background-position:31.9588% 0}.wf-63{background-position:32.4742% 0}.wf-64{background-position:32.9897% 0}.wf-65{background-position:33.5052% 0}.wf-66{background-position:34.0206% 0}.wf-67{background-position:34.5361% 0}.wf-68{background-position:35.0515% 0}.wf-69{background-position:35.5670% 0}.wf-70{background-position:36.0825% 0}.wf-71{background-position:36.5979% 0}.wf-72{background-position:37.1134% 0}.wf-73{background-position:37.6289% 0}.wf-74{background-position:38.1443% 0}.wf-75{background-position:38.6598% 0}.wf-76{background-position:39.1753% 0}.wf-77{background-position:39.6907% 0}.wf-78{background-position:40.2062% 0}.wf-79{background-position:40.7216% 0}.wf-80{background-position:41.2371% 0}.wf-81{background-position:41.7526% 0}.wf-82{background-position:42.2680% 0}.wf-83{background-position:42.7835% 0}.wf-84{background-position:43.2990% 0}.wf-85{background-position:43.8144% 0}.wf-86{background-position:44.3299% 0}.wf-87{background-position:44.8454% 0}.wf-88{background-position:45.3608% 0}.wf-89{background-position:45.8763% 0}.wf-90{background-position:46.3918% 0}.wf-91{background-position:46.9072% 0}.wf-92{background-position:47.4227% 0}.wf-93{background-position:47.9381% 0}.wf-94{background-position:48.4536% 0}.wf-95{background-position:48.9691% 0}.wf-96{background-position:49.4845% 0}.wf-97{background-position:50.0000% 0}.wf-98{background-position:50.5155% 0}.wf-99{background-position:51.0309% 0}.wf-100{background-position:51.5464% 0}.wf-101{background-position:52.0619% 0}.wf-102{background-position:52.5773% 0}.wf-103{background-position:53.0928% 0}.wf-104{background-position:53.6082% 0}.wf-105{background-position:54.1237% 0}.wf-106{background-position:54.6392% 0}.wf-107{background-position:55.1546% 0}.wf-108{background-position:55.6701% 0}.wf-109{background-position:56.1856% 0}.wf-110{background-position:56.7010% 0}.wf-111{background-position:57.2165% 0}.wf-112{background-position:57.7320% 0}.wf-113{background-position:58.2474% 0}.wf-114{background-position:58.7629% 0}.wf-115{background-position:59.2784% 0}.wf-116{background-position:59.7938% 0}.wf-117{background-position:60.3093% 0}.wf-118{background-position:60.8247% 0}.wf-119{background-position:61.3402% 0}.wf-120{background-position:61.8557% 0}.wf-121{background-position:62.3711% 0}.wf-122{background-position:62.8866% 0}.wf-123{background-position:63.4021% 0}.wf-124{background-position:63.9175% 0}.wf-125{background-position:64.4330% 0}.wf-126{background-position:64.9485% 0}.wf-127{background-position:65.4639% 0}.wf-128{background-position:65.9794% 0}.wf-129{background-position:66.4948% 0}.wf-130{background-position:67.0103% 0}.wf-131{background-position:67.5258% 0}.wf-132{background-position:68.0412% 0}.wf-133{background-position:68.5567% 0}.wf-134{background-position:69.0722% 0}.wf-135{background-position:69.5876% 0}.wf-136{background-position:70.1031% 0}.wf-137{background-position:70.6186% 0}.wf-138{background-position:71.1340% 0}.wf-139{background-position:71.6495% 0}.wf-140{background-position:72.1649% 0}.wf-141{background-position:72.6804% 0}.wf-142{background-position:73.1959% 0}.wf-143{background-position:73.7113% 0}.wf-144{background-position:74.2268% 0}.wf-145{background-position:74.7423% 0}.wf-146{background-position:75.2577% 0}.wf-147{background-position:75.7732% 0}.wf-148{background-position:76.2887% 0}.wf-149{background-position:76.8041% 0}.wf-150{background-position:77.3196% 0}.wf-151{background-position:77.8351% 0}.wf-152{background-position:78.3505% 0}.wf-153{background-position:78.8660% 0}.wf-154{background-position:79.3814% 0}.wf-155{background-position:79.8969% 0}.wf-156{background-position:80.4124% 0}.wf-157{background-position:80.9278% 0}.wf-158{background-position:81.4433% 0}.wf-159{background-position:81.9588% 0}.wf-160{background-position:82.4742% 0}.wf-161{background-position:82.9897% 0}.wf-162{background-position:83.5052% 0}.wf-163{background-position:84.0206% 0}.wf-164{background-position:84.5361% 0}.wf-165{background-position:85.0515% 0}.wf-166{background-position:85.5670% 0}.wf-167{background-position:86.0825% 0}.wf-168{background-position:86.5979% 0}.wf-169{background-position:87.1134% 0}.wf-170{background-position:87.6289% 0}.wf-171{background-position:88.1443% 0}.wf-172{background-position:88.6598% 0}.wf-173{background-position:89.1753% 0}.wf-174{background-position:89.6907% 0}.wf-175{background-position:90.2062% 0}.wf-176{background-position:90.7216% 0}.wf-177{background-position:91.2371% 0}.wf-178{background-position:91.7526% 0}.wf-179{background-position:92.2680% 0}.wf-180{background-position:92.7835% 0}.wf-181{background-position:93.2990% 0}.wf-182{background-position:93.8144% 0}.wf-183{background-position:94.3299% 0}.wf-184{background-position:94.8454% 0}.wf-185{background-position:95.3608% 0}.wf-186{background-position:95.8763% 0}.wf-187{background-position:96.3918% 0}.wf-188{background-position:96.9072% 0}.wf-189{background-position:97.4227% 0}.wf-190{background-position:97.9381% 0}.wf-191{background-position:98.4536% 0}.wf-192{background-position:98.9691% 0}.wf-193{background-position:99.4845% 0}.wf-194{background-position:100.0000% 0}

/* ---------- QA pass 1 */
html,body{overflow-x:clip}
.about__copy .section-no{display:table}
.feature .mount__lip{padding-right:96px}
.dossier::after{right:24px;bottom:24px;width:260px;height:260px}
.nav__sub{display:none}
@media (max-width:600px){
  .seal{width:72px;height:72px;right:-4px;bottom:-10px}
  .feature .mount__lip{padding-right:64px}
  .hero__facts dt{font-size:10px;letter-spacing:.14em}
  .exhibit{left:0}
}
@media (max-width:860px){
  .nav__links .nav__sub{display:block;color:var(--paper);background:var(--stamp);margin-top:8px;text-align:center;border:0}
}
@media (max-width:440px){
  .nav .btn--sub{display:none}
  .nav__toggle{margin-left:auto}
}
@media (max-width:860px){.nav__links{background:#0e1712}}