/* DECKWAKE detail page.
   Colours come from the in-engine footage: cold blue-grey steel, white strip
   lights, near-black shadow, one emergency red accent and the teal of the
   station monitors. The hero is a frame from the footage. Motion uses
   transitions.dev recipes (texts reveal, number pop-in, card hover tilt,
   matrix dot loader, shimmer text) with reduced-motion guards. */
@font-face{font-family:'Saira Stencil One';src:url('/assets/fonts/SairaStencilOne-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Share Tech Mono';src:url('/assets/fonts/ShareTechMono-latin.woff2') format('woff2');font-display:swap}
:root{
  --bg:#07090b;--hull:#141a1e;--hull-2:#0a0d10;--line:rgba(200,214,224,.13);--line-hi:rgba(200,214,224,.28);
  --ivory:#e2e8ec;--ivory-dim:#8e9ba5;--ink:#bcc6cd;--label:#93aebf;--accent:#d9342a;--red:#e3352b;--teal:#6fe0bf;--green:#7fe08a;
  --gutter:clamp(16px,5vw,72px);
  --mono:'Share Tech Mono','Pretendard KR','Apple SD Gothic Neo','Malgun Gothic','Hiragino Sans','Yu Gothic',monospace;
  --stencil:'Saira Stencil One',Impact,'Arial Narrow','Pretendard KR',sans-serif;
  --body:'Share Tech Mono','Pretendard KR','Apple SD Gothic Neo','Malgun Gothic','Hiragino Sans','Yu Gothic',sans-serif;
  /* transitions.dev tokens */
  --stagger-dur:500ms;--stagger-distance:12px;--stagger-stagger:45ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(0.22,1,0.36,1);
  --digit-dur:500ms;--digit-distance:8px;--digit-stagger:70ms;--digit-blur:2px;--digit-ease:cubic-bezier(0.34,1.45,0.64,1);
  --tilt-perspective:1000px;--tilt-return:1000ms;--tilt-return-ease:cubic-bezier(0.22,1,0.36,1);--tilt-follow:400ms;--tilt-follow-ease:cubic-bezier(0.22,1,0.36,1);
  --tilt-glare-opacity:.22;--tilt-glare-fade:300ms;--tilt-glare-ease:cubic-bezier(0.22,1,0.36,1);
  --matrix-cycle:1200ms;--matrix-base:rgba(111,224,191,.16);--matrix-active:#6fe0bf;--matrix-ease:ease-in-out;
  --shimmer-dur:2600ms;--shimmer-base:#3f8f78;--shimmer-highlight:#d6fff3;--shimmer-band:400%;--shimmer-ease:linear;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--accent);color:#fff}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(90deg,transparent 0 calc(50% - 1px),rgba(0,0,0,.35) calc(50% - 1px) 50%,transparent 50%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),
  radial-gradient(80% 60% at 50% 0%,rgba(52,66,78,.35),transparent 70%)}

/* Nav */
.dk-nav{position:sticky;top:0;z-index:20;height:60px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(7,9,11,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.dk-home{text-decoration:none;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:2.4px;color:var(--ivory);white-space:nowrap}
.dk-home span{color:var(--accent)}
.dk-lang{display:flex;gap:4px}
.dk-lang button{appearance:none;border:1px solid transparent;background:none;color:var(--ivory-dim);font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1px;padding:7px 9px;cursor:pointer}
.dk-lang button:hover{color:var(--ivory)}
.dk-lang button.active{border-color:var(--accent);color:var(--accent)}

/* Hero: a frame from the footage, darkened toward the title. */
.dk-hero{position:relative;padding:clamp(18px,3vw,36px) var(--gutter) 0}
.dk-plate{position:relative;overflow:hidden;isolation:isolate;min-height:clamp(480px,76vh,780px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;gap:clamp(18px,3vw,34px);padding:clamp(20px,4vw,56px);border:1px solid var(--line);background:#050709 url('/assets/media/deckwake/deckwake-corridor-1920.jpg?v=2') center 42%/cover no-repeat;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.dk-plate:before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(0deg,rgba(5,7,9,.94) 0%,rgba(5,7,9,.55) 34%,rgba(5,7,9,0) 62%),
  linear-gradient(90deg,rgba(5,7,9,.72) 0%,rgba(5,7,9,.2) 48%,rgba(5,7,9,.1) 100%),
  linear-gradient(180deg,rgba(5,7,9,.55) 0%,rgba(5,7,9,0) 22%)}
/* emergency light pulsing in from the top corner: the station is losing power */
.dk-plate:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 55% at 96% 0%,rgba(227,53,43,.30),transparent 70%);mix-blend-mode:screen;animation:dkEmergency 3.2s ease-in-out infinite}
@keyframes dkEmergency{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:960px){.dk-plate{background-image:url('/assets/media/deckwake/deckwake-corridor-960.jpg?v=2')}}

.dk-top{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dk-index{display:inline-block;padding:5px 8px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.6px}
.dk-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--stencil);font-size:var(--fs-m);letter-spacing:.14em;color:var(--ivory-dim);white-space:nowrap}
.dk-beacon{display:block;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px rgba(0,0,0,.6),0 0 12px 2px rgba(227,53,43,.75);animation:dkBeacon 1.6s steps(1,end) infinite}
@keyframes dkBeacon{0%,60%{opacity:1}61%,100%{opacity:.25}}

.dk-crt{grid-column:2;grid-row:2;align-self:start;justify-self:end;width:clamp(240px,26vw,320px);padding:7px;background:linear-gradient(180deg,#2b343b,#14191d);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.55)}
.dk-screen{position:relative;overflow:hidden;padding:12px 14px;display:grid;gap:7px;background:radial-gradient(120% 140% at 50% 50%,#08201a,#020806 75%);box-shadow:inset 0 0 18px rgba(0,0,0,.9);font-family:var(--mono);font-size:var(--fs-s);letter-spacing:.08em;color:var(--teal);text-shadow:0 0 6px rgba(111,224,191,.45)}
.dk-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
.dk-row{display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}
.dk-row b{font-weight:400;color:#c9fff0}

.dk-titleblock{grid-column:1/-1;grid-row:3;align-self:end;display:flex;flex-direction:column;gap:clamp(12px,2vw,20px)}
.dk-title{margin:0;display:flex;font-family:var(--stencil);font-weight:400;font-size:clamp(58px,13.5vw,210px);line-height:.84;letter-spacing:.01em;color:var(--ivory);text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.6)}
.dk-title span{display:inline-block}
.dk-sub{font-family:var(--mono);font-size:var(--fs-s);letter-spacing:.32em;color:var(--ivory-dim)}
.dk-sub:before{content:"";display:inline-block;width:2.4em;height:1px;margin-right:.9em;vertical-align:middle;background:var(--accent)}
.dk-lead{max-width:640px;margin:0;font-size:clamp(15px,1.5vw,19px);line-height:1.65;color:var(--ivory)}

/* Facts strip */
.dk-facts{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:rgba(10,13,16,.92)}
.dk-facts div{padding:16px 18px;border-left:1px solid var(--line);min-width:0}
.dk-facts div:first-child{border-left:0}
.dk-facts dt{margin:0 0 6px;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.6px;color:var(--label)}
.dk-facts dd{margin:0;font-size:var(--fs-m);font-family:var(--mono);line-height:1.5;color:var(--ivory)}

/* Sections */
.dk-section{padding:clamp(64px,9vw,120px) var(--gutter) 0}
.dk-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(22px,3vw,34px);padding-bottom:12px;border-bottom:1px solid var(--line)}
.dk-head h2{margin:0;font-family:var(--stencil);font-weight:400;font-size:clamp(34px,5vw,64px);letter-spacing:.04em;line-height:.9;color:var(--ivory)}
.dk-head span{font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.6px;color:var(--ivory-dim)}

.dk-concept{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.dk-card{position:relative;min-width:0}
.dk-card>.t-tilt-card{position:relative;overflow:hidden;height:100%;min-height:180px;padding:clamp(20px,2.6vw,32px);border:1px solid var(--line);background:linear-gradient(180deg,#141a1e,#0a0d10)}
.dk-card>.t-tilt-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),radial-gradient(60% 60% at 100% 0%,rgba(52,66,78,.35),transparent 70%)}
.dk-num{position:absolute;right:16px;top:6px;font-family:var(--stencil);font-size:clamp(70px,8vw,112px);line-height:1;color:rgba(200,214,224,.07);pointer-events:none}
.dk-card h3{position:relative;margin:0 0 14px;font-family:var(--stencil);font-weight:400;font-size:clamp(20px,2.2vw,28px);letter-spacing:.06em;color:var(--ivory)}
.dk-card h3 small{display:block;margin-bottom:8px;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.6px;color:var(--label)}
.dk-card p{position:relative;margin:0;max-width:520px;font-size:var(--fs-m);font-family:var(--mono);line-height:1.75;color:var(--ink)}

.dk-look{position:relative;overflow:hidden;isolation:isolate;padding:clamp(22px,3vw,36px);padding-right:clamp(22px,40%,620px);min-height:clamp(260px,22vw,340px);border:1px solid var(--line);background:#080a0c}
/* emergency-lit frame from the footage, faded in from the right */
.dk-look:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:min(62%,980px);background:url('/assets/media/deckwake/deckwake-emergency-1920.jpg?v=2') center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}
@media(max-width:860px){
  .dk-look{padding-right:clamp(22px,3vw,36px);padding-top:calc(56vw - 40px)}
  .dk-look:before{left:0;bottom:auto;width:auto;height:56vw;background-image:url('/assets/media/deckwake/deckwake-emergency-960.jpg?v=2');-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
}
.dk-look p{margin:0;max-width:880px;font-size:clamp(15px,1.5vw,18px);line-height:1.75;color:var(--ivory)}
.dk-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.dk-swatches i{display:inline-flex;align-items:center;gap:8px;font-style:normal;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.2px;color:var(--ivory-dim)}
.dk-swatches i:before{content:"";width:22px;height:14px;background:var(--c);border:1px solid rgba(0,0,0,.6)}

/* Roadmap */
.dk-road{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.dk-road:before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--line)}
.dk-road:after{content:"";position:absolute;left:0;top:22px;height:2px;width:100%;background:linear-gradient(90deg,var(--accent) 0 18%,rgba(217,52,42,.35) 60%,rgba(217,52,42,0));transform-origin:left;transform:scaleX(0);transition:transform 1.2s cubic-bezier(0.22,1,0.36,1) .2s}
.dk-road.is-shown:after{transform:scaleX(1)}
.dk-step{position:relative;padding-top:56px}
.dk-step:before{content:"";position:absolute;left:0;top:14px;width:18px;height:18px;background:#0a0d10;border:2px solid var(--ivory-dim);box-sizing:border-box}
.dk-step.is-now:before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px rgba(217,52,42,.15),0 0 16px rgba(217,52,42,.5)}
.dk-step.is-goal:before{border-color:var(--green)}
.dk-when{display:block;font-family:var(--stencil);font-size:clamp(28px,3.2vw,44px);line-height:1;letter-spacing:.03em;color:var(--ivory)}
.dk-step.is-now .dk-when{color:var(--accent)}
.dk-step.is-goal .dk-when{color:#cfeed3}
.dk-step h3{margin:14px 0 10px;font-family:var(--mono);font-weight:400;font-size:var(--fs-m);letter-spacing:1.8px;color:var(--ivory)}
.dk-step p{margin:0;max-width:360px;font-size:var(--fs-m);font-family:var(--mono);line-height:1.75;color:var(--ink)}
.dk-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:5px 8px;border:1px solid rgba(217,52,42,.45);font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.4px}
.dk-note{margin:clamp(24px,3vw,36px) 0 0;font-size:var(--fs-s);font-family:var(--mono);line-height:1.7;color:var(--ivory-dim)}

.dk-foot{margin-top:clamp(70px,9vw,120px);padding:28px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.4px;color:var(--ivory-dim)}
.dk-foot a{text-decoration:none;color:var(--ivory)}
.dk-foot a:hover{color:var(--accent)}

/* transitions.dev — texts reveal (title letters and section lines). */
.dk-anim .t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease),transform var(--stagger-dur) var(--stagger-ease),filter var(--stagger-dur) var(--stagger-ease);transition-delay:calc(var(--stagger-stagger) * var(--i,0));will-change:transform,opacity,filter}
.dk-anim .t-stagger.is-shown .t-stagger-line,.dk-anim .t-stagger-line.is-shown{opacity:1;transform:translateY(0);filter:blur(0)}
/* transitions.dev — number pop-in. */
@keyframes t-digit-pop-in{0%{transform:translate(0,var(--digit-distance));opacity:0;filter:blur(var(--digit-blur))}100%{transform:translate(0,0);opacity:1;filter:blur(0)}}
.t-digit-group{display:inline-flex;align-items:baseline}
.t-digit{display:inline-block;will-change:transform,opacity,filter}
.t-digit-group.is-animating .t-digit{animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both}
.t-digit-group.is-animating .t-digit[data-stagger="1"]{animation-delay:var(--digit-stagger)}
.t-digit-group.is-animating .t-digit[data-stagger="2"]{animation-delay:calc(var(--digit-stagger) * 2)}
/* transitions.dev — card hover tilt (concept plates). */
.t-tilt-card{transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d;transition:transform var(--tilt-return) var(--tilt-return-ease);will-change:transform}
.t-tilt-card.is-tilting{transition:transform var(--tilt-follow) var(--tilt-follow-ease)}
.t-tilt-glare{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:
  radial-gradient(circle 95px at var(--tilt-gx,50%) var(--tilt-gy,50%),rgba(225,238,246,.48),rgba(225,238,246,.06) 52%,rgba(225,238,246,0) 84%),
  radial-gradient(circle 200px at var(--tilt-gx,50%) var(--tilt-gy,50%),rgba(225,238,246,.22),rgba(225,238,246,.04) 58%,rgba(225,238,246,0) 78%);
  transition:opacity var(--tilt-glare-fade) var(--tilt-glare-ease)}
.t-tilt.is-hover .t-tilt-glare{opacity:var(--tilt-glare-opacity)}
/* transitions.dev — matrix dot loader, scan variant. */
.t-matrix{display:grid;grid-template-columns:repeat(4,3px);grid-auto-rows:3px;gap:2px}
.t-matrix i{display:block;background:var(--matrix-base);animation:t-matrix-pulse var(--matrix-cycle) var(--matrix-ease) infinite;animation-delay:calc(var(--d,0) * 1ms)}
@keyframes t-matrix-pulse{0%,45%,100%{background-color:var(--matrix-base)}15%{background-color:var(--matrix-active)}}
/* transitions.dev — shimmer text. */
.t-shimmer{position:relative;display:inline-block;color:var(--shimmer-base)}
.t-shimmer:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent 0%,transparent 40%,var(--shimmer-highlight) 50%,transparent 60%,transparent 100%);background-size:var(--shimmer-band) 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-dur) var(--shimmer-ease) infinite}
@keyframes t-shimmer{0%{background-position:100% 0}100%{background-position:0% 0}}

@media(max-width:860px){
  .dk-plate{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;min-height:0}
  .dk-crt{grid-column:1;grid-row:2;justify-self:start;width:min(100%,320px)}
  .dk-titleblock{grid-row:4;padding-top:40px}
  .dk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dk-facts div:nth-child(3){border-left:0}
  .dk-facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .dk-concept{grid-template-columns:1fr}
  .dk-card>.t-tilt-card{min-height:0}
  .dk-road{grid-template-columns:1fr;gap:0}
  .dk-road:before,.dk-road:after{left:8px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .dk-road:after{transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,var(--accent) 0 18%,rgba(217,52,42,.35) 60%,rgba(217,52,42,0))}
  .dk-road.is-shown:after{transform:scaleY(1)}
  .dk-step{padding:0 0 34px 44px}
  .dk-step:before{top:6px;left:0}
}
@media(max-width:520px){
  .dk-crt{display:none}
  .dk-plate{min-height:min(560px,92svh)}
  .dk-nav{height:54px}
  .dk-home{font-size:var(--fs-s);font-family:var(--mono);letter-spacing:1.6px}
  .dk-lang button{padding:6px 6px}
  .dk-tag{display:none}
  .dk-facts{grid-template-columns:1fr}
  .dk-facts div{border-left:0;border-top:1px solid var(--line)}
  .dk-facts div:first-child{border-top:0}
  .dk-foot{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .dk-anim .t-stagger-line,.dk-road:after,.t-text-swap{transition:none!important}
  .t-digit-group .t-digit{animation:none!important}
  .t-tilt-card{transform:none!important;transition:none!important}
  .t-matrix i,.t-shimmer:before,.dk-plate:after,.dk-beacon{animation:none!important}
}

/* Site links — same set as every other page. */
.dk-links{display:flex;gap:4px;margin-right:auto;margin-left:clamp(14px,3vw,36px)}
.dk-link{padding:7px 9px;border:1px solid transparent;font-family:var(--mono);font-size:var(--fs-s);letter-spacing:1.2px;color:var(--ivory-dim);text-decoration:none;white-space:nowrap}
.dk-link:hover{color:var(--ivory);border-color:var(--line)}
.dk-link.active{color:var(--accent);border-color:rgba(217,52,42,.45)}
@media(max-width:900px){
  .dk-nav{height:auto;min-height:54px;flex-wrap:wrap;padding-top:10px;padding-bottom:8px}
  .dk-links{order:3;width:100%;margin:6px 0 0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .dk-links::-webkit-scrollbar{display:none}
}

/* Page transitions between site pages (cross-document View Transitions).
   Browsers without support just navigate as before. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:kkiri-vt-out .2s cubic-bezier(.22,1,.36,1) both}
::view-transition-new(root){animation:kkiri-vt-in .34s cubic-bezier(.22,1,.36,1) both}
@keyframes kkiri-vt-out{to{opacity:0;filter:blur(2px)}}
@keyframes kkiri-vt-in{from{opacity:0;transform:translateY(8px);filter:blur(2px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Korean: Hangul comes from Pretendard; give stencil headings a real heavy weight and
   pull in the wide Latin tracking. */
html:lang(ko) .dk-card h3 span,html:lang(ko) .dk-when{font-weight:800;letter-spacing:-.01em}
html:lang(ko) .dk-sub{letter-spacing:.12em}
/* Korean/Japanese pages: body copy is set entirely in Pretendard (Latin included) so mixed
   lines don't jump between a monospace and a sans. Labels and the CRT stay monospace. */
html:lang(ko) .dk-lead,html:lang(ko) .dk-card p,html:lang(ko) .dk-look p,html:lang(ko) .dk-step p,html:lang(ko) .dk-facts dd,html:lang(ko) .dk-note,html:lang(ko) .dk-step h3{font-family:'Pretendard KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.005em}
html:lang(ko) .dk-card p,html:lang(ko) .dk-step p{font-size:var(--fs-b)}

/* Footage: in-engine clip in a hull frame. */
.dk-film{margin:0 auto;max-width:1440px;border:1px solid var(--line);background:#000}
.dk-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.dk-film figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:12px clamp(14px,2vw,20px);border-top:1px solid var(--line);font-size:var(--fs-s);line-height:1.6;color:var(--ivory-dim)}
.dk-film-tag{font-family:var(--mono);letter-spacing:1.6px;color:var(--red)}
.dk-film-tag::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--red);vertical-align:1px}

/* Redacted words in the recovered records. */
.dk-redact{display:inline-block;width:var(--w,6ch);height:.95em;margin:0 .08em;vertical-align:-.12em;background:rgba(226,232,236,.82);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.dk-card h3 small{letter-spacing:1.4px}