.paper{--paper:#fafaf9;--ink:#111110;--l3:#5a5a5a;--mute:#616161;--dim:#6e6e6d;--dim-lg:#898988;--control:#929291;--rule:#d7d7d6;--accent:#e0219a;--chroma-pink:var(--color-chroma-pink,#ff66c4);--chroma-cyan:var(--color-chroma-cyan,#00f5ff);--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-1:.16s;--dur-2:.24s;--dur-3:.35s;--ease-reveal:cubic-bezier(.22, 1, .36, 1);--margin:32px;--gutter:24px;--u:calc(100cqi / 1440);--sans:var(--font-sans);--mono:var(--font-mono);--label:500 12px / 1 var(--mono);--body:400 17px / 1.5 var(--sans);--body-l:400 22px / 1.4 var(--sans);--display-m:400 48px / 1.06 var(--sans);--display-l:400 80px / .98 var(--sans);--display-xl:400 124px / .93 var(--sans);background:var(--paper);color:var(--ink);font:var(--body);-webkit-font-smoothing:antialiased;& .page{max-width:1440px;margin-inline:auto;position:relative;container:page/inline-size}& .cols{column-gap:var(--gutter);padding-inline:var(--margin);grid-template-columns:repeat(12,1fr);display:grid}& .label{font:var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}& .tnum{font-variant-numeric:tabular-nums}& .flourish{color:var(--ink);text-shadow:calc(-.06em - var(--split-k) * .16em) 0 color-mix(in srgb, var(--chroma-pink) 85%, transparent), calc(.06em + var(--split-k) * .16em) 0 color-mix(in srgb, var(--chroma-cyan) 85%, transparent)}@media (prefers-contrast:more){& .flourish{text-shadow:none}}& .cross{pointer-events:none;width:11px;height:11px;position:absolute}& .cross:before,& .cross:after{content:"";background:var(--mute);position:absolute}& .cross:before{width:1px;height:11px;top:0;left:5px}& .cross:after{width:11px;height:1px;top:5px;left:0}& .cross--tl{top:-5px;left:-5px}& .cross--tr{top:-5px;right:-5px}& .cross--bl{bottom:-5px;left:-5px}& .cross--br{bottom:-5px;right:-5px}& .sechead{border-top:1px solid var(--rule);font:500 15px / 1 var(--sans);align-items:baseline;padding-top:18px}& .sechead .idx{font:400 22px / 1 var(--mono);color:var(--mute);grid-column:1/2}& .sechead .ttl{grid-column:2/7}& .section{padding-top:calc(176 * var(--u))}& .section .sechead{margin-bottom:calc(96 * var(--u))}& .section-close{margin-top:calc(176 * var(--u))}& .statement{align-items:start}& .statement__lede{font:var(--display-m);font-size:max(36px, calc(54 * var(--u)));letter-spacing:-.03em;text-wrap:balance;grid-column:3/10}& .statement__lede .fade{color:var(--dim-lg)}& .statement__side{color:var(--mute);grid-column:10/13;padding-top:12px}& .statement__side p+p{margin-top:16px}& .fig img,& .fig video{width:100%;height:auto;box-shadow:0 0 0 1px var(--rule);display:block}& .fig figcaption{margin-top:18px}& .rows li{column-gap:var(--gutter);padding:30px var(--margin);border-bottom:1px solid var(--rule);grid-template-columns:repeat(12,1fr);align-items:baseline;display:grid}& .rows li:first-child{border-top:1px solid var(--rule)}& .rows .n{font:400 15px / 1 var(--mono);color:var(--mute);grid-column:1/2}& .rows__title{font:400 max(26px, calc(34 * var(--u))) / 1.1 var(--sans);letter-spacing:-.01em;grid-column:2/6}& .rows p{color:var(--mute);grid-column:7/12}& .link-line{color:var(--ink);font:var(--label);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-block:5px 6px;display:inline-block}@container page (width<64rem){& .page>*{--margin:calc(20px + .018927 * (100cqi - 390px));--gutter:calc(16px + .012618 * (100cqi - 390px))}& .cols{grid-template-columns:repeat(4,1fr)}& .section{padding-top:96px}& .section .sechead{margin-bottom:48px}& .section-close{margin-top:96px}& .sechead .idx{grid-column:1/2}& .sechead .ttl{grid-column:2/-1}& .statement__lede,& .statement__side{grid-column:1/-1}& .statement__side{max-width:60ch;padding-top:24px}& .rows li{grid-template-columns:repeat(4,1fr);row-gap:12px;padding-block:24px}& .rows .n{grid-column:1/2}& .rows__title,& .rows p{grid-column:2/-1}}}.paper .pad{padding-inline:var(--margin)}.paper .btn{--ring:inset 0 0 0 1px var(--control);min-height:44px;font:var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);box-shadow:var(--ring), calc(var(--split-k) * -6px) 0 0 color-mix(in srgb, var(--chroma-pink) 85%, transparent), calc(var(--split-k) * 6px) 0 0 color-mix(in srgb, var(--chroma-cyan) 85%, transparent);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), --ring var(--dur-1) var(--ease-out), --split-k .45s var(--ease-out);background:0 0;border:0;align-items:center;gap:12px;padding:0 18px;display:inline-flex}.paper .btn:hover{--ring:inset 0 0 0 1px var(--ink)}@media (hover:hover) and (pointer:fine){.paper .btn:hover{--split-k:var(--split-rest);animation:chroma-flare .7s var(--ease-out)}}.paper .btn--solid,.paper .btn[aria-selected=true],.paper .btn[aria-pressed=true]{--ring:inset 0 0 0 1px var(--ink);background:var(--ink);color:var(--paper)}.paper .btn:disabled{--ring:inset 0 0 0 1px var(--rule);cursor:default;color:var(--dim-lg);animation:none}.paper .btn[aria-pressed=true]:disabled{--ring:inset 0 0 0 1px var(--dim-lg);color:var(--paper);background:var(--dim-lg)}@media (prefers-reduced-motion:reduce){.paper .btn{transition:none}.paper .btn:hover{animation:none}}.paper .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
