.punch-hero{border-radius:var(--radius);background:var(--card);color:var(--on-card);justify-content:space-between;align-items:center;gap:32px;margin-bottom:28px;padding:clamp(28px,4vw,52px);display:flex;position:relative;overflow:hidden}.punch-hero-copy{z-index:1;flex-direction:column;align-items:flex-start;gap:14px;max-width:640px;display:flex;position:relative}.punch-hero-copy h2{font-family:var(--font-display);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:var(--tracking-ui);color:#fff;font-size:clamp(30px,4vw,52px);line-height:.95}.punch-hero-copy p{color:var(--on-card-muted);font-size:var(--text-base);margin:0}.punch-hero-copy .notice{color:var(--ink)}.punch-hero-status{color:#fff}.punch-count{font-size:1.6em}.punch-of{opacity:.75}.punch-hero-line{font-weight:var(--weight-bold);align-items:center;gap:8px;display:flex;color:#fff!important}.punch-hero-meta{font-size:var(--text-sm)!important}.punch-hero-art{inset-inline-end:clamp(16px,4vw,56px);color:#00000038;position:absolute;top:50%;transform:translateY(-50%)}.punch-stamps{flex-wrap:wrap;gap:10px;margin:6px 0;padding:0;list-style:none;display:flex}.punch-stamps li{color:#ffffffbf;font-family:var(--font-display);border:2px dashed #fff9;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.punch-stamps li.is-filled{color:#fff;background:#000;border:2px solid #000}.punch-stamps-lg li{width:52px;height:52px;font-size:var(--text-xl)}.punch-stamps-sm li{width:30px;height:30px;font-size:var(--text-sm);border-width:1.5px;border-color:var(--line);color:var(--muted)}.punch-stamps-sm li.is-filled{background:var(--red);border-color:var(--red);color:#fff}.punch-steps{font-size:var(--text-base);color:var(--muted);flex-direction:column;gap:10px;margin:0;padding-inline-start:20px;line-height:1.5;display:flex}@media (max-width:800px){.punch-hero{padding:26px 22px}.punch-hero-art{display:none}.punch-stamps-lg li{width:36px;height:36px;font-size:var(--text-base)}.punch-stamps{gap:7px}}