/* Updated About portrait + social row only. */
.premium-about-photo{
  max-height:390px;
}
.premium-about-photo img{
  width:100%;
  height:390px;
  object-fit:cover;
  object-position:center 34%;
}

.premium-about-socials{
  margin:0 0 22px;
  padding:18px 0 20px;
  border-top:1px solid #e2ddd4;
  border-bottom:1px solid #e2ddd4;
}

.premium-about-socials-label{
  margin-bottom:10px;
  color:#a06d1e;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.premium-about-socials-row{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}

.premium-about-social{
  min-height:54px;
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:11px;
  align-items:center;
  padding:10px 12px;
  border:1px solid #e2ddd4;
  border-radius:13px;
  background:#fffaf1;
  color:#17392e;
  text-decoration:none;
}

.premium-about-social.is-live{
  transition:
    transform .24s cubic-bezier(.22,.8,.22,1),
    border-color .24s ease,
    background-color .24s ease;
}

.premium-about-social.is-live:hover,
.premium-about-social.is-live:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(160,109,30,.28);
  background:#fbf1db;
}

.premium-about-social.is-live:focus-visible{
  outline:2px solid #c89c35;
  outline-offset:2px;
}

.premium-about-social.is-pending{
  opacity:.78;
}

.premium-social-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(23,57,46,.10);
  box-shadow:0 10px 22px rgba(14,27,21,.08);
  color:#17392e;
  flex-shrink:0;
}

.premium-social-mark svg{
  width:20px;
  height:20px;
  display:block;
}

.premium-social-mark.instagram{
  background:linear-gradient(135deg,#fff2cb 0%,#ffe1b7 45%,#ffd6da 100%);
}

.premium-social-mark.facebook{
  background:linear-gradient(135deg,#eaf2ff 0%,#d7e6ff 100%);
}

.premium-social-mark.youtube{
  background:linear-gradient(135deg,#ffe3e3 0%,#ffd2d2 100%);
}

.premium-social-copy{
  min-width:0;
}

.premium-social-copy b,
.premium-social-copy small{
  display:block;
}

.premium-social-copy b{
  font-size:12px;
  line-height:1.15;
}

.premium-social-copy small{
  margin-top:3px;
  color:#77786f;
  font-size:10px;
  line-height:1.15;
}

.premium-social-arrow{
  color:#a06d1e;
  font-size:18px;
  font-weight:700;
}

@media(max-width:560px){
  .premium-about-photo{
    max-height:330px;
  }
  .premium-about-photo img{
    height:330px;
    object-position:center 31%;
  }
  .premium-about-socials{
    margin-bottom:18px;
    padding:15px 0 17px;
  }
  .premium-about-social{
    min-height:51px;
    padding:9px 10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-about-social.is-live{
    transition:none;
  }
  .premium-about-social.is-live:hover,
  .premium-about-social.is-live:focus-visible{
    transform:none;
  }
}

/* Premium differentiated Mission + Vision panels inside About drawer. */
.premium-about-drawer .premium-about-mission,
.premium-about-drawer .premium-about-vision{
  position:relative;
  margin-top:14px;
  padding:22px 20px;
  border:1px solid transparent;
  border-radius:18px;
  overflow:hidden;
}

.premium-about-drawer .premium-about-mission::after,
.premium-about-drawer .premium-about-vision::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-70px;
  bottom:-85px;
  border-radius:50%;
  pointer-events:none;
}

/* Mission · warm champagne */
.premium-about-drawer .premium-about-mission{
  background:linear-gradient(135deg,#fff8e8 0%,#f8ecd0 100%);
  border-color:rgba(168,121,31,.16);
  box-shadow:0 12px 30px rgba(112,79,21,.055);
}
.premium-about-drawer .premium-about-mission::after{
  background:rgba(206,159,58,.07);
  box-shadow:0 0 0 34px rgba(206,159,58,.025);
}
.premium-about-drawer .premium-about-mission .premium-about-icon{
  background:#f6dfad;
  color:#9e6d18;
  border:1px solid rgba(158,109,24,.12);
}
.premium-about-drawer .premium-about-mission span{
  color:#9e6d18;
}
.premium-about-drawer .premium-about-mission h3{
  color:#2d2a22;
}
.premium-about-drawer .premium-about-mission p{
  color:#6d675a;
}

/* Vision · calm sage */
.premium-about-drawer .premium-about-vision{
  background:linear-gradient(135deg,#eff7f0 0%,#e3efe7 100%);
  border-color:rgba(47,103,82,.14);
  box-shadow:0 12px 30px rgba(31,75,61,.05);
}
.premium-about-drawer .premium-about-vision::after{
  background:rgba(62,126,102,.06);
  box-shadow:0 0 0 34px rgba(62,126,102,.022);
}
.premium-about-drawer .premium-about-vision .premium-about-icon{
  background:#dceadf;
  color:#2f6d58;
  border:1px solid rgba(47,109,88,.11);
}
.premium-about-drawer .premium-about-vision span{
  color:#2f6d58;
}
.premium-about-drawer .premium-about-vision h3{
  color:#17392e;
}
.premium-about-drawer .premium-about-vision p{
  color:#5e7069;
}

.premium-about-drawer .premium-about-mission .premium-about-icon,
.premium-about-drawer .premium-about-vision .premium-about-icon{
  position:relative;
  z-index:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.premium-about-drawer .premium-about-mission > div:last-child,
.premium-about-drawer .premium-about-vision > div:last-child{
  position:relative;
  z-index:1;
}

@media(max-width:560px){
  .premium-about-drawer .premium-about-mission,
  .premium-about-drawer .premium-about-vision{
    grid-template-columns:46px 1fr;
    gap:14px;
    padding:20px 16px;
    border-radius:17px;
  }
  .premium-about-drawer .premium-about-mission .premium-about-icon,
  .premium-about-drawer .premium-about-vision .premium-about-icon{
    width:44px;
    height:44px;
    font-size:20px;
  }
}

/* Minimal always-accessible close control for the About drawer. */
.premium-about-floating-close{
  position:sticky;
  top:14px;
  z-index:40;
  height:0;
  display:flex;
  justify-content:flex-end;
  margin:0;
  padding:0;
  pointer-events:none;
}

.premium-about-close-premium{
  pointer-events:auto;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(23,57,46,.12);
  border-radius:50%;
  background:rgba(255,250,241,.92);
  color:#17392e;
  box-shadow:
    0 10px 28px rgba(20,38,31,.11),
    inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
  transition:
    transform .24s cubic-bezier(.22,.8,.22,1),
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.premium-about-close-premium span{
  display:block;
  font:300 31px/1 Arial,Helvetica,sans-serif;
  transform:translateY(-1px);
}

.premium-about-close-premium:hover,
.premium-about-close-premium:focus-visible{
  transform:scale(1.055);
  background:#f7efd7;
  border-color:rgba(160,109,30,.24);
  box-shadow:
    0 14px 32px rgba(20,38,31,.14),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.premium-about-close-premium:focus-visible{
  outline:2px solid #c89c35;
  outline-offset:3px;
}

@media(max-width:560px){
  .premium-about-floating-close{
    top:12px;
  }

  .premium-about-close-premium{
    width:42px;
    height:42px;
  }

  .premium-about-close-premium span{
    font-size:29px;
  }
}

@media(prefers-reduced-motion:reduce){
  .premium-about-close-premium{
    transition:none;
  }
  .premium-about-close-premium:hover,
  .premium-about-close-premium:focus-visible{
    transform:none;
  }
}

/* V102: About drawer must sit above the newer sticky navigation layer. */
.premium-about-backdrop{z-index:3000 !important;}
.premium-about-drawer{z-index:3010 !important;}