body[data-layout] .hero:after{position:absolute;z-index:-1;color:color-mix(in srgb,var(--accent) 9%,transparent);font-size:clamp(10rem,28vw,26rem);font-weight:950;line-height:.75;content:'01'}
body[data-layout="editorial"] .hero:after{right:-3rem;bottom:5rem}body[data-layout="editorial"] .hero aside{transform:rotate(-1deg)}
body[data-layout="split"] .hero{display:grid;grid-template-columns:1.05fr .95fr;align-content:center;column-gap:70px}body[data-layout="split"] .hero h1{font-size:clamp(4rem,7vw,7rem)}body[data-layout="split"] .hero .kicker,body[data-layout="split"] .hero h1,body[data-layout="split"] .hero .lede,body[data-layout="split"] .hero .hero-actions{grid-column:1}body[data-layout="split"] .hero aside{grid-column:2;grid-row:1/5;display:flex;min-height:480px;flex-direction:column;justify-content:space-between;padding:50px}body[data-layout="split"] .hero aside div{flex-direction:column}body[data-layout="split"] .hero:after{right:2rem;top:8rem;content:'02'}
body[data-layout="signal"] .hero{text-align:center}body[data-layout="signal"] .hero h1,body[data-layout="signal"] .hero .lede{margin-inline:auto}body[data-layout="signal"] .hero-actions{justify-content:center}body[data-layout="signal"] .hero aside{max-width:850px;margin-inline:auto;border-color:var(--accent);border-radius:999px}body[data-layout="signal"] .hero:after{left:50%;bottom:8rem;transform:translateX(-50%);content:'03'}body[data-layout="signal"] .statement{grid-template-columns:1fr;text-align:center}body[data-layout="signal"] .statement>*{max-width:780px;margin-inline:auto}
body[data-layout="stack"] .hero{max-width:920px}body[data-layout="stack"] .hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}body[data-layout="stack"] .hero aside{margin-left:15%;grid-template-columns:1fr;padding:40px;border-left:5px solid var(--accent)}body[data-layout="stack"] .hero:after{right:0;top:6rem;content:'04'}body[data-layout="stack"] .steps{grid-template-columns:1fr}body[data-layout="stack"] .steps article{display:grid;grid-template-columns:80px 220px 1fr;align-items:center}body[data-layout="stack"] .steps h3{margin:0}
body[data-layout="system"] .hero{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}body[data-layout="system"] .hero .kicker,body[data-layout="system"] .hero h1{grid-column:1/-1}body[data-layout="system"] .hero h1{text-transform:uppercase;font-size:clamp(3.6rem,8vw,7.5rem)}body[data-layout="system"] .hero .lede{padding:25px;border:1px dashed var(--accent);font-family:ui-monospace,monospace}body[data-layout="system"] .hero aside{grid-template-columns:1fr;gap:40px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-family:ui-monospace,monospace}body[data-layout="system"] .hero:after{right:0;bottom:4rem;content:'05'}body[data-layout="system"] .card{border-radius:18px}
@media(max-width:760px){body[data-layout="split"] .hero,body[data-layout="system"] .hero{display:block}body[data-layout="split"] .hero aside{min-height:0}body[data-layout="signal"] .hero aside{border-radius:24px}body[data-layout="stack"] .hero aside{margin-left:0}body[data-layout="stack"] .steps article{display:block}body[data-layout] .hero:after{font-size:11rem}}