/* Separate scalable parchment and bounded, uncropped character artwork. */
.hero{position:relative;isolation:isolate;background:#f6e5c5 url('/assets/brand/hero-paper-v3.jpg') center/cover;overflow:visible}
.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;width:100%;max-width:1240px;height:auto;min-height:0;max-height:none;margin:auto;padding:30px 48px}
.hero-copy{position:relative;width:auto;max-width:490px;padding:0;z-index:1;animation:arrive .65s ease-out both}
.hero h1{font-size:clamp(62px,7vw,94px);line-height:.88;margin:24px 0;letter-spacing:-3px}
.hero h1 span{font-size:.74em;letter-spacing:-2px}
.hero-line{font-size:clamp(24px,2.4vw,32px);margin:25px 0 16px}
.hero-description{max-width:340px;font-size:15px;margin:0 0 26px}
.hero-mobile-intro{display:none}
.hero-scene{position:static;inset:auto;margin:0;justify-self:center;align-self:center;width:100%;max-width:410px;height:auto;mask-image:none;pointer-events:none}
.hero-scene picture{display:block;width:100%}
.hero-scene img{display:block;width:100%;height:auto;max-width:100%;max-height:615px;object-fit:contain;object-position:center;mask-image:none}
@media(min-width:601px) and (max-width:850px){.hero-inner{padding:28px;gap:24px}.hero h1{font-size:62px}.hero-line{font-size:25px}.hero-description{font-size:14px}}
@media(max-width:600px){
 .hero-inner{display:flex;flex-direction:column;gap:10px;padding:25px 24px 14px}
 .hero-copy{width:100%;max-width:390px;padding:0}
 .hero .eyebrow{font-size:9px;letter-spacing:.12em;max-width:none;margin-bottom:14px}
 .hero h1{font-size:46px;line-height:.95;letter-spacing:-1.5px;margin:12px 0}
 .hero h1 br{display:none}.hero h1 span{display:inline;font-size:.78em;letter-spacing:-1px}
 .hero-line{font-size:22px;line-height:1.25;margin:15px 0 10px}
 .hero-line br{display:initial}
 .hero-description{font-size:13px;max-width:300px;margin:0 0 16px}
 .hero-desktop-intro{display:none}.hero-mobile-intro{display:inline}
 .hero .button{font-size:13px;padding:12px 18px;gap:24px;min-height:44px}
 .hero-scene{max-width:290px;width:100%;height:auto;margin:0}
 .hero-scene img{width:100%;height:auto;max-height:290px;object-fit:contain}
}
@media(max-width:360px){.hero h1{font-size:39px}.hero-inner{padding-left:20px;padding-right:20px}.hero-scene{max-width:250px}}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}}