.pbh-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,5vw,80px);max-width:1400px;margin:0 auto;padding:clamp(56px,7vw,104px) clamp(24px,4vw,64px) 40px;isolation:isolate}.pbh-copy{min-width:0;position:relative;z-index:1}.pbh-eyebrow{font:400 12px/1.5 var(--hv-font);color:var(--hv-ink-tertiary);margin:0 0 22px}.hv-design .pbh-copy h1{font:500 clamp(42px,4.9vw,72px)/1.04 var(--hv-font);letter-spacing:-.045em;color:var(--hv-ink);margin:0 0 24px;text-wrap:balance;overflow-wrap:normal}.pbh-description{font:400 clamp(15px,1.25vw,18px)/1.65 var(--hv-font);color:var(--hv-ink-secondary);max-width:44ch;margin:0}.pbh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}.pbh-stage{min-width:0;width:100%;--hd-paper:#080808;--pbh-violet:var(--hv-spectrum-violet,#280740);--pbh-magenta:var(--hv-spectrum-magenta,#630245);--pbh-red:var(--hv-spectrum-red,#bd2230);--pbh-orange:var(--hv-spectrum-orange,#e98128);--pbh-olive:var(--hv-spectrum-olive,#8c9f21);--pbh-blue:var(--hv-spectrum-turquoise,#55c6c0);--pbh-cream:var(--hv-spectrum-cream,#dccab2)}.pbh-stage .hd-stage-art>svg{display:block;width:100%;height:auto;overflow:visible}.pbh-stage .hd-motion{margin-top:0;color:#92928d;min-height:40px}.pbh-stage .hd-agent--keeper,.pbh-stage .hd-agent--scout{--hd-paper:var(--pbh-blue)}.pbh-stage .hd-agent--maker{--hd-paper:var(--pbh-olive)}.pbh-stage .hd-agent--courier{--hd-paper:var(--pbh-red)}.pbh-stage .hd-eyes,.pbh-stage .hd-face-ink{color:#171715}.pbh-stage .hd-agent--courier .hd-eyes,.pbh-stage .hd-agent--courier .hd-face-ink{color:#fff2df}.pbh-stage .pbh-ground{opacity:.25;stroke-width:1}.pbh-stage .pbh-hatch{stroke-width:1;opacity:.6}.pbh-stage .pbh-label{font:12px var(--hv-font-mono,monospace);fill:#c1c1b8;stroke:none}@media(max-width:760px){.pbh-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:112px 24px 24px}.pbh-copy{max-width:560px}.hv-design .pbh-copy h1{font-size:clamp(38px,8.5vw,60px);max-width:15ch}.pbh-description{max-width:48ch}.pbh-stage{max-width:600px;justify-self:center}.pbh-eyebrow{margin-bottom:18px}}@media(max-width:380px){.pbh-hero{padding-inline:18px;gap:18px}.hv-design .pbh-copy h1{font-size:36px}}