/* Wonders Workshop v2.16.65 — only About and Contact hero + divider */
/* Keep both existing page sections, imagery, navigation and typography families unchanged. */
body.about-page .info-hero,
body.contact-page .info-hero{
  min-height:344px!important;
  display:flex;
  align-items:center;
  overflow:visible!important;
  position:relative;
  z-index:3;
  border-bottom:0!important;
}
body.about-page .info-hero > .shell,
body.contact-page .info-hero > .shell{
  width:calc(100% - 74px);
  max-width:1250px;
  padding:136px 0 37px 0!important;
  margin:0 auto;
  position:relative;
  z-index:1;
}
body.about-page .info-hero .info-kicker,
body.contact-page .info-hero .info-kicker{
  font:700 10px/1.4 Arial,Helvetica,sans-serif!important;
  letter-spacing:.18em!important;
  margin:0 0 10px!important;
}
body.about-page .info-hero h1,
body.contact-page .info-hero h1{
  max-width:none!important;
  font:400 clamp(48px,5.1vw,72px)/1.07 Georgia,'Times New Roman',serif!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
  margin:0!important;
  color:#f4eee4;
  text-wrap:balance;
}
body.about-page .info-hero h1{white-space:nowrap!important}
body.about-page .info-hero .info-rule,
body.contact-page .info-hero .info-rule{
  width:195px!important;
  height:20px!important;
  margin:12px 0 12px!important;
  display:block!important;
  border:0!important;
  background:url('/assets/images/ww-ornament-title-v2.16.58.svg') center/contain no-repeat!important;
}
body.about-page .info-hero .info-rule::before,
body.about-page .info-hero .info-rule::after,
body.about-page .info-hero .info-rule span,
body.contact-page .info-hero .info-rule::before,
body.contact-page .info-hero .info-rule::after,
body.contact-page .info-hero .info-rule span{content:none!important;display:none!important}
body.about-page .info-hero .info-lead,
body.contact-page .info-hero .info-lead{
  max-width:600px!important;
  font:400 16px/1.55 Georgia,'Times New Roman',serif!important;
  color:#e4ddd3;
  margin:0!important;
  text-shadow:0 3px 14px rgba(0,0,0,.9);
}
/* Single ornamental gold separator exactly on the hero's bottom edge. */
body.about-page .info-hero .ww-info-edge,
body.contact-page .info-hero .ww-info-edge{
  display:block;
  position:absolute!important;
  bottom:-21px!important;
  left:0!important;right:0!important;
  height:44px!important;
  pointer-events:none;
  z-index:12!important;
}
body.about-page .info-hero .ww-info-edge::before,
body.contact-page .info-hero .ww-info-edge::before{
  content:"";
  position:absolute;
  left:0;right:0;top:21px;
  height:2px;
  background:linear-gradient(90deg,rgba(163,117,42,.7),#d2a558 27%,#e6bc6a 50%,#d2a558 73%,rgba(163,117,42,.7));
}
body.about-page .info-hero .ww-info-edge::after,
body.contact-page .info-hero .ww-info-edge::after{
  content:"";
  position:absolute;
  left:50%;top:0;
  transform:translateX(-50%);
  width:min(440px,85vw);height:44px;
  background:url('/assets/images/ww-ornament-hero-v2.16.58.svg') center/contain no-repeat;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.9));
}
/* Content starts below ornament without creating an unrelated black stripe. */
body.about-page .info-hero + .info-section,
body.contact-page .info-hero + .info-section{position:relative;z-index:1;padding-top:68px!important}

@media(max-width:980px){
 body.about-page .info-hero,body.contact-page .info-hero{min-height:325px!important}
 body.about-page .info-hero > .shell,body.contact-page .info-hero > .shell{width:calc(100% - 52px)!important;padding:134px 0 36px!important}
 body.about-page .info-hero h1,body.contact-page .info-hero h1{font-size:clamp(44px,5.8vw,62px)!important}
}
@media(max-width:820px){
 /* Mobile nav sits in normal flow, so prevent a duplicate logo/hero gap. */
 body.about-page .info-hero,body.contact-page .info-hero{min-height:345px!important}
 body.about-page .info-hero > .shell,body.contact-page .info-hero > .shell{width:calc(100% - 36px)!important;padding:116px 0 40px!important}
 body.about-page .info-hero h1{white-space:normal!important}
 body.about-page .info-hero + .info-section,body.contact-page .info-hero + .info-section{padding-top:57px!important}
}
@media(max-width:520px){
 body.about-page .info-hero,body.contact-page .info-hero{min-height:343px!important}
 body.about-page .info-hero > .shell,body.contact-page .info-hero > .shell{width:calc(100% - 30px)!important;padding:116px 0 38px!important}
 body.about-page .info-hero .info-kicker,body.contact-page .info-hero .info-kicker{font-size:9px!important;letter-spacing:.12em!important}
 body.about-page .info-hero h1,body.contact-page .info-hero h1{font-size:clamp(35px,9.4vw,48px)!important;line-height:1.08!important}
 body.about-page .info-hero .info-lead,body.contact-page .info-hero .info-lead{font-size:14px!important;line-height:1.5!important;max-width:390px!important}
 body.about-page .info-hero .info-rule,body.contact-page .info-hero .info-rule{width:156px!important;height:19px!important;margin:10px 0 10px!important}
 body.about-page .info-hero .ww-info-edge,body.contact-page .info-hero .ww-info-edge{bottom:-17px!important;height:34px!important}
 body.about-page .info-hero .ww-info-edge::before,body.contact-page .info-hero .ww-info-edge::before{top:16px!important}
 body.about-page .info-hero .ww-info-edge::after,body.contact-page .info-hero .ww-info-edge::after{width:min(290px,78vw)!important;height:34px!important}
 body.about-page .info-hero + .info-section,body.contact-page .info-hero + .info-section{padding-top:53px!important}
}