.article-header{padding:80px 0 40px}@media (min-width:768px){.article-header{padding:96px 0 48px}}@media (min-width:1024px){.article-header{padding:120px 0 56px}}.article-header__inner{max-width:760px;margin:0 auto}.article-header__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-300);text-decoration:none;margin-bottom:32px;transition:color var(--t1)}.article-header__back:hover{color:var(--fire-500)}.article-header__back svg{width:14px;height:14px}.article-header__meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.article-header__cat{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fire-600);background:var(--fire-50);padding:4px 12px;border-radius:var(--r-pill);font-weight:500}.article-header__date{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-300)}.article-header__read-time{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-300)}.article-header__dot{width:3px;height:3px;border-radius:50%;background:var(--ink-200)}.article-header__title{font-size:clamp(32px, 5vw, 48px);line-height:1.1;letter-spacing:-.025em;font-weight:700;margin:0 0 20px;text-wrap:balance}.article-header__excerpt{font-size:var(--fs-lede);line-height:1.55;color:var(--ink-400);margin:0}.article-hero-img{padding:0 0 48px}.article-hero-img__frame{max-width:960px;margin:0 auto;border-radius:var(--r-4);overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--fire-400),var(--sunset));position:relative}.article-hero-img__frame::after{content:"";position:absolute;inset:25% 10% 0;border:2px solid rgb(255 255 255 / .6);border-radius:var(--r-2) var(--r-2) 0 0}.article-body{padding-bottom:64px}@media (min-width:768px){.article-body{padding-bottom:96px}}.article-body__inner{max-width:680px;margin:0 auto}.article-body__inner h2{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.012em;font-weight:700;margin:48px 0 16px;color:var(--ink-900)}.article-body__inner h2:first-child{margin-top:0}.article-body__inner p{font-size:16.5px;line-height:1.75;color:var(--ink-400);margin:0 0 20px}.article-body__inner p:last-child{margin-bottom:0}.article-body__inner strong{color:var(--ink-900);font-weight:600}.article-body__inner blockquote{margin:32px 0;padding:0 0 0 24px;border-left:3px solid var(--fire-500)}.article-body__inner blockquote p{font-size:clamp(17px, 2.2vw, 20px);font-weight:600;color:var(--ink-900);line-height:1.45}.article-body__inner ul,.article-body__inner ol{margin:0 0 20px;padding-left:24px;color:var(--ink-400)}.article-body__inner li{font-size:16.5px;line-height:1.75;margin-bottom:8px}.article-body__inner code{font-family:var(--mono);font-size:.88em;background:var(--paper-2);padding:2px 6px;border-radius:4px}.article-stat{text-align:center;padding:40px 0;margin:32px 0;border-top:1px solid var(--mist);border-bottom:1px solid var(--mist)}.article-stat__num{font-family:var(--font-display);font-style:italic;font-size:clamp(48px, 8vw, 72px);color:var(--fire-500);line-height:1;margin-bottom:8px}.article-stat__label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-300)}.article-author{padding:40px 0 64px;border-top:1px solid var(--mist)}.article-author__inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:20px}.article-author__avatar{width:48px;height:48px;border-radius:50%;background:var(--fire-50);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--fire-600);flex-shrink:0}.article-author__name{font-weight:700;font-size:15px;color:var(--ink-900);margin:0 0 2px}.article-author__role{font-size:13px;color:var(--ink-300)}.article-related{background:var(--paper-2);padding:64px 0}@media (min-width:768px){.article-related{padding:80px 0}}.article-related__header{margin-bottom:32px}.article-related__title{font-size:var(--fs-h3);font-weight:700;margin:0}.article-related__grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:640px){.article-related__grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.article-related__grid{grid-template-columns:1fr 1fr 1fr}}.related-card{background:var(--paper-0);border:1px solid var(--mist);border-radius:var(--r-3);overflow:hidden;transition:transform var(--t2),box-shadow var(--t2),border-color var(--t2);display:flex;flex-direction:column;text-decoration:none;color:inherit}.related-card:hover{transform:translateY(-3px);border-color:var(--fire-200);box-shadow:var(--sh-2)}.related-card__image{aspect-ratio:16 / 10;overflow:hidden;background:var(--paper-3)}.related-card__body{padding:20px}.related-card__cat{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fire-600);margin-bottom:8px}.related-card__title{font-size:16px;font-weight:700;line-height:1.3;color:var(--ink-900);margin:0}.cover{aspect-ratio:16/10;position:relative;overflow:hidden}.cover .num{position:absolute;left:14px;bottom:10px;font-family:var(--mono);font-size:10px;font-weight:600;background:var(--paper-0);color:var(--ink-900);padding:4px 8px;border-radius:4px;letter-spacing:.08em;z-index:2}.cover-2{background:var(--paper-3);background-image:radial-gradient(circle at 1px 1px,var(--ink-300) 1px,transparent 0);background-size:14px 14px;position:relative}.cover-2::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;aspect-ratio:1;background:var(--volt-500);border-radius:50%;box-shadow:0 8px 32px rgb(11 179 149 / .4)}.cover-3{background:var(--ink-900);position:relative;display:grid;place-items:center}.cover-3::before{content:"";width:60%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,var(--fire-300),var(--fire-600))}.cover-3::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,var(--ink-900));pointer-events:none}.cover-4{background:var(--fire-100);background-image:repeating-linear-gradient(45deg,transparent 0 18px,var(--fire-200) 18px 19px)}.article-footer{background:var(--ink-900);color:var(--ink-200);padding:40px 0}.article-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.article-footer__brand img{height:24px;width:auto}.article-footer__copy{font-size:12px;color:var(--ink-300)}.js-reveal{opacity:0;transform:translateY(40px)}@media (prefers-reduced-motion:reduce){.js-reveal{opacity:1!important;transform:none!important}}