/* PAHM FINAL VISUAL POLISH — v16 */
/* This stylesheet is already loaded last. Header intentionally untouched. */

/* FOOTER: keep PAHM logo, reduce it by 50%, and center the entire brand above the columns. */
footer{display:grid !important;position:relative !important;}
footer > .footer-brand{
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  justify-self:center !important;
  align-self:start !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  gap:0 !important;
  box-sizing:border-box !important;
}

/* Keep the PAHM wordmark, but half the previous mobile scale. */
footer > .footer-brand > .footer-pahm{
  display:block !important;
  visibility:visible !important;
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  opacity:1 !important;
  font-size:15px !important;
  line-height:.9 !important;
  letter-spacing:.20em !important;
  padding-left:.20em !important;
  margin:0 !important;
}
footer > .footer-brand > .footer-bypham{
  display:block !important;
  visibility:visible !important;
  width:35px !important;
  max-width:35px !important;
  height:auto !important;
  max-height:none !important;
  opacity:1 !important;
  margin:2px 0 0 !important;
}

/* Monogram: double the previous 3px tiny mark. */
footer > .footer-brand > .pahm-monogram{
  display:block !important;
  visibility:visible !important;
  width:6px !important;
  height:6px !important;
  min-width:6px !important;
  min-height:6px !important;
  max-width:6px !important;
  max-height:6px !important;
  margin:10px auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  opacity:1 !important;
}
footer > .footer-brand > em{
  display:block !important;
  visibility:visible !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  font-size:5px !important;
  line-height:1.4 !important;
  letter-spacing:.15em !important;
  text-align:center !important;
}
footer > div:not(.footer-brand){grid-row:2 !important;}

/* TIMELESS FEMININITY: smaller and more refined directly below the video. */
.hero-content h1{
  font-size:clamp(30px,5vw,48px) !important;
  line-height:.98 !important;
  letter-spacing:.035em !important;
}

/* NEW IN: restrained editorial size. */
.section-heading h2{
  font-size:clamp(20px,2.4vw,30px) !important;
}

@media(max-width:900px){
  footer{padding-top:42px !important;}
  footer > .footer-brand{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    padding-bottom:22px !important;
  }
  footer > .footer-brand > .footer-pahm{
    font-size:15px !important;
    letter-spacing:.18em !important;
    padding-left:.18em !important;
  }
  footer > .footer-brand > .footer-bypham{
    width:35px !important;
    max-width:35px !important;
  }
  footer > .footer-brand > .pahm-monogram{
    width:6px !important;
    height:6px !important;
    min-width:6px !important;
    min-height:6px !important;
    max-width:6px !important;
    max-height:6px !important;
    margin:10px auto !important;
  }
  footer > .footer-brand > em{font-size:5px !important;}

  /* TIMELESS directly beneath the hero video. */
  .hero-content h1{
    font-size:clamp(24px,6vw,30px) !important;
    line-height:1 !important;
    letter-spacing:.025em !important;
    margin:6px auto 12px !important;
  }
  .hero-description{font-size:8px !important;}

  /* NEW IN reduced by 50% from the previous 31px mobile heading. */
  .section-heading h2{
    font-size:15.5px !important;
    line-height:1 !important;
    letter-spacing:.14em !important;
  }
  .section-heading a{font-size:7px !important;}
}

@media(max-width:480px){
  footer > .footer-brand > .footer-pahm{font-size:15px !important;}
  footer > .footer-brand > .footer-bypham{width:35px !important;max-width:35px !important;}
  footer > .footer-brand > .pahm-monogram{
    width:6px !important;height:6px !important;
    min-width:6px !important;min-height:6px !important;
    max-width:6px !important;max-height:6px !important;
  }
  .hero-content h1{font-size:24px !important;}
  .section-heading h2{font-size:15.5px !important;}
}

.footer-logo-final16{--footer-monogram:6px;--footer-wordmark:15px;}