.scarlet .bio-head{padding-top:clamp(3rem,8vh,5rem)}.scarlet .bio-head__kicker{text-align:center;display:block}.scarlet .bio-head__stage{margin-top:var(--eyebrow-title-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:clamp(1.5rem,4vw,4rem);display:grid}.scarlet .bio-head h1{letter-spacing:-.03em;text-align:center;text-wrap:balance;max-width:9ch;font-size:clamp(3rem,7vw,7.25rem);line-height:.95}.scarlet .bio-head h1 em{font-style:italic}.scarlet .bio-portrait{justify-self:center;width:min(100%,20rem)}.scarlet .bio-portrait .still{aspect-ratio:4/5}.scarlet .bio-portrait img{object-fit:cover;width:100%;height:100%}.scarlet .bio-portrait figcaption{text-align:center;justify-items:center;gap:.3rem;margin-top:.85rem;display:grid}.scarlet .bio-portrait--then{justify-self:end}.scarlet .bio-portrait--now{justify-self:start}.scarlet .bio-head__intro{max-width:48rem;color:var(--ivory-2);text-align:center;margin:clamp(3rem,7vh,4.5rem) auto 0;font-size:1.3rem;line-height:1.6}.scarlet .bio-head__intro p{text-wrap:balance}.scarlet .bio-head__intro .said:first-child>.s{text-wrap:balance;max-width:40rem;margin-inline:auto;display:block}.scarlet .bio-head__intro .said:first-child>.s:first-child{margin-bottom:.65rem}.scarlet .bio-head__intro p+p{margin-top:1.1rem}.scarlet .narration{border-block:1px solid var(--hair);grid-template-columns:auto auto minmax(8rem,1fr) auto auto;grid-template-areas:"toggle meta range time rate"".note note note note";align-items:center;gap:.35rem 1.25rem;max-width:52rem;margin:clamp(3rem,7vh,4rem) auto 0;padding-block:1.25rem;display:grid}.scarlet .narration__toggle{width:3rem;height:3rem;color:var(--ivory);transition:border-color .3s var(--ease), background-color .3s var(--ease), transform .16s var(--ease);border:1px solid #f3ede780;border:1px solid lab(94.2052% 1.15106 3.60569/.5);border-radius:50%;grid-area:toggle;position:relative}.scarlet .narration__toggle:active{transform:scale(.96)}.scarlet .narration__icon{border-left:10px solid;border-block:6.5px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-36%,-50%)}.scarlet .narration.is-playing .narration__icon{border:0;border-inline:3px solid;width:10px;height:12px;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.scarlet .narration__toggle:hover{border-color:var(--ivory);background-color:#f3ede70f;background-color:lab(94.2052% 1.15106 3.60569/.06)}}.scarlet .narration__meta{grid-area:meta;min-width:11rem}.scarlet .narration__meta .caps{letter-spacing:.2em;font-size:.625rem}.scarlet .narration__chapter{font-size:1.05rem;line-height:1.3}.scarlet .narration__range{--progress:0%;appearance:none;background:linear-gradient(var(--ivory), var(--ivory)) 0 50% / var(--progress) 1px no-repeat, linear-gradient(var(--hair), var(--hair)) 0 50% / 100% 1px no-repeat;cursor:pointer;grid-area:range;width:100%;height:44px;margin:0}.scarlet .narration__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ivory);border-radius:50%;width:11px;height:11px}.scarlet .narration__range::-moz-range-thumb{background:var(--ivory);border:0;border-radius:50%;width:11px;height:11px}.scarlet .narration__time{white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:time}.scarlet .narration__time span{color:var(--ivory)}.scarlet .narration__rate{min-width:44px;min-height:44px;color:var(--ivory);grid-area:rate}.scarlet .narration__note{letter-spacing:.18em;color:var(--ash-2);grid-area:note;font-size:.625rem}.scarlet .acts{margin-top:clamp(4rem,9vh,6rem)}.scarlet .acts ol{border-block:1px solid var(--hair);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.scarlet .acts li+li{border-left:1px solid var(--hair)}.scarlet .acts a{height:100%;color:var(--ash);transition:color .3s var(--ease);align-content:start;gap:.5rem;padding:1.4rem clamp(.75rem,1.2vw,1.25rem) 1.5rem;display:grid}.scarlet .acts__number{color:var(--ivory);font-variant-numeric:lining-nums;font-size:2rem;line-height:1}.scarlet .acts__title{color:var(--ivory-2);text-wrap:balance;font-size:1rem;line-height:1.3}.scarlet .acts__period{letter-spacing:.18em;font-size:.5625rem}@media (hover:hover) and (pointer:fine){.scarlet .acts a:hover .acts__title{color:var(--ivory)}}.scarlet .act{align-items:start;row-gap:2.5rem;scroll-margin-top:2rem}.scarlet .story>.act{padding-block:clamp(5rem,12vh,8rem) 0}.scarlet .act__head .caps{margin-top:1.25rem;display:block}.scarlet .act__number,.scarlet .acts__number,.scarlet .bio-quote{font-family:var(--serif)}.scarlet .act__number{letter-spacing:-.03em;font-size:clamp(4rem,7vw,6.5rem);line-height:.85}.scarlet .act__head h2{margin-top:var(--eyebrow-title-gap);letter-spacing:-.015em;text-wrap:balance;max-width:16ch;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.05}.scarlet .act__text>p{max-width:36rem;color:var(--ivory-2);font-size:1.2rem;line-height:1.7}.scarlet .act__text>p+p{margin-top:1.25rem}.scarlet .act__text>.act__head{margin-bottom:2.25rem}.scarlet .act--spread .act__side{grid-column:1/span 4;position:sticky;top:2rem}.scarlet .act--spread .act__text{grid-column:6/-1}.scarlet .bio-quote{border-left:1px solid var(--scarlet);margin:clamp(2.5rem,6vh,3.5rem) 0;padding-left:1.75rem}.scarlet .bio-quote p{letter-spacing:-.01em;max-width:20ch;color:var(--ivory);font-size:clamp(1.9rem,3.2vw,2.9rem);font-style:italic;line-height:1.15}.scarlet .act--facing .act__text{grid-column:1/span 6}.scarlet .act--facing .act__image{grid-column:8/-1;position:sticky;top:2rem}.scarlet .act--opener .act__opener{width:100vw;margin-left:calc(var(--bleed) * -1);grid-column:1/-1}.scarlet .act--opener .act__opener .bio-figure{width:var(--frame);margin-inline:auto}.scarlet .act--opener .act__side{grid-column:1/span 4}.scarlet .act--opener .act__text{grid-column:5/-1}.scarlet .act__text--columns{column-count:2;column-gap:var(--col-gap)}.scarlet .act__text--columns>p{break-inside:avoid-column;max-width:none}.scarlet .act--wide .act__center{text-align:center;grid-column:1/-1;justify-items:center;display:grid}.scarlet .act--wide .act__head h2{margin-inline:auto}.scarlet .act--wide .bio-triptych{grid-column:1/-1}.scarlet .act--wide .act__text{grid-column:2/span 10}.scarlet .bio-triptych{align-items:end;column-gap:var(--col-gap);grid-template-columns:1.35fr .62fr 1.35fr;grid-template-areas:"face voice role""note note note";row-gap:1.75rem;display:grid}.scarlet .bio-triptych__face{grid-area:face}.scarlet .bio-triptych__voice{grid-area:voice}.scarlet .bio-triptych__role{grid-area:role}.scarlet .bio-triptych .still{aspect-ratio:4/5}.scarlet .bio-triptych .bio-triptych__voice .still{aspect-ratio:2/3}.scarlet .bio-triptych .still img{object-fit:cover;width:100%;height:100%}.scarlet .bio-triptych .caption{flex-direction:column;gap:.3rem}.scarlet .bio-triptych__note{text-align:center;color:var(--ivory);grid-area:note;font-size:1.5rem;font-style:italic}.scarlet .act--between .act__flank--left{grid-column:1/span 3}.scarlet .act--between .act__text{grid-column:5/span 4}.scarlet .act--between .act__flank--right{grid-column:10/-1;margin-top:clamp(8rem,22vh,14rem)}.scarlet .act--between .still{aspect-ratio:3/4}.scarlet .act--between .still img{object-fit:cover;width:100%;height:100%}.scarlet .act--between .caption{flex-direction:column;gap:.3rem}.scarlet .act--mirror .act__image{grid-column:1/span 6;position:sticky;top:2rem}.scarlet .act--mirror .act__text{grid-column:8/-1}.scarlet .bio .frieze{margin-top:clamp(5rem,12vh,8rem)}.scarlet .said .s{transition:color .45s var(--ease)}.scarlet .bio.is-guided .said{color:var(--ash);transition:color .7s var(--ease)}.scarlet .bio.is-guided .said.is-reading{color:var(--ivory-2)}.scarlet .bio.is-guided .said .s.is-said{color:var(--ivory)}@media (hover:hover) and (pointer:fine){.scarlet .bio.is-guided .said .s{cursor:pointer}.scarlet .bio.is-guided .said .s:not(.is-said):hover{color:var(--ivory-2)}}.scarlet .reader-cursor{z-index:5;background:var(--scarlet);opacity:0;pointer-events:none;height:2px;transition:transform .16s var(--ease), width .16s var(--ease), opacity .4s var(--ease);position:absolute;top:0;left:0}.scarlet .reader-cursor.is-on{opacity:1}.scarlet .act :is(.act__head,.bio-figure,.bio-quote,.bio-triptych__note){transition:opacity .9s var(--ease)}.scarlet .bio.is-guided .act:not(.is-current) :is(.act__head,.bio-figure,.bio-quote,.bio-triptych__note){opacity:.4}.scarlet .act__number{transition:color .7s var(--ease)}.scarlet .act.is-announcing .act__number{color:var(--scarlet)}.scarlet .bio.is-guided .act.has-call .bio-figure:not(.is-called){opacity:.4}.scarlet .bio-figure .caption .caps:first-child{transition:color .6s var(--ease)}.scarlet .bio-figure.is-called .caption .caps:first-child{color:var(--ivory)}.scarlet .acts li{transition:box-shadow .5s var(--ease)}.scarlet .acts li.is-current{box-shadow:inset 0 2px 0 var(--scarlet)}.scarlet .acts li.is-current .acts__title{color:var(--ivory)}.scarlet .reader{z-index:40;left:50%;bottom:max(1rem, env(safe-area-inset-bottom));width:min(calc(100vw - 2 * var(--gutter,1rem)), 60rem);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border:1px solid var(--hair);transition:opacity .3s var(--ease), transform .45s var(--ease);background:#0d0709d1;background:lab(2.40793% 1.89582 -.162023/.82);grid-template-columns:auto minmax(10rem,15rem) minmax(6rem,1fr) auto auto auto;grid-template-areas:"toggle meta track time rate close";align-items:center;column-gap:1.1rem;padding:.55rem .6rem .55rem .55rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 24px 60px -24px #000c;box-shadow:0 24px 60px -24px lab(0% 0 0/.8)}@starting-style{.scarlet .reader{opacity:0;transform:translate(-50%,14px)}}.scarlet .reader__toggle{width:2.75rem;height:2.75rem;color:var(--ivory);transition:border-color .3s var(--ease), background-color .3s var(--ease), transform .16s var(--ease);border:1px solid #f3ede780;border:1px solid lab(94.2052% 1.15106 3.60569/.5);border-radius:50%;grid-area:toggle;position:relative}.scarlet .reader__toggle:active,.scarlet .reader__close:active{transform:scale(.96)}.scarlet .reader.is-playing .narration__icon{border:0;border-inline:3px solid;width:10px;height:12px;transform:translate(-50%,-50%)}.scarlet .reader__meta{grid-area:meta;min-width:0;display:grid}.scarlet .reader__act{letter-spacing:.2em;font-size:.5625rem}.scarlet .reader__title{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;line-height:1.3;overflow:hidden}.scarlet .reader__track{grid-area:track;position:relative}.scarlet .reader__range{--progress:0%;appearance:none;background:linear-gradient(var(--ivory), var(--ivory)) 0 50% / var(--progress) 1px no-repeat, linear-gradient(var(--hair), var(--hair)) 0 50% / 100% 1px no-repeat;cursor:pointer;width:100%;height:44px;margin:0;display:block}.scarlet .reader__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ivory);border-radius:50%;width:11px;height:11px}.scarlet .reader__range::-moz-range-thumb{background:var(--ivory);border:0;border-radius:50%;width:11px;height:11px}.scarlet .reader__ticks i{background:var(--ash-2);pointer-events:none;width:1px;height:9px;position:absolute;top:calc(50% - 4px)}.scarlet .reader__time{white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:time;font-size:.625rem}.scarlet .reader__time span{color:var(--ivory)}.scarlet .reader__rate{min-width:44px;min-height:44px;color:var(--ivory);grid-area:rate;font-size:.6875rem}.scarlet .reader__close{width:44px;height:44px;color:var(--ash);transition:color .25s var(--ease), transform .16s var(--ease);grid-area:close;position:relative}.scarlet .reader__close span:before,.scarlet .reader__close span:after{content:"";background:currentColor;width:14px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.scarlet .reader__close span:after{transform:translate(-50%,-50%)rotate(-45deg)}.scarlet .reader__follow{background:var(--ivory);min-height:44px;color:var(--night);letter-spacing:.2em;white-space:nowrap;transition:opacity .25s var(--ease), transform .35s var(--ease);padding:0 1.25rem;font-size:.625rem;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)}@starting-style{.scarlet .reader__follow{opacity:0;transform:translate(-50%,6px)}}@media (hover:hover) and (pointer:fine){.scarlet .reader__toggle:hover{border-color:var(--ivory);background-color:#f3ede70f;background-color:lab(94.2052% 1.15106 3.60569/.06)}.scarlet .reader__close:hover{color:var(--ivory)}}@media (prefers-reduced-motion:reduce){.scarlet .reader-cursor,.scarlet .reader,.scarlet .reader__follow{transition:opacity .2s linear}}@media (max-width:69.99rem){.scarlet .acts ol{grid-template-columns:repeat(3,minmax(0,1fr))}.scarlet .acts li:nth-child(4){border-left:0}.scarlet .acts li:nth-child(n+4){border-top:1px solid var(--hair)}.scarlet .narration{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"toggle meta time rate""range range range range""note note note note"}.scarlet .act--spread .act__side,.scarlet .act--opener .act__side{grid-column:1/-1;position:static}.scarlet .act--spread .act__text,.scarlet .act--opener .act__text{grid-column:1/-1}.scarlet .act--facing .act__text,.scarlet .act--mirror .act__text{grid-column:1/span 7}.scarlet .act--facing .act__image{grid-column:8/-1}.scarlet .act--mirror .act__image{grid-column:1/span 5}.scarlet .act--mirror .act__text{grid-column:6/-1}.scarlet .act--between .act__flank--left{grid-column:1/span 4}.scarlet .act--between .act__text{grid-column:5/-1}.scarlet .act--between .act__flank--right{grid-column:1/span 4;margin-top:0}.scarlet .act--wide .act__text{grid-column:1/-1}}@media (max-width:47.99rem){.scarlet .bio-head__stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"title title""then now";gap:2rem 1rem}.scarlet .bio-head h1{grid-area:title;justify-self:center;font-size:clamp(2.6rem,12vw,3.4rem)}.scarlet .bio-portrait--then{grid-area:then;justify-self:stretch}.scarlet .bio-portrait--now{grid-area:now;justify-self:stretch}.scarlet .bio-head__intro{text-align:left;font-size:1.15rem}.scarlet .bio-head__intro p,.scarlet .bio-head__intro .said:first-child>.s{text-wrap:pretty}.scarlet .narration{column-gap:.9rem}.scarlet .narration__meta{min-width:0}.scarlet .acts ol{grid-template-columns:repeat(2,minmax(0,1fr))}.scarlet .acts li:nth-child(n){border-top:0;border-left:0}.scarlet .acts li:nth-child(2n){border-left:1px solid var(--hair)}.scarlet .acts li:nth-child(n+3){border-top:1px solid var(--hair)}.scarlet .act{row-gap:2rem}.scarlet .act .act__image,.scarlet .act .act__side{position:static}.scarlet .act--mirror .act__image{order:2}.scarlet .act--opener .act__side{order:1}.scarlet .act--opener .act__opener{order:2}.scarlet .act--opener .act__text{order:3}.scarlet .act--between .act__flank--left{order:2}.scarlet .act--between .act__flank--right{order:3}.scarlet .act__text>p{font-size:1.125rem}.scarlet .act__text--columns{column-count:1}.scarlet .act--between .act__flank--right{margin-top:0}.scarlet .bio-triptych{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"face role""voice voice""note note"}.scarlet .bio-triptych__voice{justify-self:center;width:60%}.scarlet .reader{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"toggle meta rate close""track track track track";gap:0 .75rem;padding-bottom:.15rem}.scarlet .reader__time{display:none}}@keyframes sc-wait{50%{border-color:#f3ede726;border-color:lab(94.2052% 1.15106 3.60569/.15)}}.scarlet .narration.is-waiting .narration__toggle,.scarlet .reader.is-waiting .reader__toggle{animation:1.2s ease-in-out infinite sc-wait}@media (prefers-reduced-motion:reduce){.scarlet .narration.is-waiting .narration__toggle,.scarlet .reader.is-waiting .reader__toggle{border-style:dashed;animation:none}}.scarlet .narration__status{color:var(--ash);grid-column:2/-1;margin:0;font-size:.875rem}.scarlet .narration__status a{color:var(--ivory);text-underline-offset:.2em;text-decoration:underline}.scarlet .bio .bio-work{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ash);text-decoration-color:var(--ash);text-underline-offset:.18em;text-decoration-thickness:1px}.scarlet .bio .bio-work:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.scarlet .bio .bio-work:hover{-webkit-text-decoration-color:var(--ivory);text-decoration-color:var(--ivory)}}@media (min-width:70rem){.scarlet .narration__toggle{grid-row:1/span 3}}