@view-transition{navigation:auto}
:root{--f:'Archivo','Helvetica Neue',Helvetica,sans-serif;--bg:#F1F2F4;--card:#0D1626;--ink:#0D1626;--ink-2:#5A6474;--on-dark:#E9EDF3;--on-dark-2:#9AA6B8;--surface:#FAFBFC;--line:rgba(13,22,38,.13);--line-d:rgba(233,237,243,.18);--pos:#C6E06B;--neg:#F4938C;--mid:#E4EDBF;--old:#C3C9D2;--col:1160px;--r:24px}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f);background:var(--bg);color:var(--ink);font-size:var(--fs2);line-height:1.55;-webkit-font-smoothing:antialiased}
p,li,h1,h2,h3,h4,figcaption,blockquote{hyphens:none;-webkit-hyphens:none;overflow-wrap:break-word;text-wrap:pretty}
a{color:var(--ink)}a:hover{color:var(--ink-2)}
img{display:block;max-width:100%}
.skip{position:absolute;left:-9999px;top:0;background:var(--pos);color:var(--ink);padding:16px 16px;font-size:var(--fs2);font-weight:600;z-index:40}.skip:focus{left:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.foot :focus-visible{outline-color:var(--on-dark)}
/* masthead */
.topbar{position:sticky;top:0;z-index:30;pointer-events:none;transition:transform .3s ease}
.topbar nav{pointer-events:auto}.topbar.hid{transform:translateY(-105%)}
.topin{max-width:var(--col);margin:0 auto;padding:24px 32px 8px;display:flex;justify-content:center}
.topin nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(250,251,252,.7);backdrop-filter:blur(6px)}
.topin nav a{position:relative;padding:8px 16px;border-radius:999px;font-size:var(--fs1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;transition:color .2s,background-color .2s}
.topin nav a:hover{color:var(--ink);background:rgba(13,22,38,.05)}
.topin nav a+a::before{content:"";position:absolute;left:-2px;top:50%;width:1px;height:12px;margin-top:-4px;background:var(--line)}
/* page grid */
.wrap{max-width:var(--col);margin:0 auto;padding:0 32px}
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.lbl{font-size:var(--fs1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
/* hero, matches DCM */
.band{max-width:var(--col);margin:0 auto;padding:0 32px}
.bandin{padding:8px 0 24px}
.hfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;row-gap:16px;margin:0 0 40px;padding-top:0}
.hfacts dt{margin:0 0 4px;font-size:var(--fs1);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.hfacts dd{margin:0;font-size:var(--fs2);color:var(--ink);line-height:1.3}
.hero h1{margin:0;font-size:var(--fs6);line-height:1;letter-spacing:-.033em;font-weight:600}
.hero .dek{margin:24px 0 0;font-size:var(--fs3);line-height:1.45;color:var(--ink-2);max-width:62ch}
.hero .dek{margin-bottom:8px}
.hshot{margin-top:40px}
.outs{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.outs>div{padding:0 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.outs>div:first-child{padding-left:0;border-left:0}
.outs .lbl{margin-bottom:4px}
.outs b{font-size:var(--fs6);font-weight:600;letter-spacing:-.045em;line-height:1}
.outs .c{font-size:var(--fs2);line-height:1.45;color:var(--ink-2)}
.outnote{margin:32px 0 0;font-size:var(--fs2);line-height:1.5;color:var(--ink-2);max-width:80ch}
.shot{position:relative;background:var(--surface);aspect-ratio:16/10;border-radius:2px;overflow:hidden}
.shot image-slot{position:absolute;inset:0;width:100%;height:100%}
.shot.w{aspect-ratio:16/8}.shot.t{aspect-ratio:4/5}.shot.s{aspect-ratio:4/3}.shot.sq{aspect-ratio:1/1}
figure{margin:0}
figcaption{margin-top:16px;font-size:var(--fs2);line-height:1.45;color:var(--ink-2)}
.browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.browser .bar{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--line)}
.browser .dots{display:flex;gap:4px;flex:0 0 auto}
.browser .dots i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(13,22,38,.25)}
.browser .url{flex:1;max-width:340px;margin:0 auto;font-size:var(--fs1);line-height:1;color:var(--ink-2);text-align:center;padding:4px 16px;border:1px solid var(--line);border-radius:6px}
.browser .bar::after{content:"";width:39px;flex:0 0 auto}
.screen{aspect-ratio:16/10;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(13,22,38,.3) transparent}
.screen img{width:100%;height:auto}
/* sections */
.sec{padding-top:72px}
.sec>.head{grid-column:1 / span 3;position:sticky;top:24px;align-self:start}
.sec>.body{grid-column:4 / span 9;min-width:0}
.sec>.full{grid-column:1 / -1;min-width:0}
.head .n{font-size:var(--fs2);font-weight:600;letter-spacing:.14em;color:var(--ink-2)}
.head h2{margin:8px 0 0;font-size:var(--fs2);font-weight:600;letter-spacing:-.012em;line-height:1.3}
.take{margin:0 0 24px;font-size:var(--fs4);line-height:1.2;letter-spacing:-.022em;font-weight:600;max-width:30ch}
.prose p{margin:0 0 24px;color:var(--ink-2);line-height:1.62}
.prose p:last-child{margin-bottom:0}
.prose strong{color:var(--ink);font-weight:600}
.fig{margin-top:48px}
.bleed{margin-top:56px}
/* inline big figures */
.figs{display:flex;flex-wrap:wrap;gap:24px 64px;margin:40px 0}
.figs>div{display:flex;flex-direction:column;gap:4px;max-width:26ch}
.figs b{font-size:var(--fs6);font-weight:600;letter-spacing:-.05em;line-height:1}
.figs span{font-size:var(--fs2);line-height:1.4;color:var(--ink-2)}
.kt{margin:40px 0 0;padding-top:16px;border-top:1px solid var(--ink);display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px}
.kt p{margin:0;font-size:var(--fs3);line-height:1.35;font-weight:600;letter-spacing:-.015em}
/* verdict / status labels */
.tag{display:inline-block;font-size:var(--fs1);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);line-height:1.2;padding-bottom:1px;white-space:nowrap}
.tag.ok{background:linear-gradient(transparent 55%,var(--pos) 55%)}
.tag.re{background:linear-gradient(transparent 55%,var(--mid) 55%)}
.tag.no{background:linear-gradient(transparent 55%,var(--neg) 55%)}
.tag.nt{color:var(--ink-2)}
/* side by side */
.side{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start}
.side.rev{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.side .pin{position:sticky;top:96px}
/* ruled lists */
.rl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.rl>li{padding:24px 0;border-bottom:1px solid var(--line)}
.bl h3{margin:0 0 8px;font-size:var(--fs3);font-weight:600;letter-spacing:-.015em;line-height:1.3}
.bl p{margin:0 0 16px;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
/* sources */
.srcs{margin:0;border-top:1px solid var(--ink)}
.srcs>div{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.srcs dt{font-weight:600;font-size:var(--fs2);letter-spacing:-.012em}
.srcs dd{margin:0;color:var(--ink-2)}
.para{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.para h3{margin:0 0 8px;font-size:var(--fs2);font-weight:600}
.para p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
/* big pull quote (my insight) */
.big{margin:0 0 48px;font-size:var(--fs5);line-height:1.2;letter-spacing:-.025em;font-weight:600}
/* findings */
.fd{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 16px;padding:32px 0;border-bottom:1px solid var(--line)}
.fd .i{font-size:var(--fs5);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink-2)}
.fd h3{margin:0 0 8px;font-size:var(--fs3);font-weight:600;letter-spacing:-.015em;line-height:1.3}
.fd p{margin:0;color:var(--ink-2)}
.seen{display:block;margin-top:16px;font-size:var(--fs1);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.uq{margin:24px 0 0;padding-left:24px;border-left:1px solid var(--ink)}
.uq blockquote{margin:0;font-size:var(--fs3);line-height:1.35;font-style:italic;letter-spacing:-.01em}
.uq figcaption{margin-top:4px;font-size:var(--fs1)}
.fgrp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;border-bottom:1px solid var(--line)}
.fgrp .fd:last-child{border-bottom:0}
.fgrp>figure{padding:32px 0}
.fgrp>figure .pin{position:sticky;top:96px}
.flist{border-top:1px solid var(--ink)}
/* personas */
.ps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:ps}
.ps li{padding:24px 0 48px;border-top:1px solid var(--ink);counter-increment:ps}
.ps li::before{content:"0" counter(ps);display:block;margin-bottom:40px;font-size:var(--fs2);font-weight:600;letter-spacing:.14em;color:var(--ink-2)}
.ps h3{margin:0 0 8px;font-size:var(--fs4);font-weight:600;letter-spacing:-.022em;line-height:1.2}
.ps p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2);max-width:38ch}
.insight{margin-top:56px;padding-top:24px;border-top:1px solid var(--ink)}
.insight .lbl{display:block;margin-bottom:16px}
.insight p{margin:0;color:var(--ink-2)}
.insight p strong{display:block;margin-bottom:8px;font-size:var(--fs4);line-height:1.2;letter-spacing:-.022em;color:var(--ink);font-weight:600}
/* changes */
.chg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.ch{padding:24px 0 48px;border-top:1px solid var(--ink)}
.ch .pr{grid-column:4 / span 9;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.ch .no{font-size:var(--fs6);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--ink-2)}
.ch h3{margin:16px 0 8px;font-size:var(--fs3);font-weight:600;letter-spacing:-.018em;line-height:1.22}
.ch p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
.ch .seen{margin-top:16px}
.ch .pr .lbl{display:block;margin-bottom:8px}
.ch .pr .lbl.a{color:var(--ink)}
.tech{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.tech .tx{grid-column:4 / span 5}
.tech figure{grid-column:10 / span 3}
.tech h3{margin:0 0 8px;font-size:var(--fs2);font-weight:600}
.tech p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
.tech2{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.tech2 h3{margin:0 0 8px;font-size:var(--fs2);font-weight:600}
.tech2 p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
@media(max-width:620px){.tech2{grid-template-columns:1fr}}
/* results */
.pts{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.pts li{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.pts li strong{color:var(--ink);font-weight:600}
.chart{margin-top:64px;max-width:720px}
.chart h3{margin:0 0 24px;font-size:var(--fs2);font-weight:600;letter-spacing:-.01em}
.cr{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:8px 0}
.cr .k{font-size:var(--fs2);line-height:1.3}
.cr .bs{display:flex;flex-direction:column;gap:4px}
.cr .bs div{display:flex;align-items:center;height:14px}
.cr .bs i{display:block;height:100%;background:var(--old)}
.cr .bs .a i{background:var(--pos)}
.cr .bs em{font-style:normal;font-size:var(--fs1);margin-left:8px;color:var(--ink-2);white-space:nowrap}
.cr .bs .a em{color:var(--ink);font-weight:600}
.chart figcaption{margin-top:24px}
.dw{margin-top:72px}
.dw .take{margin-bottom:24px}
.st{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 32px;padding:32px 0;border-bottom:1px solid var(--line)}
.st .l{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.st h3{margin:0;font-size:var(--fs3);font-weight:600;letter-spacing:-.015em;line-height:1.3}
.st p{margin:0;color:var(--ink-2)}
.nx{margin-top:16px;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;font-size:var(--fs2);line-height:1.5}
.nx .lbl{padding-top:4px;color:var(--ink)}
.rev8{margin-top:72px;padding-top:24px;border-top:1px solid var(--ink)}
.rev8 h3{margin:0 0 16px;font-size:var(--fs3);font-weight:600;letter-spacing:-.018em}
.rev8 p{margin:0;color:var(--ink-2)}
/* learned */
.lrn{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.lrn li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:32px 0;border-bottom:1px solid var(--line)}
.lrn .n{font-size:var(--fs2);font-weight:600;color:var(--ink-2);padding-top:4px}
.lrn h3{margin:0 0 8px;font-size:var(--fs4);font-weight:600;letter-spacing:-.022em;line-height:1.22}
.lrn p{margin:0;font-size:var(--fs2);line-height:1.55;color:var(--ink-2)}
/* next, matches DCM */
.nexts{margin-top:88px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.next{display:flex;flex-direction:column}.next a{flex:1}
.next .k{font-size:var(--fs2);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:16px}
.next a{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}
.next a:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 26px -18px rgba(0,0,0,.4);color:var(--ink)}
.next .tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.next h3{margin:0;font-size:var(--fs4);font-weight:600;letter-spacing:-.02em}
.next .desc{font-size:var(--fs2);color:var(--ink-2)}
/* footer */
.footband{max-width:var(--col);margin:40px auto 0;padding:0 32px;color:var(--on-dark)}
.foot{background:var(--card);border-radius:var(--r) var(--r) 0 0;padding:40px 32px;display:flex;flex-direction:column;gap:24px}
.foot .fr{display:flex;flex-wrap:wrap;gap:24px 32px;justify-content:space-between;align-items:center}
.sig{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.mark{width:56px;color:var(--pos)}.mark svg{display:block;width:100%;height:auto}
.foot .role{margin:0;font-size:var(--fs2);color:var(--on-dark-2)}
.foot .links{display:flex;flex-wrap:wrap;gap:24px;font-size:var(--fs2);font-weight:500}
.foot .links a{color:var(--on-dark-2);text-decoration:none}.foot .links a:hover{color:var(--on-dark)}
.foot .base{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:var(--fs2);color:var(--on-dark-2);border-top:1px solid var(--line-d);padding-top:16px}
@media(max-width:980px){
.wrap{padding:0 24px}.g{column-gap:16px}
.band{padding:0 24px}
.hfacts{grid-template-columns:repeat(2,minmax(0,1fr))}
.outs{grid-template-columns:1fr 1fr;row-gap:32px}.outs>div:nth-child(3){padding-left:0;border-left:0}
.sec{padding-top:72px}
.sec>.head,.sec>.body{grid-column:1 / -1}
.sec>.head{position:static;display:flex;align-items:baseline;gap:16px;margin-bottom:24px;border-top:1px solid var(--ink);padding-top:16px}
.head h2{margin:0;max-width:none}
.side,.side.rev,.fgrp,.para{grid-template-columns:1fr;gap:24px}
.side .pin,.fgrp>figure .pin{position:static}
.fgrp>figure{padding:0 0 32px}
.srcs>div{grid-template-columns:1fr;gap:4px}
.chg{grid-template-columns:repeat(2,minmax(0,1fr))}
.tech .tx{grid-column:1 / span 7}.tech figure{grid-column:8 / span 5}
.st{grid-template-columns:1fr}
.kt{grid-template-columns:1fr;gap:8px}
}
@media(max-width:620px){
.ps,.chg{grid-template-columns:1fr}
.hfacts{grid-template-columns:1fr}.nexts{grid-template-columns:1fr}
.ch .pr{grid-template-columns:1fr}
.tech .tx,.tech figure{grid-column:1 / -1}.tech figure{margin-top:24px;max-width:280px}
.cr{grid-template-columns:1fr;gap:4px}
.footband{padding:0 24px}.foot{padding:32px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms !important}}
::selection{background:#C6E06B;color:#0D1626}
.hfacts dd a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s,text-decoration-thickness .2s}.hfacts dd a:hover{color:inherit;text-decoration-color:var(--pos);text-decoration-thickness:3px}
.hfacts dd a .ext{display:inline-block;margin-left:4px;font-size:.85em;opacity:0;transform:translate(-3px,1px);transition:opacity .2s,transform .2s;text-decoration:none}.hfacts dd a:hover .ext,.hfacts dd a:focus-visible .ext{opacity:1;transform:translate(0,-1px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* fewer rules: spacing does the separating */
.outs>div{border-left:0;padding:0 24px 0 0}
.rl,.srcs,.flist,.pts,.lrn{border-top:0}
.rl>li,.srcs>div,.fd,.fgrp,.pts li,.st,.lrn li{border-bottom:0}
.rl>li{padding:0 0 32px}.fd{padding:0 0 40px}.srcs>div{padding:0 0 24px}.pts li{padding:0 0 16px}.st{padding:0 0 32px}.lrn li{padding:0 0 40px}
.ps li,.ch{border-top:0;padding-top:0}.ps li::before{margin-bottom:16px}.ch h3{margin-top:8px}
.next .met{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:16px}.next .met>span{display:flex;flex-direction:column;gap:2px}.next .met b{font-size:var(--fs4);font-weight:600;letter-spacing:-.03em;line-height:1}.next .met>span>span{font-size:var(--fs1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}

.footband{margin-top:16px !important}main.wrap{padding-bottom:0}.nexts,.next{margin-bottom:0}.next .tg{margin-top:8px;font-size:var(--fs1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}

@media(max-width:480px){.topin nav a,header.top nav a{padding:8px 8px;letter-spacing:.06em;font-size:var(--fs1)}.topin{padding-left:16px;padding-right:16px}}
.hero{padding:48px 0;min-height:calc(100svh - 200px);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.hfacts{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:auto;justify-content:space-between;gap:24px 40px}
@media(max-width:900px){.hfacts{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hfacts{grid-template-columns:1fr}}
@media(max-width:620px){.outs>div{min-width:0;padding:0 16px}.outs>div:nth-child(odd){padding-left:0;border-left:0}.outs b{overflow-wrap:anywhere}}
@media(max-width:980px){.foot .links a,.foot .base a{display:inline-flex;align-items:center;min-height:44px}.foot .links{row-gap:0}}

/* responsive type scale */
@media(max-width:980px){.hero h1{}.hero .dek{}.take{}.figs b{}.kt p{}.big{}.fd .i{}.ps h3{}.insight p strong{}.ch .no{}.rev8 h3{}.lrn h3{}.next h3{}.next .met b{}}
@media(max-width:620px){.hero h1{}.hero .dek{}.take{}.figs b{}.kt p{}.big{}.fd .i{}.ps h3{}.insight p strong{}.ch .no{}.rev8 h3{}.lrn h3{}.next h3{}.next .met b{}}
@media(max-width:980px){.outs b{}}@media(max-width:620px){.outs b{}}
@media(max-width:980px){.sec>.head,.sec .head{border-top:0}}
.outs>div,.met>span,.stats>div{border-left:0!important}
@media(max-width:620px){.outs,.stats{grid-template-columns:1fr!important;row-gap:24px}.outs>div,.stats>div{padding:0!important}.next .met{flex-direction:column;gap:16px}}
@media(max-width:374px){.topin,header.top{justify-content:center}.topin nav,header.top nav{justify-content:center;margin:0 auto}.topin nav a,header.top nav a{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}}

.gridov{position:fixed;inset:0;z-index:9998;pointer-events:none;display:none}.gridov.on{display:block}
.gridov>div{max-width:var(--col,1200px);height:100%;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.gridov span{background:rgba(198,224,107,.18);border-left:1px solid rgba(132,160,40,.35);border-right:1px solid rgba(132,160,40,.35)}
@media(max-width:980px){.gridov>div{padding:0 24px;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:16px}.gridov span:nth-child(n+9){display:none}}
@media(max-width:620px){.wrap,.band{padding-left:16px!important;padding-right:16px!important}.gridov>div{padding:0 16px;grid-template-columns:repeat(4,minmax(0,1fr))}.gridov span:nth-child(n+5){display:none}}
@media(max-width:620px){.footband{padding-left:16px!important;padding-right:16px!important}}
a.sig{color:inherit;text-decoration:none;min-height:44px}a.sig:hover .role,a.sig:hover .mark{color:var(--on-dark,#fff);opacity:1}a.sig:focus-visible{outline:2px solid var(--on-dark);outline-offset:4px;border-radius:4px}

:root{--fs1:12px;--fs2:16px;--fs3:20px;--fs4:24px;--fs5:40px;--fs6:64px}
@media(max-width:980px){:root{--fs1:12px;--fs2:16px;--fs3:18px;--fs4:24px;--fs5:32px;--fs6:48px}}
@media(max-width:620px){:root{--fs1:12px;--fs2:14px;--fs3:16px;--fs4:20px;--fs5:24px;--fs6:32px}}
body{font-size:var(--fs2)}button,input,select,textarea{font-size:inherit}