.sthead{padding-bottom:clamp(24px,3vw,48px)}.sthead__grid{gap:clamp(36px,5vw,64px);display:grid}.sthead .mast__title{max-width:8ch}.sthead__lead{margin-top:clamp(24px,3vw,40px)}.sthead__collage{height:clamp(300px,88vw,520px);position:relative}.sthead__ph{border-radius:var(--media-r);background:var(--raised);box-shadow:0 30px 60px -36px rgba(var(--shadow), .55);margin:0;position:absolute;overflow:hidden}.sthead__ph img{object-fit:cover}.sthead__ph--0{aspect-ratio:3/2;width:84%;top:0;right:0}.sthead__ph--1{aspect-ratio:4/5;z-index:1;width:38%;bottom:6%;left:0}.sthead__ph--2{aspect-ratio:4/3;z-index:2;width:44%;bottom:0;right:6%}@media (min-width:1024px){.sthead__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}.sthead__collage{height:clamp(440px,60vh,620px)}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.sthead__ph{animation:sthead-in 1.1s var(--ease-cine) both;animation-delay:.15s}.sthead__ph--1{animation-delay:.35s}.sthead__ph--2{animation-delay:.5s}}@keyframes sthead-in{0%{opacity:0;transform:translateY(28px)scale(.97)}}.ruler{margin-top:clamp(40px,5vw,72px)}.ruler__track{--tick:calc((100% - 1px) / var(--span,14));height:128px;margin:0;padding:0;list-style:none;position:relative}.ruler__track:before,.ruler__track:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.ruler__track:before{background:var(--rule-strong);height:1px;top:50%}.ruler__track:after{background-image:linear-gradient(90deg, var(--rule-strong) 1px, transparent 1px);background-size:var(--tick) 100%;height:9px;top:calc(50% - 4px)}@media (prefers-reduced-motion:no-preference){.ruler__track:before,.ruler__track:after{transform-origin:0;animation:ruler-draw 1.4s var(--ease-cine) .3s both}.ruler__mark{animation:ruler-mark .6s var(--ease-out) both;animation-delay:calc(.7s + var(--i) * 90ms)}}@keyframes ruler-draw{0%{transform:scaleX(0)}}@keyframes ruler-mark{0%{opacity:0}}.ruler__mark{top:0;bottom:0;left:calc(var(--x) * 100%);width:0;position:absolute}.ruler__mark a{color:var(--text);text-decoration:none}.ruler__dot,.ruler__year,.ruler__title{position:absolute}.ruler__dot{background:var(--ground,var(--paper));width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--text);transition:transform .3s var(--ease-out), background .3s, box-shadow .3s;border-radius:50%;top:calc(50% - 6px);left:-6px}.ruler__year,.ruler__title{white-space:nowrap;left:0;transform:translate(-50%)}.ruler__year{font-family:var(--font-mono);letter-spacing:.06em;font-size:.8125rem;transition:color .3s;bottom:calc(50% + 14px)}.ruler__title{white-space:normal;width:max-content;max-width:17ch;color:var(--text-3);text-align:center;font-size:.8125rem;line-height:1.3;transition:color .3s;bottom:calc(50% + 36px)}.ruler__mark--low .ruler__year{top:calc(50% + 14px);bottom:auto}.ruler__mark--low .ruler__title{top:calc(50% + 36px);bottom:auto}.ruler__mark:first-child :is(.ruler__year,.ruler__title){text-align:left;transform:none}.ruler__mark:last-child :is(.ruler__year,.ruler__title){text-align:right;left:auto;right:0;transform:none}.ruler__mark a:hover .ruler__dot,.ruler__mark a:focus-visible .ruler__dot{background:var(--red);box-shadow:inset 0 0 0 2px var(--red);transform:scale(1.5)}.ruler__mark a:hover .ruler__year,.ruler__mark a:focus-visible .ruler__year{color:var(--accent-text)}.ruler__mark a:hover .ruler__title,.ruler__mark a:focus-visible .ruler__title{color:var(--text)}.ruler__mark a:focus-visible{outline:none}.ruler__mark a:focus-visible .ruler__year{outline:2px solid var(--accent-text);outline-offset:4px;border-radius:2px}@media (max-width:767px){.ruler__track{height:72px}.ruler__title{display:none}.ruler__year{letter-spacing:0;font-size:.6875rem}}html .band.tone-night.chron{color:var(--text);background:#060a11}.chron__head{margin-bottom:clamp(36px,5vw,64px)}.chron__years{display:none}.chron__steps{border-left:1px solid var(--rule-strong);gap:clamp(56px,8vw,96px);margin:0;padding:0 0 0 clamp(20px,3vw,36px);list-style:none;display:grid}.chron__step{scroll-margin-top:calc(var(--header-h) + 24px);gap:28px;display:grid;position:relative}.chron__step:before{content:"";background:var(--red);border-radius:50%;width:9px;height:9px;position:absolute;top:.9rem;left:calc(-1*clamp(20px,3vw,36px) - 5px)}.chron__y{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(4rem,2.8rem + 6vw,8rem);font-weight:560;font-stretch:78%;line-height:.82}.chron__y:after,.chron__year:after{content:"";background:var(--red);width:.11em;height:.11em;margin-left:.05em;display:inline-block}.chron__title{letter-spacing:-.03em;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);font-weight:520;font-stretch:84%;line-height:1.08}.chron__p{max-width:36rem;color:var(--text-2);margin:14px 0 0;line-height:1.6}.chron__text .tlink{margin-top:20px;display:inline-block}.chron__media{aspect-ratio:4/3;border-radius:var(--media-r);background:var(--raised);margin:0;position:relative;overflow:hidden}.chron__media img{object-fit:cover}.chron__fig{border-top:1px solid var(--rule-strong);gap:12px;margin:0;padding-top:18px;display:grid}.chron__fig-n{letter-spacing:-.045em;align-items:baseline;gap:.25em;font-size:clamp(3.25rem,2rem + 5vw,7rem);font-weight:300;font-stretch:82%;line-height:.9;display:flex}.chron__fig-u{letter-spacing:0;color:var(--text-2);font-size:.3em}.chron__fig-l{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:.8125rem;line-height:1.4}.chron__word{letter-spacing:-.045em;color:#0000;-webkit-text-stroke:1.5px var(--text-2);font-size:clamp(3.5rem,2rem + 6vw,8rem);font-weight:560;font-stretch:78%;line-height:.9}.chron__names{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none;display:grid}.chron__names a{border-bottom:1px solid var(--rule);letter-spacing:-.02em;color:var(--text);transition:color .25s, padding .35s var(--ease-out);justify-content:space-between;gap:16px;padding:16px 0;font-size:clamp(1.25rem,1rem + 1vw,1.875rem);font-weight:450;font-stretch:86%;text-decoration:none;display:flex}.chron__names a:hover,.chron__names a:focus-visible{color:var(--accent-text);padding-left:10px}@media (min-width:900px){.chron__step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}@media (min-width:1024px) and (min-height:700px) and (prefers-reduced-motion:no-preference){html.js .band.tone-night.chron{padding:0}.js .chron__track{height:calc(var(--n) * 62vh + 38vh)}.js .chron__stage{height:100vh;padding:calc(var(--header-h) + 4vh) 0 4vh;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:sticky;top:0;overflow:clip}.js .chron__head,.js .chron__body,.js .chron__rail{z-index:1;position:relative}.js .chron__head{width:100%;margin-bottom:2vh}.js .chron__body{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,3.5vw,56px);width:100%;min-height:0;display:grid}.js .chron__bgs{z-index:0;display:block;position:absolute;inset:0}.js .chron__bgs:after{content:"";background:linear-gradient(90deg,#060a11 18%,#060a118c 55%,#060a11cc 100%),linear-gradient(#060a11b3,#0000 30% 70%,#060a11d9);position:absolute;inset:0}.chron__bg{--d:calc(var(--p,0) * (var(--n) - 1) - var(--i));--t:clamp(0, calc(1 - max(var(--d), -1 * var(--d)) * 1.4), 1);opacity:calc(var(--t) * .42);transform:scale(calc(1.08 - var(--t) * .08));position:absolute;inset:0}.chron__bg img{object-fit:cover}.js .chron__years{align-self:center;height:.8em;font-size:clamp(7rem,2rem + 9vw,16rem);display:block;position:relative}.js .chron__year{--d:calc(var(--p,0) * (var(--n) - 1) - var(--i));--t:clamp(0, calc(1 - max(var(--d), -1 * var(--d)) * 1.6), 1);letter-spacing:-.055em;color:#0000;-webkit-text-stroke:1.5px #eef1f58c;background:linear-gradient(var(--text), var(--text)) 0 100% / 100% calc(var(--t) * 100%) no-repeat;opacity:clamp(0, calc(1 - max(var(--d), -1 * var(--d)) * 2.2), 1);transform:translateY(calc(var(--d) * -.3em));-webkit-background-clip:text;background-clip:text;font-weight:560;font-stretch:78%;line-height:.8;position:absolute;top:0;left:0}.js .chron__year:after{-webkit-text-stroke:0;background:var(--red)}.js .chron__view{height:100%;min-height:0;position:relative;overflow:clip;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.js .chron__steps{height:calc(var(--n) * 100%);transform:translateY(calc(var(--p,0) * (var(--n) - 1) / var(--n) * -100%));will-change:transform;border:0;padding:0;display:block}.js .chron__step{--d:calc(var(--p,0) * (var(--n) - 1) - var(--i));height:calc(100% / var(--n));opacity:clamp(0, calc(1.5 - max(var(--d), -1 * var(--d)) * 2), 1)}.js .chron__step:before,.js .chron__y{display:none}.js .chron__side{flex-direction:column;justify-content:center;height:min(56vh,560px);display:flex}.js .chron__media{aspect-ratio:auto;flex:auto;min-height:0}.js .chron__rail{justify-content:space-between;margin:2vh auto 0;padding-top:14px;list-style:none;display:flex}.js .chron__rail:before,.js .chron__rail:after{content:"";top:0;left:var(--gutter);right:var(--gutter);background:var(--rule-strong);transform-origin:0;height:1px;position:absolute}.js .chron__rail:after{background:var(--red);height:2px;transform:scaleX(var(--p,0))}.chron__rail li{--d:calc(var(--p,0) * (var(--n) - 1) - var(--i));--t:clamp(0, calc(1 - max(var(--d), -1 * var(--d)) * 2), 1);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);opacity:calc(.38 + var(--t) * .62);transform:translateY(calc(var(--t) * -3px));font-size:.8125rem}}.chron__bgs,.chron__rail{display:none}@media (min-width:1024px){.about .chapter{--bleed:calc((100vw - min(100vw, var(--max) + 2 * var(--gutter))) / 2 + var(--gutter));grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(48px,6vw,96px)}.about .chapter--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.about .chapter__media{aspect-ratio:16/11;margin-right:calc(-1 * var(--bleed));border-radius:var(--media-r) 0 0 var(--media-r)}.about .chapter--flip .chapter__media{margin-right:0;margin-left:calc(-1 * var(--bleed));border-radius:0 var(--media-r) var(--media-r) 0}}@media (min-width:1920px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.js .chron__years{font-size:clamp(12rem,4rem + 8vw,19rem)}.js .chron__title{font-size:clamp(2.25rem,1rem + 1.6vw,3.5rem)}.js .chron__p{max-width:44rem;font-size:1.3125rem}.js .chron__fig-n{font-size:clamp(6rem,2rem + 4vw,9.5rem)}.js .chron__word{font-size:clamp(7rem,3rem + 5vw,11rem)}.js .chron__names a{font-size:2.25rem}.js .chron__side{height:min(60vh,760px)}}
