/* =============================================================
   NEWS (#/news) — press bay  ·  4× craft
   Dark press ground, living web, broadsheet off the rollers. One black ink
   only (no red plate). Landing is the Press GL. Mag peel + Blueprint attention
   guides seat type inside the material. Once fed, the broadsheet lives
   (Daily Prophet × luxury). Emotion silk scroll; house curve; never overshoot.
   ============================================================= */

#p-news{--nw-reg:1}
html.ent-news,
html:has(body.w-news){background:#0a0908}
#p-news.nww{
  background:#0a0908;color:#e8e4d8;
  --nw-ink:#151513;--ink:#e8e4d8;--ink-2:rgba(232,228,216,.72);--ink-3:rgba(232,228,216,.48);
  --rule:rgba(232,228,216,.22);--guide:rgba(232,228,216,.35);--safe:#b3140e;
}
/* chrome: press black — switch off Magazines cream / Photo books cloth */
body.w-news #hdr{
  --ink:#e8e4d8;--ink-2:rgba(232,228,216,.7);--ink-3:rgba(232,228,216,.45);
  background:linear-gradient(rgba(10,9,8,.92) 40%,rgba(10,9,8,0));
}
body.w-news .hmark{color:#e8e4d8;text-shadow:none}
body.w-news .horb{background:#e8e4d8}
body.w-news,body.w-news #app,body.w-news #views{background:#0a0908}
.nw-paperrack,.nw-stand{display:none !important}

/* ---- scroll story: long Emotion runway (blueprint scrub length × Mag peel) ---- */
.nw-story{
  position:relative;z-index:0;height:360vh;min-height:2400px;
  margin:0 calc(var(--gut,18px)*-1);
}
.nw-story.is-still{height:auto;min-height:0}
.nw-story-pin{
  position:sticky;top:0;height:100vh;min-height:480px;
  overflow:hidden;background:#050403;
}
/* Mag-density tooth over the press — quiet; never wash out metal/specular */
.nw-bay::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background-image:var(--fibre);background-size:340px 340px;background-repeat:repeat;
  mix-blend-mode:soft-light;opacity:.28;
}
.nw-bay.nw-bay-gl::after{opacity:.14;mix-blend-mode:overlay;background-size:300px 300px}
.nw-story.is-still .nw-story-pin{position:relative;height:min(70vh,620px)}
.nw-bay{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;
  overflow:hidden;background:#0e0c0a;
  transform:scale(calc(1 + var(--nw-dolly,0)*0.072));
  transform-origin:46% 40%;
  will-change:transform;
  transition:none;
}
.nw-bay-cv{display:block;width:100%;height:100%;vertical-align:top}
.nw-bay-veil{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    linear-gradient(180deg,rgba(5,4,3,.18) 0%,rgba(5,4,3,0) 26%),
    linear-gradient(0deg,rgba(5,4,3,.38) 0%,rgba(5,4,3,.08) 30%,rgba(5,4,3,0) 58%),
    radial-gradient(88% 68% at calc(68% - var(--nw-focus,0)*6%) calc(22% + var(--nw-focus,0)*8%),rgba(255,220,170,calc(var(--nw-dolly,0)*.10 + var(--nw-focus,0)*.06)),transparent 58%);
  opacity:calc(0.20 + var(--nw-press-ink,0)*0.14);transition:opacity 1.55s var(--ease);
}
.nw-story-pin.is-deep .nw-bay-veil{opacity:calc(0.12 + var(--nw-press-speed,0)*0.10)}
.nw-story-pin.is-mid .nw-bay-veil{opacity:calc(0.08 + var(--nw-press-speed,0)*0.08)}
.nw-story-pin.is-done .nw-bay-veil{opacity:.48}

/* stream rises out of the press as the story ends */
.nw-stream{
  position:relative;z-index:1;max-width:1180px;margin:-72px auto 0;padding:0 var(--gut) 0;
  transform:translateY(calc((1 - var(--nw-rise,0)) * 72px));
  opacity:var(--nw-rise,0);
}
.nw-story.is-still ~ .nw-stream{transform:none;opacity:1}

/* ---- the run: one screen of press laid over the issue, on its own clock.
   It takes no room in the scroll, so the issue is already in place beneath it. ---- */
.nw-story.is-run{
  position:relative;top:auto;z-index:1;
  height:min(70vh, 760px);min-height:460px;margin:0;
  pointer-events:none;
}
.nw-story.is-run .nw-story-pin{position:relative;height:100%;min-height:0;will-change:opacity}
.nw-story.is-run .nw-bay{transform:none;transform-origin:50% 56%;will-change:transform,filter}
.nw-story.is-run .nw-bay-veil{
  opacity:1;transition:none;
  background:radial-gradient(120% 90% at 50% 52%,rgba(5,4,3,0) 46%,rgba(5,4,3,.62) 100%);
}
.nw-story.is-gone{display:none}
.nw-story.is-run ~ .nw-stream{
  margin-top:0;padding-top:clamp(28px,4vh,48px);
  opacity:1;transform:none;
}
.nw-story.is-run ~ .nw-stream .nw-feed{
  opacity:1;transform:none;clip-path:none;
}
.nww.nw-held{overflow:hidden !important;overscroll-behavior:none}

.nw-slug{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;
  padding:0 0 18px;border-bottom:1px solid rgba(232,228,216,.22);margin-bottom:clamp(20px,3vh,32px);
  color:rgba(232,228,216,.62);font-size:9px;
}
.nw-extra{color:#e8e4d8}
.nw-ex .nw-ink-k{color:#e8e4d8;opacity:1}

.nw-outfeed{display:flex;flex-direction:column;gap:clamp(28px,5vh,56px)}

/* feed: paper leaves the web — Mag peel seat, type does not travel */
.nw-feed{
  opacity:0;transform:translateY(-36px) scale(.988);
  transition:opacity 1.35s var(--ease), transform 1.45s var(--ease);
  transform-origin:50% 0;
  clip-path:inset(0 0 calc((1 - var(--feed-in,0))*8%) 0);
}
.nw-feed.is-fed{opacity:1;transform:translateY(0) scale(1);--feed-in:1;clip-path:inset(0 0 0 0)}
.nw-feed[style*="--feed: 1"],.nw-feed[style*="--feed:1"]{transition-delay:80ms}

/* ---- ink on stock — one black ink; soft underprint for paper depth ---- */
.nw-one-ink{--nw-reg:0}
.nw-plate{position:relative;display:inline-block}
.nw-ink-u,.nw-ink-g{display:none}
.nw-ink-m{display:none !important}
.nw-paper .nw-ink-u{
  display:block;position:absolute;left:0;top:0;z-index:0;pointer-events:none;
  color:#6e7a88;opacity:.26;filter:blur(8.5px);
  transform:translate(calc(var(--sx,.57)*-6px),calc(var(--sy,.82)*9.5px)) scale(1.05);
  transform-origin:50% 50%;mix-blend-mode:multiply;
}
.nw-paper .nw-ink-g{
  display:block;position:absolute;left:0;top:0;z-index:0;pointer-events:none;
  color:#4a5563;opacity:.48;filter:blur(3.2px);
  transform:translate(calc(var(--sx,.57)*-3.2px),calc(var(--sy,.82)*4.8px));
  mix-blend-mode:multiply;-webkit-font-smoothing:antialiased;
}
.nw-paper .nw-ink-k,.nw-sheet .nw-ink-k{
  position:relative;z-index:1;color:#2a2722;
  -webkit-font-smoothing:antialiased;
  mix-blend-mode:multiply;
  text-shadow:
    0 0 .55px rgba(42,39,34,.55),
    0 .4px .7px rgba(42,39,34,.28),
    calc(var(--lx,-.57)*-.45px) calc(var(--ly,-.82)*-.45px) 0 rgba(255,252,245,.62),
    calc(var(--sx,.57)*.55px) calc(var(--sy,.82)*.75px) 0 rgba(28,22,14,.3);
}
.nw-ink-k{position:relative;z-index:1;color:inherit;-webkit-font-smoothing:antialiased}
.nw-np .nw-ink-u{opacity:.42;filter:blur(14px);transform:translate(calc(var(--sx,.57)*-9px),calc(var(--sy,.82)*16px)) scale(1.08)}
.nw-np .nw-ink-g{opacity:.62;filter:blur(4.6px);transform:translate(calc(var(--sx,.57)*-4.5px),calc(var(--sy,.82)*6.5px));color:#3d4654}
.nw-np .nw-ink-k{opacity:var(--nw-ink-dens,1);color:#1a1814;text-shadow:
  0 0 .85px rgba(26,24,20,.65),
  0 .55px 1px rgba(26,24,20,.36),
  calc(var(--lx,-.57)*-.65px) calc(var(--ly,-.82)*-.65px) 0 rgba(255,252,245,.7),
  calc(var(--sx,.57)*.95px) calc(var(--sy,.82)*1.2px) 0 rgba(28,22,14,.38)}
.nw-k .nw-ink-k,.nw-bk .nw-ink-k,.nw-k .nw-ink-g,.nw-bk .nw-ink-g,.nw-k .nw-ink-u,.nw-bk .nw-ink-u{display:none}
.nw-k .nw-ink-k,.nw-bk .nw-ink-k{display:inline;position:static;mix-blend-mode:normal;color:#151513;text-shadow:none;opacity:1}

/* ---- Daily Prophet × luxury — living broadsheet once fed ---- */
.nw-living .nw-nameplate,
.nw-living .nw-h,
.nw-living .nw-dek,
.nw-living .nw-col,
.nw-living .nw-fig b,
.nw-living .nw-lead-img,
.nw-living .nw-brief,
.nw-living .nw-kicker{
  animation-timing-function:cubic-bezier(.22,.68,.26,1);
  animation-fill-mode:both;
}
.nw-living .nw-nameplate{
  animation:nw-mast-breath 7.2s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-h{
  animation:nw-head-settle 5.5s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-dek{
  animation:nw-dek-drift 8s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-col{
  animation:nw-col-ink 9.5s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-col:nth-child(2){animation-delay:.4s}
.nw-living .nw-col:nth-child(3){animation-delay:.85s}
.nw-living .nw-col:nth-child(4){animation-delay:1.2s}
.nw-living .nw-col:nth-child(5){animation-delay:1.55s}
.nw-living .nw-col:nth-child(6){animation-delay:1.9s}
.nw-living .nw-fig b{
  animation:nw-fig-tick 6.8s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-fig:nth-child(2) b{animation-delay:.35s}
.nw-living .nw-fig:nth-child(3) b{animation-delay:.7s}
.nw-living .nw-fig:nth-child(4) b{animation-delay:1.05s}
.nw-living .nw-fig:nth-child(5) b{animation-delay:1.4s}
.nw-living .nw-nameplate,
.nw-living .nw-h,
.nw-living .nw-dek{
  translate:calc(var(--mx,0)*5px) calc(var(--my,0)*3px);
}
.nw-living .nw-lead-img{
  animation:nw-photo-live 11s cubic-bezier(.22,.68,.26,1) infinite;
  transform-origin:48% 42%;
  translate:calc(var(--mx,0)*-12px) calc(var(--my,0)*-9px);
}
.nw-living .nw-lead-img::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:
    radial-gradient(60% 50% at 42% 38%,rgba(255,248,230,.18),transparent 62%),
    linear-gradient(115deg,transparent 30%,rgba(255,250,235,.10) 48%,transparent 62%),
    linear-gradient(180deg,transparent 40%,rgba(12,10,8,.12) 100%);
  background-size:100% 100%, 220% 100%, 100% 100%;
  animation:nw-photo-shimmer 7.5s cubic-bezier(.22,.68,.26,1) infinite;
  mix-blend-mode:soft-light;
}
.nw-living .nw-kicker{
  animation:nw-kicker-pulse 4.8s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-brief{
  animation:nw-brief-live 6.2s cubic-bezier(.22,.68,.26,1) infinite;
}
.nw-living .nw-brief:nth-child(2){animation-delay:.55s}
.nw-living .nw-brief:nth-child(3){animation-delay:1.1s}
.nw-living .nw-sample{
  animation:nw-sample-glint 5.4s cubic-bezier(.22,.68,.26,1) infinite;
}
@keyframes nw-mast-breath{
  0%,100%{filter:contrast(1) brightness(1); letter-spacing:-.02em; transform:translateY(0)}
  50%{filter:contrast(1.06) brightness(1.03); letter-spacing:-.016em; transform:translateY(-.4px)}
}
@keyframes nw-head-settle{
  0%,100%{opacity:1; transform:translateY(0)}
  28%{opacity:.96; transform:translateY(.55px)}
  62%{opacity:1; transform:translateY(-.45px)}
}
@keyframes nw-dek-drift{
  0%,100%{opacity:.90; transform:translateX(0)}
  50%{opacity:1; transform:translateX(.55px)}
}
@keyframes nw-col-ink{
  0%,100%{opacity:1; filter:contrast(1) brightness(1)}
  30%{opacity:.94; filter:contrast(1.04) brightness(1.01)}
  58%{opacity:1; filter:contrast(.98) brightness(1)}
  82%{opacity:.97; filter:contrast(1.02) brightness(1.015)}
}
@keyframes nw-fig-tick{
  0%,100%{transform:translateY(0); opacity:1; filter:brightness(1)}
  42%{transform:translateY(-1.2px); opacity:.86; filter:brightness(1.06)}
  58%{transform:translateY(0); opacity:1; filter:brightness(1)}
}
@keyframes nw-photo-live{
  0%,100%{transform:scale(1) translate(0,0)}
  33%{transform:scale(1.016) translate(.35%,-.25%)}
  66%{transform:scale(1.01) translate(-.28%,.35%)}
}
@keyframes nw-photo-shimmer{
  0%{opacity:.28; background-position:0 0, 0% 0, 0 0}
  50%{opacity:.78; background-position:0 0, 100% 0, 0 0}
  100%{opacity:.28; background-position:0 0, 0% 0, 0 0}
}
@keyframes nw-kicker-pulse{
  0%,100%{opacity:.68; letter-spacing:.22em}
  50%{opacity:1; letter-spacing:.255em}
}
@keyframes nw-brief-live{
  0%,100%{opacity:1; transform:translateX(0)}
  40%{opacity:.88; transform:translateX(.6px)}
  70%{opacity:1; transform:translateX(-.25px)}
}
@keyframes nw-sample-glint{
  0%,100%{opacity:.55}
  50%{opacity:.95}
}
@media (prefers-reduced-motion:reduce){
  .nw-living .nw-nameplate,
  .nw-living .nw-h,
  .nw-living .nw-dek,
  .nw-living .nw-col,
  .nw-living .nw-fig b,
  .nw-living .nw-lead-img,
  .nw-living .nw-lead-img::after,
  .nw-living .nw-kicker,
  .nw-living .nw-brief,
  .nw-living .nw-sample{animation:none !important}
}

/* ---- the sheet (newsprint object on dark bay) ---- */
.nw-sheet{position:relative;margin:0;padding:16px 18px 26px;background:#ddd8cc;color:#1a1916;
  box-shadow:
  inset 0 0 0 1px rgba(21,21,19,.22),
  calc(var(--sx,.57)*1.2px) calc(var(--sy,.82)*1.2px) 0 #c4bfb0,
  calc(var(--sx,.57)*2.4px) calc(var(--sy,.82)*2.4px) 0 #d8d3c5,
  calc(var(--sx,.57)*3.6px) calc(var(--sy,.82)*3.6px) 0 #bbb5a5,
  calc(var(--sx,.57)*5px) calc(var(--sy,.82)*6px + 2px) 22px rgba(0,0,0,.55),
  calc(var(--sx,.57)*18px) calc(var(--sy,.82)*20px + 6px) 48px rgba(0,0,0,.35)}
.nw-paper{position:relative;isolation:isolate;background:#e8e4d6 var(--fibre);background-size:auto, 320px 320px;padding:clamp(10px,1.4vw,18px) clamp(10px,1.6vw,20px) clamp(18px,2.2vw,28px);min-height:68vh;overflow:hidden;
  box-shadow:
    inset calc(var(--lx,-.57)*-1.35px) calc(var(--ly,-.82)*-1.35px) 0 rgba(255,253,246,.78),
    inset calc(var(--lx,-.57)*1.2px) calc(var(--ly,-.82)*1.2px) 0 rgba(70,58,40,.22),
    inset 0 0 64px rgba(100,110,125,.11)}
.nw-paper::before{
  content:"";position:absolute;inset:0;z-index:6;pointer-events:none;
  background-image:var(--fibre);background-size:300px 300px;background-repeat:repeat;
  mix-blend-mode:soft-light;opacity:1;
}
.nw-paper::after{
  content:"";position:absolute;inset:0;z-index:7;pointer-events:none;
  background:
    linear-gradient(158deg,rgba(200,212,224,.2) 0%,rgba(255,252,248,.08) 28%,transparent 52%,rgba(40,36,28,.06) 100%),
    radial-gradient(110% 70% at calc(42% + var(--lx,-.57)*18%) calc(22% + var(--ly,-.82)*14%),rgba(255,253,248,.26),transparent 58%);
  mix-blend-mode:soft-light;
}
.nw-fold{position:absolute;left:0;right:0;top:50%;height:18px;margin-top:-9px;pointer-events:none;z-index:8;display:block;width:100%;mix-blend-mode:multiply}

.nw-press{position:absolute;left:2px;top:8px;bottom:8px;width:18px;z-index:9;pointer-events:none}
.nw-press-cv{display:block;width:18px;height:100%}

.nw-mast{position:relative;z-index:1;margin-left:14px;margin-bottom:clamp(10px,1.6vh,18px)}
.nw-dateline{display:flex;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(26,25,22,.28);font-size:9px;color:#4a4840;
  text-shadow:0 .25px .3px rgba(30,26,20,.12)}
.nw-nameplate{text-align:center;padding:clamp(8px,1.2vh,14px) 0 4px}
.nw-np{font:400 clamp(48px,9.2vw,112px)/.84 var(--display);letter-spacing:-.025em}
.nw-rule{height:0;border-top:3px double rgba(26,25,22,.88);margin:4px 0 8px;
  filter:drop-shadow(0 .4px .5px rgba(40,34,28,.2))}
.nw-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;font-size:9px;color:#4a4840}
.nw-bc-slot{display:flex;justify-content:center;flex:1}
.nw-bc{display:block;image-rendering:pixelated;opacity:.92;filter:contrast(1.05)}

.nw-figs{position:relative;z-index:1;margin:0 0 clamp(14px,2vh,22px) 14px;border:1px solid #1a1916;background:#1a1916;color:#e8e4d8;
  box-shadow:inset 0 1px 0 rgba(255,252,245,.06),calc(var(--sx,.57)*1px) calc(var(--sy,.82)*1.2px) 0 rgba(28,22,14,.2)}
.nw-figs-h{padding:6px 10px 4px;color:rgba(232,228,216,.7);font-size:9px}
.nw-figs-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(232,228,216,.25)}
.nw-fig{padding:8px 8px 10px;text-align:center;border-right:1px solid rgba(232,228,216,.18)}
.nw-fig:last-child{border-right:0}
.nw-fig b{display:block;font:400 clamp(22px,2.4vw,34px)/1 var(--display);letter-spacing:-.02em;color:#e8e4d8}
.nw-fig .mono{color:rgba(232,228,216,.65);font-size:8px}

.nw-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.2fr);gap:clamp(16px,2vw,28px);margin:0 0 clamp(16px,2.2vh,24px) 14px;align-items:start}
.nw-lead{margin:0}
.nw-lead-img{position:relative;aspect-ratio:3/4.15;background:#c8c3b4;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(21,21,19,.35),inset 0 0 28px rgba(40,36,28,.08)}
.nw-lead-img canvas{animation:nw-ink .65s var(--ease) both;mix-blend-mode:multiply;opacity:.94}
@keyframes nw-ink{from{opacity:0}to{opacity:.94}}
.nw-cap{margin-top:6px;font-size:9px;line-height:1.45;color:#4a4840}
.nw-kicker{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:9px}
.nw-h{font:400 clamp(40px,4.6vw,68px)/.9 var(--display);letter-spacing:-.03em;margin:0 0 .28em;color:#151513}
.nw-dek{font:italic 400 clamp(15px,1.35vw,18px)/1.35 var(--display);margin:0 0 .6em;max-width:34em;color:#2a2824;
  text-shadow:0 0 .4px rgba(42,39,34,.25),0 .3px .45px rgba(30,26,20,.12)}
.nw-cont{margin:0;color:#5c5c56;font-size:9px}

.nw-cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 clamp(16px,2vh,24px) 14px;column-rule:none}
/* body: ink absorbed into newsprint — warm grey-black, soft crush, never screen-sharp */
.nw-col{padding:0 8px;border-left:1px solid rgba(26,25,22,.35);font:400 12.4px/1.32 var(--serif);text-align:justify;hyphens:auto;-webkit-hyphens:auto;
  color:#2a2722;-webkit-font-smoothing:antialiased;mix-blend-mode:multiply;
  text-shadow:0 0 .45px rgba(42,39,34,.4),0 .3px .5px rgba(28,22,14,.2),0 0 .8px rgba(60,70,85,.08)}
.nw-col:first-child{border-left:0;padding-left:0}
.nw-col p + p{margin-top:.65em}
.nw-col:first-child p:first-of-type::first-letter{font:400 3.55em/.78 var(--display);float:left;margin:.04em .08em 0 0;color:#151513;
  mix-blend-mode:multiply;
  text-shadow:
    0 0 .5px rgba(31,29,25,.5),
    calc(var(--lx,-.57)*-.35px) calc(var(--ly,-.82)*-.35px) 0 rgba(255,252,245,.45),
    calc(var(--sx,.57)*.45px) calc(var(--sy,.82)*.55px) 0 rgba(28,22,14,.22)}
.nw-col .nw-sample{display:inline-block;margin-bottom:6px}

.nw-briefs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 8px 14px;border-top:1px solid rgba(26,25,22,.85);border-bottom:1px solid rgba(26,25,22,.85)}
.nw-brief{padding:10px 12px;border-left:1px solid rgba(26,25,22,.22);position:relative}
.nw-brief:first-child{border-left:0}
.nw-brief .nw-plate{font-size:9px;letter-spacing:.22em;text-transform:uppercase;font-family:var(--mono)}
.nw-brief p{font:400 14px/1.35 var(--display);margin:4px 0 0;color:#22201c;
  text-shadow:0 .25px .35px rgba(28,22,14,.14)}

.nw-sample{display:inline-block;color:var(--safe);border:1px solid var(--safe);padding:1px 5px;font-size:8px;letter-spacing:.2em;margin-left:6px;vertical-align:middle}

.nw-deliver{display:inline-flex;flex-direction:column;gap:4px;margin:12px 0 0 14px;text-decoration:none;border-bottom:1px solid rgba(21,21,19,.45);padding-bottom:.2em;width:max-content;color:#151513}
.nw-deliver b{font:400 clamp(20px,2vw,28px)/1 var(--display)}
.nw-deliver:hover{border-bottom-color:#151513}

.nw-stream > .voyage{margin:clamp(28px,5vh,56px) 0;color:#e8e4d8;border-color:rgba(232,228,216,.22)}
.nw-stream > .voyage > .doorway{border-color:rgba(232,228,216,.22);color:inherit}
.nw-stream > .voyage .voyage-here,
.nw-stream > .voyage .voyage-foot,
.nw-stream > .voyage .voyage-path a,
.nw-stream > .voyage .voyage-mark{color:rgba(232,228,216,.55)}
.nw-stream > .voyage .voyage-here b,
.nw-stream > .voyage .voyage-path .is-here .voyage-mark,
.nw-stream > .voyage .voyage-foot a:hover{color:#e8e4d8}

/* ---- the stand: circling rack beside the press runway ---- */
.nw-stand{
  position:relative;z-index:2;
  display:flex;align-items:flex-end;justify-content:flex-start;gap:clamp(28px,5vw,64px);
  min-height:0;padding:calc(var(--nav-h,72px) + 2vh) var(--gut) 0;
  background:transparent;
}
.nw-paperrack{position:relative;width:min(20vw,190px);height:min(42vh,380px);perspective:720px}
.nw-paperrack-pole{position:absolute;left:50%;top:0;bottom:8%;width:4px;margin-left:-2px;background:linear-gradient(90deg,#3a3a38,#111,#4a4a46)}
.nw-paperrack-drum{
  position:absolute;left:8%;right:8%;top:10%;bottom:14%;
  transform-style:preserve-3d;
  transform:rotateY(calc(var(--spin,0) * 1rad));
}
.nw-rack-card{
  position:absolute;left:50%;top:18%;width:46%;height:52%;margin-left:-23%;
  transform:rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(68px);
  background:linear-gradient(180deg,#f7f2e8,#e8e0d0);
  box-shadow:inset 0 0 0 1px rgba(20,14,8,.12),0 8px 14px rgba(20,14,8,.16);
}
.nw-rack-card em{position:absolute;inset:8%;overflow:hidden;display:block;background:#f3eee4}
.nw-paperrack-base{position:absolute;left:12%;right:12%;bottom:0;height:12px;background:#161614;border-radius:50%}

/* ---- shelf: papers on the stand ---- */
.nw-shelf{margin:clamp(48px,8vh,96px) calc(var(--gut)*-1) 0;padding:0 0 clamp(48px,8vh,96px)}
.nw-shelf-k{margin:0 0 12px;padding:0 var(--gut);color:rgba(28,25,20,.45);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.nw-shelf-band{background:#161410;padding:clamp(40px,7vh,72px) var(--gut) clamp(32px,5vh,52px);
  box-shadow:inset 0 24px 40px rgba(8,6,4,.4),inset 0 -16px 28px rgba(8,6,4,.28);
  display:flex;justify-content:center;overflow:hidden}
.nw-rolls{display:flex;gap:clamp(6px,1.1vw,14px);align-items:flex-end;justify-content:center;min-height:180px;width:100%;max-width:1100px}
.nw-roll{display:block;width:clamp(42px,6.4vw,72px);height:calc(clamp(110px,24vh,190px)*var(--h,1));--lift:0;cursor:default;will-change:transform;flex:none}
.nw-roll-live{cursor:pointer;
  filter:drop-shadow(calc(var(--sx,.57)*var(--lift)*7px) calc(var(--sy,.82)*var(--lift)*9px + var(--lift)*2px) calc(3px + var(--lift)*12px) rgba(0,0,0,calc(.3 + var(--lift)*.4)))}
.nw-roll-wait{opacity:.38;pointer-events:none;
  background:linear-gradient(90deg,#2a2824 0%,#4a4640 18%,#1a1816 42%,#3d3a34 58%,#12110f 82%,#2e2c28 100%);
  border-radius:1px 40% 40% 1px / 2px 50% 50% 2px;
  box-shadow:inset -3px 0 6px rgba(0,0,0,.55),inset 2px 0 3px rgba(255,255,255,.06),0 6px 10px rgba(0,0,0,.5)}
.nw-roll-live:focus-visible{outline:1px solid #e8e4d8;outline-offset:8px}
.nw-roll canvas{display:block;width:100%;height:100%}
.nw-shelf-line{text-align:center;padding:18px var(--gut) 0;color:rgba(232,228,216,.4);background:transparent}

/* Hero seats, then the shelf and the work set down. Type stays put. */
.nw-stage .nw-outfeed{opacity:0;transition:opacity .55s cubic-bezier(.22,.68,.26,1)}
.nw-hero-in .nw-outfeed{opacity:1}
.nw-stage .nw-shelf,
.nw-stage .nw-work{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.22,.68,.26,1),transform .5s cubic-bezier(.22,.68,.26,1)}
.nw-shelf-in .nw-shelf,
.nw-shelf-in .nw-work{opacity:1;transform:none}
.nw-work{margin:clamp(28px,5vh,56px) 0 0;padding:0 0 clamp(28px,5vh,48px)}
.nw-work-k{margin:0 0 14px;color:rgba(28,25,20,.45);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.nw-work-row{display:flex;gap:clamp(8px,1.2vw,14px);align-items:flex-end;overflow-x:auto;padding-bottom:8px}
.nw-work-card{
  flex:0 0 auto;width:clamp(52px,5.4vw,78px);aspect-ratio:3/4;display:block;position:relative;
  background:#f3eee4;overflow:hidden;
  opacity:0;transform:translateY(14px);
  transition:opacity .42s cubic-bezier(.22,.68,.26,1) calc(var(--i,0) * 40ms),transform .42s cubic-bezier(.22,.68,.26,1) calc(var(--i,0) * 40ms),translate .42s cubic-bezier(.22,.68,.26,1);
  box-shadow:inset 0 0 0 1px rgba(20,14,8,.14),0 10px 18px rgba(20,14,8,.16);
}
.nw-shelf-in .nw-work-card{opacity:1;transform:none}
.nw-work-card img{width:100%;height:100%;object-fit:cover;display:block}
.nw-work-card:hover,.nw-work-card:focus-visible{translate:0 -8px;outline:none}
@media (prefers-reduced-motion:reduce){
  .nw-stage .nw-outfeed,.nw-stage .nw-shelf,.nw-stage .nw-work,.nw-work-card{opacity:1 !important;transform:none !important;transition:none !important}
  .nw-work-card:hover{translate:none}
}


/* ---- HD press / ink engines (labs wired live) ---- */
.nw-bay.nw-bay-gl{background:#050403}
.nw-bay.nw-bay-gl .nw-bay-cv{display:none}
.nw-bay.nw-bay-gl > canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;
}
/* Pour needs room below glyphs for drips */
.nw-pour-host{
  display:block;position:relative;overflow:visible;
  font:400 clamp(48px,9.2vw,112px)/1.08 var(--display);letter-spacing:-.025em;
  color:transparent; /* real ink is the WebGL overlay */
  padding-bottom:clamp(12px,2vh,28px);margin-bottom:clamp(4px,1vh,10px);
}
.nw-h.nw-pour-host{
  font:400 clamp(28px,3.6vw,48px)/.95 var(--display);letter-spacing:-.02em;
  padding-bottom:clamp(18px,3vh,36px);
}
.nw-nameplate.nw-pour-host,.nw-nameplate .nw-pour-host{text-align:center}
/* Bundle shelf host */
.nw-bundle-host{width:100%;max-width:1100px;margin:0 auto;padding:clamp(28px,5vh,48px) 0;min-height:220px}
.nw-bundle-host .bnd{width:100%}
/* Mailbox / the list — quiet press furniture on dark ground */
.nw-mailbox{
  margin:clamp(40px,7vh,80px) 0 clamp(24px,4vh,48px);
  padding:clamp(20px,3vh,32px) 0 0;
  border-top:1px solid rgba(232,228,216,.16);
  max-width:420px;
}
.nw-mb-k{margin:0 0 8px;color:rgba(232,228,216,.45);font-size:9px;letter-spacing:.22em;text-transform:uppercase}
.nw-mb-lede{
  margin:0 0 16px;font:italic 400 clamp(16px,1.6vw,20px)/1.35 var(--display);
  color:rgba(232,228,216,.72);
}
.nw-deliver{margin:12px 0 0 14px;max-width:360px}
.nw-deliver > .mono{display:block;margin-bottom:8px;color:#4a4840;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.mb-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.mb-lab{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:rgba(232,228,216,.5)}
.nw-deliver .mb-lab,.nw-paper .mb-lab{color:#4a4840}
.mb-row{display:flex;gap:0;align-items:stretch;border-bottom:1px solid rgba(232,228,216,.35)}
.nw-paper .mb-row{border-bottom-color:rgba(21,21,19,.35)}
.mb-in{
  flex:1;min-width:0;border:0;background:transparent;outline:none;
  font:400 15px/1.4 var(--serif);color:inherit;padding:8px 0;
}
.nw-mailbox .mb-in{color:#e8e4d8}
.nw-paper .mb-in{color:#151513}
.mb-in::placeholder{color:rgba(232,228,216,.28)}
.nw-paper .mb-in::placeholder{color:rgba(21,21,19,.32)}
.mb-go{
  border:0;background:transparent;cursor:pointer;padding:8px 0 8px 14px;
  font:400 11px/1 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;
  color:var(--safe);transition:opacity .5s var(--ease);
}
.mb-go:hover{opacity:.72}
.mb-hint{margin:6px 0 0;font-size:9px;letter-spacing:.14em;color:rgba(232,228,216,.35)}
.nw-paper .mb-hint{color:#5c5c56}
.mb-cv{background:transparent}
.mb-thanks{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:97;
  text-align:center;pointer-events:none;transition:opacity .8s var(--ease);
}
.mb-thanks.is-quiet{opacity:0}
.mb-thanks .mono{font-size:9px;letter-spacing:.28em;color:rgba(232,228,216,.55);margin:0 0 12px}
.mb-line{font:400 clamp(28px,4vw,44px)/1.05 var(--display);color:#e8e4d8;margin:0}
.mb-sub{margin:14px 0 0;font-size:9px;letter-spacing:.16em;color:rgba(232,228,216,.4)}
/* Living plate fills the lead frame */
.nw-lead-img > canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

@media (max-aspect-ratio:1/1),(max-width:820px){
  .nw-story{height:520vh;min-height:3200px;margin:0}
  .nw-story.is-still{height:auto;min-height:0}
  .nw-guide{left:18px;right:18px;bottom:clamp(52px,15vh,108px)}
  .nw-guide-t{font-size:clamp(38px,11.5vw,68px)}
  .nw-guide-line + .nw-guide-break + .nw-guide-line{padding-left:12px}
  .nw-stream{margin-top:-40px}
  .nw-hero{grid-template-columns:1fr}
  .nw-cols{grid-template-columns:1fr}
  .nw-col{border-left:0;padding:0 0 1em;border-bottom:1px solid var(--rule)}
  .nw-col:last-child{border-bottom:0}
  .nw-figs-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .nw-fig:nth-child(3){border-right:0}
  .nw-fig:nth-child(n+4){border-top:1px solid rgba(232,228,216,.18)}
  .nw-briefs{grid-template-columns:1fr}
  .nw-brief{border-left:0;border-top:1px solid var(--rule)}
  .nw-brief:first-child{border-top:0}
  .nw-press{display:none}
  .nw-sheet{padding:12px}
  .nw-fold{display:none}
}
@media (prefers-reduced-motion:reduce){
  .nw-story{height:auto;min-height:0}
  .nw-story-pin{position:relative;height:min(58vh,480px)}
  .nw-bay{transform:none}
  .nw-peel{display:none}
  .nw-guide{opacity:0;transition:none;clip-path:none}
  .nw-guide.is-on{opacity:1;--bk:1;--bt:1;--bd:1}
  .nw-guide-k-in,.nw-guide-line,.nw-guide-d-in{opacity:1 !important;clip-path:none !important;transition:none}
  .nw-story-hint,.nw-story-hint-arrow{animation:none !important;opacity:.4}
  .nw-stream{transform:none;opacity:1}
  .nw-feed{opacity:1;transform:none;transition:none;clip-path:none}
  .nw-lead-img canvas{animation:none !important}
  .nw-ink-m{transition:none}
  .nw-roll{filter:none}
  .nw-paper .nw-ink-g,.nw-np .nw-ink-g,.nw-hh .nw-ink-g{filter:none;opacity:.18}
  .nw-paper .nw-ink-u,.nw-np .nw-ink-u,.nw-hh .nw-ink-u{filter:none;opacity:.08;transform:translate(calc(var(--sx,.57)*-2px),calc(var(--sy,.82)*3px))}
}

/* The list is the letter box. The sheet is below it. */
.nw-buzon{
  position:relative; z-index:3;
  height:100vh; height:100svh; min-height:640px;
  margin:0 calc(var(--gut, 18px) * -1);
  color:#141210;
  display:flex; align-items:center; justify-content:center;
  background-color:#ddd4c2;
  background-image:
    radial-gradient(ellipse 42% 34% at 46% 34%, rgba(255,250,240,.72) 0%, rgba(255,248,236,0) 68%),
    radial-gradient(ellipse 120% 90% at 50% 55%, rgba(48,36,22,0) 46%, rgba(48,36,22,.16) 100%),
    var(--fibre);
  background-size:auto, auto, 320px 320px;
  background-repeat:no-repeat, no-repeat, repeat;
}
.mb-stage{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.mb-well{ position:relative; }
.mb-board{
  position:absolute;
  left:-7%; right:-5%; top:-3%; bottom:2%;
  background:
    linear-gradient(168deg, rgba(255,250,240,.35), rgba(90,70,40,.05) 70%),
    #e7dcc6;
  box-shadow:
    0 1px 0 rgba(255,252,244,.7) inset,
    0 0 0 1px rgba(28,22,14,.16),
    0 16px 22px rgba(40,28,16,.10);
  transform:rotate(-0.6deg);
  pointer-events:none;
}
.mb-plate{
  position:absolute; left:0; top:0; z-index:3;
  padding:0; border:0; background:transparent; cursor:pointer;
  display:block;
}
.mb-plate img{
  position:absolute; inset:0; width:100%; height:100%; display:block;
  pointer-events:none; user-select:none;
  filter:drop-shadow(0 1px 0 rgba(20,16,12,.35)) drop-shadow(0 14px 10px rgba(40,28,16,.16));
}
.mb-flap{
  position:absolute; inset:0; opacity:0; pointer-events:none;
  clip-path:inset(32.6% 10.3% 20% 12.2%);
  -webkit-clip-path:inset(32.6% 10.3% 20% 12.2%);
  transform-origin:50% 32.6%;
  transform-style:preserve-3d;
}
.mb-flap-lid{
  position:absolute; inset:0;
  transform-origin:50% 32.6%;
  transform-style:preserve-3d;
}
.mb-flap-edge{
  position:absolute; left:12.2%; right:10.3%; top:79.2%;
  height:calc(var(--pw) * .014);
  transform-origin:50% 0;
  transform:rotateX(-90deg);
  background:linear-gradient(180deg, rgba(210,200,185,.55), rgba(20,16,12,.98));
}
.mb-card{
  position:absolute; z-index:1; margin:0; opacity:0;
  pointer-events:none; color:#1a1814;
  transform-origin:50% 0;
}
.mb-card.is-live{ pointer-events:auto; }
.mb-card-stock{
  position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(28,22,14,.22),
    0 1px 0 rgba(255,252,244,.4) inset,
    0 12px 14px rgba(40,28,16,.12);
}
.mb-card-line,
.mb-card-key,
.mb-card-ink,
.mb-card-send{
  filter:
    drop-shadow(0 1px 0 rgba(255,248,236,.96))
    drop-shadow(0 -0.85px 0 rgba(110,36,32,.5))
    drop-shadow(0.35px 0.4px 0 rgba(92,58,28,.38));
}
.mb-card-line{
  position:absolute; left:8%; right:10%; top:4%;
  margin:0; max-width:14em;
  font-family:"Instrument Serif", Georgia, serif;
  font-style:italic; font-weight:400;
  font-size:calc(var(--cw) * .046); line-height:1.08; letter-spacing:-.02em;
  pointer-events:none;
}
.mb-card-field{
  position:absolute; left:8%; right:8%; top:14%; height:14%;
  cursor:text;
}
.mb-card-key{
  position:absolute; left:0; top:0;
  font-family:"Instrument Serif", Georgia, serif;
  font-style:italic; font-size:calc(var(--cw) * .034);
  color:rgba(26,24,20,.42); pointer-events:none;
  transition:opacity .45s cubic-bezier(.22,.68,.26,1);
}
.mb-card-field:not(.is-empty) .mb-card-key{ opacity:0; }
.mb-card-ink, .mb-card-in{
  position:absolute; left:0; right:0; bottom:0;
  font-family:"Instrument Serif", Georgia, serif;
  font-style:italic; font-weight:400;
  font-size:calc(var(--cw) * .064); line-height:1.1;
  border:0;
  background:transparent; padding:0 0 .08em; margin:0;
  color:#1a1814; outline:none; width:100%;
}
.mb-card-ink{ pointer-events:none; overflow:hidden; white-space:nowrap; color:#1a1814; border-bottom-color:transparent; }
.mb-card-in{ color:transparent; -webkit-text-fill-color:transparent; caret-color:#1a1814; }
.mb-card-field.is-empty .mb-card-in{ caret-color:transparent; }
.mb-card-mark{
  position:absolute; left:8%; bottom:8%; margin:0;
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:max(8px, calc(var(--cw) * .016)); letter-spacing:.34em;
  color:rgba(26,24,20,.4); pointer-events:none;
}
.mb-card-send{
  position:absolute; right:8%; bottom:7%;
  margin:0; padding:0; border:0; background:transparent; cursor:pointer;
  font-family:"Instrument Serif", Georgia, serif;
  font-style:italic; font-size:calc(var(--cw) * .04);
  color:#1a1814; opacity:.62;
}
.mb-card-send:hover{ opacity:1; }
.mb-card-note{
  position:absolute; left:8%; right:28%; bottom:16%;
  margin:0; opacity:0;
  font-family:"IBM Plex Mono", ui-monospace, monospace;
  font-size:max(8px, calc(var(--cw) * .015)); letter-spacing:.16em;
  color:rgba(26,24,20,.5);
}
.mb-card-note.is-on{ opacity:1; }
.mb-stage-hint{
  position:absolute; left:0; right:0; bottom:4vh;
  margin:0; text-align:center;
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(20,16,12,.42);
}
.mb-stage-thanks{
  position:absolute; left:8%; right:8%; top:18%;
  margin:0; text-align:center; opacity:0;
  font-family:"Instrument Serif", Georgia, serif;
  font-style:italic; font-weight:400;
  font-size:clamp(28px, 4vw, 52px); line-height:1.05;
  color:#141210; pointer-events:none;
  transition:opacity .8s cubic-bezier(.22,.68,.26,1);
}
.mb-stage.is-kept .mb-stage-thanks{ opacity:1; }
.mb-stage.is-kept .mb-stage-hint{ opacity:.7; }