/* Compact editorial opening: utility dominates; artwork is only a quiet margin note. */
.hero.hero-compact{padding:clamp(2rem,4.5vw,4.5rem) 0 clamp(1.5rem,3vw,2.75rem);border-bottom:1px solid var(--line);overflow:hidden}
.hero-composition{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,18vw,250px);gap:clamp(1.5rem,4vw,4.5rem);align-items:end}
.hero-copy{min-width:0}.hero-compact .eyebrow{margin-bottom:clamp(.8rem,1.5vw,1.25rem)}
.hero-compact h1{max-width:1050px;margin:0;font-size:clamp(2.55rem,4.8vw,4.05rem);font-weight:400;line-height:.94;letter-spacing:-.045em}
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:clamp(1.5rem,2.6vw,2.5rem)}
.hero-actions .button{min-width:174px;justify-content:center}
.hero-art{position:relative;height:clamp(150px,17vw,230px);border-left:1px solid var(--line);padding-left:clamp(.75rem,1.4vw,1.25rem);opacity:.72}
.hero-art>img:first-child{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(.9)}
.hero-art .hero-ink{position:absolute;right:-22px;bottom:-20px;width:clamp(76px,8vw,116px);height:auto;filter:grayscale(1)}
.tool-section{padding-top:clamp(2.25rem,4.5vw,4.75rem)}
@media(max-width:720px){.hero.hero-compact{padding:1.75rem 0 1.5rem}.hero-composition{grid-template-columns:1fr}.hero-compact h1{font-size:clamp(3rem,14vw,4.4rem)}.hero-art{display:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{min-width:0;padding-inline:.75rem}.tool-section{padding-top:2rem}}
@media(max-width:420px){.hero-actions{grid-template-columns:1fr}}