:root{--pearl:#fff;--ink:#191717;--sol:#ffca06;--lemon:#ffeda9;--ink-88:color-mix(in srgb, var(--ink) 88%, transparent);--ink-62:color-mix(in srgb, var(--ink) 62%, transparent);--ink-38:color-mix(in srgb, var(--ink) 38%, transparent);--ink-14:color-mix(in srgb, var(--ink) 14%, transparent);--ink-08:color-mix(in srgb, var(--ink) 8%, transparent);--pearl-88:color-mix(in srgb, var(--pearl) 88%, transparent);--pearl-64:color-mix(in srgb, var(--pearl) 64%, transparent);--pearl-38:color-mix(in srgb, var(--pearl) 38%, transparent);--pearl-16:color-mix(in srgb, var(--pearl) 16%, transparent);--pearl-08:color-mix(in srgb, var(--pearl) 8%, transparent);--ground:var(--pearl);--figure:var(--ink);--muted:var(--ink-62);--rule:var(--ink-14);--accent:var(--ink);--font-display:"futura-pt", var(--font-jost), "Futura", "Century Gothic", system-ui, sans-serif;--font-body:"futura-pt", var(--font-jost), "Futura", "Century Gothic", system-ui, sans-serif;--w-light:300;--w-book:400;--w-medium:500;--w-demi:600;--w-heavy:700;--w-black:800;--t-hero:clamp(2.75rem, 8vw, 8.5rem);--t-display:clamp(2.375rem, 6.6vw, 8rem);--t-h1:clamp(2rem, 4.6vw, 5rem);--t-h2:clamp(1.625rem, 2.9vw, 2.75rem);--t-h3:clamp(1.1875rem, 1.5vw, 1.5rem);--t-lede:clamp(1.1875rem, 1.5vw, 1.5rem);--t-body:clamp(1.0625rem, .95vw, 1.1875rem);--t-small:clamp(.9375rem, .85vw, 1rem);--t-label:.75rem;--track-hero:-.038em;--track-display:-.03em;--track-h2:-.022em;--track-h3:-.012em;--track-body:.004em;--track-label:.13em;--lh-hero:.9;--lh-display:.96;--lh-h2:1.04;--lh-h3:1.2;--lh-lede:1.42;--lh-body:1.62;--measure:52ch;--measure-wide:58ch;--gutter:clamp(1.25rem, 2.2vw, 2.5rem);--container:1680px;--section-y:clamp(5.5rem, 11vh, 11rem);--section-y-tight:clamp(3.5rem, 7vh, 7rem);--stack-label:clamp(1.5rem, 3vw, 3rem);--stack-head:clamp(1.5rem, 2.2vw, 2.25rem);--stack-body:clamp(1rem, 1.3vw, 1.375rem);--stack-action:clamp(2.25rem, 3.6vw, 3.5rem);--ease:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.66, 0, .34, 1);--dur-fast:.18s;--dur:.62s;--dur-slow:1.1s;--radius:0;--nav-h:clamp(4.25rem, 6vh, 5.5rem)}[data-ground=pearl]{--ground:var(--pearl);--figure:var(--ink);--muted:var(--ink-62);--rule:var(--ink-14);--accent:var(--ink);--focus:var(--ink)}[data-ground=ink]{--ground:var(--ink);--figure:var(--pearl);--muted:var(--pearl-64);--rule:var(--pearl-16);--accent:var(--sol);--focus:var(--sol)}[data-ground=sol]{--ground:var(--sol);--figure:var(--ink);--muted:color-mix(in srgb, var(--ink) 68%, transparent);--rule:color-mix(in srgb, var(--ink) 24%, transparent);--accent:var(--ink);--focus:var(--ink)}
*,:before,:after{box-sizing:border-box;border-radius:0}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:auto;background:var(--ink);overflow-x:clip}body{background:var(--pearl);color:var(--ink);font-family:var(--font-body);font-weight:var(--w-book);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:var(--track-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"lnum" 1, "kern" 1;font-variant-numeric:lining-nums}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}img,svg,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p,li,a{text-wrap:pretty}::selection{background:var(--sol);color:var(--ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus,var(--sol));outline-offset:2px}main:focus,main:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:999;background:var(--ink);color:var(--pearl);font-size:var(--t-label);font-weight:var(--w-medium);letter-spacing:var(--track-label);text-transform:uppercase;transition:transform var(--dur-fast) var(--ease);padding:.875rem 1.25rem;position:fixed;top:0;left:0;transform:translateY(-120%)}.skip:focus-visible{transform:translateY(0)}.section{z-index:1;padding-block:var(--section-y);background:var(--ground);color:var(--figure);position:relative}.section--tight{padding-block:var(--section-y-tight)}.section--flush{padding-block:0}.section--viewport{min-height:100svh;padding-block:calc(var(--nav-h) + var(--gutter)) var(--section-y-tight);flex-direction:column;display:flex}.shell{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.grid{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.field{grid-column:1/-1}@media (min-width:60rem){.field--lead{grid-column:1/8}.field--offset{grid-column:6/-1}.field--essay{grid-column:2/9}.field--aside{grid-column:9/-1}.field--half-a{grid-column:1/7}.field--half-b{grid-column:7/-1}}.stack>*+*{margin-block-start:var(--stack-body)}.stack>.label+*{margin-block-start:var(--stack-label)}.stack>*+.lede,.stack>*+.body{margin-block-start:var(--stack-head)}.stack>*+.actions{margin-block-start:var(--stack-action)}.actions{flex-wrap:wrap;align-items:center;gap:clamp(1rem,1.8vw,1.75rem);display:flex}.rule{border:0;border-block-start:1px solid var(--rule)}.edge-pad-start{padding-inline-start:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)))}.edge-pad-end{padding-inline-end:max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter)))}.label{font-size:var(--t-label);font-weight:var(--w-medium);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--muted);line-height:1;display:block}.display{font-family:var(--font-display);font-size:var(--t-display);font-weight:var(--w-heavy);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:balance}.h1{font-size:var(--t-h1);font-weight:var(--w-heavy);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}.h2{font-size:var(--t-h2);font-weight:var(--w-demi);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}.h3{font-size:var(--t-h3);font-weight:var(--w-demi);line-height:var(--lh-h3);letter-spacing:var(--track-h3)}.lede{max-width:var(--measure-wide);font-size:var(--t-lede);line-height:var(--lh-lede);letter-spacing:0}.body{max-width:var(--measure);color:var(--muted)}.body--figure{color:var(--figure)}.flip{font-family:var(--font-display);font-size:var(--t-display);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:balance}.flip__a{font-weight:var(--w-light);color:var(--muted);display:block}.flip__b{font-weight:var(--w-heavy);color:var(--figure);display:block}[data-ground=ink] .flip__b{color:var(--sol)}.btn{--btn-fg:var(--ground);--btn-bg:var(--figure);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--t-small);font-weight:var(--w-demi);letter-spacing:.06em;text-transform:uppercase;isolation:isolate;transition:color var(--dur) var(--ease);align-items:center;gap:.75em;padding:1.0625em 1.75em;line-height:1;display:inline-flex;position:relative;overflow:clip}[data-ground=ink] .btn,[data-ground=pearl] .btn{--btn-bg:var(--sol);--btn-fg:var(--ink)}[data-ground=sol] .btn{--btn-bg:var(--ink);--btn-fg:var(--sol)}[data-ground=sol] .btn:not(.btn--line):after{content:"";z-index:1;box-shadow:inset 0 0 0 2px var(--figure);pointer-events:none;position:absolute;inset:0}.btn:before{content:"";z-index:-1;background:var(--btn-fg);transition:transform var(--dur) var(--ease);position:absolute;inset:0;transform:translateY(101%)}@media (hover:hover){.btn:hover:before{transform:translateY(0)}.btn:hover{color:var(--btn-bg)}}.btn:focus-visible:before{transform:translateY(0)}.btn:focus-visible{color:var(--btn-bg)}.btn--lg{font-size:var(--t-body);padding:1.25em 2.25em}@media (max-width:25rem){.btn--lg{font-size:var(--t-small)}}.btn--line{--btn-bg:transparent;--btn-fg:var(--figure);box-shadow:inset 0 0 0 1px var(--rule);color:var(--figure)}[data-ground=ink] .btn--line,[data-ground=pearl] .btn--line,[data-ground=sol] .btn--line{--btn-bg:transparent;--btn-fg:var(--figure)}.btn--line:before{background:var(--figure)}@media (hover:hover){.btn--line:hover{color:var(--ground)}}.btn--line:focus-visible{color:var(--ground)}.link{padding-block-end:.12em;display:inline-block;position:relative}.link:after{content:"";inset-inline:0;transform-origin:100%;height:1px;transition:transform var(--dur) var(--ease);background:currentColor;position:absolute;bottom:0;transform:scaleX(0)}@media (hover:hover){.link:hover:after{transform-origin:0;transform:scaleX(1)}}.link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.btn__arrow{width:.7em;height:.7em;display:block;position:relative;overflow:clip}.btn__arrow svg{width:100%;height:100%;transition:transform var(--dur) var(--ease);position:absolute;inset:0}.btn__arrow svg+svg{transform:translate(-110%,110%)}@media (hover:hover){.btn:hover .btn__arrow svg{transform:translate(110%,-110%)}.btn:hover .btn__arrow svg+svg{transform:translate(0)}}.btn:focus-visible .btn__arrow svg{transform:translate(110%,-110%)}.btn:focus-visible .btn__arrow svg+svg{transform:translate(0)}
html[data-motion=on] .reveal{opacity:0;will-change:opacity, transform}html[data-motion=on] .reveal.is-revealed{opacity:1;will-change:auto}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.nav{inset-inline:0;z-index:100;color:var(--figure);transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);position:fixed;top:0}.nav[data-lifted=true]{background-color:var(--ground);box-shadow:0 1px 0 0 var(--rule)}.nav__inner{width:100%;max-width:var(--container);min-height:var(--nav-h);padding-inline:var(--gutter);align-items:center;gap:clamp(1rem,2vw,2.5rem);margin-inline:auto;display:flex}.nav__mark{flex:none;margin-inline-end:auto;position:relative}.nav__mark img{width:clamp(8.5rem,11vw,11rem);height:auto;transition:opacity var(--dur) var(--ease)}.nav__mark img[data-on=light]{opacity:0;position:absolute;inset:0}.nav[data-ground=pearl] .nav__mark img[data-on=ink],.nav[data-ground=sol] .nav__mark img[data-on=ink]{opacity:0}.nav[data-ground=pearl] .nav__mark img[data-on=light],.nav[data-ground=sol] .nav__mark img[data-on=light]{opacity:1}.nav__links{gap:clamp(1.25rem,2.2vw,2.5rem);display:none}.nav__link{font-size:var(--t-small);font-weight:var(--w-medium);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.nav__cta{font-size:var(--t-label);letter-spacing:.1em;padding:.9375em 1.375em;display:none}.nav__toggle{width:2.75rem;height:2.75rem;place-items:center;margin-inline-end:calc(var(--gutter) * -.35);display:grid}.nav__bars{width:1.375rem;height:.625rem;display:block;position:relative}.nav__bars i{height:1.5px;transition:transform var(--dur) var(--ease);background:currentColor;position:absolute;inset-inline:0}.nav__bars i:first-child{top:0}.nav__bars i:last-child{bottom:0}.nav__bars[data-open=true] i:first-child{transform:translateY(.3125rem)rotate(45deg)}.nav__bars[data-open=true] i:last-child{transform:translateY(-.3125rem)rotate(-45deg)}@media (min-width:60rem){.nav__links,.nav__cta{display:flex}.nav__toggle{display:none}}.navpanel{z-index:99;padding:calc(var(--nav-h) + var(--gutter)) var(--gutter) var(--gutter);background:var(--ground);color:var(--figure);flex-direction:column;justify-content:center;gap:clamp(2rem,6vh,4rem);display:flex;position:fixed;inset:0}.navpanel__links{flex-direction:column;gap:clamp(.75rem,2.5vh,1.5rem);display:flex}.navpanel__link{font-size:clamp(2rem,9vw,3.25rem);font-weight:var(--w-demi);letter-spacing:var(--track-h2);line-height:1.06}.navpanel__cta{align-self:flex-start}