/* Section 2 — Hero: clean editorial dermatology style */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=DM+Sans:wght@400;500;600&display=swap');

.home-hero{width:100%;background:linear-gradient(90deg,#F3E8DE 0%,#F8F3EE 45%,#FFFFFF 100%);color:#171714;padding:72px 0 76px;overflow:hidden}
.home-hero__inner{width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:78px;align-items:center}
.home-hero__content{max-width:590px;padding-left:10px}
.home-hero__eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.17em!important;font-family:"DM Sans",Arial,sans-serif;line-height:1.5}
.home-hero__heading{margin:0;padding:0;font-family:"Cormorant Garamond","Bodoni 72","Didot","Baskerville","Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:.88;color:#1b1b18}
.home-hero__heading-line{display:inline-block}
.home-hero__heading-line--italic{font-style:italic}
.home-hero__qualification{margin:20px 0 0}
.home-hero__description{max-width:470px;margin:17px 0 0;font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
.home-hero__actions{display:flex;align-items:center;gap:18px;margin-top:25px;flex-wrap:wrap}
.home-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 17px;border-radius:999px;text-decoration:none;transition:transform .2s ease,opacity .2s ease;background:transparent;font-family:"DM Sans",Arial,sans-serif;letter-spacing:.01em}
.home-hero__button--primary{background:#171714;border:1px solid #171714;color:#fff!important}
.home-hero__button--secondary{border:0;color:#22221e!important;padding-left:2px;padding-right:2px}
.home-hero__button--secondary::after{content:"→";margin-left:7px;font-size:12px}
.home-hero__button:hover{transform:translateY(-1px);opacity:.82}
.home-hero__media{display:flex;justify-content:flex-end}
.home-hero__image-wrap{width:min(100%,400px);background:#eeeae2;overflow:hidden;border-radius:0}
.home-hero__image-wrap img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.home-hero__media--empty{min-height:430px;background:#f4f1eb}
@media(min-width:701px) and (max-width:1099px){.home-hero{padding:60px 0}.home-hero__inner{gap:45px;grid-template-columns:minmax(0,1fr) minmax(280px,380px)}}
@media(max-width:700px){.home-hero{padding:48px 0 55px}.home-hero__inner{width:min(100% - 36px,560px);grid-template-columns:1fr;gap:38px}.home-hero__content{padding-left:0;max-width:none}.home-hero__media{justify-content:center;order:-1}.home-hero__image-wrap{width:min(100%,360px)}}
@media(max-width:420px){.home-hero__inner{width:calc(100% - 28px)}.home-hero__heading{line-height:.92}.home-hero__actions{gap:13px}}


/* Doctor name and qualification overlay on Hero image */
.home-hero__image-wrap{position:relative}
.home-hero__image-overlay{position:absolute;left:0;right:0;bottom:0;padding:34px 28px 25px;background:linear-gradient(to top,rgba(18,18,16,.72) 0%,rgba(18,18,16,.34) 48%,rgba(18,18,16,0) 100%);color:#fff}
.home-hero__doctor-name{font-family:"Cormorant Garamond","Bodoni 72","Didot","Baskerville","Times New Roman",serif;font-size:30px;font-weight:500;line-height:1.05;letter-spacing:-.015em;color:#fff}
.home-hero__doctor-qualification{margin-top:7px;color:#fff!important}
@media(max-width:700px){.home-hero__image-overlay{padding:28px 22px 20px}.home-hero__doctor-name{font-size:27px}}
