.hero{--body-quiet: #4b524b;--meta-ink: #5f635e;--rule-card: #e2e7de;--ease-out: cubic-bezier(.22, 1, .36, 1);--card-w: 300px;--card-h: 340px;background:var(--color-paper);padding:clamp(3rem,5vw,5.5rem) var(--v4-shell-pad) clamp(3rem,4.5vw,4.5rem)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.link-plain{font-family:var(--font-display);font-weight:600;color:var(--color-ink);text-decoration:underline;text-underline-offset:.28em;text-decoration-thickness:1.5px;text-decoration-color:var(--color-accent)}.link-plain:hover{color:var(--color-accent-dim)}.hero__in{width:min(100%,var(--v4-shell-max));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(2.5rem,6vw,7rem);align-items:center}.say{min-width:0}.h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.75rem,4.7vw,4.5rem);line-height:.98;letter-spacing:-.033em;color:var(--color-ink);text-wrap:balance}.h1 .accent{color:var(--color-accent)}.sub{margin-top:clamp(1.25rem,1.8vw,1.75rem);font-family:var(--font-display);font-weight:500;font-size:clamp(1.2rem,1.5vw,1.55rem);line-height:1.3;letter-spacing:-.018em;color:var(--color-ink);max-width:30ch;text-wrap:pretty}.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:1.35rem;margin-top:clamp(1.75rem,2.4vw,2.25rem)}.note{margin-top:1rem;font-size:.9375rem;line-height:1.5;color:var(--body-quiet)}.card{display:flex;flex-direction:column;padding:1.25rem 1.35rem 1.3rem;background:#fff;border:1px solid var(--rule-card);border-radius:18px;color:inherit;box-shadow:0 1px 2px #191c190a,0 18px 40px -30px #191c1959}.card__cat{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-dim)}.card__job{margin-top:.8rem;font-family:var(--font-display);font-weight:600;font-size:1.55rem;line-height:1.12;letter-spacing:-.02em;color:var(--color-ink);text-wrap:pretty;overflow-wrap:anywhere}.card__facts{margin-top:auto;padding-top:1.25rem;display:grid;gap:.8rem}.card__facts>div{display:grid;gap:.15rem;padding-top:.7rem;border-top:1px solid #eef1ec}.card__facts dt{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--meta-ink)}.card__facts dd{font-size:.95rem;line-height:1.4;color:var(--color-ink);font-weight:500;margin:0}.card__facts dd.is-quiet{color:var(--meta-ink);font-weight:400}.stack-wrap{display:grid;justify-items:center;gap:1.25rem}.deck-stage{position:relative;width:var(--card-w);height:var(--card-h);margin-top:1.75rem}.deck-stage .card{position:absolute;inset:0;touch-action:pan-y;user-select:none;-webkit-user-select:none}.deck-stage .card.is-front{cursor:grab}.deck-stage .card.is-front.is-drag{cursor:grabbing}.deck-stage .card .veil{position:absolute;inset:-1px;border-radius:inherit;background:var(--color-paper);opacity:0;pointer-events:none}.tt-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.tt-arrow{width:2.75rem;height:2.75rem;display:grid;place-items:center;background:none;border:0;border-radius:9999px;color:var(--color-ink);font-family:var(--font-display);font-size:1.5rem;line-height:1;cursor:pointer;padding:0}.tt-arrow:hover{color:var(--color-accent-dim)}.tt-dots{display:flex;gap:.6rem;align-items:center}.tt-dot{width:.55rem;height:.55rem;padding:0;border-radius:9999px;border:1.5px solid var(--color-accent-dim);background:transparent;cursor:pointer;position:relative}.tt-dot:after{content:"";position:absolute;inset:-10px}.tt-dot[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent)}.stack__cap{font-size:.9rem;line-height:1.5;color:var(--meta-ink);text-align:center}.stack__cap a{margin-left:.35rem}@media(prefers-reduced-motion:no-preference){.is-in .say>*{animation:rise .8s var(--ease-out) both}.is-in .say>*:nth-child(2){animation-delay:.06s}.is-in .say>*:nth-child(3){animation-delay:.12s}.is-in .say>*:nth-child(4){animation-delay:.18s}.is-in .stack__cap{animation:fade .6s ease 1s both}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.lab-knobs{width:min(100%,var(--v4-shell-max));margin:2rem auto 0;font-size:.85rem;color:var(--meta-ink)}.lab-knobs summary{cursor:pointer;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.lab-knobs__row{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.75rem}.lab-knobs label{display:inline-flex;align-items:center;gap:.4rem}.lab-knobs output{font-family:var(--font-mono);font-size:.72rem;min-width:3.5ch}@media(max-width:1100px){.hero__in{grid-template-columns:minmax(0,1fr);row-gap:2.5rem;justify-items:start}.stack-wrap{justify-self:center}}@media(max-width:760px){.hero{--card-w:min(280px,100vw - 6rem);--card-h:320px;padding-top:1.75rem}.hero__in{row-gap:2rem}.h1{font-size:clamp(2.5rem,10.5vw,3.4rem)}.sub{font-size:1.15rem}.ctas{gap:1rem}.ctas .btn-pill-primary{flex:1 1 100%}.note{margin-top:.75rem}.card__job{font-size:1.35rem}}@media(max-width:360px){.h1,.sub{overflow-wrap:anywhere}}
