@import url("/fonts/fonts.css");

:root{
  --paper:#f3f0e8;--paper-2:#ebe7dc;--card:#fbfaf6;--ink:#141311;--ink-2:#3b3934;--mute:#76726a;--rule:#d8d2c5;--rule-2:#c9c2b3;
  --or:#ff9900;--or-ink:#9c5200;--or-soft:#ffe9c7;
  --night:#0e0d0b;--night-2:#191814;--night-3:#24221d;--night-rule:#34312b;--night-text:#ece8df;--night-mute:#9a958b;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;
  --side:clamp(20px,4vw,48px);--max:1240px;--ease:cubic-bezier(.2,.7,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-weight:500;text-wrap:balance}
p{margin:0;text-wrap:pretty}
.wrap{max-width:calc(var(--max) + 2*var(--side));margin:0 auto;padding:0 var(--side)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:var(--or);color:var(--ink);padding:8px 12px;z-index:99}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}

/* wordmark */
.wm{display:block;height:34px;width:auto}
.wm--ft{height:40px}

/* masthead */
.mh{position:sticky;top:0;z-index:40;background:rgba(243,240,232,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--rule)}
.mh__in{display:flex;align-items:center;justify-content:space-between;height:68px}
.mh__logo{text-decoration:none;color:var(--ink)}
.mh__nav{display:flex;align-items:center;gap:30px;font-size:15px}
.mh__nav a{text-decoration:none;color:var(--ink-2)}
.mh__nav a:hover,.mh__nav a[aria-current]{color:var(--ink)}
.mh__nav a[aria-current]{box-shadow:inset 0 -2px var(--or)}
.mh__cta{border:1px solid var(--rule-2);border-radius:999px;padding:8px 15px;color:var(--ink)!important;white-space:nowrap}
.mh__cta:hover{border-color:var(--ink)}
.mh--dark{background:#0e0d0b;border-bottom-color:var(--night-rule)}
.mh--dark .mh__logo,.mh--dark .mh__cta{color:var(--night-text)!important}
.mh--dark .mh__nav a{color:var(--night-mute)}
.mh--dark .mh__nav a:hover{color:var(--night-text)}
.mh--dark .mh__cta{border-color:var(--night-rule)}
.mh--dark .mh__cta:hover{border-color:var(--night-mute)}
.mh__menu{display:none;background:none;border:0;width:44px;height:44px;padding:12px 10px;cursor:pointer;color:inherit}
.mh__menu span:not(.sr){display:block;height:1.5px;background:currentColor;margin:5px 0;transition:transform .25s var(--ease)}
.mh--dark .mh__menu{color:var(--night-text)}
.mnav{display:none}
@media (max-width:820px){
  .mh__nav{display:none}.mh__menu{display:block}
  .mh.open .mh__menu span:nth-child(1){transform:translateY(3.3px) rotate(45deg)}
  .mh.open .mh__menu span:nth-child(2){transform:translateY(-3.3px) rotate(-45deg)}
  .mh.open .mnav{display:flex}
  .mnav{flex-direction:column;padding:8px var(--side) 22px;border-top:1px solid var(--rule)}
  .mnav a{padding:13px 0;font-size:20px;text-decoration:none;border-bottom:1px solid var(--rule)}
  .mh--dark .mnav{border-top-color:var(--night-rule)}.mh--dark .mnav a{color:var(--night-text);border-bottom-color:var(--night-rule)}
}

/* buttons */
.bt{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.bt--or{background:var(--or);color:#160d00}
.bt--or:hover{background:#ffad33}
.bt--gh{border:1px solid currentColor;color:var(--ink)}
.home .hero .bt--gh{color:var(--night-text);border-color:var(--night-rule)}
.home .hero .bt--gh:hover{border-color:var(--night-mute)}

/* hero */
.hero{background:var(--night);color:var(--night-text);padding:24px 0 88px;overflow:hidden;position:relative}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--night-2) 1px,transparent 1px),linear-gradient(90deg,var(--night-2) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 80% 70% at 75% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 75% 40%,#000 20%,transparent 75%);opacity:.9}
.hero__in{position:relative;display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:56px;align-items:center}
.hero h1{font:400 clamp(46px,min(5.4vw,8.4vh),80px)/.98 var(--serif);letter-spacing:-.025em}
.hero__lede{margin-top:26px;max-width:470px;font-size:18px;line-height:1.55;color:var(--night-mute)}
.hero__ctas{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}

/* selection machine */
.mc{margin:0;background:var(--night-2);border:1px solid var(--night-rule);border-radius:18px;padding:14px;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.mc__q{display:flex;align-items:baseline;gap:12px;padding:12px 14px;border-radius:10px;background:var(--night-3);font:500 13.5px/1.45 var(--mono)}
.mc__who{color:var(--or);flex:none}
.mc__p{color:var(--night-text);min-height:1.45em}
.mc__p.typing::after{content:"";display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:-2px;background:var(--or);animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.mc__grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tl{position:relative;padding:8px 9px 8px;border-radius:9px;background:var(--night-3);border:1px solid transparent;color:var(--night-text);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .4s,background .4s}
.tl__n{position:absolute;top:9px;right:10px;font:500 10px/1 var(--mono);color:var(--night-mute)}
.tl__g{width:36px;height:16px;color:var(--night-mute)}
.tl__name{display:block;margin:4px 0 4px;font:500 12.5px/1.2 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl dl{margin:0;display:grid;gap:0;font:400 10.5px/1.4 var(--mono)}
.tl dl div{display:flex;justify-content:space-between;gap:6px;color:var(--night-mute)}
.tl dt{white-space:nowrap}.tl dd{margin:0;color:var(--night-text);white-space:nowrap}
.tl dl .miss dd{color:var(--or)}
.tl__st{display:block;margin-top:6px;padding:4px 6px;border-radius:5px;font:500 10px/1.25 var(--mono);min-height:21px;opacity:0;transition:opacity .35s,background .35s}
.tl__why{background:#2c1d0a;color:#ffbe66}
.tl__rk{background:var(--or);color:#160d00}
.mc.s-scan .tl{border-color:var(--night-rule)}
.mc.s-cut .tl[data-fail]{opacity:.32}
.mc.s-cut .tl[data-fail] .tl__why{opacity:1}
.mc.s-rank .tl[data-rank]{background:#221c12;border-color:#5a4220}
.mc.s-rank .tl[data-rank] .tl__rk{opacity:1}
.mc.s-pick .tl[data-rank="1"]{background:#2a1f0d;border-color:var(--or);box-shadow:0 0 0 3px rgba(255,153,0,.18),0 18px 40px -18px rgba(255,153,0,.55);transform:translateY(-3px)}
.mc__out{display:flex;align-items:center;gap:26px;margin-top:12px;padding:2px 4px 0}
.mc__k{display:flex;align-items:baseline;gap:8px}
.mc__k b{font:400 34px/1 var(--serif);color:var(--night-text);font-variant-numeric:tabular-nums}
.mc__k span{font-size:13px;color:var(--night-mute)}
.mc__k--or b{color:var(--or)}
.mc__re{margin-left:auto;background:none;border:1px solid var(--night-rule);color:var(--night-mute);border-radius:999px;padding:8px 14px;font:500 13px/1 var(--sans);cursor:pointer}
.mc__re:hover{color:var(--night-text);border-color:var(--night-mute)}
.mc figcaption{white-space:nowrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--night-rule);font-size:13px;color:var(--night-mute)}

/* sections */
.sec{padding:112px 0}
.sec__h{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:40px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.sec__h h2{font:400 clamp(30px,3.4vw,44px)/1.05 var(--serif);letter-spacing:-.015em}
.sec__h a{font-size:15px;text-decoration:none;white-space:nowrap}
.sec__h a:hover{text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}

/* topic tag */
.tp{display:inline-block;font:500 13px/1.35 var(--sans);color:var(--or-ink);text-decoration:none;margin-bottom:12px}
.tp:hover{text-decoration:underline;text-underline-offset:3px}

/* cards */
.cd{display:flex;flex-direction:column}
.cd__plate{display:block;background:var(--card);border:1px solid var(--rule);border-radius:12px;overflow:hidden;aspect-ratio:16/9;padding:6%;transition:border-color .3s}
.cd__plate svg{width:100%;height:100%}
.cd:hover .cd__plate{border-color:var(--ink-2)}
.cd__b{padding-top:18px}
.cd h3{font:400 23px/1.18 var(--serif);letter-spacing:-.01em}
.cd h3 a{text-decoration:none}
.cd h3 a:hover{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:4px}
.cd p{margin-top:12px;color:var(--ink-2);font-size:16.5px}
.cd .by{margin-top:16px}
.cd--l h3{font-size:clamp(28px,2.8vw,38px);line-height:1.08}
.cd--l .cd__plate{aspect-ratio:auto;padding:5% 4%}
.lead__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px}
.lead__side{display:grid;gap:30px;align-content:start}
.lead__side .cd{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding-bottom:30px;border-bottom:1px solid var(--rule)}
.lead__side .cd:last-child{border-bottom:0;padding-bottom:0}
.lead__side .cd__plate{aspect-ratio:1;padding:10%}
.lead__side .cd__b{padding-top:0}
.lead__side .cd h3{font-size:19px}
.lead__side .by img{display:none}

/* byline */
.by{display:flex;align-items:center;gap:12px}
.by img{width:40px;height:40px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.by a{display:block;font-weight:500;font-size:15px;text-decoration:none}
.by a:hover{text-decoration:underline}
.by span{display:block;font-size:13.5px;color:var(--mute)}
.by--s img{width:28px;height:28px}
.by--s a{font-size:13.5px}.by--s span{font-size:12.5px}

/* buying path */
.bp{background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.bp__h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:64px}
.bp__h h2{font:400 clamp(34px,4.2vw,58px)/1.02 var(--serif);letter-spacing:-.02em}
.bp__h p{font-size:18px;color:var(--ink-2);max-width:480px}
.bp__h p a{text-decoration-color:var(--or);text-underline-offset:3px}
.bp__line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:90px repeat(5,minmax(0,1fr)) 90px;position:relative}
.bp__line::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--ink) 0 88%,var(--or) 88%)}
.bp__end span{display:inline-block;margin-top:34px;font:500 13px/1 var(--mono);color:var(--mute)}
.bp__end::before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:var(--paper-2);border:2px solid var(--ink);position:relative}
.bp__end--buy{text-align:right}.bp__end--buy::before{margin-left:auto;background:var(--or);border-color:var(--or)}
.bp__s{position:relative}
.bp__s a{display:block;padding:34px 22px 0 0;text-decoration:none}
.bp__dot{position:absolute;top:0;left:0;display:block;width:20px;height:20px;background:var(--paper-2);border:2px solid var(--ink);transform:rotate(45deg) scale(.78);transition:background .2s}
.bp__s b{display:block;margin-top:0;font:500 20px/1.15 var(--serif)}
.bp__s span:not(.bp__dot){display:block;margin-top:10px;font-size:15px;color:var(--ink-2)}
.bp__s em{display:block;margin-top:16px;white-space:nowrap;font:normal 500 12.5px/1 var(--mono);color:var(--mute)}
.bp__s a:hover .bp__dot{background:var(--or);border-color:var(--or)}
.bp__s a:hover b{text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}

/* archive index */
.ix__l{list-style:none;margin:0;padding:0}
.ix__r{display:grid;grid-template-columns:64px minmax(0,1fr) 220px;gap:24px;padding:26px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.ix__n{font:500 13px/1 var(--mono);color:var(--mute)}
.ix__t{font:400 26px/1.15 var(--serif);text-decoration:none;letter-spacing:-.01em}
.ix__t:hover{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:5px}
.ix__b p{margin-top:8px;color:var(--ink-2);max-width:680px}
.ix__m{font-size:13.5px;color:var(--mute);text-align:right;line-height:1.6}

/* people + cta */
.who{background:var(--night);color:var(--night-text)}
.who__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:stretch}
.who h2{font:400 clamp(32px,3.6vw,50px)/1.04 var(--serif);letter-spacing:-.015em}
.who__c>p{margin-top:22px;font-size:18px;color:var(--night-mute);max-width:600px}
.who__c>p a{color:var(--night-text);text-decoration-color:var(--or);text-underline-offset:3px}
.who__pp{display:flex;gap:28px;margin-top:40px}
.pp{display:grid;grid-template-columns:72px auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;text-decoration:none}
.pp img{grid-row:span 2;width:72px;height:72px;border-radius:50%;object-fit:cover;filter:grayscale(1);transition:filter .3s}
.pp:hover img{filter:none}
.pp b{font:500 18px/1.2 var(--serif);align-self:end}
.pp span{font-size:13.5px;color:var(--night-mute);align-self:start}
.who__cta{border:1px solid var(--night-rule);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:14px;background:var(--night-2);scroll-margin-top:90px}
.who__cta h3{font:400 30px/1.1 var(--serif)}
.who__cta>p{color:var(--night-mute)}
.who__cta .cf{margin-top:8px}

/* contact form */
.cf{display:grid;gap:14px}
.cf__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.cf__f{display:grid;gap:7px;font-size:13.5px;color:var(--night-mute)}
.cf__f i{font-style:normal;opacity:.65;margin-left:4px}
.cf input,.cf textarea{width:100%;box-sizing:border-box;background:var(--night-3);border:1px solid var(--night-rule);border-radius:10px;padding:12px 14px;font:400 15px/1.4 var(--sans);color:var(--night-text);transition:border-color .2s}
.cf textarea{resize:vertical;min-height:120px}
.cf input:focus,.cf textarea:focus{outline:none;border-color:var(--or)}
.cf [aria-invalid="true"]{border-color:#e5654b}
.cf__hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.cf__end{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.cf__end .bt{border:0;cursor:pointer}
.cf__end .bt[disabled]{opacity:.6;cursor:default}
.cf__pv{font-size:13px;color:var(--night-mute)}
.cf__pv a{color:var(--night-text);text-underline-offset:3px}
.cf__st{font-size:14.5px;color:var(--night-mute);min-height:0}
.cf__st:empty{display:none}
.cf__st.err{color:#ff9b85}
.cf__st a{color:var(--night-text)}
.cf__ok{border:1px solid var(--night-rule);border-radius:14px;padding:24px;background:var(--night-3)}
.cf__ok b{display:block;font:400 24px/1.2 var(--serif);color:var(--night-text);margin-bottom:6px}
.cf__ok p{color:var(--night-mute)}

/* article */
.ar__h{padding:64px 0 40px}
.ar__h .wrap>*{max-width:900px}
.bc{display:flex;gap:10px;font-size:14px;color:var(--mute);margin-bottom:26px}
.bc a{text-decoration:none;color:var(--ink-2)}.bc a:hover{text-decoration:underline}
.ar__h h1{font:400 clamp(38px,5vw,68px)/1.02 var(--serif);letter-spacing:-.022em}
.ar__dek{margin-top:24px;font:300 clamp(19px,1.7vw,23px)/1.45 var(--serif);color:var(--ink-2);max-width:760px}
.ar__h .by{margin-top:30px}
.ar__cv{margin-bottom:72px}
.cvf{margin:0;background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:clamp(18px,3vw,40px)}
.cvc{display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule);font:500 13px/1.4 var(--mono);color:var(--mute)}
.cvc span:last-child{color:var(--or-ink);text-align:right}
.ar__grid{display:grid;grid-template-columns:240px minmax(0,700px);gap:72px;justify-content:center;padding-bottom:40px}
.ar__toc{position:sticky;top:100px;align-self:start;font-size:14px}
.ar__toc b{display:block;font-weight:500;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.ar__toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ar__toc a{display:block;padding:6px 0 6px 14px;border-left:2px solid transparent;text-decoration:none;color:var(--mute);line-height:1.35}
.ar__toc a:hover{color:var(--ink)}
.ar__toc a.on{color:var(--ink);border-left-color:var(--or)}

/* prose */
.prose{font:400 19.5px/1.66 var(--serif);color:#1d1c19}
.prose>*+*{margin-top:1.05em}
.prose h2{font:400 clamp(30px,3vw,38px)/1.1 var(--serif);letter-spacing:-.015em;margin-top:2.1em;scroll-margin-top:100px}
.prose h2:first-child{margin-top:0}
.prose h3{font:600 22px/1.25 var(--sans);letter-spacing:-.012em;margin-top:1.9em;scroll-margin-top:100px}
.prose h4{font:600 19px/1.3 var(--sans);margin-top:1.6em}
.prose strong{font-weight:600}
.prose a{text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:0;list-style:none}
.prose li{position:relative;padding-left:30px}
.prose li+li{margin-top:.45em}
.prose ul li::before{content:"";position:absolute;left:6px;top:.62em;width:9px;height:9px;border:2px solid var(--or);transform:rotate(45deg)}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o}
.prose ol li::before{content:counter(o);position:absolute;left:0;top:.18em;font:500 14px/1.6 var(--mono);color:var(--or-ink)}
.prose .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rule);border-radius:12px;background:var(--card);margin-top:1.6em}
.prose table{border-collapse:collapse;width:100%;min-width:560px;font:400 15px/1.45 var(--sans);color:var(--ink-2)}
.prose th,.prose td{text-align:left;vertical-align:top;padding:12px 16px;border-top:1px solid var(--rule)}
.prose thead th{border-top:0;font:500 12.5px/1.3 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;background:var(--paper-2)}
.prose tbody th{font-weight:600;color:var(--ink)}
.prose .tbl+*{margin-top:1.6em}
.prose.lg{max-width:760px}
.prose code{font:400 .8em var(--mono);background:var(--paper-2);border:1px solid var(--rule);border-radius:5px;padding:.08em .35em;white-space:nowrap}
@media (max-width:900px){.prose .tbl{overflow:visible;border:0;background:none;border-radius:0}.prose table{min-width:0;display:block}.prose thead{display:none}.prose tbody{display:grid;gap:12px}.prose tbody tr{display:block;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:6px 16px 12px}.prose tbody th,.prose tbody td{display:block;border:0;padding:8px 0 0}.prose tbody th{font-size:17px;padding-top:10px}.prose tbody td::before{content:attr(data-label);display:block;font:500 11.5px/1.4 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}}
.prose .tbl--cards{overflow:visible;border:0;background:none;border-radius:0}.prose .tbl--cards table{min-width:0;display:block}.prose .tbl--cards thead{display:none}.prose .tbl--cards tbody{display:grid;gap:12px}.prose .tbl--cards tbody tr{display:block;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:6px 16px 12px}.prose .tbl--cards tbody th,.prose .tbl--cards tbody td{display:block;border:0;padding:8px 0 0}.prose .tbl--cards tbody th{font-size:17px;padding-top:10px}.prose .tbl--cards tbody td::before{content:attr(data-label);display:block;font:500 11.5px/1.4 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.prose tbody th{min-width:8.5em}
.prose td .brk{overflow-wrap:anywhere}
.who__pp:not(.who__pp--col){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
@media (max-width:560px){.who__pp:not(.who__pp--col){grid-template-columns:1fr;gap:18px}}
.pq{margin:2.2em 0;padding:34px 0 30px;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
.pq p{font:300 clamp(26px,2.6vw,33px)/1.28 var(--serif);letter-spacing:-.012em;color:var(--ink)}
.pq p::before{content:"“";color:var(--or)}.pq p::after{content:"”";color:var(--or)}
.pq cite{display:block;margin-top:16px;font:normal 500 14px/1 var(--sans);color:var(--mute)}
.ar__f{max-width:calc(940px + 2*var(--side));padding-bottom:40px}
.ab{display:flex;gap:22px;align-items:center;padding:28px;border:1px solid var(--rule);border-radius:16px;background:var(--card);margin-left:auto;max-width:700px}
.ab img{width:88px;height:88px;border-radius:50%;object-fit:cover;filter:grayscale(1);flex:none}
.ab span{display:block;font-size:13px;color:var(--mute)}
.ab a{font:500 22px/1.3 var(--serif);text-decoration:none}
.ab a:hover{text-decoration:underline;text-decoration-color:var(--or)}
.ab p{margin-top:6px;color:var(--ink-2);font-size:15.5px}
.rel{padding-top:72px}
.rel__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cta{background:var(--night);color:var(--night-text);padding:96px 0}
.cta{scroll-margin-top:68px}
.cta__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 72px;align-items:start}
.cta h2{font:400 clamp(32px,3.6vw,48px)/1.05 var(--serif);letter-spacing:-.015em}
.cta__in>div>p{margin-top:18px;color:var(--night-mute);font-size:18px;max-width:420px}

/* figures: plates */
.cv{width:100%;height:auto}
.cv-grid .pt rect,.pt rect{fill:var(--paper);stroke:var(--rule-2);stroke-width:1.2}
.pt line{stroke:var(--rule-2);stroke-width:1.2}
.cv-l{fill:none;stroke:var(--rule-2);stroke-width:1}
.cv-out{fill:none;stroke:var(--or);stroke-width:1.6}
.cv-agent{fill:var(--night)}.cv-agent~.cv-q{fill:var(--night-text)}.cv-m--or{fill:var(--or-ink)}.cv-agent+.cv-m--or{fill:var(--or)}
.cv-hubc{fill:var(--night)}.cv-hubt{font:400 30px var(--serif);fill:var(--night-text)}
.dp-t{font:500 15px var(--sans);fill:var(--or-ink)}
.dp__k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:500 13px/1.3 var(--mono);color:var(--mute);margin-bottom:10px!important}.dp__o,.dp__c{display:inline-block;width:12px;height:14px;border-radius:2px;border:1.6px solid var(--or);background:#fff6e6}.dp__c{border-color:var(--mute);background:var(--paper);margin-left:10px}
.cv-b rect{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4}
.cv-b svg{color:var(--ink-2)}
.cv-b--1 rect{fill:#fff6e6;stroke:var(--or);stroke-width:2}
.cv-t{font:500 17px var(--sans);fill:var(--ink)}
.cv-m{font:400 12.5px var(--mono);fill:var(--mute)}
.cv-r{font:500 14px var(--mono);fill:var(--ink-2)}
.cv-b--1 .cv-r{fill:var(--or-ink)}
.cv-ret g,.cv-ret{fill:var(--or)}
.cv-sel{fill:#fff6e6;stroke:var(--or);stroke-width:2}
.cd__plate .cvc{display:none}
.cv--thumb text{display:none}
.cv-sheet{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4}.cv-sheet-h{fill:var(--night)}
.cv-sheet-h~.cv-q{fill:var(--night-text)}
.cv-m--n{fill:var(--night-mute)}
.cv-t2{font:500 17px var(--sans);fill:var(--ink)}.cv-t2--or{fill:var(--or-ink)}
.cv-ok{fill:var(--ink)}.cv-ok--or{fill:var(--or)}.cv-okp{fill:none;stroke:var(--paper);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cv-gap{fill:var(--or)}.cv-gapp{stroke:#160d00;stroke-width:3;stroke-linecap:round}
.cv-ring{fill:none;stroke-width:26}.cv-ring--ok{stroke:var(--ink)}.cv-ring--gap{stroke:#ffd699}
.cv-big{font:400 54px var(--serif);fill:var(--ink)}
.cv-slab{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4}.cv-slab--or{fill:#fff1dc;stroke:var(--or);stroke-width:2}
.cv-drop{stroke:var(--or);stroke-width:2;stroke-dasharray:6 6}.cv-dropd{fill:var(--or)}
.cv-chip{fill:var(--paper);stroke:var(--rule-2)}
.cv-intent{fill:var(--night)}.cv-intent~.cv-q{fill:var(--night-text)}
.cv-b1--l{fill:#fff6e6;stroke:var(--or);stroke-width:2}
.cv-thr{stroke:var(--or);stroke-width:1.6;stroke-dasharray:8 6}
.cv-pil{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4}.cv-pil--gap{fill:#fff1dc;stroke:var(--or);stroke-dasharray:5 4}
.cv-thumb2{fill:var(--paper-2);stroke:var(--rule-2)}.cv-bul{fill:var(--ink-2)}.cv-aplus{fill:var(--paper-2)}
.cv-star{fill:var(--or)}
.cv-var{fill:var(--card);stroke:var(--rule-2)}.cv-var--on{stroke:var(--ink-2);stroke-width:1.6}
.dp-k{fill:var(--ink-2)}
.cv-num{fill:var(--or)}.cv-numt{font:600 13px var(--mono);fill:#160d00}
.cv-ghost rect{fill:none;stroke:var(--rule);stroke-dasharray:3 4}
.cv-old{fill:var(--paper);stroke:var(--rule-2)}.cv-q2{font:400 30px var(--serif);fill:var(--night-text)}.cv-q2--old{fill:var(--mute)}.cv-strike{stroke:var(--or);stroke-width:2.5}
.cv-bub{fill:var(--night)}.cv-hi{fill:#fff1dc;stroke:var(--or);stroke-width:1.6}.cv-gap2{fill:var(--paper-2);stroke:var(--mute);stroke-dasharray:3 3}.cv-qm{font:500 20px var(--sans);fill:var(--mute)}
.cv-new{fill:var(--night)}.cv-new~.cv-q{fill:var(--night-text)}
.cv-lens{fill:var(--paper);stroke:var(--ink);stroke-width:5}.cv-handle{stroke:var(--ink);stroke-width:16;stroke-linecap:round}
.cv-mini{fill:var(--paper-2);stroke:var(--rule-2)}
.cv-card{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.4}.cv-pickc{stroke-width:2.4}
.cv-tile{fill:var(--paper);stroke:var(--ink-2);stroke-width:1.3}.cv-tile--bad{stroke:var(--or);stroke-dasharray:4 3}.cv-tile--or{fill:#fff1dc;stroke:var(--or);stroke-width:2.4}
.cv-h{font:500 14px var(--mono);fill:var(--mute)}
.cv-rule{stroke:var(--ink-2);stroke-width:1.2}.cv-rule--l{stroke:var(--rule)}
.cv-v{font:500 17px var(--sans);fill:var(--ink)}.cv-v--s{font:400 16px var(--mono)}
.cv-bad{fill:#fff1dc;stroke:var(--or);stroke-width:1.4;stroke-dasharray:4 3}
.cv-trk{fill:var(--paper-2)}.cv-bar{fill:var(--ink-2)}.cv-bar--hi{fill:var(--or)}
.cv-n{font:500 15px var(--mono);fill:var(--mute)}
.cv-res rect{fill:var(--paper);stroke:var(--rule-2)}.cv-res .cv-ln{fill:var(--rule-2);stroke:none}
.cv-res--pick rect{stroke:var(--or);stroke-width:2}.cv-res--pick .cv-ln{fill:var(--or)}.cv-res--pick .cv-n{fill:var(--or-ink)}
.cv-sp{font:500 12.5px var(--mono);fill:var(--mute)}
.cv-pick{fill:none;stroke:var(--or);stroke-width:2;stroke-dasharray:5 5}
.cv-ans{fill:var(--night)}.cv-q{font:400 19px var(--serif);fill:var(--night-text)}
.cv-b1{fill:var(--night-2);stroke:var(--or);stroke-width:2}.cv-thumb{fill:var(--night-3)}
.cv-ans~.cv-ln,.cv-b1~.cv-ln{fill:var(--night-mute)}
.cv-b1~.cv-m{fill:var(--night-mute)}
.cv-r--or{fill:var(--or)!important;font:500 14px var(--mono)}
.cv-obj path,.cv-obj rect,.cv-obj circle{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.cv-call{fill:none;stroke:var(--rule-2);stroke-width:1.2}.cv-call--or{stroke:var(--or);stroke-width:1.8}
.cv-dot{fill:var(--card);stroke:var(--ink-2);stroke-width:1.5}.cv-dot--or{fill:var(--or);stroke:var(--or)}
.cv-k{font:500 15px var(--mono);fill:var(--ink-2)}.cv-k--or{fill:var(--or-ink)}
.cv-ln{fill:var(--rule-2)}
.cv-scr{stroke-width:1.2!important;stroke:var(--mute)!important}
.cv-desc{fill:var(--paper);stroke:var(--rule-2);stroke-dasharray:4 4}
.cv-dt{font:italic 400 16px var(--serif);fill:var(--mute)}

/* in-article figures */
.fx{margin:2.4em 0;padding:clamp(20px,3vw,32px);background:var(--card);border:1px solid var(--rule);border-radius:14px;font-family:var(--sans)}
.fx figcaption{margin-top:22px;padding-top:16px;border-top:1px solid var(--rule);font:400 15px/1.5 var(--sans);color:var(--mute)}
.fx-lanes__row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center;padding:18px 0}
.fx-lanes__row+.fx-lanes__row{border-top:1px dashed var(--rule-2)}
.fx-lanes__h b{display:block;font:600 16px/1.25 var(--sans)}
.fx-lanes__h span{display:block;margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--mute)}
.ln{list-style:none;margin:0!important;padding:0;display:flex;align-items:flex-start;gap:0;position:relative}
.fx .ln li{flex:1 1 0;min-width:0;padding:0 6px!important;margin:0!important;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font:500 13.5px/1.25 var(--sans);position:relative}
.ln li::before{display:none}
.ln li+li::after{content:"";position:absolute;top:15px;right:calc(50% + 18px);width:calc(100% - 36px);height:1.5px;background:var(--rule-2)}
.ln__i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ink-2);font:500 12px/1 var(--mono);background:var(--card);position:relative;z-index:1}
.ln--ai li+li::after{background:var(--or)}
.ln--ai .ln__i{border-color:var(--or);background:var(--or);color:#160d00}
.fx-lanes__row--ai .fx-lanes__h b{color:var(--or-ink)}
.ba__hd{display:grid;grid-template-columns:1fr 56px 1fr;font:500 13px/1.3 var(--mono);color:var(--mute);padding-bottom:12px;border-bottom:1px solid var(--rule)}
.ba__hd span:last-child{grid-column:3;color:var(--or-ink)}
.ba{list-style:none;margin:0!important;padding:0}
.fx .ba li{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--rule);font:500 15.5px/1.3 var(--sans)}
.ba li::before{display:none}
.ba__o{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--rule-2);text-decoration-thickness:1.5px}
.ba i{height:1.5px;background:var(--rule-2);position:relative;margin:0 8px}
.ba i::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--or);border-right:0}
.ba__n{color:var(--ink)}
/* figure kinds */
.fx__t{font:600 16px/1.3 var(--sans);margin-bottom:20px!important;color:var(--ink)}
.fx ul,.fx ol{list-style:none;margin:0!important;padding:0}
.fx li{padding:0!important;margin:0!important}
.fx li::before{display:none!important}
.fx-end{margin-top:18px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;background:var(--night);color:var(--night-text)}
.fx-end b{font:400 21px/1.2 var(--serif)}
.fx-ar{width:26px;height:13px;color:var(--or)}
.ln__l{display:block}
/* columns */
.cl__w{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:start}
.cl__ar{align-self:center;display:grid;place-items:center}
.cl__h{font:500 13px/1.3 var(--mono);color:var(--mute);padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:6px!important}
.cl--new .cl__h{color:var(--or-ink)}
.cl li{padding:10px 0!important;border-bottom:1px solid var(--rule)}
.cl li b{display:block;font:500 15.5px/1.3 var(--sans)}
.cl li span{display:block;margin-top:3px;font-size:13.5px;line-height:1.4;color:var(--mute)}
.cl--old li b{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--rule-2);text-decoration-thickness:1.5px}
.cl--new li{position:relative;padding-left:18px!important}
.cl--new li::after{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;background:var(--or);transform:rotate(45deg)}
/* split */
.sp__w{display:grid;grid-template-columns:1fr 120px 1fr;gap:0;align-items:stretch}
.sp li{padding:10px 12px!important;margin:6px 0!important;border:1px solid var(--rule);border-radius:8px;font:500 15px/1.3 var(--sans);background:var(--paper)}
.sp--r li{border-color:#f0c88a;background:#fff6e6}
.sp--r .cl__h{color:var(--or-ink)}
.sp__c{position:relative;display:grid;place-items:center}
.sp__c::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--rule-2),var(--or),var(--rule-2))}
.sp__c span{position:relative;background:var(--night);color:var(--night-text);font:500 13px/1.25 var(--mono);padding:10px 10px;border-radius:8px;text-align:center;max-width:110px}
/* cards */
.cds{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.cds--5{grid-template-columns:repeat(6,minmax(0,1fr))}.cds--5 li:nth-child(-n+3){grid-column:span 2}.cds--5 li:nth-child(n+4){grid-column:span 3}
.cds li{border:1px solid var(--rule);border-radius:10px;padding:16px!important;background:var(--paper);display:flex;flex-direction:column;gap:4px}
.cds__n{font:500 12px/1 var(--mono);color:var(--or-ink);margin-bottom:10px}
.cds b{font:500 16px/1.25 var(--sans)}
.cds span:not(.cds__n){font-size:13.5px;line-height:1.4;color:var(--mute)}
/* funnel */
.fn{display:grid;gap:6px;justify-items:center}
.fn li{width:var(--w);display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:12px 18px!important;border-radius:8px;background:var(--paper);border:1px solid var(--rule)}
.fn li b{font:500 15.5px/1.25 var(--sans)}
.fn li span{font-size:13.5px;color:var(--mute);text-align:right}
.fn li.fn--end{background:var(--night);border-color:var(--night);color:var(--night-text)}
.fn li.fn--end span{color:var(--night-mute)}
.fn li:nth-last-child(2):not(:first-child){border-color:var(--or)}
/* checklist */
.ck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ck li{display:flex;align-items:center;gap:10px;padding:13px 14px!important;border:1px solid var(--rule);border-radius:9px;background:var(--paper);font:500 15px/1.25 var(--sans)}
.ck svg{width:20px;height:20px;flex:none}
.ck rect{fill:var(--or);stroke:none}.ck path{fill:none;stroke:#160d00;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hub */
.hb{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"a c b" "d c e" "f f f";gap:10px;align-items:stretch}
.fx .hb__i{border:1px solid var(--rule);border-radius:10px;padding:14px 16px!important;background:var(--paper);display:flex;flex-direction:column;gap:4px;justify-content:center}
.hb__i b{font:500 16px/1.2 var(--sans)}.hb__i span{font-size:13.5px;color:var(--mute)}
.hb__i--1{grid-area:a}.hb__i--2{grid-area:b}.hb__i--3{grid-area:d}.hb__i--4{grid-area:e}.hb__i--5{grid-area:f;justify-self:center;min-width:46%}
.fx .hb__c{grid-area:c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--night);color:var(--night-text);border-radius:12px;padding:18px!important;text-align:center}
.hb__c b{font:400 22px/1.2 var(--serif)}
/* confidence */
.cf__scale{display:flex;justify-content:space-between;font:500 13px/1 var(--mono);color:var(--mute);margin-bottom:10px}
.cf__scale span:last-child{color:var(--or-ink)}
.cf__bar{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--paper-2),#ffd699 60%,var(--or))}
.cf__m{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:4px!important}
.cf__m li{position:relative;padding-top:18px!important;text-align:center;display:flex}
.cf__m li::after{content:"";position:absolute;top:-14px;left:50%;width:2px;height:26px;background:var(--ink-2);transform:translateX(-1px)}
.cf__m li:last-child::after{background:var(--or)}
.cf__m span{display:flex;align-items:center;justify-content:center;width:100%;font:500 14px/1.25 var(--sans);padding:10px 8px;border:1px solid var(--rule);border-radius:8px;background:var(--paper)}
/* steps */
.st{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;height:280px}
.st li{height:var(--h);display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px!important;border-radius:8px 8px 2px 2px;background:var(--paper);border:1px solid var(--rule)}
.st__n{font:500 12px/1 var(--mono);color:var(--mute)}
.st b{font:500 14.5px/1.25 var(--sans)}
.st li.st--end{background:var(--or);border-color:var(--or)}.st li.st--end .st__n{color:#160d00}
/* bars */
.br li{display:grid;grid-template-columns:200px 1fr 48px 100px;gap:14px;align-items:center;padding:10px 0!important;border-bottom:1px solid var(--rule)}
.br__l{font:500 15px/1.3 var(--sans)}
.br__t{height:10px;border-radius:5px;background:var(--paper-2);overflow:hidden}.br__t i{display:block;height:100%;background:var(--ink-2);border-radius:5px}
.br li:first-child .br__t i,.br li:nth-child(3) .br__t i{background:var(--or)}
.br__v{font:500 14px/1 var(--mono);text-align:right}.br__s{font:400 13px/1 var(--mono);color:var(--mute)}
/* record */
.rc{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center}
.rc__doc{border:1px solid var(--ink-2);border-radius:10px;overflow:hidden;background:var(--paper)}
.rc__h{background:var(--night);color:var(--night-text);font:500 13px/1 var(--mono);padding:13px 16px}
.rc__doc li{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;padding:11px 16px!important;border-top:1px solid var(--rule);font:500 14.5px/1.2 var(--sans)}
.rc__doc i{display:block;height:8px;border-radius:4px;background:var(--rule-2)}
.rc__st{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--or-ink)}
.ck-big{width:72px;height:72px}.ck-big circle{fill:var(--or)}.ck-big path{fill:none;stroke:#160d00;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.rc__st b{font:400 24px/1 var(--serif);color:var(--ink)}
/* tree */
.tr{display:grid;gap:0;max-width:520px}
.tr li{position:relative;padding:0 0 22px 0!important}
.tr li:not(:last-child)::after{content:"";position:absolute;left:22px;top:42px;bottom:0;width:2px;background:var(--ink-2)}
.tr__s span,.tr__b,.tr__e span{display:inline-block;padding:11px 16px;border-radius:9px;font:500 15px/1.25 var(--sans)}
.tr__s span{background:var(--night);color:var(--night-text)}
.tr__q{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.tr__b{border:1px solid var(--ink-2);background:var(--paper)}
.tr__no{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mute)}
.tr__no em{font:normal 500 12.5px/1 var(--mono)}
.tr__no span{padding:6px 10px;border:1px dashed var(--rule-2);border-radius:7px;text-decoration:line-through;text-decoration-color:var(--rule-2)}
.tr__yes{position:absolute;left:32px;bottom:2px;font:normal 500 12.5px/1 var(--mono);color:var(--or-ink)}
.tr__e{display:flex;align-items:center;gap:12px}
.tr__e span{background:var(--or);color:#160d00}
/* gates */
.gt{display:grid;grid-template-columns:1fr;gap:0}
.fx .gt li{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:16px;padding:11px 0!important;border-top:1px solid var(--rule)}
.fx .gt li:first-child{border-top:0}
.gt b{font:500 15px/1.25 var(--sans)}
.gt__g{display:none}
.gt__d{display:flex;flex-wrap:wrap;gap:4px;min-height:0}
.gt__d i{width:9px;height:9px;border-radius:2px;background:var(--rule-2)}
.gt em{font:normal 500 12.5px/1 var(--mono);color:var(--mute);text-align:right}
.fx .gt li.gt__out{display:flex;justify-content:space-between;align-items:center;margin-top:10px!important;padding:13px 16px!important;border:0;border-radius:10px;background:var(--night);color:var(--night-text)}
.gt__out b{font:400 20px/1.2 var(--serif);white-space:nowrap}
.gt__out em{color:var(--or);justify-self:end}
/* spec */
.sx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sx li{border:1px solid var(--rule);border-radius:10px;padding:14px!important;background:var(--paper)}
.sx b{display:block;font:500 15.5px/1.2 var(--sans);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.sx span{display:flex;flex-wrap:wrap;gap:6px}
.sx em{font:normal 400 12.5px/1.2 var(--mono);color:var(--ink-2);background:var(--card);border:1px solid var(--rule);border-radius:5px;padding:4px 6px}
/* query */
.qy{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.qy__k{font:500 13px/1 var(--mono);color:var(--mute);margin-bottom:10px!important}
.qy__box{border:1px solid var(--ink-2);border-radius:999px;padding:10px 16px;font:400 14.5px/1.3 var(--mono);margin-bottom:14px!important}
.qy__res{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.qy__res i{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:5px;aspect-ratio:.8;border-radius:4px;background:var(--paper-2);border:1px solid var(--rule)}
.qy__res b{display:block;height:3px;border-radius:2px;background:var(--rule-2)}.qy__res b+b{width:60%}
.qy__r{padding-left:28px;border-left:1px dashed var(--rule-2)}
.qy__bub{background:var(--night);color:var(--night-text);border-radius:14px 14px 14px 4px;padding:12px 16px;font:400 15px/1.45 var(--sans);margin-bottom:16px!important}
.qy__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.qy__cards li{border:1px solid var(--rule);border-radius:9px;padding:12px 10px!important;background:var(--paper);display:flex;flex-direction:column;gap:6px}
.qy__cards svg{width:52px;color:var(--ink-2)}
.qy__cards b{font:500 13.5px/1.2 var(--sans)}.qy__cards span{font:400 12.5px/1 var(--mono);color:var(--mute)}
.qy__cards li.qy--pick{border-color:var(--or);background:#fff6e6;box-shadow:0 0 0 3px rgba(255,153,0,.15)}
/* variants, duplicates */
.vr__hd{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:500 13px/1.35 var(--mono);color:var(--mute);margin-bottom:8px}
.vr__hd span:last-child{color:var(--or-ink);padding-left:4%}
.vr,.dp{width:100%;height:auto}
.vr-l line{stroke:var(--rule-2);stroke-width:1}
.vr-n circle{fill:var(--paper);stroke:var(--mute);stroke-width:1.5}
.vr-div{stroke:var(--rule);stroke-dasharray:4 4}
.vr-t path{fill:none;stroke:var(--ink-2);stroke-width:1.5}
.vr-t circle{fill:var(--card);stroke:var(--ink-2);stroke-width:2}
.vr-t .vr-root{fill:var(--or);stroke:var(--or)}
.dp-r{fill:none;stroke:var(--rule);stroke-dasharray:3 5}
.dp-l{stroke:var(--rule-2);stroke-dasharray:4 4}
.dp-c rect{fill:var(--paper);stroke:var(--mute);stroke-width:1.5}.dp-c path{stroke:var(--rule-2);stroke-width:2}
.dp-o rect{fill:#fff6e6;stroke:var(--or);stroke-width:2.5}.dp-o path{stroke:var(--or);stroke-width:3}
.dp-g{stroke:var(--ink-2);stroke-width:1.2}
.dp text{font:500 19px var(--sans);fill:var(--ink)}

/* page heads, indexes */
.ph{padding:64px 0 56px;border-bottom:1px solid var(--rule)}
.ph__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.ph h1{font:400 clamp(44px,6vw,84px)/1 var(--serif);letter-spacing:-.025em}
.ph__lede{margin-top:22px;max-width:720px;font:300 clamp(19px,1.7vw,23px)/1.45 var(--serif);color:var(--ink-2)}
.ph__pic{width:220px;height:220px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
.ph__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ph__links a,.chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--rule-2);border-radius:999px;font-size:14px;text-decoration:none;white-space:nowrap;background:var(--card)}
.ph__links a:hover,.chip:hover{border-color:var(--ink)}
.chip b{font:500 12px/1 var(--mono);color:var(--or-ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;max-width:520px;justify-content:flex-end}
.bc__c{color:var(--ink-2)}
.sec--t{padding:64px 0 112px}.sec--t2{padding:0 0 112px}
.sec .chips{justify-content:flex-start;max-width:none}
.sec__n{font:500 13px/1 var(--mono);color:var(--mute);white-space:nowrap}
.ag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.ag .cd h3{font-size:22px}
.bp--flat{padding:72px 0}
.tx__l{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.tx a{display:grid;grid-template-columns:64px minmax(0,1fr) 140px;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.tx__n{font:500 13px/1 var(--mono);color:var(--mute)}
.tx b{font:400 30px/1.1 var(--serif);letter-spacing:-.012em}
.tx p{margin-top:8px;color:var(--ink-2);max-width:680px}
.tx em{white-space:nowrap;font:normal 500 13px/1 var(--mono);color:var(--or-ink);text-align:right}
.tx a:hover b{text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:2px;text-underline-offset:5px}
.empty p{font:300 23px/1.45 var(--serif);max-width:760px}
.empty a{text-decoration-color:var(--or);text-underline-offset:3px}
.ab2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px}
.ab2 h2{font:400 clamp(30px,3.4vw,44px)/1.05 var(--serif)}
.ab2__h p{margin-top:18px;color:var(--ink-2);font-size:18px}
.ab2__l{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.ab2__l li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 16px;padding:24px 0;border-bottom:1px solid var(--rule)}
.ab2__l span{grid-row:span 2;font:500 13px/1.6 var(--mono);color:var(--or-ink)}
.ab2__l b{font:400 26px/1.15 var(--serif)}
.ab2__l p{color:var(--ink-2)}
.who__w{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
.who__w li{position:relative;padding-left:22px;color:var(--night-text)}
.who__w li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border:2px solid var(--or);transform:rotate(45deg)}
.who__pp--col{flex-direction:column;justify-content:center;gap:28px;margin-top:0}
.pp--l{grid-template-columns:96px auto}.pp--l img{width:96px;height:96px}
.nf{background:var(--night);color:var(--night-text);padding:140px 0 160px}
.nf__code{font:500 14px/1 var(--mono);color:var(--or)}
.nf h1{margin-top:18px;font:400 clamp(56px,9vw,120px)/.95 var(--serif);letter-spacing:-.03em}
.nf__in>p:not(.nf__code){margin-top:22px;font-size:19px;color:var(--night-mute)}
.nf .bt--gh{color:var(--night-text);border-color:var(--night-rule)}

/* footer */
.ft{background:var(--night);color:var(--night-text);border-top:1px solid var(--night-rule);padding:80px 0 34px}
.home .ft,.art .ft{border-top-color:var(--night-rule)}
.ft__top{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,2.5fr) minmax(0,1.4fr) minmax(0,1.7fr) minmax(0,2.7fr);gap:32px}
.ft__brand p{margin-top:18px;color:var(--night-mute);max-width:320px;font-size:15px}
.ft h2{font:500 14px/1 var(--sans);color:var(--night-mute);margin-bottom:18px}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:15px}
.ft a{text-decoration:none}.ft a:hover{text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px}
.ft li span{display:block;font-size:13px;color:var(--night-mute);margin-top:2px}
.ft__bot{display:flex;justify-content:space-between;gap:20px;margin-top:64px;padding-top:24px;border-top:1px solid var(--night-rule);font-size:13.5px;color:var(--night-mute)}

/* responsive */
@media (max-width:1240px){
  .ft__top{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ft__brand{grid-column:1/-1}
}
@media (max-width:1100px){
  .hero__in{grid-template-columns:1fr;gap:48px}
  .mc figcaption{white-space:normal}
  .hero__copy{max-width:720px}
  .lead__grid{grid-template-columns:1fr}
  .lead__side{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lead__side .cd{grid-template-columns:1fr;border-bottom:0;padding-bottom:0}
  .lead__side .cd__plate{aspect-ratio:16/9;padding:8%}
  .ar__grid{grid-template-columns:minmax(0,700px)}
  .ar__toc{display:none}
  .ar__f{max-width:calc(700px + 2*var(--side))}
  .who__in{grid-template-columns:1fr}
  .ft__top{grid-template-columns:1fr 1fr}
  .ft__brand{grid-column:1/-1}
  .ag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab2{grid-template-columns:1fr;gap:32px}
  .ph__in{grid-template-columns:1fr}.chips{justify-content:flex-start}
}
@media (max-width:820px){
  .sec{padding:80px 0}
  .bp__h{grid-template-columns:1fr;gap:18px;margin-bottom:40px}
  .bp__line{grid-template-columns:1fr;padding-left:34px}
  .bp__line::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--ink) 0 90%,var(--or) 90%)}
  .bp__end{margin-left:-34px;display:flex;align-items:center;gap:14px}
  .bp__end span{margin:0}
  .bp__end--buy{text-align:left}.bp__end--buy::before{margin-left:0}
  .bp__s{padding:22px 0 28px}
  .bp__s a{padding:0}
  .bp__dot{left:-34px;top:23px}
  .bp__s b{margin-top:0}
  .bp__line li:first-child{padding-bottom:6px}
  .ix__r{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .ix__m{grid-column:2;text-align:left}
  .ix__t{font-size:22px}
  .tx a{grid-template-columns:40px minmax(0,1fr);gap:14px}.tx em{grid-column:2;text-align:left}.tx b{font-size:25px}
  .rel__g{grid-template-columns:1fr;gap:40px}
  .cta__in{grid-template-columns:1fr}
  .fx-lanes__row{grid-template-columns:1fr;gap:16px}
}
@media (max-width:640px){
  .hero{padding:44px 0 64px}
  .hero h1{font-size:clamp(42px,12vw,56px)}
  .hero__lede{font-size:17px}
  .hero__ctas .bt{width:100%;justify-content:center}
  .mc{padding:12px;border-radius:14px}
  .mc__q{font-size:12.5px;padding:10px 12px}
  .mc__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .tl--ph{display:none}
  .tl{padding:8px 8px 7px}
  .tl__g{width:34px;height:16px}
  .tl__name{font-size:12px;margin:4px 0}
  .tl dl{font-size:9.5px}
  .tl dl div:nth-child(n+3){display:none}
  .tl__st{font-size:9.5px;padding:4px 5px;min-height:32px;margin-top:6px;white-space:normal;line-height:1.3}
  .mc__out{gap:16px;flex-wrap:wrap}
  .mc__k b{font-size:28px}
  .mc__re{margin-left:0}
  .lead__side{grid-template-columns:1fr}
  .lead__side .cd{grid-template-columns:110px minmax(0,1fr);gap:16px}
  .lead__side .cd__plate{aspect-ratio:1}
  .who__pp{flex-direction:column;gap:18px}
  .who__cta{padding:26px}
  .ar__h{padding:40px 0 28px}
  .ar__cv{margin-bottom:48px;margin-left:-6px;margin-right:-6px}
  .cvc{flex-direction:column;gap:6px}.cvc span:last-child{text-align:left}
  .prose{font-size:18.5px}
  .ln{flex-wrap:wrap;row-gap:16px;justify-content:flex-start}
  .fx .ln li{flex:0 0 33.33%}
  .ln li+li::after{display:none}
  .ba__hd{display:none}
  .fx .ba li{grid-template-columns:1fr;gap:4px}
  .ba i{display:none}
  .ba__n::before{content:"→ ";color:var(--or)}
  .cl__w{grid-template-columns:1fr}.cl__ar{transform:rotate(90deg);justify-self:start;margin-left:6px}
  .sp__w{grid-template-columns:1fr}.sp__c{padding:10px 0}.sp__c::before{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--rule-2),var(--or),var(--rule-2))}
  .sp__c span{max-width:none}
  .fn li{width:100%;flex-direction:column;gap:2px}.fn li span{text-align:left}
  .ck{grid-template-columns:1fr}
  .cds--5{grid-template-columns:1fr}.cds--5 li:nth-child(n){grid-column:auto}
  .hb{grid-template-columns:1fr;grid-template-areas:"c" "a" "b" "d" "e" "f"}.hb__i--5{justify-self:stretch}
  .cf__m{grid-template-columns:1fr;gap:6px}.cf__m li{padding-top:0!important;text-align:left}.cf__m li::after{display:none}
  .st{grid-template-columns:1fr;height:auto;gap:6px}.st li{height:auto;flex-direction:row;align-items:center;margin-left:calc(var(--h) * .6 - 16%)!important}
  .br li{grid-template-columns:1fr 48px;row-gap:8px}.br__t{grid-column:1 / -1;grid-row:2}.br__s{display:none}
  .rc{grid-template-columns:1fr}.rc__st{flex-direction:row}.rc__doc li{grid-template-columns:110px 1fr}
  .fx .gt li{grid-template-columns:104px 1fr 54px;gap:10px}.gt b{font-size:14px}.gt li:nth-child(4n+1){border-left:0}
  .sx{grid-template-columns:1fr}
  .qy{grid-template-columns:1fr}.qy__r{padding-left:0;border-left:0;padding-top:20px;border-top:1px dashed var(--rule-2)}
  .ab{flex-direction:column;align-items:flex-start}
  .ft__top{grid-template-columns:1fr}
  .ft__bot{flex-direction:column}
  .ag{grid-template-columns:1fr;gap:44px}
  .ph{padding:40px 0 36px}.ph__pic{width:120px;height:120px;order:-1}
  .ph__links a{height:34px;font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

@media (max-width:380px){.pp--l{grid-template-columns:60px auto;column-gap:12px}.pp--l img{width:60px;height:60px}.pp span{font-size:13px}}