/* Newsroom (v8): /newsroom/, its category pages, its stories and the media kit. Kapālins' own look, on the site's
   tokens: Manrope for headings and names, Inter for everything else, ink and pearl with amber as the one accent.
   Every story has a 16:9 cover (an animated figure, a real kapalins.com card on a brand field, or a portrait). */

/* ---------- page head */
.nr-head{padding:88px 0 40px}
.nr-head-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:end}
.nr-head h1{font:700 clamp(3.2rem,7vw,5.4rem)/.95 var(--serif);letter-spacing:-.045em;margin:0;color:var(--ink)}
.nr-head-r p{margin:0 0 6px;color:var(--ink-2)}
.nr-head-r .nr-press{font-size:.9rem;color:var(--ink-3)}
.nr-head-r a,.nr-sec-h p a,.nr-contact a{color:var(--amber);font-weight:600;text-decoration:none}
.nr-crumb{display:flex;gap:10px;margin:0 0 18px;font-size:.9rem;color:var(--ink-3)}
.nr-crumb a{color:var(--ink-3);text-decoration:none}.nr-crumb a:hover{color:var(--amber)}
.nr-crumb span{opacity:.6}

/* ---------- covers */
.nr-cv{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0A0E1A;container-type:inline-size}
[data-theme="dark"] .nr-cv{outline:1px solid var(--line-2);outline-offset:-1px}
.nr-cv svg.fig{position:absolute;inset:0;width:100%;height:100%;display:block}
.nr-cv-t{position:absolute;inset:0}
.nr-cv-field{position:absolute;inset:0}
.nr-cv-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:1.6cqw;overflow:hidden;box-shadow:0 2cqw 6cqw rgba(10,14,26,.35)}
[data-theme="dark"] .nr-cv-card{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 2cqw 6cqw rgba(0,0,0,.5)}
.nr-cv-card img{display:block;width:100%;height:auto}
.nr-cv--plain{display:grid;place-items:center;color:#F2F4F8;font:700 4cqw var(--serif)}
.nr-cto{position:absolute;inset:0;background:#0A0E1A;color:#F2F4F8;padding:5cqw 6cqw}
.nr-cto-l{position:relative;z-index:1;max-width:55%;height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.nr-cto-o{font:600 1.8cqw var(--sans);color:#F5A623}
.nr-cto-n{font:800 6.8cqw/1 var(--serif);letter-spacing:-.045em;white-space:nowrap;margin:1.6cqw 0 1cqw}
.nr-cto-t{font:500 2.3cqw/1.3 var(--sans);color:#B2BACB}
.nr-cto-s{font:500 1.8cqw/1.45 var(--sans);color:#B2BACB;margin-top:2cqw}
.nr-cto-img{position:absolute;right:5cqw;bottom:0;height:84%;width:auto}
@container (max-width:520px){.nr-cto-l{max-width:56%}.nr-cto-n{font-size:8.6cqw;white-space:normal}.nr-cto-t{font-size:3.4cqw}.nr-cto-o{font-size:2.6cqw}.nr-cto-s{display:none}.nr-cto-img{height:88%;right:2cqw}}

/* ---------- cards and the latest grid */
.nr-meta{display:flex;gap:10px;align-items:center;margin:0 0 12px;font-size:.82rem;color:var(--ink-3)}
.nr-cat{color:var(--ink);font-weight:600;text-decoration:none}.nr-cat:hover{color:var(--amber)}
.nr-cat::after{content:"·";margin-left:10px;color:var(--ink-3);font-weight:400}
.nr-card-a{display:block;text-decoration:none;color:inherit}
.nr-card h3{font:700 1.2rem/1.28 var(--serif);letter-spacing:-.02em;margin:16px 0 0;color:var(--ink)}
.nr-card-a:hover h3{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nr-card-a .nr-cv{transition:transform var(--t)}.nr-card-a:hover .nr-cv{transform:translateY(-2px)}
.nr-card--big h3{font-size:clamp(1.6rem,2.6vw,2.15rem);line-height:1.12;letter-spacing:-.03em;margin-top:22px}
.nr-card--big p{color:var(--ink-2);font-size:1.06rem;margin:14px 0 0;max-width:56ch}
.nr-latest{padding-top:0}
.nr-lbl{border-top:1px solid var(--line-2);padding-top:14px;margin:0 0 28px;font-size:.82rem;font-weight:600;color:var(--ink-3)}
.nr-grid3{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px}
.nr-col{display:flex;flex-direction:column;gap:40px}
.nr-mid{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 32px}
.nr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px;margin-top:8px}

/* ---------- feature band */
.nr-feat-s{padding-top:24px}
.nr-feat{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center;border-top:1px solid var(--line-2);padding-top:56px}
.nr-feat--solo{border-top:0;padding-top:0;margin-top:8px}
.nr-feat h2{font:700 clamp(1.8rem,3vw,2.5rem)/1.08 var(--serif);letter-spacing:-.035em;margin:0;color:var(--ink)}
.nr-feat-t>p:not(.nr-meta){color:var(--ink-2);font-size:1.06rem;margin:18px 0 28px}
.nr-feat-i{display:block}

/* ---------- sections, tabs, the table */
.nr-sec{padding-top:64px;padding-bottom:16px}
.nr-sec--top{padding-top:0}
.nr-sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;border-bottom:1px solid var(--line-2);padding-bottom:18px;margin-bottom:24px}
.nr-sec-h--plain{border-bottom:0;padding-bottom:0}
.nr-sec-h h2{font:700 clamp(1.8rem,3.4vw,2.75rem)/1 var(--serif);letter-spacing:-.035em;margin:0;color:var(--ink)}
.nr-sec-h p{margin:0;color:var(--ink-3)}
.nr-tabs{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px}
.nr-tabs a{white-space:nowrap;font:500 .9rem var(--sans);color:var(--ink-2);padding:8px 16px;border-radius:999px;text-decoration:none}
.nr-tabs a[aria-current]{background:var(--ink);color:var(--bg)}
.nr-count{margin:0 0 10px;font-size:.82rem;font-weight:600;color:var(--ink-3)}
.nr-tr{display:grid;grid-template-columns:4fr 6fr 1.6fr 1.4fr;gap:28px;padding:18px 0;border-top:1px solid var(--line);font-size:.9rem;align-items:baseline}
.nr-th{font-size:.8rem;font-weight:600;color:var(--ink-3);padding:12px 0}
.nr-t{font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none}.nr-t:hover{text-decoration:underline;text-underline-offset:3px}
.nr-d{color:var(--ink-2)}.nr-dt{color:var(--ink-3)}
.nr-c{color:var(--ink-3);text-decoration:none}.nr-c:hover{color:var(--amber)}
.nr-empty{color:var(--ink-3)}

/* ---------- milestones, people, the lab */
.nr-ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.nr-ms-y{padding:24px 24px 0;border-right:1px solid var(--line)}.nr-ms-y:first-child{padding-left:0}.nr-ms-y:last-child{border:0}
.nr-ms-y>b{font:700 1.9rem var(--serif);letter-spacing:-.03em;color:var(--ink)}
.nr-ms-y ul{list-style:none;margin:16px 0 0;padding:0}
.nr-ms-y li{font-size:.9rem;line-height:1.4;margin-bottom:14px}
.nr-ms-y li span{display:block;font-size:.78rem;font-weight:600;color:var(--amber);margin-bottom:2px}
.nr-ms-y li a{color:var(--ink-2);text-decoration:none}.nr-ms-y li a:hover{color:var(--amber)}
.nr-people{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.nr-people--one{grid-template-columns:1fr;gap:14px;margin-bottom:8px}
.nr-person{display:flex;gap:18px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px}
.nr-avatar{flex:none;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--sunken);display:grid;place-items:center;font:700 1.4rem var(--serif);color:var(--ink)}
.nr-people--one .nr-avatar{width:56px;height:56px}
.nr-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.nr-person b{display:block;font:700 1.1rem var(--serif);color:var(--ink)}
.nr-role{display:block;font-size:.9rem;color:var(--ink-2)}
.nr-on{display:block;font-size:.82rem;line-height:1.5;color:var(--ink-3);margin-top:6px}
.nr-go{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:600;color:var(--amber);text-decoration:none}
.nr-lab{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.nr-lab a{display:block;border-left:3px solid var(--amber);padding-left:20px;text-decoration:none}
.nr-lab span{font-size:.8rem;font-weight:600;color:var(--amber)}
.nr-lab b{display:block;font:700 1.35rem var(--serif);letter-spacing:-.02em;margin:6px 0;color:var(--ink)}
.nr-lab p{margin:0;color:var(--ink-2)}

/* ---------- the dark band at the foot */
.nr-band{background:#0A0E1A;color:#F2F4F8;padding:64px 0;margin-top:96px}
[data-theme="dark"] .nr-band{background:var(--paper)}
.nr-band-g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.nr-band a{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;text-decoration:none;color:inherit}
.nr-band b{display:block;font:700 1.35rem var(--serif);letter-spacing:-.02em}
.nr-band span{color:#9AA3B6;font-size:.9rem}
.nr-band a:hover b{color:#F5A623}

/* ---------- a story */
.nr-art-h{padding-top:64px;padding-bottom:0}
.nr-art-top{max-width:900px;text-align:center}
.nr-art-top .nr-crumb{justify-content:center}
.nr-art-top h1{font:700 clamp(2.1rem,4.2vw,3.25rem)/1.06 var(--serif);letter-spacing:-.04em;margin:10px 0 0;color:var(--ink)}
.nr-sub{font-size:1.18rem;line-height:1.5;color:var(--ink-2);max-width:46ch;margin:22px auto 0}
.nr-art-cv{max-width:980px;margin-top:48px}
.nr-art-cv .nr-cv{border-radius:16px}
.nr-art-b{padding-top:56px}
.nr-art-g{display:grid;grid-template-columns:220px minmax(0,680px);gap:72px;justify-content:center}
.nr-side dl{margin:0;position:sticky;top:96px;font-size:.84rem}
.nr-side dt{color:var(--ink-3);margin-top:18px}.nr-side dt:first-child{margin-top:0}
.nr-side dd{margin:2px 0 0;font-weight:600;color:var(--ink)}
.nr-side dd a{color:var(--ink);text-decoration:none}.nr-side dd a:hover{color:var(--amber)}
.nr-share{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-weight:500!important}
.nr-share a,.nr-share button{color:var(--amber)!important;font:500 .84rem var(--sans);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.nr-prose{font-size:1.1rem;line-height:1.7;color:var(--ink-2)}
.nr-prose p{margin:0 0 1.3em}.nr-prose strong{color:var(--ink)}
.nr-prose h2{font:700 1.5rem var(--serif);letter-spacing:-.02em;color:var(--ink);margin:2.4em 0 .7em}
.nr-prose h2:first-child,.nr-glance+h2{margin-top:0}
.nr-prose blockquote,.nr-prose .quote{margin:1.8em 0;padding:0 0 0 28px;border-left:3px solid var(--amber);font:500 1.35rem/1.5 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.nr-glance{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:2.2em}
.nr-glance b{display:block;font-size:.9rem;font-weight:600;color:var(--amber);margin-bottom:10px}
.nr-glance ul{margin:0;padding-left:18px}.nr-glance li{font-size:1rem;line-height:1.55;color:var(--ink);margin:6px 0}
.nr-pv{margin:2.2em -60px 2.4em}
.nr-pv-f{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-1)}
.nr-pv img{width:100%;height:auto;display:block;border-radius:6px}
.nr-pv figcaption{font-size:.88rem;line-height:1.5;color:var(--ink-3);margin:12px 60px 0}
.nr-mod{margin:2.4em 0}
.nr-mod h3{font:600 .9rem var(--sans);color:var(--amber);margin:0 0 14px}
.nr-tiles{display:grid;gap:12px;grid-template-columns:1fr 1fr}.nr-mod--3 .nr-tiles{grid-template-columns:repeat(3,1fr)}
.nr-tile{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.nr-tile b{display:block;font:700 1rem/1.3 var(--serif);color:var(--ink);letter-spacing:-.01em}
.nr-tile span{display:block;font-size:.88rem;line-height:1.45;color:var(--ink-3);margin-top:4px}
.nr-grow{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.nr-grow div{padding:18px 20px;border-right:1px solid var(--line)}.nr-grow div:last-child{border:0}
.nr-grow b{display:block;font:800 2.75rem/1 var(--serif);letter-spacing:-.04em;color:var(--ink)}
.nr-grow span{font-size:.82rem;color:var(--ink-3)}
.nr-grow .on{background:#0A0E1A}.nr-grow .on b{color:#E87722}.nr-grow .on span{color:#B2BACB}
.nr-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.nr-steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:.92rem;line-height:1.45;color:var(--ink-2)}
.nr-steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--bg);font:700 .8rem var(--serif);margin-bottom:10px}
.nr-contact{display:flex;justify-content:space-between;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:18px 0;margin-top:2em;font-size:.95rem}
.nr-contact b{color:var(--ink)}
.nr-pn{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:72px;border-top:1px solid var(--line-2);padding-top:24px}
.nr-pn a{font:700 1.1rem/1.3 var(--serif);letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.nr-pn a span{display:block;font:600 .8rem var(--sans);color:var(--ink-3);margin-bottom:6px}
.nr-pn a.r{text-align:right}.nr-pn a:hover{color:var(--amber)}

/* ---------- media kit */
.nr-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nr-photo{margin:0}
.nr-photo-f{aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--sunken)}
.nr-photo-f img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.nr-photo figcaption{padding:10px 2px 0}
.nr-photo b{display:block;color:var(--ink)}.nr-photo span{display:block;font-size:.85rem;color:var(--ink-3)}
.nr-photo a{font:600 .85rem var(--sans);color:var(--amber);text-decoration:none}
.nr-bp{max-width:72ch;color:var(--ink-2)}
.nr-kitlist{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--line-2)}
.nr-kitlist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.nr-kitlist b{font:700 1rem var(--serif);color:var(--ink)}
.nr-kitlist p{margin:3px 0 0;font-size:.92rem;color:var(--ink-3)}
.nr-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}
.nr-logo{margin:0}
.nr-logo-s{height:130px;border-radius:12px;display:grid;place-items:center;padding:0 18%;border:1px solid var(--line)}
.nr-logo-s img{width:100%;max-height:40px;object-fit:contain}
.nr-logo-s--lt{background:#fff}
.nr-logo-s--dk{background:#11151F;border-color:transparent}
.nr-logo figcaption{padding:10px 2px 0}
.nr-logo figcaption b{display:block;font-size:.93rem;color:var(--ink)}
.nr-logo figcaption span{display:block;font-size:.85rem;color:var(--ink-3)}
.nr-logo-dl{display:flex!important;gap:12px;margin-top:4px}
.nr-logo-dl a{font:600 .84rem var(--sans);color:var(--amber);text-decoration:none}
.nr-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.nr-visuals figure{margin:0}
.nr-visuals figcaption{display:flex;justify-content:space-between;padding:10px 2px 0;font-size:.93rem;color:var(--ink)}
.nr-visuals figcaption span{display:flex;gap:10px}
.nr-visuals figcaption a{font:600 .85rem var(--sans);color:var(--amber);text-decoration:none}
.nr-kitlist a{font:600 .9rem var(--sans);color:var(--amber);text-decoration:none;white-space:nowrap}
.nr-review-banner{position:sticky;top:0;z-index:999;background:#B07A12;color:#fff;text-align:center;font-weight:600;padding:6px 12px}
.nr-rev-w{padding:18px 0 0}
details.nr-review{border:1px dashed #B07A12;border-radius:12px;font-size:.88rem;background:var(--paper)}
details.nr-review>summary{cursor:pointer;padding:10px 14px;list-style:none;color:var(--ink-2)}
details.nr-review>summary::-webkit-details-marker{display:none}
details.nr-review>*:not(summary){margin:0 14px 10px}
details.nr-review ul{margin:6px 0 10px 32px}
.nr-facts{width:calc(100% - 28px);border-collapse:collapse;font-size:.82rem;table-layout:fixed}
.nr-facts col.c1{width:15%}.nr-facts col.c2{width:33%}.nr-facts col.c3{width:26%}.nr-facts col.c4{width:13%}.nr-facts col.c5{width:13%}
.nr-facts th,.nr-facts td{border:1px solid var(--line);padding:5px 7px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.nr-ok{color:#1F8A70}.nr-warn{color:#B07A12}.nr-bad{color:#C73852}
.nr-pending{display:inline-block;font:600 .78rem var(--sans);color:#8a5d0c;background:#FBF0D9;border:1px dashed #B07A12;border-radius:8px;padding:3px 8px}


/* ---------- small screens */
@media (max-width:900px){
  .nr-head{padding:48px 0 28px}.nr-head-g{grid-template-columns:minmax(0,1fr);gap:18px}.nr-head h1{font-size:3rem}
  .nr-grid3,.nr-grid,.nr-feat,.nr-band-g,.nr-people,.nr-lab,.nr-tiles,.nr-mod--3 .nr-tiles,.nr-steps,.nr-grow,.nr-pn,.nr-photos{grid-template-columns:minmax(0,1fr)}
  .nr-mid{border:0;padding:0;order:-1}.nr-feat{gap:28px}
  .nr-tr{grid-template-columns:1fr;gap:4px}.nr-th{display:none}
  .nr-ms{grid-template-columns:minmax(0,1fr)}.nr-ms-y{border:0;padding:20px 0 0}
  .nr-art-top{text-align:left}.nr-art-top .nr-crumb{justify-content:flex-start}
  .nr-art-g{grid-template-columns:minmax(0,1fr);gap:28px}
  .nr-side dl{position:static;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}
  .nr-side dt,.nr-side dd{margin:0}.nr-share{flex-direction:row;gap:12px}
  .nr-pv{margin:2em 0}.nr-pv figcaption{margin:12px 0 0}
  .nr-grow div{border-right:0;border-bottom:1px solid var(--line)}.nr-pn a.r{text-align:left}
  .nr-logos{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){.nr-visuals,.nr-logos{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.nr-card-a .nr-cv{transition:none}}
@media print{.nav,.mnav,footer,.nr-share,.nr-band,.nr-review-banner,.nr-cv{display:none!important}}
/* the build wraps every "Kapālins" in .knm (brand.css); newsroom rules that style a span must never restyle it */
[class*="nr-"] .knm{display:inline!important;font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;letter-spacing:inherit!important}
.nr-tabs{min-width:0}@media (max-width:900px){.nr-sec-h>.nr-tabs{flex:1 1 100%}}
.nr-sec-h,.nr-sec-h>*{min-width:0;max-width:100%}.nr-tabs{box-sizing:border-box}
@media (max-width:440px){.nr-head h1{font-size:clamp(2.2rem,11vw,3rem)}}

/* a cover that shows demo figures says so on the cover itself, not only in the article */
.nr-cv-note{position:absolute;left:3.5cqw;top:3cqw;font:600 1.7cqw var(--sans);color:rgba(242,244,248,.78);background:rgba(10,14,26,.55);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:.5cqw 1.4cqw}
@container (max-width:520px){.nr-cv-note{font-size:2.6cqw}}