/* The approved leaf artwork stays unchanged; the SVG frames its transparent canvas. */
.hero-identity { display:flex; align-items:center; gap:22px; margin:22px 0 30px; }
.hero-portrait { width:200px; height:200px; flex:0 0 auto; overflow:hidden; border-radius:50%; border:3px solid var(--surface-raised); outline:1px solid var(--border); background:var(--surface); box-shadow:0 8px 28px #00000020; transition:transform .45s ease,box-shadow .45s ease; }
.hero-portrait img { display:block; width:100%; height:100%; object-fit:cover; }
.hero .hero-identity h1 { min-width:0; margin:0; font-size:clamp(48px,5.6vw,82px); letter-spacing:-3.6px; }
@media(hover:hover) { .hero-portrait:hover { transform:translateY(-2px); box-shadow:0 12px 30px #00000030; } }
@media(max-width:1100px) { .hero-identity { gap:18px; } .hero-portrait { width:160px; height:160px; } }
@media(max-width:800px) { .hero-identity { gap:22px; } .hero-portrait { width:200px; height:200px; } .hero .hero-identity h1 { font-size:clamp(54px,10vw,78px); } }
@media(max-width:520px) { .hero-identity { gap:16px; margin:22px 0 27px; } .hero-portrait { width:144px; height:144px; } .hero .hero-identity h1 { font-size:clamp(43px,11.7vw,61px); letter-spacing:-2.2px; } }
@media(max-width:350px) { .hero-identity { gap:12px; } .hero-portrait { width:120px; height:120px; } .hero .hero-identity h1 { font-size:40px; letter-spacing:-2px; } }
@media(prefers-reduced-motion:reduce) { .hero-portrait { transition:none; } .hero-portrait:hover { transform:none; } }