/*
 * Wardrobe Home & Kadence Design
 * CSS-only Kadence styling + custom homepage body styling.
 * No Kadence template/theme HTML is replaced.
 */
:root{
  --whd-ink:#20251f;
  --whd-ink-2:#30372f;
  --whd-olive:#4d584a;
  --whd-tan:#b6946b;
  --whd-tan-dark:#947450;
  --whd-ivory:#f7f2ea;
  --whd-cream:#eee5d9;
  --whd-paper:#fffdf9;
  --whd-line:#d9d0c4;
  --whd-text:#33352f;
  --whd-muted:#74756d;
  --whd-display:Georgia,"Times New Roman",serif;
  --whd-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --whd-shell:1240px;
  --whd-shadow:0 24px 60px rgba(32,37,31,.10);
}

/* ---------- Kadence theme restyle: CSS only ---------- */
body.whd-kadence-design{
  background:var(--whd-ivory);
  color:var(--whd-text);
  font-family:var(--whd-sans);
  -webkit-font-smoothing:antialiased;
}
.whd-kadence-design #page{background:var(--whd-ivory)}
.whd-kadence-design h1,
.whd-kadence-design h2,
.whd-kadence-design h3,
.whd-kadence-design h4,
.whd-kadence-design h5,
.whd-kadence-design h6,
.whd-kadence-design .entry-title{
  font-family:var(--whd-display);
  color:var(--whd-ink);
  font-weight:400;
  letter-spacing:-.02em;
}
.whd-kadence-design a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}

/* Header — preserve Kadence structure and responsive mechanics */
.whd-kadence-design #masthead,
.whd-kadence-design .site-header-wrap,
.whd-kadence-design .site-main-header-wrap{
  background:rgba(247,242,234,.97);
}
.whd-kadence-design #masthead .site-header-row-container-inner{
  background:transparent;
  border-bottom:1px solid rgba(32,37,31,.13);
  box-shadow:none;
}
.whd-kadence-design #masthead .site-container,
.whd-kadence-design #masthead .site-header-row-container-inner>.site-container{
  max-width:var(--whd-shell);
}
.whd-kadence-design .site-branding .site-title,
.whd-kadence-design .site-branding .site-title a{
  font-family:var(--whd-display);
  font-size:clamp(25px,2.2vw,34px);
  font-weight:400;
  letter-spacing:-.03em;
  color:var(--whd-ink);
}
.whd-kadence-design .site-branding .site-description{
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--whd-muted);
}
.whd-kadence-design .site-branding a.brand img{max-height:58px;width:auto}
.whd-kadence-design .main-navigation .primary-menu-container>ul>li.menu-item>a{
  font-family:var(--whd-sans);
  color:var(--whd-ink);
  font-size:11px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.115em;
  text-transform:uppercase;
}
.whd-kadence-design .main-navigation .primary-menu-container>ul>li.menu-item>a:hover,
.whd-kadence-design .main-navigation .primary-menu-container>ul>li.current-menu-item>a,
.whd-kadence-design .main-navigation .primary-menu-container>ul>li.current-menu-ancestor>a{color:var(--whd-tan-dark)}
@media(min-width:1025px){
  .whd-kadence-design .main-navigation .sub-menu{
    background:var(--whd-ink)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 20px 45px rgba(0,0,0,.18)!important;
    padding:10px 0!important;
    min-width:240px;
  }
  .whd-kadence-design .main-navigation .sub-menu li a{
    color:#f8f1e7!important;
    background:transparent!important;
    border-bottom:1px solid rgba(255,255,255,.08);
    font-size:11px;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:13px 20px!important;
  }
  .whd-kadence-design .main-navigation .sub-menu li:last-child>a{border-bottom:0}
  .whd-kadence-design .main-navigation .sub-menu li a:hover{color:#d9bc95!important;background:rgba(255,255,255,.04)!important}
}
.whd-kadence-design .menu-toggle-open,
.whd-kadence-design .menu-toggle-close{
  color:var(--whd-ink);
}
.whd-kadence-design .popup-drawer .drawer-inner{background:var(--whd-ivory)}
.whd-kadence-design .popup-drawer .drawer-inner .drawer-header{border-bottom:1px solid var(--whd-line)}
.whd-kadence-design .popup-drawer .drawer-inner .menu-item>a{color:var(--whd-ink);font-family:var(--whd-display);font-size:21px}

/* Kadence entry hero/page shells */
.whd-kadence-design:not(.whd-front-page) .entry-hero-container-inner,
.whd-kadence-design:not(.whd-front-page) .entry-hero{
  background:var(--whd-ink)!important;
}
.whd-kadence-design:not(.whd-front-page) .entry-hero .entry-header,
.whd-kadence-design:not(.whd-front-page) .entry-hero-container-inner .entry-header{
  padding-top:clamp(52px,7vw,100px);
  padding-bottom:clamp(52px,7vw,100px);
}
.whd-kadence-design:not(.whd-front-page) .entry-hero .entry-title,
.whd-kadence-design:not(.whd-front-page) .entry-hero-container-inner .entry-title{
  color:var(--whd-ivory)!important;
  font-size:clamp(38px,5vw,72px);
  line-height:1.02;
}
.whd-kadence-design:not(.whd-front-page) .entry-hero .breadcrumbs,
.whd-kadence-design:not(.whd-front-page) .entry-hero .breadcrumbs a,
.whd-kadence-design:not(.whd-front-page) .entry-hero .entry-meta,
.whd-kadence-design:not(.whd-front-page) .entry-hero .entry-meta a{color:rgba(247,242,234,.72)!important}
.whd-kadence-design .content-area{margin-top:clamp(34px,5vw,76px);margin-bottom:clamp(50px,7vw,100px)}
.whd-kadence-design .site-container{max-width:var(--whd-shell)}
.whd-kadence-design .entry-content-wrap,
.whd-kadence-design .loop-entry .entry-content-wrap{
  background:var(--whd-paper);
  border-radius:0;
  box-shadow:none;
}
.whd-kadence-design .single-content h2{font-size:clamp(31px,3.5vw,48px);line-height:1.08;margin-top:1.65em}
.whd-kadence-design .single-content h3{font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin-top:1.55em}
.whd-kadence-design .single-content p,
.whd-kadence-design .single-content li{line-height:1.78}
.whd-kadence-design .single-content a:not(.wp-block-button__link):not(.wsk-download-btn){color:var(--whd-tan-dark);text-decoration-thickness:1px;text-underline-offset:3px}
.whd-kadence-design .single-content blockquote{
  border-left:2px solid var(--whd-tan);
  background:var(--whd-cream);
  margin:2.1em 0;
  padding:1.5em 1.7em;
  font-family:var(--whd-display);
  font-size:1.25em;
}
.whd-kadence-design .single-content table{
  border-collapse:collapse;
  background:var(--whd-paper);
  border:1px solid var(--whd-line);
}
.whd-kadence-design .single-content table th{
  background:var(--whd-ink);
  color:var(--whd-ivory);
  font-size:12px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.whd-kadence-design .single-content table th,
.whd-kadence-design .single-content table td{padding:14px 16px;border:1px solid var(--whd-line)}
.whd-kadence-design input[type="text"],
.whd-kadence-design input[type="email"],
.whd-kadence-design input[type="url"],
.whd-kadence-design input[type="number"],
.whd-kadence-design input[type="search"],
.whd-kadence-design input[type="tel"],
.whd-kadence-design select:not([multiple]),
.whd-kadence-design textarea{
  border:1px solid #cfc5b7;
  border-radius:0;
  background:#fffdf9;
  color:var(--whd-ink);
  min-height:48px;
  padding:11px 13px;
  box-shadow:none;
}
.whd-kadence-design textarea{min-height:140px}
.whd-kadence-design button,
.whd-kadence-design input[type="submit"],
.whd-kadence-design .wp-block-button__link,
.whd-kadence-design .button,
.whd-kadence-design .wsk-download-btn{
  border-radius:0!important;
  background:var(--whd-ink);
  color:var(--whd-ivory);
  border:1px solid var(--whd-ink);
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:13px 20px;
}
.whd-kadence-design .loop-entry{
  background:var(--whd-paper);
  border:1px solid var(--whd-line);
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.whd-kadence-design .loop-entry .entry-title{font-size:clamp(25px,2.7vw,34px);line-height:1.12}
.whd-kadence-design .loop-entry .entry-title a{color:var(--whd-ink)}
.whd-kadence-design .loop-entry .entry-title a:hover{color:var(--whd-tan-dark)}
.whd-kadence-design .pagination .page-numbers{border-radius:0;border:1px solid var(--whd-line);background:var(--whd-paper);color:var(--whd-ink)}
.whd-kadence-design .pagination .page-numbers.current{background:var(--whd-ink);color:var(--whd-ivory);border-color:var(--whd-ink)}

/* Footer — CSS only */
.whd-kadence-design #colophon,
.whd-kadence-design .site-footer-wrap,
.whd-kadence-design .site-footer-row-container-inner{
  background:var(--whd-ink)!important;
  color:rgba(247,242,234,.76);
}
.whd-kadence-design #colophon .site-container{max-width:var(--whd-shell)}
.whd-kadence-design #colophon,
.whd-kadence-design #colophon p,
.whd-kadence-design #colophon li{color:rgba(247,242,234,.70)}
.whd-kadence-design #colophon h2,
.whd-kadence-design #colophon h3,
.whd-kadence-design #colophon h4,
.whd-kadence-design #colophon .widget-title{color:var(--whd-ivory);font-family:var(--whd-display);font-weight:400}
.whd-kadence-design #colophon a{color:rgba(247,242,234,.82)}
.whd-kadence-design #colophon a:hover{color:#d7b98f}
.whd-kadence-design #colophon .site-footer-row-container-inner{border-top:1px solid rgba(255,255,255,.09)}
.whd-kadence-design #colophon .site-bottom-footer-inner-wrap{border-top:1px solid rgba(255,255,255,.09)}

/* ---------- Homepage resets inside Kadence shell ---------- */
.whd-front-page .content-area{margin:0!important}
.whd-front-page .content-container.site-container,
.whd-front-page .site-container.content-container{max-width:none!important;padding-left:0!important;padding-right:0!important}
.whd-front-page .site-main,
.whd-front-page .content-area,
.whd-front-page .site-main>article{margin:0!important;padding:0!important}
.whd-front-page .entry-content-wrap{
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.whd-front-page .entry-header,
.whd-front-page .entry-hero{display:none!important}
.whd-front-page .entry-content{margin:0!important}

/* ---------- Custom editorial homepage ---------- */
.whd-home{overflow:hidden;background:var(--whd-ivory);color:var(--whd-text)}
.whd-home *, .whd-home *:before, .whd-home *:after{box-sizing:border-box}
.whd-home a{text-decoration:none}
.whd-shell{width:min(calc(100% - 48px),var(--whd-shell));margin:0 auto}
.whd-section{padding:clamp(76px,9vw,136px) 0}
.whd-section-tight{padding-top:clamp(35px,5vw,65px)}
.whd-section-soft{background:var(--whd-cream)}
.whd-eyebrow{
  margin:0 0 18px;
  color:var(--whd-tan-dark);
  font-family:var(--whd-sans);
  font-size:11px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.whd-eyebrow-light{color:#d8bd98}
.whd-home h1,.whd-home h2,.whd-home h3{font-family:var(--whd-display);font-weight:400;letter-spacing:-.028em;margin-top:0}
.whd-home h2{font-size:clamp(44px,6vw,78px);line-height:.99;color:var(--whd-ink);margin-bottom:0}
.whd-home h2 em,.whd-home h1 em{font-weight:400;color:var(--whd-tan);}
.whd-home p{font-family:var(--whd-sans);line-height:1.75}
.whd-large-copy{font-family:var(--whd-display)!important;font-size:clamp(22px,2.4vw,31px);line-height:1.45!important;color:var(--whd-ink);margin-top:0}
.whd-text-link{
  display:inline-flex;align-items:center;gap:14px;
  color:var(--whd-ink);
  font-size:11px;font-weight:750;letter-spacing:.095em;text-transform:uppercase;
  border-bottom:1px solid var(--whd-tan);
  padding-bottom:6px;
}
.whd-text-link:hover{color:var(--whd-tan-dark);gap:19px}
.whd-light-link{color:var(--whd-ivory);border-color:rgba(216,189,152,.65)}
.whd-light-link:hover{color:#e3c7a1}
.whd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;
  padding:14px 24px;
  border:1px solid transparent;
  font-size:10.5px;font-weight:750;letter-spacing:.115em;text-transform:uppercase;
  line-height:1.2;
}
.whd-btn-solid{background:var(--whd-ivory);color:var(--whd-ink);border-color:var(--whd-ivory)}
.whd-btn-solid:hover{background:var(--whd-tan);border-color:var(--whd-tan);color:var(--whd-ink)}
.whd-btn-ghost{background:transparent;color:var(--whd-ivory);border-color:rgba(247,242,234,.56)}
.whd-btn-ghost:hover{background:var(--whd-ivory);color:var(--whd-ink);border-color:var(--whd-ivory)}
.whd-btn-dark{background:var(--whd-ink);color:var(--whd-ivory);border-color:var(--whd-ink)}
.whd-btn-dark:hover{background:var(--whd-tan);color:var(--whd-ink);border-color:var(--whd-tan)}
.whd-btn-outline{background:transparent;color:var(--whd-ink);border-color:var(--whd-ink)}
.whd-btn-outline:hover{background:var(--whd-ink);color:var(--whd-ivory)}
.whd-media-placeholder{background:
  linear-gradient(135deg,rgba(182,148,107,.16),rgba(32,37,31,.12)),
  repeating-linear-gradient(45deg,rgba(255,255,255,.20) 0 1px,transparent 1px 18px),
  #d9d0c4;
}

/* Hero */
.whd-hero{position:relative;min-height:min(820px,86vh);display:flex;align-items:flex-end;background:var(--whd-ink);color:var(--whd-ivory)}
.whd-hero-media,.whd-hero-media>img,.whd-hero-media>.whd-media-placeholder{position:absolute;inset:0;width:100%;height:100%}
.whd-hero-image{width:100%;height:100%;object-fit:cover;display:block}
.whd-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,16,.84) 0%,rgba(16,20,16,.60) 44%,rgba(16,20,16,.18) 72%,rgba(16,20,16,.30) 100%)}
.whd-hero-inner{position:relative;z-index:2;padding-top:clamp(120px,14vw,210px);padding-bottom:44px}
.whd-hero h1{color:var(--whd-ivory);font-size:clamp(58px,9.2vw,136px);line-height:.82;margin:0;max-width:1000px;letter-spacing:-.055em;text-shadow:0 3px 20px rgba(0,0,0,.15)}
.whd-hero h1 em{display:inline-block;margin-left:clamp(15px,7vw,105px)}
.whd-hero-lede{max-width:640px;color:rgba(247,242,234,.86);font-size:clamp(16px,1.55vw,20px);margin:34px 0 0}
.whd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.whd-hero-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(55px,8vw,96px);border-top:1px solid rgba(255,255,255,.28)}
.whd-hero-index a{display:flex;gap:13px;align-items:center;color:rgba(247,242,234,.82);padding:18px 16px 0 0;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.whd-hero-index a span{color:#d9bd97;font-family:var(--whd-display);font-size:18px;letter-spacing:0}
.whd-hero-index a:hover{color:#fff}

/* Intro */
.whd-intro{background:var(--whd-ivory)}
.whd-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(50px,9vw,145px);align-items:start}
.whd-intro-copy{padding-top:28px;max-width:610px}
.whd-intro-copy>p:not(.whd-large-copy){color:var(--whd-muted);font-size:15px;margin:22px 0 28px}

/* Section heading */
.whd-section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);gap:60px;align-items:end;margin-bottom:48px}
.whd-section-head>p{color:var(--whd-muted);font-size:14px;margin:0 0 10px}

/* Path cards */
.whd-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.whd-path-card{position:relative;min-height:530px;overflow:hidden;color:var(--whd-ivory);background:var(--whd-ink)}
.whd-path-media,.whd-path-media>img,.whd-path-media>.whd-media-placeholder{position:absolute;inset:0;width:100%;height:100%}
.whd-path-img{object-fit:cover;display:block;transition:transform .6s ease}
.whd-path-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,20,.10),rgba(20,24,20,.76) 78%,rgba(20,24,20,.88))}
.whd-path-no{position:absolute;top:24px;right:27px;font-family:var(--whd-display);font-size:22px;color:rgba(255,255,255,.72)}
.whd-path-copy{position:absolute;left:clamp(26px,4vw,52px);right:clamp(26px,4vw,52px);bottom:clamp(28px,4vw,46px);z-index:2}
.whd-path-copy p{font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#d8bd98;margin:0 0 9px}
.whd-path-copy h3{font-size:clamp(31px,4vw,49px);line-height:1.03;color:#fff;max-width:500px;margin:0 0 20px}
.whd-path-copy>span{font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}
.whd-path-card:hover .whd-path-img{transform:scale(1.035)}
.whd-path-card:hover .whd-path-copy>span{border-color:#d8bd98;color:#efd4af}

/* Feature split sections */
.whd-feature{background:var(--whd-paper)}
.whd-feature-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(55px,8vw,120px);align-items:center}
.whd-feature-media{position:relative;min-height:660px;background:#ddd3c7;overflow:hidden}
.whd-feature-img,.whd-feature-media>.whd-media-placeholder{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}
.whd-image-caption{position:absolute;left:-1px;bottom:0;background:var(--whd-paper);color:var(--whd-muted);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;padding:14px 22px}
.whd-feature-copy{max-width:540px}
.whd-feature-copy>p:not(.whd-eyebrow){color:var(--whd-muted);font-size:15px;margin:28px 0 32px}
.whd-feature-copy .whd-btn{margin-top:34px}
.whd-feature-reverse{background:var(--whd-ivory)}
.whd-feature-reverse .whd-image-caption{left:auto;right:-1px;background:var(--whd-ivory)}
.whd-link-list{border-top:1px solid var(--whd-line)}
.whd-line-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--whd-line)}
.whd-line-card h3{font-family:var(--whd-sans);font-size:13px;line-height:1.45;letter-spacing:0;font-weight:650;margin:0}
.whd-line-card h3 a{color:var(--whd-ink)}
.whd-line-card h3 a:hover{color:var(--whd-tan-dark)}
.whd-arrow-link{color:var(--whd-tan-dark);font-family:var(--whd-display);font-size:23px;line-height:1}

/* Tools dark section */
.whd-tools{background:var(--whd-ink);color:var(--whd-ivory)}
.whd-tools h2{color:var(--whd-ivory)}
.whd-tools-head{display:grid;grid-template-columns:1.2fr .7fr;gap:clamp(50px,10vw,150px);align-items:end;margin-bottom:55px}
.whd-tools-head>div:last-child>p{color:rgba(247,242,234,.66);margin:0 0 24px;font-size:14px}
.whd-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}
.whd-tool-card{position:relative;min-height:260px;padding:36px 32px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);transition:background-color .25s ease}
.whd-tool-card:hover{background:rgba(255,255,255,.045)}
.whd-tool-mark{display:block;font-family:var(--whd-display);font-size:35px;color:#d8bd98;margin-bottom:34px}
.whd-tool-card h3{font-size:clamp(24px,2.6vw,34px);line-height:1.06;margin:0 0 14px}
.whd-tool-card h3 a{color:var(--whd-ivory)}
.whd-tool-card p{font-size:13px;line-height:1.65;color:rgba(247,242,234,.57);margin:0 0 22px}

/* Dress code cream feature */
.whd-dress-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,135px);align-items:center}
.whd-dress-media{min-height:700px;position:relative;overflow:hidden;background:#d8cec0}
.whd-dress-img,.whd-dress-media>.whd-media-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.whd-dress-copy{max-width:620px}
.whd-dress-copy>p:not(.whd-eyebrow){color:#696961;max-width:560px;margin:28px 0 34px}
.whd-link-list-cream{border-color:#cbbdad}
.whd-link-list-cream .whd-line-card{border-color:#cbbdad}
.whd-dress-copy .whd-btn{margin-top:34px}

/* Journal */
.whd-journal{background:var(--whd-paper)}
.whd-journal-head{align-items:end}
.whd-journal-head>.whd-text-link{justify-self:end;margin-bottom:11px}
.whd-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}
.whd-journal-card{min-width:0}
.whd-journal-media{display:block;height:330px;overflow:hidden;background:#ded5ca;margin-bottom:25px}
.whd-journal-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.whd-journal-card:hover .whd-journal-thumb{transform:scale(1.03)}
.whd-card-kicker{font-size:9.5px!important;line-height:1.2!important;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:var(--whd-tan-dark);margin:0 0 10px!important}
.whd-journal-copy h3{font-size:clamp(27px,2.6vw,36px);line-height:1.08;margin:0 0 13px}
.whd-journal-copy h3 a{color:var(--whd-ink)}
.whd-journal-copy h3 a:hover{color:var(--whd-tan-dark)}
.whd-journal-copy>p:not(.whd-card-kicker){color:var(--whd-muted);font-size:13.5px;line-height:1.7;margin:0 0 18px}

/* Downloads */
.whd-downloads{background:var(--whd-ivory)}
.whd-download-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,135px);align-items:center}
.whd-download-copy{max-width:560px}
.whd-download-copy>p:not(.whd-eyebrow){color:var(--whd-muted);margin:28px 0}
.whd-download-list{margin-top:36px}
.whd-download-media{height:690px;position:relative;background:#d8cfc1;overflow:hidden}
.whd-download-img,.whd-download-media>.whd-media-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.whd-download-stamp{position:absolute;right:0;bottom:0;background:var(--whd-ink);color:var(--whd-ivory);padding:25px 31px;display:flex;flex-direction:column;gap:2px}
.whd-download-stamp strong{font-family:var(--whd-display);font-size:26px;font-weight:400;letter-spacing:-.02em}
.whd-download-stamp span{font-size:8.5px;letter-spacing:.18em;color:#d8bd98}

/* Final CTA */
.whd-final{background:var(--whd-ink);padding:clamp(90px,11vw,155px) 0;text-align:center;color:var(--whd-ivory)}
.whd-final-inner{max-width:900px}
.whd-final h2{color:var(--whd-ivory);font-size:clamp(54px,8vw,105px);line-height:.88}
.whd-final>div>p:not(.whd-eyebrow){max-width:560px;margin:30px auto 0;color:rgba(247,242,234,.66)}
.whd-actions-center{justify-content:center}

/* Existing WSK cards/tools: bring them into visual system without changing HTML */
.whd-kadence-design .wsk-card-grid{gap:18px}
.whd-kadence-design .wsk-card{border:1px solid var(--whd-line);border-radius:0;background:var(--whd-paper);padding:24px}
.whd-kadence-design .wsk-card h2,.whd-kadence-design .wsk-card h3{font-family:var(--whd-display);font-size:27px;font-weight:400;line-height:1.1}
.whd-kadence-design .wsk-card a{color:var(--whd-ink)}
.whd-kadence-design .wsk-note{background:var(--whd-cream);border-left:2px solid var(--whd-tan);padding:18px 20px}
.whd-kadence-design .wsk-related{border-top:1px solid var(--whd-line);padding-top:22px;margin-top:34px}

/* Responsive */
@media(max-width:1024px){
  .whd-shell{width:min(calc(100% - 36px),var(--whd-shell))}
  .whd-hero{min-height:760px}
  .whd-hero h1{font-size:clamp(58px,11vw,105px)}
  .whd-intro-grid,.whd-feature-grid,.whd-dress-grid,.whd-download-grid{gap:55px}
  .whd-section-head,.whd-tools-head{grid-template-columns:1fr;gap:28px}
  .whd-section-head>p,.whd-tools-head>div:last-child{max-width:620px}
  .whd-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .whd-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .whd-feature-media,.whd-dress-media,.whd-download-media{min-height:570px;height:570px}
}
@media(max-width:767px){
  .whd-shell{width:min(calc(100% - 28px),var(--whd-shell))}
  .whd-section{padding:68px 0}
  .whd-section-tight{padding-top:28px}
  .whd-home h2{font-size:clamp(39px,13vw,57px)}
  .whd-hero{min-height:710px;align-items:flex-end}
  .whd-hero-shade{background:linear-gradient(180deg,rgba(16,20,16,.28),rgba(16,20,16,.82) 58%,rgba(16,20,16,.92))}
  .whd-hero-inner{padding-top:120px;padding-bottom:26px}
  .whd-hero h1{font-size:clamp(54px,18vw,84px);line-height:.88}
  .whd-hero h1 em{margin-left:0}
  .whd-hero-lede{font-size:15px;line-height:1.68;margin-top:25px}
  .whd-actions{flex-direction:column;align-items:stretch}
  .whd-btn{width:100%}
  .whd-hero-index{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:5px;margin-top:45px}
  .whd-hero-index a{padding-top:13px}
  .whd-intro-grid,.whd-feature-grid,.whd-dress-grid,.whd-download-grid{grid-template-columns:1fr;gap:42px}
  .whd-intro-copy{padding-top:0}
  .whd-path-grid{grid-template-columns:1fr;gap:14px}
  .whd-path-card{min-height:430px}
  .whd-feature-media,.whd-dress-media,.whd-download-media{min-height:480px;height:480px}
  .whd-feature-reverse .whd-feature-copy{order:2}.whd-feature-reverse .whd-feature-media{order:1}
  .whd-tool-grid{grid-template-columns:1fr}
  .whd-tool-card{min-height:auto;padding:30px 25px}
  .whd-journal-head>.whd-text-link{justify-self:start}
  .whd-journal-grid{grid-template-columns:1fr;gap:46px}
  .whd-journal-media{height:310px}
  .whd-download-copy{order:2}.whd-download-media{order:1}
  .whd-final h2{font-size:clamp(48px,15vw,75px)}
  .whd-kadence-design .content-area{margin-top:28px;margin-bottom:58px}
  .whd-kadence-design:not(.whd-front-page) .entry-hero .entry-title,
  .whd-kadence-design:not(.whd-front-page) .entry-hero-container-inner .entry-title{font-size:clamp(34px,10vw,48px)}
}
@media(max-width:420px){
  .whd-shell{width:min(calc(100% - 22px),var(--whd-shell))}
  .whd-hero-index{grid-template-columns:1fr 1fr}
  .whd-path-card{min-height:390px}
  .whd-feature-media,.whd-dress-media,.whd-download-media{min-height:410px;height:410px}
  .whd-journal-media{height:270px}
}

@media(prefers-reduced-motion:reduce){
  .whd-home *,.whd-home *:before,.whd-home *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* ---------- v1.0.1 requested refinements ---------- */
/* Mobile Kadence toggle: normal/closed state icon color only. Hover/open states remain Kadence-controlled. */
@media(max-width:1024px){
  .whd-kadence-design #mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active),
  .whd-kadence-design .mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active),
  .whd-kadence-design button.mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active){
    color:#fff!important;
  }
  .whd-kadence-design #mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) .kadence-svg-iconset,
  .whd-kadence-design #mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) svg,
  .whd-kadence-design .mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) .kadence-svg-iconset,
  .whd-kadence-design .mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) svg{
    color:#fff!important;
  }
  .whd-kadence-design #mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) svg *,
  .whd-kadence-design .mobile-toggle[aria-expanded="false"]:not(:hover):not(:focus):not(:active) svg *{
    fill:currentColor!important;
    stroke:currentColor!important;
  }
}

/* One consistent H1 scale on pages/singles/custom singles, always larger than content H2. */
body.whd-kadence-design:not(.whd-front-page) h1.entry-title{
  font-size:clamp(46px,5vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}
.whd-kadence-design .single-content h2{
  font-size:clamp(29px,2.75vw,39px)!important;
  line-height:1.12!important;
  margin-top:1.7em;
}
.whd-kadence-design .single-content h3{
  font-size:clamp(23px,2.2vw,31px)!important;
  line-height:1.18!important;
}
@media(max-width:767px){
  body.whd-kadence-design:not(.whd-front-page) h1.entry-title{
    font-size:clamp(40px,11vw,50px)!important;
    line-height:1.04!important;
  }
  .whd-kadence-design .single-content h2{
    font-size:clamp(27px,7.8vw,33px)!important;
    line-height:1.14!important;
  }
  .whd-kadence-design .single-content h3{
    font-size:clamp(22px,6.4vw,28px)!important;
  }
}

/* First-fitting section now mirrors the soft editorial Dress Codes section and has its own image. */
.whd-intro.whd-section-soft{background:var(--whd-cream)}
.whd-intro-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(55px,9vw,135px);
  align-items:center;
}
.whd-intro-media{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#d8cec0;
}
.whd-intro-img,
.whd-intro-media>.whd-media-placeholder{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.whd-intro-copy{padding-top:0;max-width:620px}
.whd-intro-copy h2{margin-bottom:28px}
.whd-intro-copy .whd-large-copy{color:var(--whd-ink)}
.whd-intro-copy>p:not(.whd-large-copy){color:#696961}
@media(max-width:1024px){
  .whd-intro-media{min-height:570px;height:570px}
}
@media(max-width:767px){
  .whd-intro-grid{grid-template-columns:1fr;gap:42px}
  .whd-intro-media{min-height:480px;height:480px}
}
@media(max-width:420px){
  .whd-intro-media{min-height:410px;height:410px}
}

/* Stronger high-contrast hover states for the requested primary homepage CTAs. */
.whd-kadence-design .whd-home a.whd-btn.whd-btn-solid:hover,
.whd-kadence-design .whd-home a.whd-btn.whd-btn-solid:focus-visible,
.whd-kadence-design .whd-home a.whd-btn.whd-btn-dark:hover,
.whd-kadence-design .whd-home a.whd-btn.whd-btn-dark:focus-visible{
  background:var(--whd-tan-dark)!important;
  border-color:var(--whd-tan-dark)!important;
  color:#fff!important;
  opacity:1!important;
}


/* ---------- v1.0.2 mobile/responsive refinements ---------- */
/* Keep every homepage component inside its grid cell/viewport instead of relying on clipping. */
.whd-home{overflow:visible}
.whd-home section,
.whd-home .whd-shell,
.whd-home .whd-intro-grid,
.whd-home .whd-section-head,
.whd-home .whd-path-grid,
.whd-home .whd-feature-grid,
.whd-home .whd-tools-head,
.whd-home .whd-tool-grid,
.whd-home .whd-dress-grid,
.whd-home .whd-journal-grid,
.whd-home .whd-download-grid,
.whd-home .whd-hero-index{
  min-width:0;
  max-width:100%;
}
.whd-home .whd-intro-grid>*,
.whd-home .whd-section-head>*,
.whd-home .whd-path-grid>*,
.whd-home .whd-feature-grid>*,
.whd-home .whd-tools-head>*,
.whd-home .whd-tool-grid>*,
.whd-home .whd-dress-grid>*,
.whd-home .whd-journal-grid>*,
.whd-home .whd-download-grid>*,
.whd-home .whd-hero-index>*{min-width:0;max-width:100%}
.whd-home img,
.whd-home picture,
.whd-home video,
.whd-home iframe{max-width:100%}
.whd-home h1,
.whd-home h2,
.whd-home h3,
.whd-home p,
.whd-home a,
.whd-home span{overflow-wrap:break-word}

@media(max-width:1024px){
  /* Tablet gutter: explicit padding is more reliable inside Kadence than a calc-width shell. */
  .whd-home .whd-shell{
    width:100%!important;
    max-width:var(--whd-shell)!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .whd-home .whd-path-copy{left:28px;right:28px}
}

@media(max-width:767px){
  .whd-home .whd-shell{
    width:100%!important;
    max-width:100%!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .whd-home .whd-section,
  .whd-home .whd-final{max-width:100%}
  .whd-home .whd-section-head,
  .whd-home .whd-tools-head{gap:22px;margin-bottom:34px}
  .whd-home .whd-intro-grid,
  .whd-home .whd-feature-grid,
  .whd-home .whd-dress-grid,
  .whd-home .whd-download-grid{gap:34px}
  .whd-home .whd-path-grid{gap:16px}
  .whd-home .whd-path-copy{left:22px;right:22px;bottom:26px}
  .whd-home .whd-tool-card{padding-left:22px;padding-right:22px}
  .whd-home .whd-line-card{grid-template-columns:minmax(0,1fr) auto}
  .whd-home .whd-btn{max-width:100%;white-space:normal;text-align:center}
  .whd-home .whd-text-link{max-width:100%;white-space:normal}
  .whd-home .whd-hero-index a{min-width:0;white-space:normal}
}

@media(max-width:420px){
  .whd-home .whd-shell{padding-left:18px!important;padding-right:18px!important}
  .whd-home .whd-path-copy{left:20px;right:20px}
  .whd-home .whd-tool-card{padding-left:20px;padding-right:20px}
}


/* ---------- v1.0.3 mobile toggle + homepage gutter refinements ---------- */
/* Kadence mobile controls: never paint a button background; keep both hamburger and close/X icons black in every interaction state. */
@media(max-width:1024px){
  .whd-kadence-design #mobile-toggle,
  .whd-kadence-design #mobile-toggle:hover,
  .whd-kadence-design #mobile-toggle:focus,
  .whd-kadence-design #mobile-toggle:focus-visible,
  .whd-kadence-design #mobile-toggle:active,
  .whd-kadence-design #mobile-toggle[aria-expanded="true"],
  .whd-kadence-design #mobile-toggle[aria-expanded="false"],
  .whd-kadence-design .mobile-toggle,
  .whd-kadence-design .mobile-toggle:hover,
  .whd-kadence-design .mobile-toggle:focus,
  .whd-kadence-design .mobile-toggle:focus-visible,
  .whd-kadence-design .mobile-toggle:active,
  .whd-kadence-design .mobile-toggle[aria-expanded="true"],
  .whd-kadence-design .mobile-toggle[aria-expanded="false"],
  .whd-kadence-design .menu-toggle-open,
  .whd-kadence-design .menu-toggle-open:hover,
  .whd-kadence-design .menu-toggle-open:focus,
  .whd-kadence-design .menu-toggle-open:active,
  .whd-kadence-design .menu-toggle-close,
  .whd-kadence-design .menu-toggle-close:hover,
  .whd-kadence-design .menu-toggle-close:focus,
  .whd-kadence-design .menu-toggle-close:active{
    color:#111!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  .whd-kadence-design #mobile-toggle .kadence-svg-iconset,
  .whd-kadence-design #mobile-toggle svg,
  .whd-kadence-design .mobile-toggle .kadence-svg-iconset,
  .whd-kadence-design .mobile-toggle svg,
  .whd-kadence-design .menu-toggle-open .kadence-svg-iconset,
  .whd-kadence-design .menu-toggle-open svg,
  .whd-kadence-design .menu-toggle-close .kadence-svg-iconset,
  .whd-kadence-design .menu-toggle-close svg{
    color:#111!important;
  }
  .whd-kadence-design #mobile-toggle svg *,
  .whd-kadence-design .mobile-toggle svg *,
  .whd-kadence-design .menu-toggle-open svg *,
  .whd-kadence-design .menu-toggle-close svg *{
    fill:currentColor!important;
    stroke:currentColor!important;
  }
}

/* Real mobile gutters: border-box prevents 100% width + padding from overflowing beyond the viewport. */
.whd-home .whd-shell{box-sizing:border-box}
@media(max-width:767px){
  .whd-home .whd-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:26px!important;
    padding-right:26px!important;
    box-sizing:border-box!important;
  }
  .whd-home .whd-section,
  .whd-home .whd-final,
  .whd-home .whd-hero{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
}
@media(max-width:420px){
  .whd-home .whd-shell{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}


/* ---------- v1.0.5 verified mobile override ---------- */
@media (max-width:1024px){
  body.whd-kadence-design #mobile-toggle,
  body.whd-kadence-design #mobile-toggle:hover,
  body.whd-kadence-design #mobile-toggle:focus,
  body.whd-kadence-design #mobile-toggle:focus-visible,
  body.whd-kadence-design #mobile-toggle:active,
  body.whd-kadence-design #mobile-toggle[aria-expanded="false"],
  body.whd-kadence-design #mobile-toggle[aria-expanded="true"],
  body.whd-kadence-design .mobile-toggle,
  body.whd-kadence-design .mobile-toggle:hover,
  body.whd-kadence-design .mobile-toggle:focus,
  body.whd-kadence-design .mobile-toggle:focus-visible,
  body.whd-kadence-design .mobile-toggle:active,
  body.whd-kadence-design .mobile-toggle[aria-expanded="false"],
  body.whd-kadence-design .mobile-toggle[aria-expanded="true"]{
    color:#111111!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  body.whd-kadence-design #mobile-toggle .menu-toggle-icon,
  body.whd-kadence-design #mobile-toggle .kadence-svg-iconset,
  body.whd-kadence-design #mobile-toggle svg,
  body.whd-kadence-design .mobile-toggle .menu-toggle-icon,
  body.whd-kadence-design .mobile-toggle .kadence-svg-iconset,
  body.whd-kadence-design .mobile-toggle svg{
    color:#111111!important;
    fill:#111111!important;
    stroke:#111111!important;
  }
  body.whd-kadence-design #mobile-toggle svg path:not([fill="none"]),
  body.whd-kadence-design #mobile-toggle svg polygon:not([fill="none"]),
  body.whd-kadence-design .mobile-toggle svg path:not([fill="none"]),
  body.whd-kadence-design .mobile-toggle svg polygon:not([fill="none"]){
    fill:#111111!important;
  }
  body.whd-kadence-design #mobile-toggle svg path,
  body.whd-kadence-design #mobile-toggle svg line,
  body.whd-kadence-design .mobile-toggle svg path,
  body.whd-kadence-design .mobile-toggle svg line{
    stroke:#111111!important;
  }
}

@media (max-width:767px){
  body.whd-front-page .whd-home .whd-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:32px!important;
    padding-right:32px!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:420px){
  body.whd-front-page .whd-home .whd-shell{
    padding-left:27px!important;
    padding-right:27px!important;
  }
}