.article-detail-layout{--article-detail-gutter:clamp(1.25rem, 4vw, 4rem);padding-bottom:clamp(4rem,8vw,8rem)}.article-detail-layout__reading-column,.article-detail-layout__fallback-header{width:min(100% - (var(--article-detail-gutter) * 2), 56rem);margin-inline:auto}.article-detail-layout__back-link{color:var(--muted-foreground);letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;transition:color .16s,gap .16s;display:inline-flex}.article-detail-layout__back-link:hover{color:var(--foreground);gap:.8rem}.article-detail-layout__back-link:focus-visible{outline:2px solid var(--ring);outline-offset:.35rem;border-radius:.25rem}.article-detail-layout__hero{isolation:isolate;min-height:clamp(32rem,62vw,47rem);color:var(--primary-foreground);position:relative;overflow:hidden}.article-detail-layout__hero-image,.article-detail-layout__hero-scrim{width:100%;height:100%;position:absolute;inset:0}.article-detail-layout__hero-image{z-index:-2;object-fit:cover;object-position:center}.article-detail-layout__hero-scrim{z-index:-1;background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 4%, transparent) 20%, color-mix(in oklch, var(--foreground) 82%, transparent) 100%)}.article-detail-layout__hero-content{z-index:1;min-height:clamp(32rem,62vw,47rem);width:min(100% - (var(--article-detail-gutter) * 2), 72rem);text-shadow:0 .12em .7em color-mix(in oklch, var(--foreground) 45%, transparent);flex-direction:column;justify-content:space-between;margin-inline:auto;padding:clamp(2rem,6vw,5rem) 0;display:flex;position:relative}.article-detail-layout__hero-topline,.article-detail-layout__fallback-topline{align-items:center;gap:.85rem;display:flex}.article-detail-layout__hero-topline .article-detail-layout__back-link{color:color-mix(in oklch, var(--primary-foreground) 86%, transparent);text-shadow:0 .12em .7em color-mix(in oklch, var(--foreground) 45%, transparent)}.article-detail-layout__hero-topline .article-detail-layout__back-link:hover{color:var(--primary-foreground)}.article-detail-layout__hero-topline .article-detail-layout__badge{margin-bottom:0}.article-detail-layout__hero-copy{max-width:72rem}.article-detail-layout__badge{background:color-mix(in oklch, var(--primary-foreground) 90%, transparent);width:fit-content;color:var(--primary);text-shadow:none;margin-bottom:1.25rem}.article-detail-layout__date,.article-detail-layout__fallback-date{letter-spacing:.02em;margin-bottom:.9rem;font-size:.9375rem;font-weight:600;display:block}.article-detail-layout__title{letter-spacing:-.06em;max-width:16ch;margin:0;font-size:clamp(2.65rem,7vw,6.5rem);font-weight:650;line-height:.98}.article-detail-layout__summary{max-width:48rem;color:color-mix(in oklch, var(--primary-foreground) 88%, transparent);margin:1.5rem 0 0;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.5}.article-detail-layout__byline{color:color-mix(in oklch, var(--primary-foreground) 76%, transparent);flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;font-size:.875rem;font-weight:500;display:flex}.article-detail-layout__reading-column{padding-top:clamp(2.5rem,6vw,5rem)}.article-detail-layout__updated{margin-bottom:2rem}.article-detail-layout__related{border-top:1px solid var(--border);margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem)}.article-detail-layout__related-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.article-detail-layout__eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.article-detail-layout__related-heading h2{color:var(--foreground);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:650;line-height:1}.article-detail-layout__related-all,.article-detail-layout__related-read-more{color:var(--foreground);align-items:center;gap:.45rem;font-size:.875rem;font-weight:650;transition:color .16s,gap .16s;display:inline-flex}.article-detail-layout__related-all:hover,.article-detail-layout__related-card:hover .article-detail-layout__related-read-more{color:var(--primary);gap:.65rem}.article-detail-layout__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.article-detail-layout__related-card{border:1px solid var(--border);background:var(--background);border-radius:1rem;flex-direction:column;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.article-detail-layout__related-card:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border));box-shadow:0 1rem 2.5rem color-mix(in oklch, var(--foreground) 9%, transparent);transform:translateY(-3px)}.article-detail-layout__related-image-wrap{aspect-ratio:16/9;overflow:hidden}.article-detail-layout__related-image{object-fit:cover;width:100%;height:100%;transition:transform .36s}.article-detail-layout__related-card:hover .article-detail-layout__related-image{transform:scale(1.04)}.article-detail-layout__related-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.1rem;display:flex}.article-detail-layout__related-card-body time{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.article-detail-layout__related-card-body h3{color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}.article-detail-layout__related-read-more{color:var(--primary);margin-top:auto;padding-top:.5rem;font-size:.8rem}@media (width<=767px){.article-detail-layout__related-heading{flex-direction:column;align-items:flex-start}.article-detail-layout__related-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.article-detail-layout__related-all,.article-detail-layout__related-read-more,.article-detail-layout__related-card,.article-detail-layout__related-image{transition:none}.article-detail-layout__related-card:hover,.article-detail-layout__related-card:hover .article-detail-layout__related-image{transform:none}}.article-detail-layout__fallback-header{padding-top:1.5rem;padding-bottom:3rem}.article-detail-layout__fallback-topline{margin-bottom:2.5rem}.article-detail-layout__fallback-header .article-detail-layout__title{color:var(--foreground)}.article-detail-layout__fallback-header .article-detail-layout__summary{color:var(--muted-foreground);text-shadow:none}@media (width>=768px){.article-detail-layout__hero,.article-detail-layout__hero-content{min-height:min(72vh,50rem)}}@media (prefers-reduced-motion:reduce){.article-detail-layout__back-link{transition:none}.article-detail-layout__back-link:hover{gap:.625rem}}