@font-face{font-family:"Prata";src:url(../fonts/prata.woff2) format("woff2");font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:"Golos Text";src:url(../fonts/golos-text.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:optional}

:root{
  --ink:#141118;
  --ink-deep:#0d0b11;
  --ink-raised:#1c1822;
  --paper:#f2efe9;
  --dye:#d93bc0;
  --tint-70:rgba(242,239,233,.72);
  --tint-45:rgba(242,239,233,.55);
  --rule:rgba(242,239,233,.16);
  --rule-strong:rgba(242,239,233,.34);

  --snap:cubic-bezier(.4,0,.2,1);
  --beat-1:120ms;
  --beat-2:220ms;
  --beat-3:340ms;

  --band:3.5rem;
  --panel-pad:clamp(1.5rem,3.4vw,3.5rem);
  --step--1:0.8125rem;
  --step-0:1rem;
  --step-1:1.125rem;
  --step-2:clamp(1.375rem,2vw,1.75rem);
  --step-3:clamp(1.875rem,3.4vw,2.75rem);
  --step-4:clamp(2.375rem,5.4vw,4.5rem);
}
@media (min-width:48em){:root{--step-0:1.0625rem;--step-1:1.1875rem}}
@media (min-width:75em){:root{--step--1:0.8125rem;--step-0:1.0625rem;--step-1:1.25rem}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:var(--step-0);line-height:1.65;
  overflow-x:clip;
}

h1,h2,h3{
  font-family:"Prata",Georgia,"Times New Roman",serif;
  font-weight:400;letter-spacing:-.015em;line-height:1.08;text-transform:none;
}
h1,h2,h3{overflow-wrap:break-word}
h2,h3{text-wrap:balance}
h1{font-size:var(--step-4);margin:0 0 1.5rem;line-height:1.02}
h2{font-size:var(--step-3);margin:0 0 1.1rem}
h3{font-size:var(--step-2);margin:0 0 .7rem;line-height:1.2}
p{margin:0 0 1.15rem;max-width:68ch}
a{color:inherit}
img,picture,svg{max-width:100%;height:auto;display:block}
ul,ol{max-width:68ch}
li{margin-bottom:.5rem}
strong{font-weight:600}
::selection{background:var(--dye);color:var(--paper)}
:focus-visible{outline:2px solid var(--dye);outline-offset:3px}
html{scrollbar-color:var(--dye) var(--ink-deep);scroll-behavior:smooth}
:root{accent-color:var(--dye)}
hr{border:0;height:0;border-top:1px solid var(--rule);margin:var(--band) 0}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--dye);color:var(--paper);padding:.6rem 1rem;font-weight:600}


.kicker,.nav a,.index th,.tag-face,.burger-label,.panel-num,.rail,.cta,figcaption,.fine{
  font-family:"Golos Text",system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.14em;font-weight:600;
}


.sheet{max-width:1440px;margin:0 auto}

.masthead{
  display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;
  position:sticky;top:0;z-index:20;background:var(--ink);
  border-bottom:1px solid var(--rule);
}
@supports (backdrop-filter:blur(2px)){
  .masthead{background:color-mix(in srgb,var(--ink) 90%,transparent);backdrop-filter:blur(12px)}
}
.wordmark{
  display:flex;align-items:center;gap:.7rem;padding:1.15rem var(--panel-pad);
  font-family:"Prata",Georgia,serif;font-size:1.25rem;letter-spacing:.09em;
  text-transform:uppercase;text-decoration:none;
}
.wordmark svg{width:22px;height:22px;flex:0 0 auto;color:var(--dye)}
.nav{display:flex;list-style:none;margin:0;padding:0}
.nav li{margin:0;display:flex}
.nav a{
  display:flex;align-items:center;padding:1.15rem clamp(.7rem,1.3vw,1.15rem);
  text-decoration:none;font-size:var(--step--1);position:relative;color:var(--tint-70);
}

.nav a::after,.markup::after{
  content:"";position:absolute;left:var(--pad,clamp(.7rem,1.3vw,1.15rem));
  right:var(--pad,clamp(.7rem,1.3vw,1.15rem));bottom:.95rem;height:1px;
  background:var(--dye);transform:scaleX(0);transform-origin:0 50%;
}
@media (prefers-reduced-motion:no-preference){
  .nav a::after,.markup::after{transition:transform var(--beat-2) var(--snap)}
}
.nav a:hover,.nav a:focus-visible,.nav a[aria-current]{color:var(--paper)}
.nav a:hover::after,.nav a:focus-visible::after,.nav a[aria-current]::after{transform:scaleX(1)}
.markup{
  position:relative;text-decoration:none;color:var(--paper);font-weight:500;
  border-bottom:1px solid var(--rule-strong);
}
.markup::after{--pad:0px;bottom:-1px;height:1px}
.markup:hover,.markup:focus-visible{color:var(--dye);border-bottom-color:transparent}
.markup:hover::after,.markup:focus-visible::after{transform:scaleX(1)}


[id]{scroll-margin-top:5rem}


.burger-label{display:none;padding:1.15rem var(--panel-pad);cursor:pointer;font-size:var(--step--1);align-items:center;color:var(--tint-70)}
.burger-label span{display:block;width:20px;height:1px;background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor;margin-right:.7rem}
@media (max-width:47.99em){
  .burger-label{display:flex}
  .nav{display:none;width:100%;flex-direction:column;border-top:1px solid var(--rule);max-height:70vh;overflow-y:auto}
  .nav li{width:100%}
  .nav a{width:100%;border-bottom:1px solid var(--rule);padding:1rem var(--panel-pad)}
  .nav a::after{display:none}
  
  .burger:checked ~ nav .nav{display:flex}
  
  .masthead > nav{width:100%}
  .burger:focus-visible ~ .burger-label{outline:2px solid var(--dye);outline-offset:2px}
  .burger:checked ~ .burger-label{color:var(--dye)}
}


.spread{display:grid;grid-template-columns:1fr}
@media (min-width:62em){
  .spread{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
  .spread--even{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spread--trio{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.panel{padding:var(--panel-pad);position:relative;min-width:0}
.panel > *{min-width:0}
.scroller{overflow-x:auto;max-width:100%}

.sheet-body > section.panel,.sheet-body > .spread{border-top:1px solid var(--rule)}
.sheet-body > section.panel::before{
  content:"";position:absolute;left:var(--panel-pad);right:var(--panel-pad);top:-1px;
  height:3px;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);
}
@media (min-width:62em){.panel + .panel{border-left:1px solid var(--rule)}}
.panel--deep{background:var(--ink-deep)}
.panel--edge{background:var(--ink-raised)}
.panel--mark{background:var(--paper);color:var(--ink)}
.panel--mark a{color:var(--ink)}
.panel--mark .kicker{color:var(--ink);opacity:.6}

.panel--mark .standfirst,.panel--mark .lede,.panel--mark .fine,
.panel--mark figcaption,.panel--mark .index td:not(:first-child){color:rgba(20,17,24,.72)}
.panel--mark .standfirst{border-top-color:rgba(20,17,24,.28)}
.panel--mark.panel::before{border-color:rgba(20,17,24,.28)}
.panel--lead{padding-block:clamp(2.75rem,7vw,5.5rem)}
.panel--tight{padding-block:clamp(1.25rem,2vw,1.75rem)}

.kicker{font-size:var(--step--1);color:var(--dye);margin:0 0 1.1rem}

.panel-num{
  position:absolute;top:var(--panel-pad);right:var(--panel-pad);
  font-size:var(--step--1);letter-spacing:.2em;color:var(--dye);line-height:1;
}
.panel--mark .panel-num{color:var(--ink)}

.standfirst{
  font-size:var(--step-1);color:var(--tint-70);max-width:54ch;line-height:1.55;
  padding-top:1.1rem;border-top:1px solid var(--rule-strong);
}
.lede{font-size:var(--step-1);color:var(--tint-70)}
.prose > :last-child{margin-bottom:0}

.prose p,.prose ul,.prose ol{max-width:none}
@media (min-width:75em){
  
  .sheet-body > .panel.prose:has(> p:nth-of-type(3)),
  .sheet-body > .panel.prose:has(> ol > li:nth-child(4)),
  .sheet-body > .panel.prose:has(> ul > li:nth-child(4)){
    column-count:2;column-gap:clamp(2.5rem,4vw,4.5rem);
    column-rule:1px solid var(--rule);
  }
  
  .sheet-body > .panel.prose > .kicker,
  .sheet-body > .panel.prose > h2,
  .sheet-body > .panel.prose > figure,
  .sheet-body > .panel.prose > .plate,
  .sheet-body > .panel.prose > .scroller,
  .sheet-body > .panel.prose > .index,
  .sheet-body > .panel.prose > .jump,
  .sheet-body > .panel.prose > .queries{column-span:all}
  
  .sheet-body > .panel.prose p,
  .sheet-body > .panel.prose li{break-inside:avoid}
  .sheet-body > .panel.prose h3{break-after:avoid}
  .sheet-body > .panel.prose > p:first-of-type{margin-top:0}
}

.prose h2{margin-top:var(--band);padding-bottom:.7rem;position:relative}
.prose h2::after{content:"";position:absolute;left:0;bottom:0;width:4.5rem;height:2px;background:var(--dye)}
.prose > h2:first-child{margin-top:0}
.prose h3{margin-top:2.25rem;color:var(--paper)}

.prose ul{list-style:none;padding-left:0}
.prose ul > li{position:relative;padding-left:1.6rem;margin-bottom:.75rem}
.prose ul > li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;border:1px solid var(--dye)}
.prose ol{padding-left:0;list-style:none;counter-reset:step}
.prose ol > li{position:relative;padding-left:2.4rem;margin-bottom:.75rem;counter-increment:step}
.prose ol > li::before{
  content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.15em;
  color:var(--dye);font-size:var(--step--1);letter-spacing:.14em;font-weight:600;
}


.rail{
  writing-mode:vertical-rl;transform:rotate(180deg);align-self:stretch;display:none;
  padding:var(--panel-pad) .6rem;font-size:var(--step--1);letter-spacing:.34em;
  color:var(--tint-45);border-right:1px solid var(--rule);
}
@media (min-width:62em){.rail{display:block}}
.rail-wrap{display:flex}
.rail-wrap > .sheet-body{flex:1;min-width:0}

.stack{display:flex;flex-wrap:wrap;gap:0}

.cta{
  display:inline-block;background:transparent;color:var(--paper);
  font-size:var(--step--1);padding:1rem 1.6rem;text-decoration:none;
  border:1px solid var(--rule-strong);
}
.cta--ghost{border-color:var(--rule)}
@media (prefers-reduced-motion:no-preference){
  .cta{transition:background var(--beat-1) var(--snap),color var(--beat-1) var(--snap),border-color var(--beat-1) var(--snap)}
}
.cta:hover,.cta:focus-visible{background:var(--dye);border-color:var(--dye);color:var(--paper)}
.stack .cta{margin:0 1rem 1rem 0}



.panel:has(> .tag){padding-top:calc(var(--panel-pad) + 3.6rem)}
.panel:has(> .tag) .panel-num{left:var(--panel-pad);right:auto}
.tag{position:absolute;top:calc(var(--panel-pad) - .15rem);right:var(--panel-pad);display:inline-flex;text-decoration:none;z-index:2;transform:rotate(-11deg)}
.tag-face{
  display:flex;align-items:center;gap:.5rem;border:2px solid var(--dye);color:var(--dye);
  padding:.35rem .8rem;font-size:.6875rem;letter-spacing:.15em;font-weight:700;background:transparent;
}
.tag-hole{width:5px;height:5px;border-radius:50%;background:var(--dye)}
@media (prefers-reduced-motion:no-preference){
  .tag{transition:transform var(--beat-2) var(--snap)}
  .tag:hover,.tag:focus-visible{transform:rotate(-11deg) scale(1.06)}
}
.tag:hover .tag-face,.tag:focus-visible .tag-face{background:var(--dye);color:var(--ink)}
.tag:hover .tag-hole,.tag:focus-visible .tag-hole{background:var(--ink)}


@media (prefers-reduced-motion:no-preference){
  .wipe.armed{opacity:0;transform:translateY(14px)}
  .wipe.armed.shown{opacity:1;transform:none;transition:opacity var(--beat-3) var(--snap),transform var(--beat-3) var(--snap)}
  .rail.armed{opacity:0}
  .rail.armed.shown{opacity:1;transition:opacity var(--beat-3) var(--snap)}
}




.index{
  width:100%;max-width:92ch;margin:0 auto 1.75rem;
  border-collapse:collapse;font-size:var(--step-0);counter-reset:lot;
}
.index caption{
  caption-side:top;text-align:left;color:var(--tint-45);padding:0 0 1.1rem;
  font-family:"Golos Text",system-ui,sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:var(--step--1);font-weight:600;
  border-bottom:1px solid var(--rule-strong);margin-bottom:0;
}
.index th,.index td{text-align:left;padding:1.15rem 1.25rem 1.15rem 0;vertical-align:top;border-bottom:1px solid var(--rule);line-height:1.5}
.index thead th{color:var(--dye);font-size:.6875rem;padding-top:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--rule-strong)}
.index thead th:first-child{width:28%}
.index td:not(:first-child){color:var(--tint-70)}

.index tbody td:first-child{
  font-family:"Prata",Georgia,serif;font-weight:400;font-size:var(--step-1);
  letter-spacing:-.01em;line-height:1.2;padding-left:3.4rem;position:relative;min-width:9ch;
  counter-increment:lot;
}
.index tbody td:first-child::before{
  content:counter(lot,decimal-leading-zero);position:absolute;left:0;top:.35em;
  font-family:"Golos Text",system-ui,sans-serif;font-size:.6875rem;letter-spacing:.14em;
  font-weight:600;color:var(--dye);
}
.index tbody tr:last-child td{border-bottom:0}

.index td .markup{display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .index tbody tr{transition:background var(--beat-1) var(--snap)}
}
.index tbody tr:hover{background:rgba(217,59,192,.06)}
@media (max-width:47.99em){
  .index,.index tbody,.index tr,.index td{display:block;width:100%;max-width:none}
  .index thead{display:none}
  
  .index caption{border-bottom:0;padding-bottom:.9rem;letter-spacing:.08em;line-height:1.45}
  .index tr{border-top:1px solid var(--rule-strong);padding:1.1rem 0}
  .index tbody tr:hover{background:none}
  .index td{border:0;padding:.3rem 0}
  .index tbody td:first-child{padding-left:3.4rem;margin-bottom:.4rem}
  .index td[data-label]::before{content:attr(data-label);display:block;color:var(--tint-45);font-family:"Golos Text",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.625rem;font-weight:600;margin-bottom:.2rem}
}
.jump{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0 0 1.5rem;padding:0;max-width:none}
.jump li{margin:0}
.jump a{display:block;min-width:2.4rem;padding:.55rem;text-align:center;text-decoration:none;border:1px solid var(--rule);margin:0 -1px -1px 0;font-size:var(--step--1)}
.jump a:hover,.jump a:focus-visible{border-color:var(--dye);color:var(--dye)}



.queries{border-top:1px solid var(--rule-strong)}
.queries details{border-bottom:1px solid var(--rule)}
.queries details[open]{background:var(--ink-deep)}
@media (prefers-reduced-motion:no-preference){.queries summary{transition:color var(--beat-1) var(--snap)}}
.queries summary{list-style:none;cursor:pointer;padding:1.2rem 1.1rem 1.2rem 0;display:flex;align-items:flex-start;gap:1rem}
.queries details[open] > summary{padding-left:1.1rem}
.queries summary::-webkit-details-marker{display:none}
.queries summary h3{
  margin:0;font-size:var(--step-1);font-family:"Prata",Georgia,serif;font-weight:400;
  line-height:1.35;letter-spacing:-.005em;
}
.queries summary:hover h3{color:var(--dye)}
.queries .cross{flex:0 0 auto;width:1rem;height:1rem;margin-top:.45rem;position:relative;order:2;margin-left:auto}
.queries .cross::before,.queries .cross::after{content:"";position:absolute;background:var(--dye);inset:calc(50% - .5px) 0 auto 0;height:1px}
.queries .cross::after{transform:rotate(90deg)}
@media (prefers-reduced-motion:no-preference){.queries .cross::after{transition:transform var(--beat-2) var(--snap)}}
.queries details[open] .cross::after{transform:rotate(0)}
.queries .reply{overflow:hidden}
.queries .reply > div{padding:0 1.1rem 1.4rem 1.1rem;color:var(--tint-70)}
.queries .reply p:last-child{margin-bottom:0}



figure{margin:0}
.plate{background:var(--ink-deep)}
.plate img{width:100%;object-fit:cover;aspect-ratio:4/3}
.plate--tall img{aspect-ratio:3/4}
figcaption{
  padding:.9rem var(--panel-pad) 1.1rem;font-size:.6875rem;color:var(--tint-45);
  letter-spacing:.1em;line-height:1.7;border-top:1px solid var(--rule);max-width:64ch;
  text-transform:none;font-weight:400;
}


.colophon{background:var(--ink-deep);border-top:1px solid var(--rule-strong)}
.colophon a{text-decoration:none;color:var(--tint-70)}
.colophon a:hover,.colophon a:focus-visible{color:var(--dye)}
.colophon .nav-repeat{list-style:none;margin:0;padding:0}
.colophon .nav-repeat li{margin-bottom:.55rem}
.fine{color:var(--tint-45);font-size:.6875rem;max-width:64ch;letter-spacing:.06em;text-transform:none;font-weight:400;line-height:1.8}