/* Keep the approved original title section; refinements continue elsewhere. */
.hero{background:linear-gradient(90deg,var(--ivory) 58%,var(--hero-warm) 58%);padding:76px 0;font-family:Arial,Helvetica,sans-serif;line-height:1.7}
.hero-grid{gap:60px}.hero h1{font-size:clamp(43px,5.2vw,70px);line-height:1.13;letter-spacing:-.045em;font-weight:800;text-wrap:wrap}.hero h1 em{font-family:Georgia,serif;font-weight:400}
.hero-copy .intro{font-size:21px;line-height:1.55}.hero-copy>p:not(.eyebrow){max-width:510px}.hero p{text-wrap:wrap}.hero .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:18px}
.hero-photo img{height:535px;aspect-ratio:auto;border-radius:150px 150px 18px 18px;object-position:center 58%}
@media(max-width:1000px){.hero-grid{gap:35px}.hero-photo img{height:470px}}
@media(max-width:750px){.hero{background:linear-gradient(var(--ivory) 68%,var(--hero-warm) 68%);padding:52px 0}.hero-grid{gap:32px}.hero h1{font-size:clamp(39px,10vw,57px)}.hero-copy .intro{font-size:19px;line-height:1.55}.hero-copy>p:not(.eyebrow){max-width:100%}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero-photo{max-width:460px}.hero-photo img{height:390px;aspect-ratio:auto;border-radius:120px 120px 16px 16px}}
/* A brief welcome motion, then a quiet hover response. */
@media(prefers-reduced-motion:no-preference){
 .hero-photo{animation:dosa-photo-arrive .85s cubic-bezier(.2,.7,.3,1) both}
 .hero-photo img{animation:dosa-photo-float 3.6s .85s ease-in-out 1;transition:scale .5s ease,box-shadow .5s ease;transform-origin:center}
 @keyframes dosa-photo-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
 @keyframes dosa-photo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
 @media(hover:hover) and (pointer:fine){.hero-photo:hover img{scale:1.015;box-shadow:0 22px 48px var(--shadow)}}
}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-photo img{animation:none!important;transition:none!important;transform:none;scale:1}}