/* HOMEWARD HARMONY 6.2 — compact, accessible publishing / community media polish */
:root{--hh62-ink:#211922;--hh62-rose:#f52d85;--hh62-cream:#fff9f6;--hh62-night:#1a1720}
.hmedia-site{color:var(--hh62-ink);font-size:15px;line-height:1.62;-webkit-font-smoothing:antialiased}
.hmedia-site .hh-wrap{width:min(1240px,calc(100% - 48px))}
.hmedia-site .hmedia-head-inner{min-height:76px;gap:18px}
.hmedia-site .hmedia-custom-logo{max-width:198px;max-height:62px;object-fit:contain}
.hmedia-site .hmedia-logo{min-width:0;max-width:235px}
.hmedia-site .hmedia-nav{gap:clamp(9px,1vw,16px)}
.hmedia-site .hmedia-nav a{font-size:12px;letter-spacing:.005em}
.hmedia-site .hmedia-nav a.hmedia-nav-ad{padding:12px 16px}
.hmedia-site .hmedia-hero-grid{padding:58px 0 62px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px}
.hmedia-site .hmedia-hero-copy h1{font-size:clamp(48px,5.15vw,76px);font-weight:900;line-height:1.06;letter-spacing:-.07em;max-width:800px}
.hmedia-site .hmedia-hero-copy>p{font-size:16px;max-width:570px;line-height:1.7;color:#514551!important}
.hmedia-site .hmedia-hero-buttons{margin:23px 0 25px}
.hmedia-site .hmedia-hero-feature{transform:none;box-shadow:12px 13px 0 #f6ccd9;border-radius:16px;margin-right:14px}
.hmedia-site .hmedia-feature-media{height:245px}
.hmedia-site .hmedia-feature-body{padding:20px 24px 23px}
.hmedia-site .hmedia-feature-body h2{font-size:clamp(23px,2.3vw,31px);margin:9px 0 16px}
.hmedia-site .hmedia-hero-sticker{display:none}
.hmedia-site .hmedia-channels a{padding:21px 20px;gap:11px}
.hmedia-site .hmedia-channels strong{font-size:17px;color:#fff!important}
.hmedia-site .hmedia-section{padding:63px 0}
.hmedia-site .hmedia-section-head{gap:20px;margin-bottom:25px}
.hmedia-site .hmedia-section-head h2{font-size:clamp(31px,3.65vw,47px);line-height:1.1}
.hmedia-site .hmedia-section-head p{margin-top:8px}
.hmedia-site .hmedia-card-grid{gap:16px}
.hmedia-site .hmedia-story{border-radius:14px}
.hmedia-site .hmedia-story-image{height:196px}
.hmedia-site .hmedia-story-copy{padding:18px 20px 21px}
.hmedia-site .hmedia-story-copy h3{font-size:19px;line-height:1.34}
.hmedia-site .hh61-community,.hmedia-site .hh61-benefits{padding:43px 0}
.hmedia-site .hh61-community-grid,.hmedia-site .hh61-benefits-grid{gap:33px}
.hmedia-site .hh61-community-photo{border-radius:13px;box-shadow:0 6px 25px #22192112}
.hmedia-site .hh61-community-photo img{height:285px}
.hmedia-site .hh61-benefits-photo img{border-radius:13px}
.hmedia-site .hh61-village-promo{padding:48px 0}
.hmedia-site .hh61-village-price{border-radius:14px;padding:25px}
.hmedia-site .hh61-village-price strong{font-size:55px;color:#fff!important}
.hmedia-site .hh61-village-price span{color:#f8dce8!important}
.hmedia-site .hmedia-footer{padding:62px 0 20px;background:#18151c!important}
.hmedia-site .hmedia-footer-primary{gap:26px!important;margin-bottom:46px}
.hmedia-site .hmedia-footer-brand h2{font-size:clamp(28px,3vw,40px);line-height:1.13}
.hmedia-site .hmedia-footer-brand p{font-size:13px;line-height:1.76;color:#ded3dd!important}
.hmedia-site .hmedia-footer-column{gap:12px}
.hmedia-site .hmedia-footer-column h3{font-size:14px;color:#fff!important;margin:9px 0 13px}
.hmedia-site .hmedia-footer-column a{font-size:13px;color:#e7dce5!important;text-decoration:none}
.hmedia-site .hmedia-footer-column a:hover{color:#ff9bbe!important;text-decoration:underline}
.hmedia-site .hmedia-footer-office{color:#d6c8d5!important}
.hmedia-site .hmedia-footer-bottom{line-height:1.85;color:#e3d9e1!important}
.hmedia-site .hmedia-footer-bottom strong{color:#fff!important}
/* All main interactive actions must be pink with black readable text, including pseudo states. */
.hmedia-site :is(.hmedia-btn,.hmedia-nav-ad,.hm-button,.hh-btn,.hhp-btn,.hhp-cancel,.hmedia-search-wrap button,.hh-postings-search-row button,.wp-block-button__link,button[type=submit],input[type=submit]){background:#f52d85!important;color:#101010!important;-webkit-text-fill-color:#101010!important;border-color:#f52d85!important;font-weight:800!important;text-shadow:none!important;box-shadow:none}
.hmedia-site :is(.hmedia-btn,.hmedia-nav-ad,.hm-button,.hh-btn,.hhp-btn,.hhp-cancel,.hmedia-search-wrap button,.hh-postings-search-row button,.wp-block-button__link,button[type=submit],input[type=submit]):is(:hover,:active,:focus-visible){background:#ff62a1!important;color:#101010!important;-webkit-text-fill-color:#101010!important;border-color:#ff62a1!important}
.hmedia-site :is(.hmedia-btn,.hmedia-nav-ad,.hm-button,.hh-btn,.hhp-btn) :is(span,strong,b){color:inherit!important;-webkit-text-fill-color:inherit!important}
.hmedia-site .hmedia-channel-strip :is(a,strong){color:#fffafc!important;-webkit-text-fill-color:#fffafc!important}
.hmedia-site .hmedia-channel-strip :is(span,b){color:#ffadca!important;-webkit-text-fill-color:#ffadca!important}
.hmedia-site .hmedia-video .hmedia-story-copy h3,.hmedia-site .hmedia-video .hmedia-story h3 a{color:#fff!important}
.hmedia-site .hmedia-video .hmedia-story-copy p{color:#e6d8e2!important}
.hmedia-site :is(.hh61-community,.hh61-benefits,.hh61-village-promo) :is(h2,h3){color:#211922!important}
.hmedia-site :is(.hh61-community,.hh61-benefits,.hh61-village-promo) em{color:#b7155b!important}
.hmedia-site :is(.hh61-community,.hh61-benefits,.hh61-village-promo) p{color:#504550!important}
.hmedia-site .hmedia-radio-item :is(h2,h3),.hmedia-site .hmedia-story:not(.hmedia-video .hmedia-story) h3{color:#261e28!important}
.hmedia-site .hmedia-feature-body h2,.hmedia-site .hmedia-feature-body h2 a{color:#fff!important}
.hmedia-site :is(a,button,input,select,textarea):focus-visible{outline:3px solid #7f1244!important;outline-offset:3px!important}
.hmedia-site :is(.hhp-wrap,.hhp-panel,.hhp-card){min-width:0}
.hmedia-site .hhp-wrap .hhp-btn{font-weight:850!important}
.hmedia-site img,.hmedia-site iframe,.hmedia-site video{max-width:100%}
/* At laptop widths nine navigation items must use the menu; no overlapping logo. */
@media(max-width:1250px){
 .hmedia-site .hmedia-menu-button{display:flex;flex:none}
 .hmedia-site .hmedia-head-inner{position:relative;min-height:76px}
 .hmedia-site .hmedia-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fffaf7;border:1px solid #efdae4;border-radius:0 0 14px 14px;padding:10px 17px 18px;flex-direction:column;align-items:stretch;gap:0;z-index:1000;box-shadow:0 16px 32px #22151f20;max-height:min(75vh,680px);overflow:auto}
 .hmedia-site .hmedia-nav.is-open{display:flex}
 .hmedia-site .hmedia-nav a{font-size:14px;padding:11px 9px;white-space:normal;border-bottom:1px solid #f0e3e9}
 .hmedia-site .hmedia-nav a.hmedia-nav-ad{margin-top:10px;text-align:center}
}
@media(max-width:900px){
 .hmedia-site .hmedia-hero-grid{grid-template-columns:1fr;gap:25px;padding:42px 0 55px}
 .hmedia-site .hmedia-hero-copy h1{font-size:clamp(48px,8vw,66px)}
 .hmedia-site .hmedia-hero-feature{max-width:700px}
 .hmedia-site .hmedia-channels a{padding:20px 14px}
 .hmedia-site .hmedia-footer-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
 .hmedia-site .hh-wrap{width:calc(100% - 30px)}
 .hmedia-site .hmedia-hero-grid{padding:37px 0 44px}
 .hmedia-site .hmedia-hero-copy h1{font-size:clamp(39px,10.8vw,53px);letter-spacing:-.06em}
 .hmedia-site .hmedia-hero-pills{gap:6px}
 .hmedia-site .hmedia-feature-media{height:205px}
 .hmedia-site .hmedia-feature-body h2{font-size:24px}
 .hmedia-site .hmedia-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hmedia-site .hmedia-channels a{min-width:0;padding:15px 12px}
 .hmedia-site .hmedia-channels strong{font-size:15px!important}
 .hmedia-site .hmedia-section{padding:44px 0}
 .hmedia-site .hmedia-section-head h2{font-size:clamp(28px,8.5vw,39px)}
 .hmedia-site .hh61-community,.hmedia-site .hh61-benefits,.hmedia-site .hh61-village-promo{padding:32px 0}
 .hmedia-site :is(.hh61-community-grid,.hh61-benefits-grid,.hh61-village-row){grid-template-columns:1fr;gap:19px}
 .hmedia-site .hh61-community-photo img{height:215px}
 .hmedia-site .hmedia-footer-primary{grid-template-columns:1fr!important;gap:24px!important;margin-bottom:30px}
 .hmedia-site .hmedia-footer{padding:44px 0 20px}
 .hmedia-site .hmedia-custom-logo{max-width:160px;max-height:55px}
 .hmedia-site .hmedia-logo-text strong{font-size:18px}
 .hmedia-site .hmedia-footer-column h3{margin-bottom:4px}
 .hmedia-site .hmedia-btn{font-size:12px;padding:12px 16px;min-height:46px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.hmedia-site *, .hmedia-site *::before, .hmedia-site *::after{transition:none!important;animation:none!important}}
