/* NeuClips journal and industries: the building's paper, ink and two faces, set for reading. No stage, no motion beyond a hover. */
.jr{--measure:40rem;--wide:64rem;--muted:rgba(35,16,26,.76);background:var(--paper);color:var(--ink)}
.jr .topbar{background:rgba(246,239,242,.96);border-bottom:1px solid rgba(35,16,26,.1);color:var(--ink);transform:none}
.jr .topbar :is(.mark,.topbar__links a,.topbar__menu summary){text-shadow:none}
@supports (backdrop-filter:blur(8px)){.jr .topbar{background:rgba(246,239,242,.86);backdrop-filter:saturate(1.2) blur(10px)}}
.jr-main{padding-top:6.5rem}
.jr-head,.jr-body,.jr-src,.jr-next,.jr-more,.jr-index{width:min(100% - 3rem,var(--measure));margin-inline:auto}
.jr-head--index,.jr-index{width:min(100% - 3rem,var(--wide))}
@media (max-width:640px){.jr-head,.jr-body,.jr-src,.jr-next,.jr-more,.jr-index,.jr-head--index{width:calc(100% - 2rem)}.jr-main{padding-top:5.2rem}}

/* the head of a page */
.jr-kicker{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font:700 .9rem/1.3 var(--f);letter-spacing:.01em;color:var(--muted);margin-bottom:1.6rem}
.jr-kicker a{color:var(--signal)}
.jr-kicker>*+*::before{content:"";display:inline-block;width:.9rem;height:1px;background:currentColor;vertical-align:middle;margin-right:1.1rem;opacity:.5}
.jr-title{font:900 clamp(2.3rem,5.2vw,4.1rem)/1.0 var(--f);letter-spacing:-.034em;text-wrap:balance;max-width:18ch}
.jr-title em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--signal)}
.jr-dek{font:400 clamp(1.25rem,1.9vw,1.55rem)/1.42 var(--serif);color:var(--ink);margin-top:1.4rem;max-width:34em;text-wrap:pretty}
.jr-for{margin-top:1.5rem;font:500 1rem/1.4 var(--f);color:var(--muted)}
.jr-for a{color:var(--ink);border-bottom:1px solid rgba(35,16,26,.3)}
.jr-head{padding-bottom:2.6rem;border-bottom:1px solid rgba(35,16,26,.14)}

/* the reading column */
.jr-body{padding-top:2.4rem;font:400 1.2rem/1.66 var(--serif);color:var(--ink)}
.jr-body>*+*{margin-top:1.25em}
.jr-body p{text-wrap:pretty;hanging-punctuation:first}
.jr-body h2{font:800 clamp(1.4rem,2.2vw,1.75rem)/1.15 var(--f);letter-spacing:-.02em;margin-top:2.4em;text-wrap:balance}
.jr-body h2+*{margin-top:.8em}
.jr-body a{color:var(--signal);border-bottom:1px solid rgba(196,23,95,.35)}
@media (hover:hover) and (pointer:fine){.jr-body a:hover{border-bottom-color:currentColor}}
.jr-body ul{padding-left:1.1em;list-style:none}
.jr-body ul li{position:relative;padding-left:.2em}.jr-body ul li+li{margin-top:.55em}
.jr-body ul li::before{content:"";position:absolute;left:-1em;top:.78em;width:.5em;height:1px;background:var(--signal)}
.jr-body em{font-style:italic}
.jr-body sup{font:700 .85rem/0 var(--f);margin-left:.1em}.jr-body sup a{border:0;color:var(--muted)}
.jr-pull{margin:2.2em 0;padding:1.4rem 0 0;border-top:2px solid var(--signal)}
.jr-pull p{font:800 clamp(1.45rem,2.6vw,2rem)/1.2 var(--f);letter-spacing:-.022em;text-wrap:balance;color:var(--ink)}
@media (min-width:1100px){.jr-pull{margin-inline:-4rem}}

/* the figures, quiet: a hairline, the number, a caption */
.jr-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1.6rem 1.8rem;margin:2.4em 0!important;padding-top:1.3rem;border-top:1px solid rgba(35,16,26,.18)}
@media (min-width:1100px){.jr-figs{margin-inline:-4rem!important}}
.jr-figs dt{font:800 clamp(1.7rem,3vw,2.35rem)/1.05 var(--f);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.jr-figs dd{margin:.5rem 0 0;font:500 .98rem/1.4 var(--f);color:var(--muted)}

/* the audience portrait (industry pages) */
.pt{margin:2.6em 0!important;padding:1.6rem 0 0;border-top:1px solid rgba(35,16,26,.18)}
@media (min-width:1100px){.pt{margin-inline:-4rem!important}}
.pt figcaption{font:700 .95rem/1.3 var(--f);color:var(--muted);margin-bottom:1rem}
.pt-ages{display:grid;gap:.55rem;list-style:none;padding:0}
.pt-ages li{display:grid;grid-template-columns:3.6rem 1fr 3rem;align-items:center;gap:.9rem;font:500 1rem/1 var(--f)}
.pt-bar{height:.62rem;background:rgba(35,16,26,.07)}.pt-bar i{display:block;height:100%;background:var(--ink)}
.pt-ages li:nth-child(3) .pt-bar i,.pt-ages li:nth-child(4) .pt-bar i{background:var(--signal)}
.pt-v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.pt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.3rem 1.6rem;margin-top:1.8rem}
.pt-facts dt{font:800 1.7rem/1 var(--f);letter-spacing:-.03em}
.pt-facts dd{margin:.4rem 0 0;font:500 .95rem/1.35 var(--f);color:var(--muted)}

/* the five buyers, as rows */
.jr-buyers{list-style:none;padding:0!important;border-top:1px solid rgba(35,16,26,.16)}
.jr-buyers li::before{display:none}.jr-buyers li+li{margin-top:0!important}
.jr-buyers a{display:grid;grid-template-columns:minmax(9rem,13rem) 1fr;gap:.4rem 2rem;padding:1.1rem 0;border-bottom:1px solid rgba(35,16,26,.16)!important;color:var(--ink)!important}
.jr-buyers b{font:800 1.1rem/1.3 var(--f)}
.jr-buyers span{font:400 1.1rem/1.45 var(--serif);color:var(--ink)}
@media (max-width:640px){.jr-buyers a{grid-template-columns:1fr}}
@media (hover:hover) and (pointer:fine){.jr-buyers a:hover b{color:var(--signal)}}

/* sources and what to read next */
.jr-src{margin-top:3.2rem;padding-top:1.2rem;border-top:1px solid rgba(35,16,26,.14)}
.jr-src h2{font:700 .95rem/1.3 var(--f);color:var(--muted);margin-bottom:.8rem}
.jr-src ol{padding-left:1.2rem;font:400 .95rem/1.5 var(--f);color:var(--muted)}
.jr-src li+li{margin-top:.4rem}.jr-src a{color:var(--ink);border-bottom:1px solid rgba(35,16,26,.25);overflow-wrap:anywhere}
.jr-next{margin-top:2.6rem}
.jr-next ul{list-style:none;padding:0;display:grid;gap:.8rem}
.jr-next a{display:block;padding:1.2rem 1.3rem;background:rgba(35,16,26,.045);border-left:2px solid var(--signal)}
.jr-next span{display:block;font:700 .9rem/1.3 var(--f);color:var(--muted)}
.jr-next b{display:block;margin-top:.35rem;font:800 1.25rem/1.25 var(--f);letter-spacing:-.015em}
@media (hover:hover) and (pointer:fine){.jr-next a:hover b{color:var(--signal)}}

/* more to read, at the end of every piece */
.jr-more{margin-top:3.4rem}
.jr-more>h2{font:700 .95rem/1.3 var(--f);color:var(--muted);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}
.jr-more>h2::before{content:"";width:1.4rem;height:2px;background:var(--signal)}
.jr-more .jr-list a{grid-template-columns:8rem 1fr}
@media (max-width:640px){.jr-more .jr-list a{grid-template-columns:1fr}}

/* the index pages */
.jr-index{padding-top:2.2rem}
.jr-index>p{font:400 1.2rem/1.6 var(--serif);max-width:var(--measure)}
.jr-index>p+p{margin-top:1em}
.jr-group{margin-top:3.6rem}
.jr-group>h2{font:700 .95rem/1.3 var(--f);color:var(--muted);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}
.jr-group>h2::before{content:"";width:1.4rem;height:2px;background:var(--signal)}
.jr-list{list-style:none;padding:0;border-top:1px solid rgba(35,16,26,.16)}
.jr-list a{display:grid;grid-template-columns:9rem 1fr;gap:.3rem 2rem;padding:1.4rem 0;border-bottom:1px solid rgba(35,16,26,.16)}
.jr-li__k{grid-row:span 2;font:700 .9rem/1.6 var(--f);color:var(--muted)}
.jr-list b{font:800 clamp(1.3rem,2vw,1.6rem)/1.2 var(--f);letter-spacing:-.02em;text-wrap:balance}
.jr-li__d{font:400 1.08rem/1.5 var(--serif);color:var(--muted);max-width:42em}
@media (max-width:640px){.jr-list a{grid-template-columns:1fr}.jr-li__k{grid-row:auto}}
@media (hover:hover) and (pointer:fine){.jr-list a:hover b{color:var(--signal)}}
.jr-steps{list-style:none;padding:0;counter-reset:s;border-top:1px solid rgba(35,16,26,.16)}
.jr-steps a{display:grid;grid-template-columns:6rem 1fr;gap:.35rem 2rem;padding:1.5rem 0;border-bottom:1px solid rgba(35,16,26,.16)}
.jr-step__n{grid-row:span 2;font:700 .9rem/1.7 var(--f);color:var(--signal)}
.jr-steps b{font:800 clamp(1.3rem,2vw,1.6rem)/1.2 var(--f);letter-spacing:-.02em}
.jr-step__w{font:400 1.1rem/1.5 var(--serif);color:var(--muted);max-width:40em}
@media (max-width:640px){.jr-steps a{grid-template-columns:1fr}.jr-step__n{grid-row:auto}}
@media (hover:hover) and (pointer:fine){.jr-steps a:hover b{color:var(--signal)}}
.jr-pathend{margin-top:2.4rem}

/* the ask: the one night band on the page */
.jr-ask{margin-top:5rem;background:var(--night);color:var(--paper)}
.jr-ask__in{width:min(100% - 3rem,var(--wide));margin-inline:auto;padding:3.6rem 0 3.8rem}
.jr-ask__k{font:700 .9rem/1.3 var(--f);color:rgba(246,239,242,.78)}
.jr-ask__t{margin-top:.8rem;font:900 clamp(1.7rem,3.4vw,2.7rem)/1.06 var(--f);letter-spacing:-.03em;max-width:20ch;text-wrap:balance}
.jr-ask__go{margin-top:1.8rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.jr-ask__more{font:700 1rem/1.3 var(--f);color:var(--paper);border-bottom:1px solid rgba(246,239,242,.5);padding-bottom:.15rem}
@media (max-width:640px){.jr-ask__in{width:calc(100% - 2rem)}}
.jr-footwrap{padding-bottom:3rem}
.jr .foot{opacity:1;transform:none;margin-top:3rem}
.jr .door{text-shadow:none}
@media print{.jr .topbar,.jr-ask,.jr-footwrap{display:none}.jr-main{padding-top:0}}