/*
Theme Name: HMU Communications
Theme URI: https://www.hmucommunications.com/
Author: HMU Communications
Description: Custom block theme for HMU Communications. Shelf-signage headlines, price-tag pricing and a sample content week in the hero. Every section is an editable block pattern.
Version: 1.7.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hmu
*/

/* Layout: game-store shelf. Condensed signage headlines, price-tag pricing, one halftone "comic print" moment behind the hero's sample content week. */
:root{
  --hmu-paper:#F4F6F8; --hmu-surface:#FFFFFF; --hmu-ink:#13202D; --hmu-muted:#566676; --hmu-line:#D9E0E7;
  --hmu-blue:#2E6393; --hmu-blue-ink:#234D73; --hmu-teal:#1D9E75; --hmu-teal-soft:#E3F3EC; --hmu-blue-soft:#E3EAF2;
  --hmu-dot:rgba(46,99,147,.22); --hmu-on-accent:#FFFFFF;
  --hmu-display:var(--wp--preset--font-family--display,"Big Shoulders Display","Arial Narrow",Impact,sans-serif);
  --hmu-body:var(--wp--preset--font-family--body,"Figtree",system-ui,sans-serif);
  --hmu-mono:var(--wp--preset--font-family--mono,"IBM Plex Mono",ui-monospace,Menlo,monospace);
  --hmu-wrap:1160px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --hmu-paper:#0D151E; --hmu-surface:#142130; --hmu-ink:#E6EDF4; --hmu-muted:#9AAABB; --hmu-line:#24364A;
  --hmu-blue:#6E9CCB; --hmu-blue-ink:#9DBFE0; --hmu-teal:#35BD8F; --hmu-teal-soft:#123328; --hmu-blue-soft:#16263A;
  --hmu-dot:rgba(110,156,203,.22); --hmu-on-accent:#0D151E; color-scheme:dark}}
:root[data-theme="dark"]{
  --hmu-paper:#0D151E; --hmu-surface:#142130; --hmu-ink:#E6EDF4; --hmu-muted:#9AAABB; --hmu-line:#24364A;
  --hmu-blue:#6E9CCB; --hmu-blue-ink:#9DBFE0; --hmu-teal:#35BD8F; --hmu-teal-soft:#123328; --hmu-blue-soft:#16263A;
  --hmu-dot:rgba(110,156,203,.22); --hmu-on-accent:#0D151E; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--hmu-paper);color:var(--hmu-ink);font:400 17px/1.6 var(--hmu-body);margin:0}
a{color:var(--hmu-blue-ink)}
:focus-visible{outline:3px solid var(--hmu-teal);outline-offset:3px;border-radius:4px}
img{max-width:100%;height:auto}
.wp-site-blocks{padding:0}
.hmu-main p,.hmu-main h1,.hmu-main h2,.hmu-main h3,.hmu-main ul,.hmu-main ol{margin:0}
section[id],.hmu-main [id]{scroll-margin-top:80px}

.hmu-wrap{max-width:var(--hmu-wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.hmu-main h1,.hmu-main h2,.hmu-main h3{font-family:var(--hmu-display);line-height:.95;letter-spacing:.005em;text-wrap:balance}
.hmu-main h2{font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:800;text-transform:uppercase}
.hmu-main h3{font-size:1.6rem;font-weight:800;text-transform:uppercase}
.hmu-eyebrow{font:600 .78rem/1.3 var(--hmu-mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--hmu-teal)}
.hmu-lede{font-size:1.15rem;color:var(--hmu-muted);max-width:60ch}
.hmu-section{padding-block:clamp(56px,9vw,104px)}
.hmu-section.is-tight{padding-top:0}
.hmu-head{display:grid;gap:14px;margin-bottom:40px!important;max-width:760px}

/* buttons */
.hmu-main .wp-block-buttons,.hmu-header .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.wp-block-button__link.wp-element-button{display:inline-flex;align-items:center;font:700 1rem/1 var(--hmu-body);padding:15px 22px;border-radius:6px;text-decoration:none;border:2px solid transparent;background:var(--hmu-blue);color:var(--hmu-on-accent);transition:transform .15s,background .15s}
.wp-block-button__link.wp-element-button:hover{background:var(--hmu-blue-ink);color:var(--hmu-on-accent);transform:translateY(-1px)}
.wp-block-button.is-ghost .wp-block-button__link{background:transparent;color:var(--hmu-ink);border-color:var(--hmu-line)}
.wp-block-button.is-ghost .wp-block-button__link:hover{background:transparent;color:var(--hmu-ink);border-color:var(--hmu-ink)}

/* header */
.hmu-header{position:sticky;top:0;z-index:50;background:var(--hmu-paper);border-bottom:1px solid var(--hmu-line)}
.admin-bar .hmu-header{top:32px}
@media (max-width:782px){.admin-bar .hmu-header{top:46px}}
.hmu-header .hmu-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.hmu-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hmu-ink)}
.hmu-brand svg{width:42px;height:42px;flex:none}
.hmu-brand .hmu-logo-mark{width:50px;height:45px;color:var(--hmu-blue)}
.hmu-brand b{font:700 1.2rem/1.05 var(--hmu-body);letter-spacing:-.005em;color:var(--hmu-blue)}
.hmu-brand small{display:block;font:500 .66rem/1.2 var(--hmu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hmu-muted)}
/* nav: see 'navigation' block further down */

/* hero */
.hmu-hero{padding-block:clamp(40px,7vw,88px) clamp(56px,8vw,96px)}
.hmu-hero > .hmu-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,64px);align-items:center}
.hmu-hero-copy{display:grid;gap:0}
.hmu-hero h1{font-size:clamp(3.4rem,9vw,6.4rem);font-weight:900;text-transform:uppercase;margin-block:16px 22px!important}
.hmu-hero h1 em{font-style:normal;color:var(--hmu-blue)}
.hmu-hero .wp-block-buttons{margin-top:28px!important}
.hmu-fine{margin-top:18px!important;font:500 .82rem/1.5 var(--hmu-mono);color:var(--hmu-muted)}
@media (max-width:900px){.hmu-hero > .hmu-wrap{grid-template-columns:1fr}}

.hmu-week-stage{position:relative;padding:28px}
.hmu-week-stage::before{content:"";position:absolute;inset:0;border-radius:14px;
  background-image:radial-gradient(var(--hmu-dot) 1.6px,transparent 1.9px);background-size:11px 11px;
  -webkit-mask-image:linear-gradient(135deg,#000 20%,transparent 85%);mask-image:linear-gradient(135deg,#000 20%,transparent 85%)}
.hmu-week{position:relative;background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;box-shadow:0 18px 40px -22px rgba(19,32,45,.45);overflow:hidden}
.hmu-week header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hmu-line)}
.hmu-week header strong{font:800 1.2rem/1 var(--hmu-display);text-transform:uppercase}
.hmu-week header span{font:500 .7rem/1 var(--hmu-mono);color:var(--hmu-muted);letter-spacing:.08em;text-transform:uppercase}
.hmu-week ol{list-style:none;margin:0;padding:0}
.hmu-week li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:11px 18px;border-bottom:1px dashed var(--hmu-line);align-items:start}
.hmu-week li:last-child{border-bottom:0}
.hmu-day{font:600 .78rem/1.6 var(--hmu-mono);color:var(--hmu-muted);text-transform:uppercase}
.hmu-post{min-width:0;font-size:.95rem;line-height:1.4}
.hmu-pill{display:inline-block;margin-bottom:4px;font:600 .66rem/1 var(--hmu-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:3px}
.p-events{background:var(--hmu-teal-soft);color:var(--hmu-teal)}
.p-product{background:var(--hmu-blue-soft);color:var(--hmu-blue-ink)}
.p-spot,.p-promo,.p-comm{background:transparent;color:var(--hmu-muted);box-shadow:inset 0 0 0 1px var(--hmu-line)}
@media (prefers-reduced-motion:no-preference){
  .hmu-week li{animation:hmu-slot .5s both}
  .hmu-week li:nth-child(2){animation-delay:.06s}.hmu-week li:nth-child(3){animation-delay:.12s}.hmu-week li:nth-child(4){animation-delay:.18s}
  .hmu-week li:nth-child(5){animation-delay:.24s}.hmu-week li:nth-child(6){animation-delay:.30s}.hmu-week li:nth-child(7){animation-delay:.36s}
}
@keyframes hmu-slot{from{transform:translateX(10px)}to{transform:none}}

/* insider strip */
.hmu-insider{background:var(--hmu-ink);color:var(--hmu-paper)}
.hmu-insider .hmu-lede{color:color-mix(in srgb,var(--hmu-paper) 72%,transparent)}
.hmu-insider h2,.hmu-insider h3{color:var(--hmu-paper)}
.hmu-insider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:12px!important}
.hmu-insider-grid > div{border-top:2px solid var(--hmu-teal);padding-top:18px;display:grid;gap:8px;align-content:start}
.hmu-insider-grid p{color:color-mix(in srgb,var(--hmu-paper) 75%,transparent);font-size:.98rem}
@media (max-width:820px){.hmu-insider-grid{grid-template-columns:1fr}}

/* services */
.hmu-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hmu-line);border:1px solid var(--hmu-line);border-radius:10px;overflow:hidden}
.hmu-svc{background:var(--hmu-surface);padding:26px 24px;display:grid;gap:10px;align-content:start}
.hmu-svc p{color:var(--hmu-muted);font-size:.96rem}
.hmu-svc ul{margin-top:4px!important;padding:0;list-style:none;display:grid;gap:6px;font-size:.92rem}
.hmu-svc li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--hmu-line);padding-top:6px}
.hmu-svc li strong{font:500 .82rem/1.6 var(--hmu-mono);white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:960px){.hmu-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.hmu-svc-grid{grid-template-columns:1fr}}

/* audit feature */
.hmu-audit{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:center;background:var(--hmu-blue-soft);border-radius:12px;padding:clamp(24px,4vw,48px)}
.hmu-audit-copy{display:grid;gap:14px}
.hmu-audit-copy .hmu-lede{color:var(--hmu-ink)}
.hmu-audit ul{margin-top:4px!important;padding-left:1.1em;display:grid;gap:6px}
@media (max-width:820px){.hmu-audit{grid-template-columns:1fr}}

/* shelf tags */
.hmu-tag{position:relative;background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:8px;padding:34px 24px 26px;display:grid;gap:14px;align-content:start}
.hmu-tag::before{content:"";position:absolute;top:12px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--hmu-paper);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.hmu-price{font:600 2.3rem/1 var(--hmu-mono)!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.hmu-price small{font-size:.9rem;font-weight:500;color:var(--hmu-muted);letter-spacing:0}
.hmu-from{font:600 .7rem/1 var(--hmu-mono)!important;text-transform:uppercase;letter-spacing:.1em;color:var(--hmu-muted);margin-bottom:-8px!important}
.hmu-setup{font:500 .8rem/1.4 var(--hmu-mono)!important;color:var(--hmu-muted);border-top:1px dashed var(--hmu-line);padding-top:12px}
.hmu-tag ul{padding-left:1.1em;display:grid;gap:6px;font-size:.95rem}
.hmu-who{font-size:.92rem;color:var(--hmu-muted)}
.hmu-tag.is-feature{border:2px solid var(--hmu-blue)}
.hmu-flag{position:absolute;top:-13px;right:18px;background:var(--hmu-blue);color:var(--hmu-on-accent);font:600 .7rem/1 var(--hmu-mono)!important;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:4px}
.hmu-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.hmu-note{margin-top:22px!important;font-size:.92rem;color:var(--hmu-muted)}
@media (max-width:900px){.hmu-tags{grid-template-columns:1fr;max-width:520px}}

/* process */
.hmu-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:hmu-s}
.hmu-steps > div{counter-increment:hmu-s;display:grid;gap:8px;align-content:start}
.hmu-steps > div::before{content:counter(hmu-s,decimal-leading-zero);font:900 3rem/1 var(--hmu-display);color:var(--hmu-blue)}
.hmu-steps p{color:var(--hmu-muted);font-size:.96rem}
@media (max-width:900px){.hmu-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.hmu-steps{grid-template-columns:1fr}}

/* about */
.hmu-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.hmu-about-copy{display:grid;gap:16px;max-width:62ch}
.hmu-about-copy > p:not(.hmu-eyebrow){color:var(--hmu-muted)}
.hmu-name-card{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;padding:28px;display:grid;gap:14px}
.hmu-big{font:900 5.5rem/.85 var(--hmu-display)!important;color:var(--hmu-blue);letter-spacing:.02em;margin-bottom:6px!important}
.hmu-dt{font:600 .72rem/1 var(--hmu-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--hmu-teal);margin-top:6px!important}
.hmu-name-card .hmu-small{color:var(--hmu-muted);font-size:.95rem;margin-top:6px!important}
.hmu-cv{list-style:none;margin-top:6px!important;padding:0;display:grid;gap:8px;font-size:.95rem}
.hmu-cv li{display:grid;grid-template-columns:110px 1fr;gap:12px;border-top:1px solid var(--hmu-line);padding-top:8px}
.hmu-cv li strong{font:500 .8rem/1.6 var(--hmu-mono);color:var(--hmu-muted);font-variant-numeric:tabular-nums}
@media (max-width:860px){.hmu-about{grid-template-columns:1fr}}
@media (max-width:440px){.hmu-cv li{grid-template-columns:1fr;gap:0}}

/* contact */
.hmu-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,64px);align-items:start}
.hmu-contact-copy{display:grid;gap:14px}
.hmu-direct{display:grid;gap:18px;margin-top:10px!important}
.hmu-direct p{display:grid;gap:2px}
.hmu-direct span{font:600 .72rem/1 var(--hmu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hmu-muted)}
.hmu-direct strong{font-size:1.15rem}
.hmu-form{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;padding:clamp(20px,3vw,32px);display:grid;gap:16px}
.hmu-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hmu-form label{display:grid;gap:6px;font-weight:600;font-size:.92rem}
.hmu-form input,.hmu-form select,.hmu-form textarea{font:inherit;font-size:1rem;color:var(--hmu-ink);background:var(--hmu-paper);border:1px solid var(--hmu-line);border-radius:6px;padding:12px 13px;width:100%}
.hmu-form input:focus,.hmu-form select:focus,.hmu-form textarea:focus{outline:2px solid var(--hmu-blue);outline-offset:0;border-color:var(--hmu-blue)}
.hmu-form textarea{min-height:120px;resize:vertical}
.hmu-form button{font:700 1rem/1 var(--hmu-body);padding:15px 22px;border-radius:6px;border:0;background:var(--hmu-blue);color:var(--hmu-on-accent);cursor:pointer;justify-self:start}
.hmu-form button:hover{background:var(--hmu-blue-ink)}
.hmu-form-msg{font-size:.92rem;color:var(--hmu-teal);font-weight:600;margin:0}
.hmu-form-msg[hidden]{display:none}
.hmu-form-msg.is-error{color:#C0392B}
.hmu-form button:disabled{opacity:.6;cursor:wait}
.hmu-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media (max-width:860px){.hmu-contact{grid-template-columns:1fr}}
@media (max-width:520px){.hmu-row{grid-template-columns:1fr}}

/* footer */
.hmu-footer{border-top:1px solid var(--hmu-line);padding-block:32px;font-size:.88rem;color:var(--hmu-muted)}
.hmu-footer .hmu-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.hmu-footer p{margin:0}
.hmu-footer b{font-family:var(--hmu-display);text-transform:uppercase;color:var(--hmu-ink);font-size:1.05rem;letter-spacing:.03em}

/* regular pages and blog posts */
.hmu-page{padding-block:clamp(40px,6vw,80px)}
.hmu-page .wp-block-post-title{font-family:var(--hmu-display);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;text-transform:uppercase;line-height:.95;margin:0 0 28px}
.hmu-prose{max-width:68ch}
.hmu-prose > * + *{margin-block-start:1.1em}
.hmu-prose h2,.hmu-prose h3{font-family:var(--hmu-display);text-transform:uppercase;line-height:1;margin-block-start:1.6em}
.hmu-prose h2{font-size:2.2rem}
.hmu-post-list .wp-block-post{border-top:1px solid var(--hmu-line);padding-block:24px}
.hmu-post-list .wp-block-post-title{font-size:1.8rem;margin:0 0 6px}
.hmu-post-list .wp-block-post-title a{text-decoration:none;color:var(--hmu-ink)}
.hmu-post-list .wp-block-post-date{font:500 .8rem/1 var(--hmu-mono);color:var(--hmu-muted)}

/* thank-you page */
.hmu-thanks > .hmu-wrap{align-items:start}
.hmu-thanks h1{font-size:clamp(3rem,8vw,5.6rem)}
.hmu-ticket{max-width:420px;justify-self:end;width:100%}
.hmu-ticket .hmu-price{font-size:clamp(1.9rem,4vw,2.5rem);line-height:1.1}
.hmu-steps.is-three{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.hmu-steps.is-three{grid-template-columns:1fr}.hmu-ticket{justify-self:start}}

/* ================================================================
   v1.3 — multi-page site
   ================================================================ */

/* navigation */
.hmu-nav{display:flex;align-items:center;gap:20px}
.hmu-nav .wp-block-navigation{gap:20px;font-weight:600;font-size:.95rem}
.hmu-nav .wp-block-navigation-item__content{color:var(--hmu-ink);text-decoration:none}
.hmu-nav .wp-block-navigation-item__content:hover,.hmu-nav .current-menu-item>.wp-block-navigation-item__content{color:var(--hmu-blue)}
.hmu-nav .wp-block-navigation__submenu-container{background:var(--hmu-surface)!important;color:var(--hmu-ink)!important;border:1px solid var(--hmu-line)!important;border-radius:8px;padding:8px!important;min-width:220px!important;box-shadow:0 16px 32px -18px rgba(19,32,45,.4)}
.hmu-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 10px!important;border-radius:5px;font-weight:500}
.hmu-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--hmu-blue-soft)}
.hmu-nav .wp-block-button__link{padding:11px 16px;font-size:.92rem;white-space:nowrap}
.hmu-nav .wp-block-navigation__responsive-container-open{color:var(--hmu-ink)}
.hmu-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--hmu-paper)!important;color:var(--hmu-ink)!important;padding:24px!important}
.hmu-nav .is-menu-open .wp-block-navigation__responsive-container-content{gap:14px!important;font-size:1.15rem}
.hmu-nav .is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none;padding:4px 0 0 14px!important;background:transparent!important}
@media (max-width:1060px){.hmu-brand small{display:none}.hmu-nav,.hmu-nav .wp-block-navigation{gap:14px}.hmu-nav .wp-block-navigation{font-size:.9rem}}
@media (max-width:860px){.hmu-brand b{font-size:1.1rem}}
@media (max-width:420px){.hmu-brand b{display:none}.hmu-nav .wp-block-button__link{padding:10px 12px;font-size:.85rem}}

/* page hero (inner pages) */
.hmu-page-hero h1{font-size:clamp(2.8rem,7vw,5rem)}
.hmu-crumbs{font:500 .78rem/1.4 var(--hmu-mono)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--hmu-muted)}
.hmu-crumbs a{color:var(--hmu-muted);text-decoration:none}
.hmu-crumbs a:hover{color:var(--hmu-blue)}
.hmu-fit{max-width:440px;justify-self:end;width:100%}
.hmu-fit h3{font-size:1.25rem!important}
.hmu-fit ul{padding-left:1.1em;display:grid;gap:8px;font-size:.98rem}
@media (max-width:900px){.hmu-fit{justify-self:start}}

/* feature grid (what's included) */
.hmu-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px}
.hmu-features > div{border-top:2px solid var(--hmu-blue);padding-top:16px;display:grid;gap:8px;align-content:start}
.hmu-features h3{font-size:1.35rem!important}
.hmu-features p{color:var(--hmu-muted);font-size:.97rem}
@media (max-width:900px){.hmu-features{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.hmu-features{grid-template-columns:1fr}}

/* price list */
.hmu-pricelist{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;padding:8px 24px;max-width:820px}
.hmu-pricelist ul{list-style:none;padding:0;margin:0!important;display:grid}
.hmu-pricelist li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--hmu-line);align-items:baseline}
.hmu-pricelist li:last-child{border-bottom:0}
.hmu-pricelist li strong{font:600 .92rem/1.4 var(--hmu-mono);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
@media (max-width:520px){.hmu-pricelist li{flex-direction:column;gap:2px}.hmu-pricelist li strong{text-align:left}}

/* two-column split */
.hmu-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.hmu-split > div{display:grid;gap:14px;align-content:start}
@media (max-width:860px){.hmu-split{grid-template-columns:1fr}}

/* FAQ */
.hmu-faq{max-width:820px;display:grid;gap:0;border-top:1px solid var(--hmu-line)}
.hmu-faq details{border-bottom:1px solid var(--hmu-line);padding:18px 0}
.hmu-faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.hmu-faq summary::-webkit-details-marker{display:none}
.hmu-faq summary::after{content:"+";font:600 1.3rem/1 var(--hmu-mono);color:var(--hmu-blue)}
.hmu-faq details[open] summary::after{content:"–"}
.hmu-faq details p{margin-top:10px!important;color:var(--hmu-muted);max-width:68ch}

/* CTA band */
.hmu-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:center;background:var(--hmu-ink);color:var(--hmu-paper);border-radius:12px;padding:clamp(28px,4vw,48px)}
.hmu-cta h2{color:var(--hmu-paper)}
.hmu-cta .hmu-lede{color:color-mix(in srgb,var(--hmu-paper) 75%,transparent);margin-top:12px!important}
.hmu-cta .wp-block-button.is-ghost .wp-block-button__link{color:var(--hmu-paper);border-color:color-mix(in srgb,var(--hmu-paper) 35%,transparent)}
.hmu-cta .wp-block-button.is-ghost .wp-block-button__link:hover{color:var(--hmu-paper);border-color:var(--hmu-paper)}
@media (max-width:820px){.hmu-cta{grid-template-columns:1fr}}

/* service cards with links */
.hmu-svc .hmu-more{margin-top:auto!important;padding-top:6px}
.hmu-svc .hmu-more a,.hmu-more a{font-weight:700;text-decoration:none;color:var(--hmu-blue-ink)}
.hmu-svc .hmu-more a:hover,.hmu-more a:hover{text-decoration:underline}
.hmu-svc.is-offer{background:var(--hmu-blue-soft)}
.hmu-svc h3 a{color:inherit;text-decoration:none}

/* values + areas */
.hmu-values{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.hmu-values > div{display:grid;gap:6px;align-content:start}
.hmu-values h3{font-size:1.3rem!important;color:var(--hmu-blue)}
.hmu-values p{color:var(--hmu-muted);font-size:.95rem}
@media (max-width:1000px){.hmu-values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.hmu-values{grid-template-columns:1fr}}
.hmu-areas{font:500 .9rem/1.9 var(--hmu-mono)!important;color:var(--hmu-ink)}

/* resources */
.hmu-downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hmu-dl{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;padding:24px;display:grid;gap:10px;align-content:start;position:relative}
.hmu-dl .hmu-dl-type{font:600 .7rem/1 var(--hmu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hmu-teal)}
.hmu-dl h3{font-size:1.4rem!important}
.hmu-dl p{color:var(--hmu-muted);font-size:.95rem}
.hmu-dl a.hmu-dl-link{font-weight:700;color:var(--hmu-blue-ink);text-decoration:none;margin-top:4px}
.hmu-dl a.hmu-dl-link:hover{text-decoration:underline}
@media (max-width:900px){.hmu-downloads{grid-template-columns:1fr}}

.hmu-posts .wp-block-post-template{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0}
.hmu-posts .wp-block-post{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:10px;padding:24px;display:grid;gap:10px;align-content:start;margin:0}
.hmu-posts .wp-block-post-terms{font:600 .7rem/1.4 var(--hmu-mono);letter-spacing:.1em;text-transform:uppercase}
.hmu-posts .wp-block-post-terms a{color:var(--hmu-teal);text-decoration:none}
.hmu-posts .wp-block-post-title{font-family:var(--hmu-display);font-size:1.55rem;font-weight:800;text-transform:uppercase;line-height:1;margin:0}
.hmu-posts .wp-block-post-title a{color:var(--hmu-ink);text-decoration:none}
.hmu-posts .wp-block-post-title a:hover{color:var(--hmu-blue)}
.hmu-posts .wp-block-post-excerpt{color:var(--hmu-muted);font-size:.95rem;margin:0}
.hmu-posts .wp-block-post-excerpt__more-text{margin-top:8px}
.hmu-posts .wp-block-post-excerpt__more-link{font-weight:700;color:var(--hmu-blue-ink);text-decoration:none}
.hmu-posts .wp-block-post-date{font:500 .78rem/1 var(--hmu-mono);color:var(--hmu-muted)}
.hmu-posts .wp-block-query-pagination{margin-top:28px}
@media (max-width:960px){.hmu-posts .wp-block-post-template{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.hmu-posts .wp-block-post-template{grid-template-columns:1fr}}
.hmu-cats{display:flex;flex-wrap:wrap;gap:8px}
.hmu-cats .wp-block-categories{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.hmu-cats .wp-block-categories a{display:inline-block;font:600 .75rem/1 var(--hmu-mono);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;border:1px solid var(--hmu-line);border-radius:999px;text-decoration:none;color:var(--hmu-ink);background:var(--hmu-surface)}
.hmu-cats .wp-block-categories a:hover{border-color:var(--hmu-blue);color:var(--hmu-blue)}

/* single article */
.hmu-article{padding-block:clamp(40px,6vw,80px)}
.hmu-article .hmu-article-head{max-width:820px;display:grid;gap:14px;margin-bottom:36px!important}
.hmu-article .wp-block-post-title{font-family:var(--hmu-display);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:900;text-transform:uppercase;line-height:.95;margin:0}
.hmu-article .wp-block-post-terms{font:600 .75rem/1.4 var(--hmu-mono);letter-spacing:.1em;text-transform:uppercase}
.hmu-article .wp-block-post-terms a{color:var(--hmu-teal);text-decoration:none}
.hmu-article .wp-block-post-date{font:500 .82rem/1 var(--hmu-mono);color:var(--hmu-muted)}
.hmu-article .hmu-prose{font-size:1.08rem;line-height:1.7}
.hmu-prose h2{font-size:clamp(1.9rem,4vw,2.5rem)!important}
.hmu-prose h3{font-size:1.45rem;font-family:var(--hmu-display);text-transform:uppercase;margin-block-start:1.4em}
.hmu-prose ul,.hmu-prose ol{padding-left:1.3em;display:grid;gap:6px}
.hmu-prose a{color:var(--hmu-blue-ink)}
.hmu-prose .hmu-callout{background:var(--hmu-blue-soft);border-radius:10px;padding:20px 24px}
.hmu-prose .hmu-callout p{margin:0}
.hmu-after{border-top:1px solid var(--hmu-line);margin-top:56px!important;padding-top:48px}

/* footer columns */
.hmu-footer{padding-block:48px 28px}
.hmu-footer .hmu-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--hmu-line);margin-bottom:24px}
.hmu-footer .hmu-foot-grid > div{display:grid;gap:8px;align-content:start}
.hmu-footer h4{font:600 .72rem/1 var(--hmu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hmu-teal);margin:0 0 6px}
.hmu-footer .hmu-foot-grid a{color:var(--hmu-ink);text-decoration:none;font-size:.92rem}
.hmu-footer .hmu-foot-grid a:hover{color:var(--hmu-blue)}
.hmu-footer .hmu-foot-grid p{font-size:.9rem;color:var(--hmu-muted);margin:0}
@media (max-width:860px){.hmu-footer .hmu-foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.hmu-footer .hmu-foot-grid{grid-template-columns:1fr}}
.hmu-page-hero h1{font-weight:900;text-transform:uppercase;margin-block:16px 22px!important}
.hmu-page-hero h1 em{font-style:normal;color:var(--hmu-blue)}
.hmu-contact-hero{padding-top:clamp(40px,7vw,88px)}
.hmu-insider .hmu-steps p,.hmu-insider .hmu-values p{color:color-mix(in srgb,var(--hmu-paper) 75%,transparent)}
.hmu-insider .hmu-steps > div::before{color:var(--hmu-teal)}
.hmu-insider .hmu-values > div{border-top:2px solid var(--hmu-teal);padding-top:16px}
.hmu-insider .hmu-values h3{color:var(--hmu-paper)}
.hmu-svc{display:flex;flex-direction:column}
.hmu-resources-hero .hmu-wrap{display:grid;gap:24px}
.hmu-resources-hero h1,.hmu-resources-hero .wp-block-query-title{font-family:var(--hmu-display);font-size:clamp(2.8rem,7vw,5rem);font-weight:900;text-transform:uppercase;line-height:.95;margin:0}
.hmu-article .hmu-prose{max-width:720px}
.hmu-after > .hmu-section:first-child{padding-top:0}
.hmu-hero > .hmu-wrap > *,.hmu-split > *,.hmu-contact > *{min-width:0}
.hmu-page-hero h1{font-size:clamp(2.3rem,8.6vw,5rem);overflow-wrap:break-word;hyphens:auto}
.hmu-nav .hmu-menu-only{display:none!important}
.hmu-nav .is-menu-open .hmu-menu-only{display:flex!important}
.hmu-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.hmu-nav .is-menu-open .wp-block-navigation__container{align-items:flex-start!important;justify-content:flex-start!important}
.hmu-nav .is-menu-open .wp-block-navigation__container{padding-top:24px}
.hmu-nav .is-menu-open .wp-block-navigation-item{align-items:flex-start!important}

/* ================================================================
   The Shopkeeper's Guild (v1.5)
   Pages with body.is-guild re-point the --hmu-* tokens, so every
   shared component (hero, tags, features, posts, forms) takes on the
   Guild's ledger-green, brass and slab-serif look.
   ================================================================ */
:root{--g-green:#1E4636;--g-brass:#C9973A}
body.is-guild{
  --hmu-paper:#EEF1EC; --hmu-surface:#FBFCF9; --hmu-ink:#1A1F1C; --hmu-muted:#56625B; --hmu-line:#D3DBD4;
  --hmu-blue:#1E4636; --hmu-blue-ink:#163628; --hmu-teal:#8A6216; --hmu-teal-soft:#F3EBD9; --hmu-blue-soft:#DFE8E1;
  --hmu-dot:rgba(30,70,54,.18); --hmu-on-accent:#FFFFFF;
  --hmu-display:"Zilla Slab",Rockwell,"Roboto Slab",Georgia,serif;
  --hmu-body:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --g-green:#1E4636; --g-brass:#C9973A;
  font-family:var(--hmu-body)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.is-guild{
  --hmu-paper:#101512; --hmu-surface:#171E1A; --hmu-ink:#E3E9E4; --hmu-muted:#9AA79F; --hmu-line:#29342E;
  --hmu-blue:#6CBF96; --hmu-blue-ink:#97D6B5; --hmu-teal:#D9AE55; --hmu-teal-soft:#2A2312; --hmu-blue-soft:#18291F;
  --hmu-dot:rgba(108,191,150,.16); --hmu-on-accent:#0E1411; --g-green:#24533F; --g-brass:#D9AE55}}
:root[data-theme="dark"] body.is-guild{
  --hmu-paper:#101512; --hmu-surface:#171E1A; --hmu-ink:#E3E9E4; --hmu-muted:#9AA79F; --hmu-line:#29342E;
  --hmu-blue:#6CBF96; --hmu-blue-ink:#97D6B5; --hmu-teal:#D9AE55; --hmu-teal-soft:#2A2312; --hmu-blue-soft:#18291F;
  --hmu-dot:rgba(108,191,150,.16); --hmu-on-accent:#0E1411; --g-green:#24533F; --g-brass:#D9AE55}

/* Slab headlines: sentence case, a little looser than the HMU signage */
.is-guild .hmu-main h1,.is-guild .hmu-main h2,.is-guild .hmu-main h3,
.is-guild .hmu-prose h2,.is-guild .hmu-prose h3,
.is-guild .hmu-posts .wp-block-post-title,.is-guild .hmu-article .wp-block-post-title,
.is-guild .hmu-dl h3{font-family:var(--hmu-display);text-transform:none;letter-spacing:-.01em;line-height:1.05;font-weight:700}
.is-guild .hmu-main h2{font-size:clamp(2rem,4.4vw,2.9rem)}
.is-guild .hmu-main h3{font-size:1.3rem}
.is-guild .hmu-hero h1,.is-guild .hmu-page-hero h1{font-size:clamp(2.5rem,6.4vw,4.4rem);text-transform:none;line-height:1.02}
.is-guild .hmu-hero h1 em,.is-guild .hmu-page-hero h1 em{color:var(--hmu-teal);font-style:italic}
.is-guild .hmu-thanks h1{font-size:clamp(2.4rem,6vw,4rem)}
.is-guild .hmu-article .wp-block-post-title{font-size:clamp(2.2rem,5vw,3.4rem)}
.is-guild .hmu-posts .wp-block-post-title{font-size:1.4rem}
.is-guild .hmu-prose h2{font-size:clamp(1.6rem,3.4vw,2.1rem)!important}
.is-guild .hmu-price{font-size:2rem!important}
.is-guild .wp-block-button__link.wp-element-button,.is-guild .hmu-form button{border-radius:999px}
.is-guild .hmu-prose .hmu-callout{background:var(--hmu-teal-soft);border-left:4px solid var(--hmu-teal)}

.is-guild .hmu-cta .hmu-eyebrow{color:var(--g-brass)}

/* brand + header */
.guild-brand svg{width:44px;height:44px}
.guild-brand b{font:700 1.3rem/1 var(--hmu-display);text-transform:none;letter-spacing:-.01em}
.guild-brand small{color:var(--hmu-teal)}
.guild-header{border-bottom:3px double var(--hmu-line)}
.guild-footer a{color:inherit}
.guild-footer b{text-transform:none;letter-spacing:0}

/* hero: faint ledger lines behind the member card */
.guild-hero{background:repeating-linear-gradient(0deg,transparent 0 31px,color-mix(in srgb,var(--hmu-blue) 6%,transparent) 31px 32px) var(--hmu-paper)}
.guild-list-hero > .hmu-wrap{grid-template-columns:minmax(0,1fr)}

/* member card */
.guild-card{position:relative;background:var(--g-green);color:#F3F0E6;border-radius:14px;padding:26px 26px 20px;
  box-shadow:0 22px 44px -26px rgba(16,30,24,.7),inset 0 0 0 1px rgba(201,151,58,.55),inset 0 0 0 7px var(--g-green),inset 0 0 0 8px rgba(201,151,58,.35);
  max-width:440px;justify-self:center;width:100%;transform:rotate(-1.2deg)}
.guild-card-top{display:flex;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(201,151,58,.4)}
.guild-card .guild-crest{width:46px;height:46px;flex:none;--g-green:#163628}
.guild-card-kicker{display:block;font:600 .66rem/1.2 var(--hmu-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--g-brass)}
.guild-card-top strong{font:700 1.45rem/1.1 var(--hmu-display)}
.guild-card dl{margin:14px 0 0;display:grid;gap:0}
.guild-card dl > div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed rgba(243,240,230,.18)}
.guild-card dt{font:500 .74rem/1.6 var(--hmu-mono);letter-spacing:.08em;text-transform:uppercase;color:rgba(243,240,230,.65)}
.guild-card dd{margin:0;font-weight:600;text-align:right}
.guild-card-foot{margin:14px 0 0!important;font:500 .7rem/1.4 var(--hmu-mono);letter-spacing:.06em;color:rgba(243,240,230,.6)}
@media (prefers-reduced-motion:reduce){.guild-card{transform:none}}
@media (max-width:900px){.guild-card{transform:none;justify-self:start}}

/* spots left */
.guild-spots{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline;font:500 .9rem/1.4 var(--hmu-body);background:var(--hmu-teal-soft);color:var(--hmu-ink);border-radius:999px;padding:7px 14px}
.guild-spots strong{color:var(--hmu-teal);font-family:var(--hmu-mono)}
.guild-spots-line{margin-top:18px!important}
.guild-snap-tag .guild-spots-line{margin-top:0!important}

/* sections */
.guild-row-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px!important}
.guild-row-head .hmu-head{margin-bottom:0!important}
.guild-snap{background:var(--hmu-blue-soft)}
.guild-community{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-radius:12px;padding:clamp(24px,4vw,48px)}
.guild-community{align-items:center}
.guild-join{display:grid;gap:14px}
.guild-soon{color:var(--hmu-muted);font-size:.98rem}
.guild-join .hmu-form{background:var(--hmu-paper)}
.guild-dl-next{background:transparent;border-style:dashed}
.guild-waitlist{margin-top:18px!important;background:var(--hmu-teal-soft);border-left:4px solid var(--hmu-teal);border-radius:8px;padding:14px 18px}
.guild-waitlist[hidden]{display:none}

/* topic chips */
.guild-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.guild-topics a{font:600 .82rem/1 var(--hmu-body);text-decoration:none;color:var(--hmu-ink);border:1px solid var(--hmu-line);background:var(--hmu-surface);border-radius:999px;padding:9px 14px}
.guild-topics a:hover{border-color:var(--hmu-blue)}
.guild-topics a[aria-current="page"]{background:var(--hmu-blue);border-color:var(--hmu-blue);color:var(--hmu-on-accent)}

/* end-of-article box */
.guild-after{max-width:720px;margin-top:48px!important;display:grid;gap:18px;background:var(--hmu-blue-soft);border-radius:12px;padding:clamp(22px,3.5vw,36px)}
.guild-after > div{display:grid;gap:10px}
.guild-after h2{font-size:clamp(1.6rem,3.6vw,2.2rem)!important}

/* HMU homepage teaser for the Guild */
.hmu-guild-teaser{background:var(--hmu-surface);border:1px solid var(--hmu-line);border-left:6px solid var(--g-green)}