.article-page{--article-text:var(--color-brand-black);--article-muted:#242322b3;--article-border:#130d091a;background:var(--color-surface);color:var(--article-text)}.article-page__container{width:min(100% - 2rem,80rem);margin:0 auto;padding:clamp(2rem,3vw,4rem) 0 clamp(3rem,4vw,5rem);position:relative}.article-page__layout{grid-template-columns:minmax(0,1fr) minmax(18rem,20.625rem);align-items:start;gap:clamp(2rem,3vw,3.5rem);display:grid;position:relative}.article-page__main,.article-page__sidebar{min-width:0;position:sticky;top:2rem}.article-sidebar__sticky{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}.article-card{border:1px solid var(--article-border);background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 1.5rem 4rem #130d0912}.article-card__hero{aspect-ratio:16/8.8;background:var(--color-brand-gray);margin:0;overflow:hidden}.article-card__hero-image{object-fit:cover;width:100%;height:100%;display:block}.article-card__body{padding:clamp(.85rem,3vw,2.5rem)}.article-meta{color:#2423228f;font-family:var(--font-ui);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.55rem 1.25rem;margin:0;padding:0;font-size:.72rem;font-weight:600;line-height:1.5;list-style:none;display:flex}.article-meta li{position:relative}.article-meta li+li:before{background:var(--color-brand-green);content:"";border-radius:999px;width:.25rem;height:.25rem;position:absolute;top:50%;left:-.78rem;transform:translateY(-50%)}.article-meta a{color:var(--color-brand-purple);text-decoration:none;transition:color .18s}.article-meta a:hover,.article-meta a:focus-visible{color:var(--color-brand-blue)}.article-title,.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.author-card__name,.related-card h2,.article-empty-page h1{font-family:var(--font-display);letter-spacing:-.015em;font-weight:600}.article-title{max-width:48rem;color:var(--color-brand-black);margin:1.35rem 0 0;font-size:clamp(2.75rem,4vw,4rem);line-height:.94}.article-title strong,.article-title b,.article-content h1 strong,.article-content h1 b,.article-content h2 strong,.article-content h2 b,.article-content h3 strong,.article-content h3 b,.article-content h4 strong,.article-content h4 b,.article-content h5 strong,.article-content h5 b,.article-content h6 strong,.article-content h6 b,.author-card__name strong,.author-card__name b,.related-card h2 strong,.related-card h2 b{font-weight:inherit}.article-excerpt{max-width:46rem;color:var(--article-muted);font-family:var(--font-ui);margin:1rem 0 0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.75}.article-content{color:var(--article-text);font-family:var(--font-ui);margin-top:clamp(2.25rem,2.5vw,3rem);font-size:clamp(1rem,1.35vw,1.08rem);line-height:1.85}.article-content>*{max-width:48rem}.article-content>*+*{margin-top:1.45rem}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{max-width:50rem;color:var(--color-brand-black);margin-top:2.25rem;margin-bottom:.25rem;line-height:1}.article-content h1{font-size:clamp(2.35rem,4vw,4rem)}.article-content h2{font-size:clamp(2rem,3vw,3rem)}.article-content h3{font-size:clamp(1.7rem,3vw,2.35rem)}.article-content h4,.article-content h5,.article-content h6{font-size:clamp(1.35rem,2.3vw,1.8rem)}.article-content p{margin:0}.article-content a{color:var(--color-brand-purple);text-underline-offset:.18em;font-weight:600;text-decoration:underline .1em #7f21e74d;transition:color .18s,text-decoration-color .18s}.article-content a:hover,.article-content a:focus-visible{color:var(--color-brand-blue);text-decoration-color:currentColor}.article-content strong,.article-content b{color:var(--color-brand-black);font-weight:700}.article-content ul,.article-content ol{margin:1.5rem 0 0;padding-left:1.5rem}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li+li{margin-top:.6rem}.article-content blockquote{border-left:.25rem solid var(--color-brand-purple);color:var(--color-brand-gray);background:linear-gradient(105deg,#7f21e714,#1bcbd80f);border-radius:0 1rem 1rem 0;margin:2.25rem 0;padding:1.25rem 1.5rem;font-size:1.1em;font-style:italic}.article-content img,.article-content video,.article-content iframe{border-radius:1rem;max-width:100%;margin:2rem auto;display:block}.article-content figure{margin:2.25rem 0}.article-content figure img{width:100%;margin:0}.article-content figcaption{color:#24232294;text-align:center;margin-top:.6rem;font-size:.82rem;line-height:1.5}.article-content hr{background:linear-gradient(90deg,#7f21e74d,#1bcbd82e,#0000);border:0;height:1px;margin:3rem 0}.article-content pre{background:var(--color-brand-black);color:#ffffffe6;border-radius:1rem;max-width:100%;margin:2rem 0;padding:1.25rem;font-size:.88em;line-height:1.65;overflow-x:auto}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.article-content :not(pre)>code{background:var(--color-surface);color:var(--color-brand-purple);border-radius:.35rem;padding:.15rem .4rem}.article-content table{border-collapse:collapse;max-width:100%;margin:2rem 0;font-size:.94em;display:block;overflow-x:auto}.article-content th,.article-content td{border:1px solid var(--article-border);text-align:left;min-width:8rem;padding:.75rem 1rem}.article-content th{background:var(--color-surface);color:var(--color-brand-black);font-weight:700}.article-tags{border-top:1px solid var(--article-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:clamp(2.5rem,5vw,4rem);padding-top:1.5rem;display:flex}.article-tags__label{color:var(--color-brand-black);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.article-tags ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.article-tags a{color:var(--color-brand-purple);font-family:var(--font-ui);background:#7f21e70d;border:1px solid #7f21e733;border-radius:999px;padding:.45rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s;display:inline-flex}.article-tags a:hover,.article-tags a:focus-visible{border-color:var(--color-brand-purple);background:var(--color-brand-purple);color:#fff}.author-card{background:linear-gradient(120deg,#7f21e70f,#1bcbd80d);border:1px solid #7f21e724;border-radius:1.25rem;align-items:flex-start;gap:1.25rem;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.25rem,3vw,2rem);display:flex}.author-card__image{object-fit:cover;border-radius:999px;flex:none;width:5rem;height:5rem}.author-card__content{min-width:0}.author-card__eyebrow,.related-card__eyebrow,.article-empty-page__eyebrow{color:var(--color-brand-purple);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.author-card__name{color:var(--color-brand-black);margin:.3rem 0 0;font-size:1.8rem;line-height:1}.author-card__bio{color:var(--article-muted);font-family:var(--font-ui);margin:.65rem 0 0;font-size:.9rem;line-height:1.65}.author-card__link{color:var(--color-brand-black);font-family:var(--font-ui);align-items:center;gap:.4rem;margin-top:.9rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.author-card__link:hover,.author-card__link:focus-visible{color:var(--color-brand-purple)}.author-card__link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1rem;height:1rem}.article-banner{border-radius:1.25rem;overflow:hidden;box-shadow:0 1rem 2.5rem #130d091a}.article-banner__image{width:100%;height:auto;transition:transform .3s;display:block}.article-banner a:hover .article-banner__image,.article-banner a:focus-visible .article-banner__image{transform:scale(1.025)}.related-card{border:1px solid var(--article-border);background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 1rem 2.5rem #130d090d}.related-card h2{color:var(--color-brand-black);margin:.35rem 0 0;font-size:2rem;line-height:.95}.related-list{flex-direction:column;gap:1.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.related-item{align-items:flex-start;gap:.85rem;display:flex}.related-item__image-link{background:var(--color-surface);border-radius:.9rem;flex:0 0 6rem;height:4.75rem;overflow:hidden}.related-item__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.related-item__image-link:hover .related-item__image,.related-item__image-link:focus-visible .related-item__image{transform:scale(1.06)}.related-item__fallback{color:#24232280;width:100%;height:100%;font-family:var(--font-ui);text-align:center;place-items:center;font-size:.7rem;display:grid}.related-item__content{min-width:0}.related-item__content time{color:#24232285;font-family:var(--font-ui);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:600;line-height:1.4;display:block}.related-item__title{color:var(--color-brand-black);font-family:var(--font-ui);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.35rem;font-size:.88rem;font-weight:700;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.related-item__title:hover,.related-item__title:focus-visible{color:var(--color-brand-purple)}.article-empty-page{background:var(--color-surface);text-align:center;place-items:center;min-height:60vh;padding:4rem 1rem;display:grid}.article-empty-page__content{max-width:34rem}.article-empty-page h1{color:var(--color-brand-black);margin:.5rem 0 0;font-size:clamp(3rem,7vw,5rem);line-height:.9}.article-empty-page p:not(.article-empty-page__eyebrow){color:var(--article-muted);font-family:var(--font-ui);margin:1rem 0 0;line-height:1.7}.article-empty-page__link{background:linear-gradient(60deg, var(--color-brand-purple), var(--color-brand-green));color:#fff;font-family:var(--font-ui);border-radius:999px;margin-top:1.75rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .18s,transform .18s;display:inline-flex}.article-empty-page__link:hover,.article-empty-page__link:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}@media (width<=64rem){.article-page__layout{grid-template-columns:minmax(0,1fr)}.article-page__sidebar{width:min(100%,42rem)}.article-sidebar__sticky{position:static}}@media (width<=40rem){.article-page__container{width:min(100% - 1.25rem,80rem)}.article-card{border-radius:1.1rem}.article-card__hero{aspect-ratio:1.35}.article-card__body{padding:.75rem}.article-title{font-size:clamp(2.6rem,13vw,4rem)}.author-card{flex-direction:column}}@media (prefers-reduced-motion:reduce){.article-page a,.article-page img,.article-empty-page a{transition:none!important}}
