.presenting{max-width:76rem;padding-block:var(--space-xl) var(--space-3xl)}
.presenting__hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.52fr);gap:clamp(1rem,4vw,4rem);align-items:center;padding:clamp(2rem,5vw,4rem);background:var(--color-cyan-soft);border-radius:1.25rem}
.presenting__eyebrow{color:var(--color-cyan-deep);font-size:var(--step-1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.5rem}
.presenting__hero h1{font-size:clamp(3.2rem,7vw,6.5rem);letter-spacing:-.07em;line-height:.98;margin-bottom:1.75rem}
.presenting__hero h1 em{font-style:normal;color:var(--color-crawd-deep)}
.presenting__lede{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45;max-width:38ch;margin:0}
.presenting__point{max-width:38ch;margin:1.5rem 0 0;padding-left:1rem;border-left:4px solid var(--color-crawd);font-size:var(--step-3);font-weight:700;line-height:1.45}
.presenting__mark{aspect-ratio:1;display:grid;place-items:center;transform:rotate(7deg);border-radius:50%;background:var(--color-accent);border:2px solid var(--color-ink);box-shadow:12px 12px 0 var(--color-crawd);font-size:clamp(2.4rem,5.2vw,5rem);font-weight:800;line-height:.95;letter-spacing:-.07em;text-align:center}
.presenting__period{color:var(--color-crawd-deep)}
.presenting__intro{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:2rem 0;border-bottom:1px solid var(--color-rule)}
.presenting__intro p{margin:0;font-size:var(--step-3);font-weight:600}
.presenting__pill{white-space:nowrap;background:var(--color-ink);color:var(--color-paper);border-radius:99px;padding:.55rem 1rem;font-weight:800;font-size:var(--step-1)}
.presenting__steps{max-width:57rem;margin:clamp(3rem,7vw,5rem) auto}
.presenting__steps h2{font-size:var(--step-5);margin-bottom:1.5rem}
.presenting__steps ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-rule)}
.presenting__steps li{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,3vw,2.5rem) 0;border-bottom:1px solid var(--color-rule)}
.presenting__number{font-size:var(--step-3);font-weight:800;color:var(--color-crawd-deep);font-variant-numeric:tabular-nums}
.presenting__steps h3{font-size:var(--step-4);margin:0 0 .75rem}
.presenting__steps li p{margin:0;color:var(--color-ink-soft);max-width:53ch}
.presenting__close{border-radius:1.25rem;background:var(--color-paper-2);padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.presenting__close p{font-size:var(--step-4);font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.2}
.presenting__close .btn{white-space:normal;text-align:center;line-height:1.2}
@media(max-width:44rem){.presenting__hero{grid-template-columns:1fr}.presenting__mark{width:10rem;justify-self:end;margin:0 1rem 1rem;font-size:2.25rem}.presenting__hero h1{font-size:clamp(3rem,12vw,5rem)}.presenting__steps li{grid-template-columns:2.25rem minmax(0,1fr)}}