@layer components{.ahero{padding:clamp(140px,14vw,200px) 0 clamp(56px,6vw,96px);position:relative}.ahero:after{content:"";z-index:0;pointer-events:none;opacity:.35;background:url(/brand/noise.png) 0 0/200px 200px;position:absolute;inset:0 0 40%;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.rhythm>.ahero{padding-bottom:clamp(56px,6vw,96px)}.ahero-inner{z-index:1;flex-direction:column;align-items:flex-start;gap:24px;max-width:980px;display:flex;position:relative}.ahero-back{color:var(--color-neutral-400);transition:color var(--transition-base);align-items:center;gap:8px;margin:-11px 0 1px;padding:11px 0;font-size:14px;display:inline-flex}.ahero-back svg{width:16px;height:16px;transition:transform .4s var(--ease-out)}.ahero-back:hover{color:var(--color-white)}.ahero-back:hover svg{transform:translate(-4px)}.ahero-draft{background:var(--color-lime);letter-spacing:1px;color:var(--color-black);border-radius:12px;margin-left:12px;padding:3px 9px;font-size:11px}.ahero-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(40px,6vw,88px);font-weight:400;line-height:1.04}.ahero-intro{max-width:680px;color:var(--color-neutral-300);text-wrap:pretty;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.ahero-byline{align-items:center;gap:14px;margin-top:8px;display:flex}.ahero-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.ahero-author{color:var(--color-white);font-size:15px;display:block}.ahero-meta{color:var(--color-neutral-400);margin-top:2px;font-size:13px;display:block}.ahero-cover{z-index:1;aspect-ratio:16/8;border-radius:var(--radius-sm);background:var(--color-neutral-900);margin-top:clamp(48px,6vw,88px);position:relative;overflow:hidden}.ahero-cover img{object-fit:cover;will-change:transform;width:100%;height:100%}@media (width<=640px){.ahero-cover{aspect-ratio:4/3}}.article-grid{grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(40px,7vw,120px);max-width:1200px;margin-inline:auto;display:grid}.article-sticky{flex-direction:column;gap:40px;display:flex;position:sticky;top:120px}.article-share-links{flex-wrap:wrap;gap:8px;display:flex}.article-share-links a,.article-share-links button{border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);height:36px;font:inherit;color:var(--color-neutral-200);cursor:pointer;transition:border-color var(--transition-base), color var(--transition-base);background:0 0;align-items:center;padding:0 14px;font-size:13px;display:inline-flex}.article-share-links a:hover,.article-share-links button:hover{border-color:var(--color-lime);color:var(--color-lime)}.article-main{min-width:0}.article-author{border-top:1px solid var(--color-neutral-800);align-items:center;gap:20px;max-width:68ch;margin-top:clamp(56px,6vw,88px);padding-top:32px;display:flex}.article-author-photo{object-fit:cover;border-radius:50%;flex:none;width:72px;height:72px}.article-author-name{letter-spacing:-.02em;color:var(--color-white);margin-top:6px;font-size:20px}.article-author-name span{letter-spacing:0;color:var(--color-neutral-400);margin-top:2px;font-size:14px;display:block}.article-cta{border-radius:var(--radius-sm);background:var(--color-neutral-900);flex-direction:column;align-items:flex-start;gap:24px;max-width:68ch;margin-top:40px;padding:clamp(28px,3vw,40px);display:flex}.article-cta p{letter-spacing:-.015em;color:var(--color-white);text-wrap:pretty;font-size:clamp(18px,1.5vw,22px);line-height:1.4}@media (width<=900px){.article-grid{grid-template-columns:1fr}.article-side{order:2}.article-sticky{position:static}.article-side .toc{display:none}}.amore-head{border-top:1px solid var(--color-neutral-800);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,56px);display:flex}.amore-title{letter-spacing:-.04em;font-size:clamp(36px,4.4vw,64px);font-weight:400;line-height:1}.amore-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(20px,3vw,48px);list-style:none;display:grid}@media (width<=1000px){.amore-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.amore-list{grid-template-columns:minmax(0,1fr)}}}