/* The copy and visual occupy separate columns; the callout sits above the art. */
.new-hero.hero-balanced{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;width:calc(100% - 96px);max-width:1224px;margin:0 auto;padding:42px 0 64px;min-height:0}
.hero-balanced .hero-copy{min-width:0;padding-bottom:28px}
.hero-balanced .hero-signature{margin:0 0 22px;font-size:10px;letter-spacing:1.6px}
.hero-balanced h1{max-width:100%;font-size:clamp(44px,4.4vw,68px);letter-spacing:-2.5px;line-height:1.15}
.hero-balanced .hero-bottom{max-width:100%;margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.hero-balanced .hero-bottom p{font-size:16px;line-height:1.7}
.hero-balanced .hero-visual{min-width:0;display:flex;flex-direction:column;align-items:center}
.hero-balanced .availability-meta{width:100%;margin:0 0 26px!important;justify-content:flex-end!important;flex-direction:row;order:initial}
.hero-balanced .availability-card{width:370px;box-sizing:border-box;max-width:100%;position:relative;z-index:3}
.hero-balanced .collage{position:relative;inset:auto;width:100%;max-width:480px;height:460px;margin:0;transform:none;isolation:isolate;overflow:visible}
.hero-balanced .growth-portrait{position:absolute;top:66px;right:16%;width:68%;max-width:340px;margin:0;transform:rotate(2deg)}
.hero-balanced .scrap-notepad{width:105px;height:110px}
.hero-balanced .scrap-headphones{width:80px;height:84px}
.hero-balanced .scrap-book{width:105px;height:80px}
.hero-balanced .scrap-mic{width:48px;height:110px}
.hero-balanced .scrap-tv{width:105px;height:86px;padding:5px 5px 17px}
.hero-balanced .collage-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:0 10px}
.hero-balanced .collage-hint{position:static;margin:0;font-size:20px;text-align:center}
.hero-balanced .collage-hint span{display:block;font:10px/1.5 Satoshi,sans-serif;margin:3px 0 0}
.hero-balanced .collage-reset{position:static;border:0!important;background:none;padding:6px 10px;font-size:10px;color:var(--muted);text-decoration:none}
/* Coffee lives in the personal chapter, with a tiny playful movement on hover. */
.about-signoff:has(.about-coffee-note){display:flow-root}
.about-coffee-note{float:right;width:130px;margin:0 0 18px 26px;text-align:center}
.about-coffee-note svg{width:100%;height:140px;overflow:visible;filter:drop-shadow(2px 4px 3px #0002);transform:rotate(-8deg);transition:transform .6s ease}
.about-coffee-note:hover svg{transform:rotate(6deg) translateY(-3px)}
.about-coffee-note figcaption{font:22px/1.3 Caveat,'Segoe Print',cursive;color:var(--accent)}
@media(max-width:1050px) and (min-width:961px){.new-hero.hero-balanced{gap:28px;width:calc(100% - 64px)}.hero-balanced h1{font-size:44px}.hero-balanced .availability-card{width:100%;padding-inline:13px}.hero-balanced .availability-card-heading{flex-wrap:wrap;gap:6px}.hero-balanced .availability-kicker{font-size:8px;letter-spacing:.6px}.hero-balanced .availability-status{font-size:11px}}
@media(max-width:960px){.new-hero.hero-balanced{grid-template-columns:1fr;gap:34px;width:calc(100% - 48px);padding-top:30px}.hero-balanced .hero-copy{padding:0;max-width:650px}.hero-balanced h1{font-size:clamp(43px,7.5vw,66px)}.hero-balanced .hero-bottom{margin-top:26px;gap:20px}.hero-balanced .hero-visual{width:100%;max-width:540px;justify-self:center}.hero-balanced .availability-meta{margin-bottom:24px!important}.hero-balanced .collage{height:450px}.hero-balanced .growth-portrait{top:65px}.hero-balanced .hero-bottom p{font-size:15px}}
@media(max-width:520px){.new-hero.hero-balanced{width:calc(100% - 40px);gap:30px;padding-bottom:48px}.hero-balanced h1{font-size:clamp(39px,9.7vw,50px);letter-spacing:-1.6px}.hero-balanced .hero-signature{font-size:9px;letter-spacing:1.2px}.hero-balanced .availability-card{width:100%}.hero-balanced .collage{height:390px}.hero-balanced .growth-portrait{top:62px;width:69%;right:15%}.hero-balanced .scrap-notepad{width:78px;height:90px}.hero-balanced .scrap-headphones{width:64px;height:69px}.hero-balanced .scrap-book{width:80px;height:66px}.hero-balanced .scrap-mic{width:40px;height:90px}.hero-balanced .scrap-tv{width:84px;height:72px;padding-bottom:14px}.hero-balanced .collage-controls{margin-top:0}.about-coffee-note{float:none;width:110px;margin:16px 0 22px}.about-coffee-note svg{height:120px}}
@media(prefers-reduced-motion:reduce){.about-coffee-note svg{transition:none}.about-coffee-note:hover svg{transform:rotate(-8deg)}}