/* Hallmark · macrostructure: Spatial booth plan · custom theme: booth · nav: utility · footer: statement · contrast token pairs: pass · pre-emit critique: P4 H4 E4 S4 R4 V4 */
/* Spatial composition: lead and real booth frame / floor-plan interaction / alternating zones. */
.hero-booth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.hero-booth h1{font-size:clamp(3.4rem,6.7vw,6.8rem)}.booth-frame{padding:var(--space-lg);border:1px solid var(--line);position:relative}.booth-frame img{aspect-ratio:1/1}.booth-frame .frame-label{display:flex;justify-content:space-between;gap:var(--space-md);font-size:.72rem;margin-top:var(--space-md)}.booth-legend{border-block:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg);padding:var(--space-xl) 0;font-size:.85rem}.style-booth .offer{grid-template-columns:80px minmax(0,.7fr) minmax(0,1fr)}.style-booth .tool-result{border-style:dashed}
@media(max-width:768px){.hero-booth{grid-template-columns:minmax(0,1fr)}.hero-booth h1{font-size:clamp(3rem,9vw,5rem)}.booth-frame img{aspect-ratio:4/3}.style-booth .offer{grid-template-columns:minmax(0,1fr)}}