@layer tokens{:root{--font-body: "Noto Sans", system-ui, sans-serif;--font-display: "Noto Sans", system-ui, sans-serif;--gutter: clamp(1rem, .6478873239rem + 1.5023474178vw, 2rem);--content-max: 68rem;--breakout-extra: 8rem;--measure: 55ch;--space-3xs: clamp(.25rem, .2279929577rem + .0938967136vw, .3125rem);--space-2xs: clamp(.5rem, .4559859155rem + .1877934272vw, .625rem);--space-xs: clamp(.75rem, .6839788732rem + .2816901408vw, .9375rem);--space-s: clamp(1rem, .9339788732rem + .2816901408vw, 1.1875rem);--space-m: clamp(1.5rem, 1.3899647887rem + .4694835681vw, 1.8125rem);--space-l: clamp(2rem, 1.8679577465rem + .5633802817vw, 2.375rem);--space-xl: clamp(3rem, 2.7799295775rem + .9389671362vw, 3.625rem);--space-2xl: clamp(4rem, 3.7139084507rem + 1.220657277vw, 4.8125rem);--space-3xl: clamp(6rem, 5.5818661972rem + 1.7840375587vw, 7.1875rem);--step--1: clamp(.875rem, .8309859155rem + .1877934272vw, 1rem);--step-0: clamp(1rem, .9339788732rem + .2816901408vw, 1.1875rem);--step-1: clamp(1.1875rem, 1.0774647887rem + .4694835681vw, 1.5rem);--step-2: clamp(1.4375rem, 1.2834507042rem + .6572769953vw, 1.875rem);--step-3: clamp(1.75rem, 1.5519366197rem + .8450704225vw, 2.3125rem);--step-4: clamp(2.0625rem, 1.7544014085rem + 1.3145539906vw, 2.9375rem);--step-5: clamp(2.5rem, 2.0378521127rem + 1.9718309859vw, 3.8125rem);--color-ink: black;--color-paper: white;--color-surface: black;--color-surface-text: whitesmoke;--color-surface-muted: #e8e8e8;--color-ink-muted: #616161;--color-rule: #dcdcdc;--color-accent: #c2005f;--radius-s: .2rem;--radius-m: .4rem;--focus-ring-width: 2px;--duration-fast: .15s}@media(prefers-color-scheme:dark){:root{--color-ink: whitesmoke;--color-paper: black;--color-surface: whitesmoke;--color-surface-text: black;--color-surface-muted: #262626;--color-ink-muted: #a3a3a3;--color-rule: #303030;--color-accent: #ff4fa3}}}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100 900;src:url(/assets/noto-sans-latin-BYSzYMf3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100 900;src:url(/assets/noto-sans-latin-ext-W1qJv59z.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:100 900;src:url(/assets/noto-sans-latin-italic-BrPwkqMp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:100 900;src:url(/assets/noto-sans-latin-ext-italic-mMxaVeWH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@layer reset{*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{line-height:1.5;margin:0;min-height:100vh;padding:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentcolor;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{button,label,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-display);font-size:var(--step--1);font-weight:600}button:focus,label:focus,select:focus{outline:none}button:focus-visible,label:focus-visible,select:focus-visible{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--focus-ring-width)}.skip-link{background-color:var(--color-surface);color:var(--color-surface-text);font-family:var(--font-display);left:var(--space-2xs);padding:var(--space-2xs) var(--space-s);position:absolute;text-decoration:none;top:var(--space-2xs);transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.button-logo{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-1);font-weight:700;letter-spacing:-.02em;text-decoration:none;transition:color var(--duration-fast) ease}.button-logo:hover{color:var(--color-accent)}.button-nav{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-0);font-weight:500;text-decoration:none;text-underline-offset:.3em;transition:color var(--duration-fast) ease}.button-nav:hover{color:var(--color-accent);text-decoration:underline}.button-nav[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}}@layer base{body{background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--step-0);line-height:calc(1em + .5rem);text-wrap:pretty}h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:calc(1em + .3rem);text-wrap:balance}h1{font-size:var(--step-5);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--step-3);font-weight:600;letter-spacing:-.02em}h3{font-size:var(--step-2);font-weight:600;letter-spacing:-.01em}h4{font-size:var(--step-1);font-weight:600}h5{font-size:var(--step-0);font-weight:600}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--duration-fast) ease}a:hover{text-decoration-thickness:2px}}@layer layout{.shell{display:grid;grid-template-columns:[full-width-start] minmax(var(--gutter),1fr) [breakout-start] minmax(0,var(--breakout-extra)) [content-start] min(100% - var(--gutter) * 2,var(--content-max)) [content-end] minmax(0,var(--breakout-extra)) [breakout-end] minmax(var(--gutter),1fr) [full-width-end]}.shell>*,.site-main>*{grid-column:content}.shell>.breakout,.site-main>.breakout{grid-column:breakout}.shell>.full-width,.site-main>.full-width{grid-column:full-width}.shell>.site-main{display:grid;grid-column:full-width;grid-template-columns:subgrid}}@layer layout{.stack{--stack-space: var(--space-s);display:flow-root}.stack>*+*{margin-block-start:var(--stack-space)}.cluster{--cluster-align: center;--cluster-justify: flex-start;--cluster-space: var(--space-s);align-items:var(--cluster-align);display:flex;flex-wrap:wrap;gap:var(--cluster-space);justify-content:var(--cluster-justify)}.switcher{--switcher-space: var(--space-m);--switcher-threshold: 40rem;display:flex;flex-wrap:wrap;gap:var(--switcher-space)}.switcher>*{flex-basis:calc((var(--switcher-threshold) - 100%) * 999);flex-grow:1}.grid-auto{--grid-auto-min: 18rem;--grid-auto-space: var(--space-m);display:grid;gap:var(--grid-auto-space);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-auto-min),100%),1fr))}.measure{max-width:var(--measure)}.frame{aspect-ratio:var(--frame-ratio, 16/9);display:flex}.frame>*{block-size:100%;inline-size:100%;object-fit:cover}}@layer components{.article{margin-block-end:var(--space-xl)}.article__header{border-block-end:1px solid var(--color-rule);margin-block-end:var(--space-xl);max-width:var(--measure);padding-block-end:var(--space-l)}.article__eyebrow{color:var(--color-ink-muted);display:block;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.08em;margin-block-end:var(--space-xs);text-transform:uppercase}.article__standfirst{color:var(--color-ink-muted);font-size:var(--step-1);line-height:calc(1em + .4rem);margin-block-start:var(--space-s);text-wrap:pretty}.article__body{container:article/inline-size}.article__body>*{max-width:var(--measure)}.article__body>*+*{margin-block-start:var(--space-s)}.article__body :is(h2,h3,h4){margin-block-start:var(--space-xl);scroll-margin-block-start:var(--space-l)}.article__body h2{border-block-start:1px solid var(--color-rule);padding-block-start:var(--space-m)}.article__body h3{margin-block-start:var(--space-l)}.article__body :is(h2,h3)>a{color:inherit;text-decoration:none}.article__body :is(h2,h3)>a:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.article__body :is(ul,ol){padding-inline-start:var(--space-m)}.article__body li+li{margin-block-start:var(--space-2xs)}.article__body blockquote{border-inline-start:2px solid var(--color-accent);font-size:var(--step-1);line-height:calc(1em + .4rem);margin-inline:0;padding-inline-start:var(--space-m)}.article__body blockquote>p:last-child>strong:only-child{color:var(--color-ink-muted);display:block;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;margin-block-start:var(--space-2xs)}.article__body hr{background-color:var(--color-rule);border:0;block-size:1px;margin-block:var(--space-xl)}.article__body img{inline-size:100%}.article__body figcaption,.article__body .caption{color:var(--color-ink-muted);font-size:var(--step--1);margin-block-start:var(--space-2xs)}.article__body dl{display:grid;gap:var(--space-2xs) var(--space-m)}.article__body dt{font-family:var(--font-display);font-weight:600}.article__body dd{color:var(--color-ink-muted);margin-inline-start:0}.article__body code{background-color:var(--color-surface-muted);border-radius:var(--radius-s);font-size:.9em;padding-inline:.3em}.article__updated{color:var(--color-ink-muted);font-size:var(--step--1);margin-block-start:var(--space-xl);max-width:var(--measure)}.article__sources{border-block-start:1px solid var(--color-rule);margin-block-start:var(--space-2xl);max-width:var(--measure);padding-block-start:var(--space-m)}.article__sources h2{font-size:var(--step-1)}.article__sources :is(ol,ul){color:var(--color-ink-muted);font-size:var(--step--1);margin-block-start:var(--space-s);padding-inline-start:var(--space-m)}.article__sources li+li{margin-block-start:var(--space-2xs)}@container article (width >= 34rem){.article__body dl{grid-template-columns:auto 1fr}}}@layer components{.era-list{--grid-auto-min: 22rem;margin-block:var(--space-xl)}.era-card{border-block-start:2px solid var(--color-ink);container:era-card/inline-size;padding-block-start:var(--space-s)}.era-card__years{color:var(--color-ink-muted);display:block;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.06em}.era-card__title{font-size:var(--step-2);margin-block-start:var(--space-3xs)}.era-card__title a{color:var(--color-ink);text-decoration:none}.era-card__title a:hover{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px}.era-card__summary{color:var(--color-ink-muted);font-size:var(--step-0);margin-block-start:var(--space-2xs)}@container era-card (width >= 30rem){.era-card__title{font-size:var(--step-3)}}}@layer components{.hero{container:hero/inline-size;margin-block:var(--space-xl) var(--space-l)}.hero__title{font-size:var(--step-5);letter-spacing:-.04em}.hero__standfirst{font-size:var(--step-2);line-height:calc(1em + .4rem);margin-block-start:var(--space-m);max-width:34ch;text-wrap:pretty}.hero__lede{color:var(--color-ink-muted);margin-block-start:var(--space-m);max-width:var(--measure)}@container hero (width >= 62rem){.hero__standfirst{font-size:var(--step-3)}}}@layer components{nav ul{list-style:none;margin:0;padding:0}.site-header{align-items:baseline;border-block-end:1px solid var(--color-rule);container:header/inline-size;display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-m);justify-content:space-between;margin-block-end:var(--space-xl);padding-block:var(--space-m)}.site-header__nav ul{display:flex;flex-wrap:wrap;gap:var(--space-m)}.site-footer{border-block-start:1px solid var(--color-rule);color:var(--color-ink-muted);container:footer/inline-size;font-size:var(--step--1);margin-block-start:var(--space-2xl);padding-block:var(--space-l) var(--space-2xl)}.site-footer__nav{text-align:end}.site-footer ul{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:flex-end}.site-footer a{color:var(--color-ink-muted)}.site-footer a:hover{color:var(--color-accent)}@container footer (width < 40rem){.site-footer__nav{text-align:start}.site-footer ul{justify-content:flex-start}}.era-nav{border-block-start:1px solid var(--color-rule);margin-block-start:var(--space-2xl);padding-block-start:var(--space-m);--switcher-threshold: 32rem}.era-nav__title{display:block;font-family:var(--font-display);font-size:var(--step-1);font-weight:600;margin-block-start:var(--space-3xs)}.era-nav__link{color:var(--color-ink);display:block;text-decoration:none}.era-nav__link:hover .era-nav__title{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px}.era-nav__direction{color:var(--color-ink-muted);display:block;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.era-nav__next{text-align:end}}@layer components{.page-message{margin-block:var(--space-3xl);text-align:center}.page-message p{color:var(--color-ink-muted);margin-block-start:var(--space-m)}.section-heading{border-block-start:2px solid var(--color-ink);font-size:var(--step-3);margin-block-start:var(--space-2xl);padding-block-start:var(--space-s)}}@layer components{.timeline{container:timeline/inline-size;margin-block:var(--space-xl) var(--space-3xl)}.timeline__entry{border-block-start:1px solid var(--color-rule);display:grid;gap:var(--space-2xs) var(--space-l);grid-template-columns:1fr;padding-block:var(--space-m)}.timeline__year{color:var(--color-ink-muted);font-family:var(--font-display);font-size:var(--step-1);font-variant-numeric:tabular-nums;font-weight:600}.timeline__event{max-width:var(--measure)}.timeline__event p{margin-block-start:var(--space-3xs)}.timeline__title{font-size:var(--step-1);font-weight:600}.timeline__era{color:var(--color-ink-muted);font-family:var(--font-display);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase}@container timeline (width >= 34rem){.timeline__entry{grid-template-columns:6rem 1fr}.timeline__year{text-align:end}}}@layer reset,tokens,base,layout,components;
