@layer blocks{.feature-article,.article-opening{--feature-space:#071923;--feature-paper:#fff8e9;--feature-coral:#f46a43;--feature-cyan:#52d2cf;color:var(--h-ink-body)}.article-opening{--article-opening-ink:var(--feature-paper);isolation:isolate;min-height:620px;padding:0 var(--page-gutter) 48px;color:var(--article-opening-ink);background:var(--feature-space);position:relative;overflow:hidden}.article-opening-art{z-index:-2;object-fit:cover;object-position:58% center;width:100%;height:100%;position:absolute;inset:0}.article-opening:has(.article-opening-art):before{content:"";z-index:-1;background:linear-gradient(90deg,#071923f2 0%,#071923d6 36%,#07192300 75%);position:absolute;inset:0}.article-opening-copy{max-width:720px;padding:64px 28px 32px}.article-opening h1{color:inherit;max-width:12ch;font:750 clamp(56px,7.2vw,96px)/.98 var(--h-font-ui);letter-spacing:-.035em;text-wrap:balance;margin:0}.article-opening h1 span{letter-spacing:-.025em;max-width:20ch;margin-top:20px;font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.1;display:block}.article-opening-description{font:400 21px/1.55 var(--h-font-ui);max-width:42ch;color:inherit;text-wrap:pretty;margin:28px 0 0}.article-opening-metadata{font:500 .875rem/1.5 var(--h-font-ui);color:inherit;margin:28px 0 0}.article-opening-credit{bottom:20px;right:var(--page-gutter);background:var(--feature-space);color:var(--feature-paper);font:400 .75rem/1.5 var(--h-font-ui);margin:0;padding:5px 9px;position:absolute}.article-opening.masthead-frame{--opening-inset:calc(max(0px, (100% - var(--site-frame-width)) / 2) + var(--page-gutter))}.article-opening.masthead-frame .article-opening-copy{margin-inline:var(--opening-inset)}@media (width>=761px){.article-opening.masthead-frame .article-opening-credit{right:var(--opening-inset)}}.article-opening.masthead-frame:before{background:linear-gradient(90deg,#071923f2 0%,#071923f2 max(0%, (100% - var(--site-frame-width)) / 2),#071923d6 calc(max(0%, (100% - var(--site-frame-width)) / 2) + min(36%, .36 * var(--site-frame-width))),#07192300 calc(max(0%, (100% - var(--site-frame-width)) / 2) + min(75%, .75 * var(--site-frame-width))))}.article-opening[data-tone=paper]{--article-opening-ink:var(--h-ink);background:var(--h-ground);border-bottom:1px solid var(--h-line);min-height:0}.article-opening[data-tone=paper] .article-opening-copy{padding-block:40px 16px}.feature-prose{--feature-inset:0px;padding-top:64px;padding-inline:var(--feature-inset);font:400 20px/1.7 var(--h-font-ui);grid-template-columns:[wide-start]minmax(0,1fr)[text-start]minmax(0,65ch)[text-end]minmax(0,1fr)[wide-end];display:grid}.feature-prose>*{grid-column:text;min-width:0;max-width:100%}.feature-prose>p{text-wrap:pretty;margin:0 0 24px}.feature-prose>p:first-of-type{font-size:24px;line-height:1.55}.feature-prose :is(h2,h3){color:var(--h-ink);text-wrap:balance}.feature-prose h2{font:700 var(--heading-h2-size)/var(--h-lh-h2) var(--h-font-ui);letter-spacing:var(--h-tr-h2);margin:56px 0 20px;scroll-margin-top:28px}.feature-prose h3{font:650 26px/1.25 var(--h-font-ui);margin:36px 0 16px}.feature-prose :is(a,.article-pullquote a){color:var(--h-ink);text-underline-offset:.18em;text-decoration:underline 1px}.feature-prose a:hover{color:var(--h-spot-ink)}.feature-prose :is(p,figcaption)::selection,.article-opening ::selection{background:var(--feature-cyan);color:var(--feature-space)}.feature-prose :is(ol,ul){margin:0 0 28px;padding-left:1.3em}.feature-prose li{overflow-wrap:anywhere;margin:0 0 12px}.feature-prose table{border-collapse:collapse;width:100%;margin:24px 0 36px;font-size:17px;line-height:1.5;display:block;overflow:auto}.feature-prose :is(td,th){text-align:left;vertical-align:top;border-bottom:1px solid var(--h-line);min-width:140px;padding:12px 14px}.feature-prose :is(code,pre){font-family:var(--h-font-mono);overflow-wrap:anywhere;font-size:.85em}.feature-prose :is(.article-figure,.article-pullquote){grid-column:wide;margin:36px 0 48px}.article-figure{align-self:start;width:100%}.article-figure-media{justify-content:center;align-items:center;min-width:0;display:flex}.article-figure img{width:100%;max-width:640px;height:auto;display:block}.article-figure[data-native-size] img{max-width:min(100%,var(--article-image-width))}.article-figure[data-pixels] img{max-width:512px;image-rendering:pixelated}.article-figure figcaption{max-width:65ch;font:400 16px/1.6 var(--h-font-ui);color:var(--h-ink-muted);margin:18px auto 0}.article-figure figcaption p{margin:0 0 12px;font:inherit!important}.article-figure figcaption .article-figure-title{color:var(--h-ink);font-size:22px!important;font-weight:700!important;line-height:1.2!important}.article-figure figcaption .article-figure-credit{font-size:13px!important}.feature-prose .article-figure[data-size=reading]{grid-column:text}.article-figure[data-size=aside]{grid-template-columns:minmax(0,512px) minmax(0,1fr);justify-self:center;align-items:center;gap:40px;max-width:1000px;display:grid}.article-figure[data-size=aside] figcaption{max-width:38ch;margin:0}.feature-prose .article-figure[data-size=bleed]{margin-inline:calc(-1 * (var(--page-gutter) + var(--feature-inset)));width:calc(100% + 2 * var(--page-gutter) + 2 * var(--feature-inset));max-width:none}.article-figure[data-size=bleed] figcaption{padding-inline:var(--page-gutter)}.article-pullquote{background:var(--h-ground);color:var(--h-ink);border-block:1px solid var(--h-line);padding:40px clamp(24px,5vw,72px)}.article-pullquote :is(span,figcaption){font:400 14px/1.5 var(--h-font-ui);letter-spacing:normal;color:var(--h-ink-muted);margin-top:20px;display:block}.feature-ending{border-top:1px solid var(--h-line);max-width:65ch;font:400 16px/1.6 var(--h-font-ui);margin:48px auto 0;padding-top:24px}.feature-ending a{color:var(--h-ink);text-underline-offset:3px;text-decoration:underline}@media (width>=1100px){.feature-prose{--feature-inset:48px}.article-opening-copy{padding-left:48px}}@media (width<=760px){.article-opening{min-height:660px;padding-bottom:48px}.article-opening-art{object-position:66% center}.article-opening:has(.article-opening-art):before{background:linear-gradient(#071923e6 0%,#071923bf 55%,#07192333 100%)}.article-opening-copy{max-width:100%;padding:56px 4px 64px}.article-opening-description{max-width:36ch;font-size:19px}.article-opening h1{font-size:clamp(50px,12vw,78px)}.article-opening h1 span{max-width:17ch;font-size:32px}.article-opening-credit{left:var(--page-gutter);max-width:calc(100% - 2 * var(--page-gutter));right:auto}.feature-prose{padding-top:40px;font-size:18px}.feature-prose>p:first-of-type{font-size:22px}.feature-prose h2{margin-top:40px}.article-figure[data-size=aside]{grid-template-columns:minmax(0,1fr);gap:20px}.article-figure[data-size=aside] figcaption{max-width:none}.feature-prose :is(.article-figure,.article-pullquote){margin-block:24px 32px}.article-pullquote{padding:28px 16px}}@media print{.article-opening{color:#000;background:#fff;min-height:0;padding-bottom:24px}.article-opening-art,.article-opening-credit{display:none}.article-opening-copy{padding:0}.article-opening:before{display:none}.feature-prose{padding:0;font-size:12pt;display:block}.article-figure,.article-pullquote{break-inside:avoid}.article-opening h1{font-size:36pt}.feature-prose h2{break-after:avoid}.feature-ending{font-size:10pt}}body.magazine .feature-prose :is(p,li){font:inherit;color:inherit}body.magazine .article-pullquote :is(p,blockquote){font:600 clamp(28px,3.2vw,44px)/1.2 var(--h-font-ui);letter-spacing:-.025em;box-shadow:none;color:var(--h-ink);background:0 0;border:0;max-width:28ch;margin:0;padding:0}.feature-prose a:focus-visible{outline:2px solid var(--h-ink);outline-offset:4px}}@layer exceptions{.article-opening[data-art]{padding-top:16px}}
