body:has(.lib){min-height:calc(var(--vh,1svh)*100);display:flex;flex-direction:column}
.lib{flex:1 0 auto}
.lib:focus{outline:none}

.g-h{padding:clamp(20px,4vh,48px) var(--m) 0;font:900 calc((100cqi - 2 * var(--m)) / 5.4)/.8 var(--caps);text-transform:uppercase;white-space:nowrap}
.g-in{padding-top:clamp(40px,7vh,88px)}
.g-sub{grid-column:1/-1;font:900 clamp(26px,8.2cqi,52px)/.92 var(--caps);text-transform:uppercase;color:var(--green)}
.g-in .upd{grid-column:1/-1;margin-top:10px}
.g-names{grid-column:1/-1;margin-top:clamp(16px,3vh,32px);font:900 var(--gf)/.98 var(--caps);text-transform:uppercase;--gf:calc((100cqi - 2 * var(--m)) / 11.7)}
.g-names a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.g-names a:focus-visible{color:var(--green)}
@media (hover:hover){.g-names a:hover{color:var(--green);text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.1em}}
.g-in .ig-n{margin-top:4px}
.g-x{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin:-4px 0 12px;font:500 .9375rem/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink)}
.g-fl{display:inline-flex;gap:6px}
.g-fl svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.out-names li{white-space:normal}
.out-names a{white-space:nowrap}
.out-names .g-x{margin:-6px 0 10px;font-size:.8125rem;gap:2px 10px}
.out-names .g-fl svg{width:17px;height:17px}
@media (max-width:699px){.g-x{font-size:.875rem;margin-bottom:10px}.g-fl svg{width:18px;height:18px}}
.gone{margin:clamp(20px,3vh,32px) var(--m) 0;padding:12px 0;border-block:1px solid rgb(20 18 20 / .2);font:800 .9375rem/1.3 var(--caps);text-transform:uppercase;letter-spacing:.05em;color:var(--violet)}
.gone:focus{outline:none}
@media (min-width:1024px){.gone{max-width:calc((100cqi - 2 * var(--m) + var(--g)) * 7 / 12 - var(--g))}}
.g-names a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.idx .r-out{padding-bottom:clamp(88px,14vh,160px)}
.lib.on .idx{display:none}
html:not(.js) .lib:has(.sv:target) .idx{display:none}
.pv{display:none}
@media (min-width:1024px){
  .g-h{font-size:calc(((100cqi - 2 * var(--m) + var(--g)) * 7 / 12 - var(--g)) / 5.4)}
  .g-names{--gf:min(92px,calc(((100cqi - 2 * var(--m) + var(--g)) * 7 / 12 - var(--g)) / 11.7))}
  .idx :is(.g-sub,.upd,.g-names,.out-h,.out-names){grid-column:1/8}
  .g-names a{padding:.03em 0}

  .pv{display:block;position:absolute;top:0;right:0;bottom:0;width:calc((100cqi - 2 * var(--m) + var(--g)) * 5 / 12 + var(--m));pointer-events:none}
  .pv-in{position:sticky;top:112px;height:calc(calc(var(--vh,1svh)*100) - 140px);max-height:100%}
  .pv-f{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden}
  .pv-f.on{opacity:1;visibility:visible}
  .pv-f:not(.on):not(.nb){display:none}
  .pv-f picture{display:block;height:calc(100% - 34px)}
  .pv-f img{width:100%;height:100%;object-fit:contain;object-position:100% 100%}
  .pv-f figcaption{position:absolute;bottom:34px;right:calc(min(100%, (calc(var(--vh,1svh)*100) - 174px) * var(--ar,1)) * (1 - var(--fa,.45)) + 10px);white-space:nowrap;font:600 .9375rem/1.2 var(--sans)}
  .pv-ol{--pad:clamp(24px,2vw,36px);left:auto;width:min(100%,calc((calc(var(--vh,1svh)*100) - 174px - var(--pad)) * var(--ar,1) + 2 * var(--pad)))}
  .pv-c{display:flex;align-items:flex-end;height:calc(100% - 34px);padding:var(--pad) var(--pad) 0;background:var(--green)}
  .pv-ol.out .pv-c{background:var(--violet)}
  .pv-c img{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:50% 100%}
  .pv-ol figcaption{right:auto;bottom:4px;left:calc(var(--pad) + (100% - 2 * var(--pad)) * (var(--fa,.45) + var(--fb,.55)) / 2)}
  .pv-d{position:absolute;right:6%;bottom:72px;width:min(76%,calc(calc(var(--vh,1svh)*100) - 280px));aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--black);box-shadow:0 0 0 4px var(--paper),0 0 0 5.5px var(--ink)}
  .pv-d :is(picture,img){display:block;width:100%;height:100%;object-fit:cover}
  .pv-lp figcaption{right:6%;bottom:24px}
}
@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.pv-f{transition:opacity 180ms ease,visibility 0s linear 180ms}.pv-f.on{transition:opacity 180ms ease}}

.sv{--nt:clamp(20px,5vh,56px);display:none;scroll-margin-top:240px}
:is(.sv.open,html:not(.js) .sv:target){display:grid;grid-template-columns:minmax(0,1fr);position:relative;padding:4px var(--m) 0}
.x{justify-self:start;display:inline-flex;align-items:center;min-height:44px;font:500 .9375rem/1 var(--sans);text-underline-offset:4px}
.sv-n{margin-top:var(--nt);font:900 var(--big,clamp(44px,12vw,180px))/.84 var(--caps);text-transform:uppercase;min-width:0}
.sv-n:focus,.g-h:focus{outline:none}
.out .sv-n{color:var(--violet)}
.meta{margin-top:14px;font-size:1rem;line-height:1.5}
.meta .st{color:var(--green);font-weight:600}
.meta .ph{color:var(--muted)}
.out .meta .st{color:var(--violet)}

.deck{margin-top:22px;display:grid;row-gap:clamp(28px,4vh,40px);align-content:start}
.fmt{display:flex;flex-wrap:wrap;gap:12px clamp(28px,2.8vw,44px)}
.fmt li{display:grid;justify-items:start;align-content:start;min-width:56px}
.ic{display:block;width:var(--is,40px);height:var(--is,40px);margin-bottom:6px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.fw{font:800 var(--fs,1rem)/1.15 var(--caps);text-transform:uppercase;letter-spacing:.03em}
.pf-n{margin-bottom:10px;font:800 .8125rem/1.3 var(--caps);text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}
.pf-t{font:400 clamp(1.1875rem,1.45vw,1.375rem)/1.45 var(--sans);letter-spacing:-.005em;max-width:40ch;text-wrap:pretty}
.nw{white-space:nowrap}
.pf-d{margin-top:18px;font-size:.9375rem;line-height:1.45;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px .75em;max-width:52ch}
.pf-d div{display:contents}
.pf-d dt{color:var(--muted)}
.pf-d dd{margin:0}
.flv{margin-top:18px}
.pf-t+.flv{margin-top:16px}
.flv ul{display:flex;flex-wrap:wrap;gap:8px 22px}
.flv li{display:inline-flex;align-items:center;gap:7px;min-height:28px;font:500 .9375rem/1.2 var(--sans)}
.flv .ic{width:24px;height:24px;margin:0;flex:none;stroke-width:2.25}
@media (max-width:480px){.flv ul{gap:8px 16px}.flv ul:has(li:nth-child(4)){display:grid;grid-template-columns:repeat(2,max-content);gap:8px 24px}}
.bare.nopf{--is:52px;--fs:18px}
.nopf .adj{margin-top:clamp(40px,6vh,64px)}

.lead{--sink:0px;--lw:min(86vw,calc(calc(var(--vh,1svh)*60) * var(--ar,1)));width:var(--lw);margin:36px calc(-1 * var(--m)) 0 0;justify-self:end;position:relative;z-index:2}
.lead img{width:100%}
.flip .lead{justify-self:start;margin:36px 0 0 calc(-1 * var(--m))}
.sv.ol{--field:var(--green)}
.sv.ol.out{--field:var(--violet)}
.ol-f{display:grid;grid-template-columns:minmax(0,var(--lw));justify-content:center;justify-self:stretch;width:auto;margin:36px calc(-1 * var(--m)) 0;padding:32px 0 0;background:linear-gradient(var(--field),var(--field)) top/100% calc(100% - 30px) no-repeat}
.ol-f :is(img,svg){display:block;width:100%;height:auto}
.ol-f svg{fill:none;stroke:var(--paper);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ol-f figcaption{justify-self:start;height:22px;margin:8px 0 0 calc((var(--fa) + var(--fb)) / 2 * 100%);white-space:nowrap;font:600 .9375rem/1.375rem var(--sans);color:var(--ink)}
.lib.drawing .ol-f:not(.drawn) img{visibility:hidden}
.lp-solo{position:relative;aspect-ratio:1;width:min(calc(100% - 12px),78vw,calc(var(--vh,1svh)*46));margin:40px 0 0;justify-self:center}
.lp-solo .lp{width:100%}

.adj{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 24px;margin-top:clamp(28px,4vh,40px);border-top:1px solid rgb(20 18 20 / .18);font:800 .875rem/1.2 var(--caps);text-transform:uppercase;letter-spacing:.05em}
.adj a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.adj-next{margin-left:auto}
.adj a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
@media (hover:hover){.adj a:hover{color:var(--green);text-decoration:underline;text-underline-offset:.2em}.out .adj a:hover{color:var(--violet)}}
.x-b{margin-bottom:clamp(40px,7vh,72px)}
.deck .ig-n{max-width:44ch;font-size:.9375rem}
.sib{margin-top:clamp(28px,4vh,40px);padding-bottom:clamp(20px,3vh,32px)}
.sib-h{font:900 clamp(1.0625rem,1.4vw,1.375rem)/1 var(--caps);text-transform:uppercase;color:var(--green)}
.out .sib-h{color:var(--violet)}
.sib ul{margin-top:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--g);font:800 clamp(.75rem,3.6vw,1.125rem)/1.1 var(--caps);text-transform:uppercase}
.sib li{min-width:0}
.out .sib ul{color:var(--violet-ink)}
.sib :is(a,span[aria-current]){display:inline-flex;align-items:center;min-height:44px;min-width:44px;text-decoration:none}
.sib a:focus-visible{color:var(--green);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}
.out .sib a:focus-visible{color:var(--violet)}
@media (hover:hover){.sib a:hover{color:var(--green);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}.out .sib a:hover{color:var(--violet)}}
.sib a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.sib span[aria-current]{color:var(--green);text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.16em}
.out .sib span[aria-current]{color:var(--violet)}

@media (min-width:1024px){
  :is(.sv.open,html:not(.js) .sv:target){grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto auto auto auto auto auto;column-gap:var(--g);padding-top:8px}
  .x{grid-column:1/-1;grid-row:1}
  .sv-n{grid-column:1/-1;grid-row:2}
  .meta{grid-column:1/-1;grid-row:3}
  .deck{grid-column:1/-1;grid-row:4;margin-top:26px}
  .adj{grid-column:1/-1;grid-row:5}
  .sib{grid-column:1/-1;grid-row:6}
  .x-b{grid-column:1/-1;grid-row:7}
  .pf-n{font-size:.875rem}
  .flv .ic{width:26px;height:26px}
  .flv li{font-size:1rem}
  .sv{--is:48px;--fs:17px}
  .sib ul{grid-template-columns:repeat(4,minmax(0,1fr));font-size:clamp(.9375rem,1.15vw,1.125rem)}

  :is(.sv.open,html:not(.js) .sv:target).pl{--fh:min(calc(var(--vh,1svh)*70),780px);max-width:calc(1600px + 2 * var(--m));grid-template-columns:fit-content(var(--tw,50%)) minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto auto auto;grid-template-areas:"x x" "n f" "m f" "d f" "a a" "s s" "b b";column-gap:var(--cg)}
  :is(.sv.open,html:not(.js) .sv:target).pl.flip{grid-template-columns:minmax(0,1fr) fit-content(var(--tw,50%));grid-template-areas:"x x" "f n" "f m" "f d" "a a" "s s" "b b"}
  .sv.pl{--cg:clamp(48px,4.4vw,96px)}
  .pl .x{white-space:nowrap}
  .pl .sv-n{grid-area:n}
  .pl .meta{grid-area:m}
  .pl .deck{grid-area:d;align-self:start}
  .pl .adj{grid-area:a;margin-top:clamp(40px,6vh,64px)}
  .pl .sib{grid-area:s;contain:inline-size}
  .pl .x-b{grid-area:b}
  .pl .x:not(.x-b){grid-area:x}
  .pl .lead{grid-area:f;align-self:start;justify-self:center;width:min(100%,calc(var(--fh) * var(--ar,1)));margin:calc(var(--nt) + .08 * var(--big,150px)) 0 0}
  .lead:is(.fd,.el,.er) picture img{-webkit-mask-image:linear-gradient(to top,transparent,#000 var(--mb,0%)),linear-gradient(to right,transparent,#000 var(--ml,0%)),linear-gradient(to left,transparent,#000 var(--mr,0%));-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,transparent,#000 var(--mb,0%)),linear-gradient(to right,transparent,#000 var(--ml,0%)),linear-gradient(to left,transparent,#000 var(--mr,0%));mask-composite:intersect}
  .lead.fd{--mb:9%}
  .lead.el{--ml:8%}
  .lead.er{--mr:8%}
  .sv.ol .lead{--pad:clamp(28px,2.4vw,44px);--lw:calc((var(--fh) - var(--pad)) * var(--ar,1));width:calc(var(--lw) + 2 * var(--pad));padding:var(--pad) var(--pad) 0;margin-bottom:-30px}
  .ol-f svg{stroke-width:2}
  .pl .lp-solo{width:var(--fh)}
  .pl.nopf{--is:60px;--fs:20px}

  .bare .deck{grid-template-columns:subgrid;align-items:start}
  .bare .fmt{grid-column:1/5}
  .bare .pf{grid-column:6/12}
  .bare .pf-t{font-size:clamp(1.25rem,1.6vw,1.625rem)}
  .sv.bare .sv-n{margin-top:clamp(40px,9vh,112px)}
  .bare.nopf{--is:64px;--fs:22px}
  .bare.nopf .fmt{grid-column:1/-1;display:grid;grid-template-columns:subgrid}
  .bare.nopf .fmt li{grid-column:span 3}
  .bare.nopf .deck{margin-top:40px}
}
@media (min-width:1280px){.sib ul{grid-template-columns:repeat(6,minmax(0,1fr))}}

:is(.g-h,.g-sub,.g-names,.sv-n,.sib-h){letter-spacing:-.01em}
:is(.fw,.pf-n,.adj,.gone){letter-spacing:.05em}
