/* Sherafati Home Hero — premium medical minimal v3 */
.hero.hero-v2{
  position:relative;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(120deg,#fcfbf8 0%,#f8f4ed 52%,#f1eadf 100%);
  border-bottom:1px solid rgba(17,18,15,.06);
}
.hero.hero-v2::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:560px;
  height:560px;
  left:-250px;
  bottom:-310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(185,146,80,.12),transparent 68%);
  pointer-events:none;
}
.hero-v2 .hero__grid{
  display:grid;
  grid-template-columns:minmax(400px,.86fr) minmax(0,1.14fr);
  gap:clamp(30px,3.8vw,56px);
  align-items:center;
  padding:clamp(22px,3vw,34px) 0 clamp(28px,3.5vw,38px);
}
.hero-v2 .hero__copy{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  max-width:640px;
  justify-self:stretch;
  position:relative;
  z-index:2;
}
.hero-v2 .hero__label{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  background:transparent;
  color:#8f6d37;
  font-size:12px;
  font-weight:500;
  line-height:1.7;
}
.hero-v2 .hero__label-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#b9934a;
  box-shadow:0 0 0 5px rgba(185,147,74,.10);
}
.hero-v2 .hero__title{
  margin:10px 0 10px;
  color:#171915;
  font-size:clamp(34px,3.2vw,46px);
  line-height:1.18;
  letter-spacing:0!important;
  font-weight:600!important;
  text-wrap:balance;
}
.hero-v2 .hero__title-main,
.hero-v2 .hero__title-accent{
  display:block;
  font-weight:600;
}
.hero-v2 .hero__title-main{
  color:#171915 !important;
}

.hero-v2 .hero__title-accent{
  margin-top:4px;
  display:inline-block;
  margin-right:clamp(20px,3vw,56px);
  color:#b2863f;
  animation:heroAccentFloat 3.6s ease-in-out infinite;
  transform-origin:right center;
}
@keyframes heroAccentFloat{
  0%,100%{opacity:1;transform:translateY(0)}
  50%{opacity:.88;transform:translateY(-2px)}
}


.hero-v2 .hero__dental-signature{
  width:max-content;
  max-width:100%;
  margin:0 0 18px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#b9934a;
  transition:transform .28s ease,filter .28s ease;
}
.hero-v2 .hero__dental-signature:hover{
  transform:translateX(-3px);
  filter:drop-shadow(0 3px 8px rgba(185,147,74,.16));
}
.hero-v2 .hero__dental-line{
  width:48px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(185,147,74,.14),rgba(185,147,74,.95));
}
.hero-v2 .hero__dental-line--short{width:28px;}
.hero-v2 .hero__dental-tooth{
  width:14px;
  height:12px;
  display:inline-block;
  border:1.6px solid currentColor;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  border-bottom-left-radius:6px 8px;
  border-bottom-right-radius:6px 8px;
  border-top-width:1.8px;
  background:rgba(255,255,255,.42);
  box-shadow:0 0 0 1px rgba(255,255,255,.28) inset;
}
.hero-v2 .hero__dental-tooth--mid{
  transform:translateY(1px) scale(1.06);
}

.hero-v2 .hero__description{
  max-width:610px;
  margin:0 0 16px;
  color:#6f716a;
  font-size:13.5px;
  font-weight:400;
  line-height:1.9;
}
.hero-v2 .hero__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.hero-v2 .hero__actions .btn{
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  font-size:12px;
  font-weight:600;
  box-shadow:none;
  transform:none!important;
}
.hero-v2 .hero__actions .btn::before{display:none!important}
.hero-v2 .hero__actions .arrow{width:16px;height:16px;transform:none!important}
.hero-v2 .hero__primary{
  background:#11150f;
  border-color:#11150f;
  color:#fff;
}
.hero-v2 .hero__primary:hover{
  background:#1c2119;
  border-color:#1c2119;
  color:#fff;
}
.hero-v2 .hero__secondary{
  background:rgba(255,255,255,.68);
  border-color:rgba(17,21,15,.13);
  color:#171915;
}
.hero-v2 .hero__secondary:hover{
  background:#fff;
  border-color:rgba(185,147,74,.62);
  color:#171915;
}
.hero-v2 .hero__visual{
  grid-column:1;
  grid-row:1;
  direction:rtl;
  position:relative;
  width:100%;
  min-height:400px;
  max-width:470px;
  justify-self:center;
}
.hero-v2 .hero__frame{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:84px 22px 22px 22px;
  background:#e9e4da;
  border:1px solid rgba(17,18,15,.07);
  box-shadow:0 14px 40px rgba(31,26,18,.10);
}
.hero-v2 .hero__frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(17,18,15,.09),transparent 32%);
}
.hero-v2 .hero__image,
.hero-v2 .hero__frame img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 14%;
  margin:0;
  filter:saturate(.88) contrast(1.01);
}
.hero-v2 .hero__card{
  position:absolute;
  right:-10px;
  bottom:16px;
  width:min(198px,46%);
  min-height:78px;
  padding:13px 14px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(17,18,15,.08);
  border-radius:16px;
  box-shadow:0 15px 38px rgba(22,20,16,.10);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hero-v2 .hero__card-number{
  color:#b2863f;
  font-size:27px;
  line-height:1;
  font-weight:650;
}
.hero-v2 .hero__card-copy{display:grid;gap:2px;min-width:0}
.hero-v2 .hero__card-copy strong{color:#171915;font-size:11px;font-weight:600;line-height:1.6}
.hero-v2 .hero__card-copy span{color:#7a7d76;font-size:9.5px;font-weight:400;line-height:1.75}

/* Motion is intentionally quiet: no typewriter, parallax or continuously moving decoration. */
.hero-v2 .hero__copy .reveal{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .52s ease,transform .58s cubic-bezier(.2,.75,.25,1);
}
.hero-v2 .hero__copy .reveal.in{opacity:1;transform:none}
.hero-v2 .hero__visual.reveal-left{
  opacity:0;
  transform:translateY(10px) scale(.992);
  transition:opacity .62s ease,transform .72s cubic-bezier(.2,.75,.25,1);
}
.hero-v2 .hero__visual.reveal-left.in{opacity:1;transform:none}

@media(max-width:1080px){
  .hero-v2 .hero__grid{
    grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr);
    gap:22px;
  }
  .hero-v2 .hero__visual{min-height:360px;max-width:420px}
  .hero-v2 .hero__title{font-size:clamp(31px,3.6vw,42px)}
}

@media(max-width:820px){
  .hero-v2 .hero__grid{
    grid-template-columns:1fr;
    gap:16px;
    padding:14px 0 22px;
  }
  .hero-v2 .hero__copy{
    grid-column:1;
    grid-row:2;
    max-width:680px;
  }
  .hero-v2 .hero__visual{
    grid-column:1;
    grid-row:1;
    min-height:310px;
    max-width:380px;
    width:min(100%,380px);
    justify-self:center;
  }
  .hero-v2 .hero__frame{border-radius:52px 18px 18px 18px}
  .hero-v2 .hero__card{right:10px;bottom:12px}
}

@media(max-width:639px){
  .hero.hero-v2::before{width:340px;height:340px;left:-190px;bottom:-190px}
  .hero-v2 .hero__grid{gap:12px;padding:8px 0 16px}
  .hero-v2 .hero__label{font-size:11px;line-height:1.7}
  .hero-v2 .hero__title{
    margin:13px 0 13px;
    font-size:clamp(24px,7vw,29px);
    line-height:1.24;
  }
  .hero-v2 .hero__description{
    margin-bottom:12px;
    font-size:12.2px;
    line-height:1.95;
  }
  .hero-v2 .hero__actions{gap:7px}
  .hero-v2 .hero__actions .btn{
    min-height:44px;
    padding-inline:15px;
    border-radius:11px;
    font-size:11px;
  }
  .hero-v2 .hero__visual{min-height:300px}
  .hero-v2 .hero__frame{border-radius:36px 14px 14px 14px;box-shadow:0 12px 34px rgba(31,26,18,.09)}
  .hero-v2 .hero__card{
    right:12px;
    bottom:10px;
    width:min(176px,58%);
    min-height:68px;
    padding:10px 11px;
    border-radius:13px;
  }
  .hero-v2 .hero__card-number{font-size:21px}
  .hero-v2 .hero__card-copy strong{font-size:10px}
  .hero-v2 .hero__card-copy span{font-size:8.5px}
}

@media(max-width:420px){
  .hero-v2 .hero__grid{padding:6px 0 14px}
  .hero-v2 .hero__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .hero-v2 .hero__actions .btn{width:100%;padding-inline:8px;white-space:nowrap}
  .hero-v2 .hero__visual{min-height:272px;width:min(100%,360px)}
  .hero-v2 .hero__card{width:178px}
}


@media(max-width:639px){
  .hero-v2 .hero__title-accent{margin-right:18px;}
  .hero-v2 .hero__dental-signature{margin:0 0 14px;gap:6px;}
  .hero-v2 .hero__dental-line{width:32px;}
  .hero-v2 .hero__dental-line--short{width:20px;}
  .hero-v2 .hero__dental-tooth{width:11px;height:10px;}
  .hero-v2 .hero__visual{order:-1;}
  .hero-v2 .hero__frame img,.hero-v2 .hero__image{object-position:50% 8%;}
}

@media(max-width:420px){
  .hero-v2 .hero__title-accent{margin-right:14px;}
}

@media(prefers-reduced-motion:reduce){
  .hero-v2 .hero__copy .reveal,
  .hero-v2 .hero__visual.reveal-left,
  .hero-v2 .hero__title-accent{transition:none!important;transform:none!important;opacity:1!important;animation:none!important}
}