/* September 2026 cross-page revisions. */

/* Desktop utility bar: approximately 10% taller, with top-level type matching the primary menu. */
@media (min-width: 1025px) {
  :root {
    --cw-site-header-height: 118px;
  }

  .site-header__utility,
  .site-header__utility-inner {
    min-height: 40px;
  }

  .site-nav,
  .site-utility-nav__menu > li > a,
  .site-utility-nav__menu .sub-menu a,
  .site-header__utility .site-language__toggle {
    font-size: 20px;
  }
}

/* Solid headers always use a white submenu surface. */
.site-header .site-nav__menu .sub-menu,
.site-header .site-utility-nav__menu .sub-menu,
.site-header .site-language__menu {
  background: var(--cw-white);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.site-header .site-nav__menu .sub-menu a,
.site-header .site-utility-nav__menu .sub-menu a,
.site-header .site-language__option {
  color: var(--cw-green-primary);
  text-shadow: none;
}

/* Home video: solid is the default; full-bleed is an explicit editor choice. */
body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-header {
  position: sticky;
  top: 0;
  right: auto;
  left: auto;
  width: 100%;
  background: var(--cw-white);
  border-bottom-color: rgba(216, 221, 221, 0.75);
}

body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .cw-home-video-hero {
  height: calc(100svh - var(--cw-site-header-height, 114px));
  min-height: 520px;
}

body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-nav__menu .sub-menu,
body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-utility-nav__menu .sub-menu,
body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-language__menu {
  background: var(--cw-white);
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-nav__menu .sub-menu a,
body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-utility-nav__menu .sub-menu a,
body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .site-language__option {
  color: var(--cw-green-primary);
  text-shadow: none;
}

body.home.cw-home-video-full-bleed .cw-home-video-hero {
  height: 100vh;
  height: 100svh;
  min-height: 520px;
}

@media (min-width: 1025px) {
  body.home.cw-home-video-full-bleed .site-header,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled),
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):hover,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):focus-within,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-header__utility,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-header__main,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):hover .site-header__utility,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):hover .site-header__main,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):focus-within .site-header__utility,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled):focus-within .site-header__main {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
    backdrop-filter: none;
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-brand__logo {
    filter: brightness(0) invert(1);
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-nav a,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-utility-nav a,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-language__toggle {
    color: var(--cw-white);
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-nav__menu > li > a::after,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-utility-nav__menu > li > a::after {
    background: var(--cw-white);
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-nav__menu .sub-menu,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-utility-nav__menu .sub-menu,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-language__menu {
    background: rgba(8, 67, 46, 0.78);
    border: 0;
    box-shadow: none;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-nav__menu .sub-menu a,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-utility-nav__menu .sub-menu a,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-language__option {
    color: var(--cw-white);
    font-weight: 400;
    text-shadow: none;
  }

  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-nav__menu .sub-menu a::after,
  body.home.cw-home-video-full-bleed .site-header:not(.is-scrolled) .site-utility-nav__menu .sub-menu a::after {
    background: var(--cw-light-evergreen);
  }

  body.home.cw-home-video-full-bleed .site-header.is-scrolled {
    background: var(--cw-white);
    border-bottom-color: rgba(216, 221, 221, 0.75);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  }

  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-header__utility {
    background: var(--cw-dark-evergreen);
  }

  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-header__main,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-nav__menu .sub-menu,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-utility-nav__menu .sub-menu,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-language__menu {
    background: var(--cw-white);
  }

  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-nav a,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-nav__menu .sub-menu a,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-utility-nav__menu .sub-menu a,
  body.home.cw-home-video-full-bleed .site-header.is-scrolled .site-language__option {
    color: var(--cw-green-primary);
    text-shadow: none;
  }
}

/* Keep the language dropdown compact beneath its toggle. Its colours still
   follow the same solid/full-bleed/sticky states as the other submenus. */
@media (min-width: 1025px) {
  .site-header__utility .site-language__menu {
    top: calc(100% + 2px);
    right: 0;
    width: max-content;
    min-width: 0;
    padding: 2px 10px;
  }

  .site-header__utility .site-language__menu::before {
    top: -4px;
    height: 4px;
  }

  .site-header__utility .site-language__option {
    justify-content: flex-end;
    padding: 3px 0;
    font-size: 20px;
    line-height: 1;
    text-align: right;
  }
}

/* Compact desktop header for 1280-1400px effective viewports. */
@media (min-width: 1025px) and (max-width: 1400px) {
  :root {
    --cw-site-header-height: 96px;
  }

  .site-header__utility,
  .site-header__utility-inner {
    min-height: 40px;
  }

  .site-header__inner {
    min-height: 55px;
  }

  .site-brand,
  .site-brand__logo {
    width: 132px;
  }

}

/* Small-desktop Sustainability balance: wider copy columns and slightly
   smaller matching subtitles keep both zig-zag headings proportionate. */
@media (min-width: 1025px) and (max-width: 1400px) {
  .cw-why-page .cw-media-builder {
    width: calc(100% - 48px);
    max-width: 1280px;
  }

  .cw-why-forest-grid {
    column-gap: 68px;
  }

  .cw-why-forest-copy {
    width: 100%;
  }

  .cw-why-forest-copy h3 {
    font-size: clamp(18px, 1.55vw, 22px);
    white-space: nowrap;
  }
}

/* Move the complete fixed-coordinate map canvas as one unit. Reducing the
   flow height by the same amount prevents the removed space reappearing below. */
@media (min-width: 1025px) {
  .cw-why-sustainable__graphic {
    height: 770px;
  }

  .cw-why-sustainable__canvas {
    top: -90px;
  }
}

/* Keep the final Program section separated from its CTA. The Benefits value
   matches the measured 58-59px visual space above the section. */
.cw-program-single > .cw-program-single-intro:last-child,
.cw-program-single > .cw-program-offer:last-child,
.cw-program-single > .cw-program-single-builder:last-child {
  padding-bottom: 0;
}

.cw-program-single > .cw-program-benefits:last-child {
  padding-bottom: 58px;
}

/* Desktop Resources cards: reduce the current title-to-CTA whitespace by a
   further 40%, while preserving tablet and mobile rhythm. */
@media (min-width: 1025px) {
  .cw-resource-card__title {
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .cw-resource-card__button {
    margin-top: 6px;
  }

  .cw-resources-group--wood-factsheets .cw-resource-card__title {
    min-height: 30px;
  }

  .cw-resources-group--wood-factsheets .cw-resource-card__button {
    margin-top: 5px;
  }

  .cw-resources-grid {
    align-items: stretch;
  }

  .cw-resource-card {
    height: 100%;
  }

  .cw-resource-card__button,
  .cw-resources-group--wood-factsheets .cw-resource-card__button {
    margin-top: auto;
  }
}

/* The map's visible bottom varies with its responsive width. Pull the next
   section into only the unused canvas space, reaching a consistent ~68px
   section gap without moving or resizing any map layer or connector. */
@media (min-width: 1025px) {
  .cw-why-cert {
    margin-top: clamp(-70px, calc(13.46vw - 258.5px), 0px);
  }
}

@media (max-width: 1024px) {
  body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .cw-home-video-hero {
    height: calc(100svh - var(--cw-site-header-height, 82px));
    min-height: 430px;
  }

  body.home.cw-home-video-full-bleed .cw-home-video-hero {
    min-height: 430px;
  }
}

@media (max-width: 560px) {
  body.home.cw-home-has-video-hero:not(.cw-home-video-full-bleed) .cw-home-video-hero {
    min-height: 360px;
  }

  body.home.cw-home-video-full-bleed .cw-home-video-hero {
    min-height: 360px;
  }
}

/* Configurable compact page heroes match the Home Wood Species image slider. */
.cw-page-hero--height-full,
.cw-species-hero--height-full,
.cw-media-single-hero--height-full {
  height: calc(100svh - var(--cw-site-header-height, 114px));
  /* A fixed minimum made short/zoomed desktop viewports overflow. */
  min-height: 0;
  aspect-ratio: auto;
}

/* Keep every full-height Hero inside the viewport for logged-in editors too. */
body.admin-bar .cw-page-hero--height-full,
body.admin-bar .cw-species-hero--height-full,
body.admin-bar .cw-media-single-hero--height-full {
  --cw-hero-admin-bar-height: 32px;
  height: calc(100svh - var(--cw-site-header-height, 114px) - var(--cw-hero-admin-bar-height));
  min-height: 0;
}

@media screen and (max-width: 782px) {
  body.admin-bar .cw-page-hero--height-full,
  body.admin-bar .cw-species-hero--height-full,
  body.admin-bar .cw-media-single-hero--height-full {
    --cw-hero-admin-bar-height: 46px;
  }
}

.cw-page-hero--height-compact,
.cw-species-hero--height-compact,
.cw-media-single-hero--height-compact {
  height: clamp(351px, 27.0833vw, 520px);
  min-height: 0;
  aspect-ratio: auto;
}

/* All hero headings are bold; page/species Hero typography is 7–10px larger. */
.cw-page-hero__content h1,
.cw-species-hero__caption h1,
.cw-species-hero__caption h2,
.cw-media-single-hero h1,
.cw-home-species__caption h3 {
  font-weight: 700;
}

.cw-page-hero--slider .cw-page-hero__content h1 {
  font-size: clamp(65px, 5.75vw, 104px);
}

.cw-page-hero--static .cw-page-hero__content h1 {
  font-size: 72px;
}

.cw-species-hero__caption h1,
.cw-species-hero__caption h2 {
  font-size: 72px;
}

.cw-media-single-hero h1 {
  font-size: clamp(46px, 4.7vw, 72px);
}

.cw-media-single--event .cw-media-single-hero h1 {
  font-size: clamp(50px, 4.55vw, 66px);
}

.cw-media-single--success_story .cw-media-single-hero h1 {
  font-size: clamp(48px, 4.55vw, 64px);
}

@media (min-width: 1025px) {
  .cw-page-hero--slider .cw-page-hero__content h1 {
    font-size: clamp(55px, 4.55vw, 87px);
  }
}

@media (max-width: 1439px) {
  .cw-page-hero--static .cw-page-hero__content h1,
  .cw-species-hero__caption h1,
  .cw-species-hero__caption h2 {
    font-size: 64px;
  }
}

@media (max-width: 1199px) {
  .cw-page-hero--static .cw-page-hero__content h1,
  .cw-species-hero__caption h1,
  .cw-species-hero__caption h2 {
    font-size: 56px;
  }
}

@media (max-width: 1024px) {
  .cw-page-hero--height-full,
  .cw-species-hero--height-full,
  .cw-media-single-hero--height-full {
    height: calc(100svh - var(--cw-site-header-height, 82px));
    min-height: 0;
  }

  .cw-page-hero--height-compact,
  .cw-species-hero--height-compact,
  .cw-media-single-hero--height-compact {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 6;
  }
}

@media (max-width: 900px) {
  .cw-page-hero--height-compact,
  .cw-species-hero--height-compact,
  .cw-media-single-hero--height-compact {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 767px) {
  .cw-page-hero--slider .cw-page-hero__content h1 {
    font-size: clamp(42px, 10vw, 54px);
  }

  .cw-page-hero--static .cw-page-hero__content h1,
  .cw-species-hero__caption h1,
  .cw-species-hero__caption h2 {
    font-size: 42px;
  }

  .cw-media-single--event .cw-media-single-hero--height-compact h1,
  .cw-media-single--success_story .cw-media-single-hero--height-compact h1 {
    width: calc(100% - 28px);
    font-size: clamp(36px, 10vw, 42px);
    line-height: 1.03;
  }
}

/* Keep long Species overview titles on one line on desktop layouts. */
@media (min-width: 768px) {
  .cw-species-panel__title {
    white-space: nowrap;
  }

  .cw-species-panel__title--long {
    font-size: clamp(34px, 3.05vw, 50px);
    letter-spacing: 0.005em;
  }
}

@media (max-width: 640px) {
  .cw-page-hero--height-compact,
  .cw-species-hero--height-compact,
  .cw-media-single-hero--height-compact {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 560px) {
  .cw-page-hero--height-full,
  .cw-species-hero--height-full,
  .cw-media-single-hero--height-full {
    height: calc(100svh - var(--cw-site-header-height, 74px));
    min-height: 0;
  }
}

@media (max-width: 480px) {
  .cw-page-hero--slider .cw-page-hero__content h1 {
    font-size: clamp(38px, 11vw, 46px);
  }

  .cw-page-hero--static .cw-page-hero__content h1,
  .cw-species-hero__caption h1,
  .cw-species-hero__caption h2 {
    font-size: 37px;
  }
}

@media (max-width: 380px) {
  .cw-page-hero--static .cw-page-hero__content h1,
  .cw-species-hero__caption h1,
  .cw-species-hero__caption h2 {
    font-size: 34px;
  }
}

/* Species properties: one full-width row, in-flow panels, independent toggles. */
.cw-species-properties__grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.cw-species-accordion,
.cw-species-accordion.is-open {
  z-index: auto;
  background: var(--cw-color-surface-warm);
}

.cw-species-accordion__trigger {
  min-height: 92px;
}

.cw-species-accordion__panel {
  position: static;
  padding: 0 32px 30px;
  background: var(--cw-color-surface-warm);
  box-shadow: none;
}

.cw-species-accordion__panel > :first-child {
  margin-top: 0;
}

.cw-species-accordion__panel > :last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .cw-species-properties__grid {
    gap: 14px;
  }

  .cw-species-accordion__trigger {
    min-height: 74px;
  }

  .cw-species-accordion__panel {
    padding: 0 20px 22px;
  }
}

/* Non-Home vertical rhythm: section boundaries are ~15% tighter and
   section-heading-to-content gaps are ~40% tighter. Card/grid spacing stays intact. */
@media (min-width: 1025px) {
  body:not(.home) .site-content {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .cw-about-overview {
    padding-top: 75px;
  }

  .cw-about-split__copy {
    padding-top: clamp(46px, 5.95vw, 82px);
    padding-bottom: clamp(46px, 5.95vw, 82px);
  }

  .cw-about-work {
    padding-top: 66px;
    padding-bottom: 85px;
  }

  .cw-about-split h2,
  .cw-why-sustainable__copy h2 {
    margin-bottom: 35px;
  }

  .cw-about-work h2 {
    margin-bottom: 43px;
  }

  .cw-about-work__item h3 {
    margin-bottom: 11px;
  }

  .cw-why-wood-properties {
    padding-top: clamp(49px, 4.75vw, 70px);
    padding-bottom: clamp(61px, 5.95vw, 92px);
  }

  .cw-why-gallery-cta {
    padding-bottom: clamp(61px, 5.95vw, 92px);
  }

  .cw-why-wood-properties > h2 {
    margin-bottom: clamp(25px, 2.7vw, 41px);
  }

  .cw-why-wood-property__copy h3,
  .cw-why-property h3,
  .cw-why-forest-copy h3 {
    margin-bottom: 14px;
  }

  .cw-why-properties {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .cw-why-forests,
  .cw-why-forests-builder {
    padding-bottom: 68px;
  }

  .cw-why-page > .cw-page-hero + .cw-media-builder > .cw-why-forests-builder:first-child,
  .cw-why-page > .cw-page-hero + .cw-why-forests {
    padding-top: 65px;
  }

  .cw-why-properties h2,
  .cw-why-forests h2,
  .cw-why-forests-builder h2 {
    margin-bottom: 26px;
  }

  .cw-why-sustainable {
    padding-top: 15px;
    /* Tighten only the boundary below the fixed map canvas. */
    padding-bottom: 16px;
  }

  .cw-why-cert__inner {
    padding-top: 44px;
    padding-bottom: 49px;
  }

  .cw-why-cert h2 {
    margin-bottom: 16px;
  }

  .cw-finishes-intro {
    padding-top: 78px;
    padding-bottom: 65px;
  }

  .cw-finishes-intro h2 {
    margin-bottom: 17px;
  }

  .cw-gallery-intro {
    padding-top: 68px;
    padding-bottom: 46px;
  }

  .cw-gallery-categories {
    padding-bottom: 80px;
  }

  .cw-gallery-category__text h2 {
    margin-bottom: 17px;
  }

  .cw-gallery-detail {
    padding-top: 54px;
  }

  .cw-gallery-detail__header {
    margin-bottom: 34px;
  }

  .cw-gallery-detail__back {
    padding-top: 73px;
    padding-bottom: 100px;
  }

  .cw-programs-list {
    padding-top: 73px;
    padding-bottom: 73px;
  }

  .cw-program-card h2 {
    margin-bottom: 17px;
  }

  .cw-program-single-intro {
    padding-top: 60px;
    padding-bottom: 49px;
  }

  .cw-program-single-intro h2 {
    margin-bottom: 25px;
  }

  .cw-program-offer {
    padding-top: 41px;
    padding-bottom: 49px;
  }

  .cw-program-offer h2 {
    margin-bottom: 18px;
  }

  .cw-program-benefits {
    padding-top: 9px;
    padding-bottom: 75px;
  }

  .cw-program-benefits h2 {
    margin-bottom: 37px;
  }

  .cw-program-single-builder {
    padding-bottom: 66px;
  }

  .cw-program-form,
  .cw-company-form {
    padding-bottom: 65px;
  }

  .cw-program-form__intro,
  .cw-company-form__intro {
    padding-top: 63px;
    padding-bottom: 70px;
  }

  body:not(.home) .cw-end-form--forest {
    padding-top: clamp(41px, 4.42vw, 65px);
    padding-bottom: clamp(41px, 4.42vw, 65px);
  }

  .cw-resources-intro__inner {
    min-height: clamp(502px, 59.5vh, 612px);
    padding-top: clamp(54px, 6.8vh, 92px);
    padding-bottom: 73px;
  }

  .cw-resources-intro h2 {
    margin-bottom: 8px;
  }

  .cw-resources-sections {
    padding-bottom: 60px;
  }

  .cw-resources-group {
    padding-top: clamp(46px, 3.4vw, 51px);
    padding-bottom: clamp(41px, 3vw, 46px);
  }

  .cw-resources-group__title {
    margin-bottom: 26px;
  }

  .cw-species-panel__inner {
    min-height: 374px;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .cw-species-panel__text h2 {
    margin-bottom: 29px;
  }

  .cw-species-characteristics {
    padding-top: 75px;
    padding-bottom: 61px;
  }

  .cw-species-properties {
    padding-top: 34px;
    padding-bottom: 56px;
  }

  .cw-species-resources {
    padding-top: 10px;
    padding-bottom: 61px;
  }

  .cw-species-collections {
    padding-top: 14px;
    padding-bottom: 73px;
  }

  .cw-species-characteristics__graphic {
    margin-top: 22px;
  }

  .cw-species-characteristics__grid,
  .cw-species-properties__grid,
  .cw-species-resources__viewport {
    margin-top: 43px;
  }

  .cw-species-collections__viewport {
    margin-top: 44px;
  }

  .cw-news-list,
  .cw-blog-list {
    padding-top: 77px;
    padding-bottom: 61px;
  }

  .cw-events-list {
    padding-top: 31px;
    padding-bottom: 80px;
  }

  .cw-success-intro {
    padding-top: 60px;
    padding-bottom: 49px;
  }

  .cw-success-intro h1 {
    margin-bottom: 38px;
  }

  .cw-success-list {
    padding-bottom: 75px;
  }

  .cw-media-single-head {
    padding-top: 54px;
    padding-bottom: 29px;
  }

  .cw-media-single-head h1 {
    margin-bottom: 13px;
  }

  .cw-media-single-body {
    padding-top: 49px;
    padding-bottom: 46px;
  }

  .cw-media-single--news .cw-media-single-head {
    padding-top: 61px;
    padding-bottom: 19px;
  }

  .cw-media-single--event .cw-media-single-body {
    padding-top: 65px;
  }

  .cw-media-single--success_story .cw-media-single-body {
    padding-top: 60px;
  }

  .cw-media-builder,
  .cw-media-single--success_story .cw-media-builder {
    gap: 49px;
  }

  .cw-media-single--news .cw-media-builder {
    gap: 48px;
  }

  .cw-media-single--event .cw-media-builder {
    gap: 44px;
  }

  .cw-media-builder-rich-text h2,
  .cw-media-builder-rich-text h3,
  .cw-media-builder-text-image h2,
  .cw-media-builder-text-image h3 {
    margin-bottom: 11px;
  }

  .cw-media-single--event .cw-media-builder-rich-text h2 {
    margin-bottom: 13px;
  }

  .cw-media-single--success_story .cw-media-builder-text-image h2 {
    margin-bottom: 34px;
  }

  .cw-event-gallery {
    padding-bottom: 61px;
  }

  .cw-media-related {
    padding-top: 24px;
    padding-bottom: 61px;
  }

  .cw-media-related__head {
    margin-bottom: 17px;
  }

  .cw-media-single-form__intro .cw-container {
    padding-top: 46px;
    padding-bottom: 49px;
  }

  .cw-media-single-form__form {
    padding-top: 29px;
    padding-bottom: 66px;
  }

  .cw-contact-overview {
    padding-top: 49px;
    padding-bottom: 49px;
  }

  .cw-contact-overview__inner {
    column-gap: clamp(54px, 5.45vw, 95px);
    row-gap: clamp(83px, 7.65vh, 100px);
  }

  .cw-contact-office__body,
  .cw-contact-people__grid {
    margin-top: 17px;
  }

  .cw-contact-resources ul {
    margin-top: 13px;
  }

  .cw-contact-lead__intro {
    padding-top: 58px;
    padding-bottom: 100px;
  }

  .cw-contact-lead__intro h2 {
    margin-bottom: 19px;
  }

  .cw-contact-lead__form,
  .cw-species-contact__form {
    padding-top: 43px;
    padding-bottom: 66px;
  }

  .privacy-policy-page {
    padding-top: clamp(54px, 5.95vw, 95px);
    padding-bottom: clamp(68px, 7.65vw, 122px);
  }

  .privacy-policy-page__header {
    margin-bottom: clamp(24px, 3vw, 43px);
  }

  .privacy-policy-page__content h2 {
    margin-top: 48px;
    margin-bottom: 11px;
  }

  .privacy-policy-page__content h3 {
    margin-top: 27px;
    margin-bottom: 7px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cw-about-overview {
    padding-top: 75px;
  }

  .cw-about-split__copy {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .cw-about-work {
    padding-top: 66px;
    padding-bottom: 85px;
  }

  .cw-about-split h2,
  .cw-why-sustainable__copy h2 {
    margin-bottom: 35px;
  }

  .cw-about-work h2 {
    margin-bottom: 43px;
  }

  .cw-why-wood-properties {
    padding-top: 49px;
    padding-bottom: 61px;
  }

  .cw-why-wood-properties > h2 {
    margin-bottom: 25px;
  }

  .cw-why-properties,
  .cw-why-forests,
  .cw-why-forests-builder {
    padding-top: 65px;
    padding-bottom: 68px;
  }

  .cw-why-properties h2,
  .cw-why-forests h2,
  .cw-why-forests-builder h2 {
    margin-bottom: 26px;
  }

  .cw-why-sustainable {
    padding-top: 15px;
    padding-bottom: 32px;
  }

  .cw-why-cert__inner {
    padding-top: 42px;
  }

  .cw-finishes-intro {
    padding-top: 78px;
    padding-bottom: 65px;
  }

  .cw-finishes-intro h2,
  .cw-gallery-category__text h2 {
    margin-bottom: 17px;
  }

  .cw-gallery-intro {
    padding-top: 68px;
    padding-bottom: 46px;
  }

  .cw-gallery-categories {
    padding-bottom: 80px;
  }

  .cw-gallery-detail {
    padding-top: 54px;
  }

  .cw-gallery-detail__header {
    margin-bottom: 34px;
  }

  .cw-programs-list {
    padding-top: 73px;
    padding-bottom: 73px;
  }

  .cw-program-single-intro {
    padding-top: 60px;
    padding-bottom: 49px;
  }

  .cw-program-single-intro h2 {
    margin-bottom: 25px;
  }

  .cw-program-offer {
    padding-top: 41px;
    padding-bottom: 49px;
  }

  .cw-program-offer h2 {
    margin-bottom: 18px;
  }

  .cw-program-benefits {
    padding-bottom: 75px;
  }

  .cw-program-benefits h2 {
    margin-bottom: 37px;
  }

  body:not(.home) .cw-end-form--forest {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .cw-resources-intro__inner {
    min-height: 0;
    padding-top: 61px;
    padding-bottom: 61px;
  }

  .cw-resources-group {
    padding-top: 46px;
    padding-bottom: 41px;
  }

  .cw-resources-group__title {
    margin-bottom: 26px;
  }

  .cw-species-panel__inner {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .cw-species-panel__text h2 {
    margin-bottom: 20px;
  }

  .cw-species-characteristics {
    padding-top: 75px;
    padding-bottom: 61px;
  }

  .cw-species-properties,
  .cw-species-resources,
  .cw-species-collections {
    padding-bottom: 61px;
  }

  .cw-species-characteristics__grid,
  .cw-species-properties__grid,
  .cw-species-resources__viewport,
  .cw-species-collections__viewport {
    margin-top: 43px;
  }

  .cw-news-list,
  .cw-blog-list {
    padding-top: 77px;
    padding-bottom: 61px;
  }

  .cw-events-list {
    padding-top: 31px;
    padding-bottom: 80px;
  }

  .cw-success-intro {
    padding-top: 60px;
    padding-bottom: 49px;
  }

  .cw-success-intro h1 {
    margin-bottom: 38px;
  }

  .cw-media-single-body {
    padding-top: 49px;
    padding-bottom: 46px;
  }

  .cw-media-builder {
    gap: 49px;
  }

  .cw-media-related {
    padding-top: 24px;
    padding-bottom: 61px;
  }

  .cw-media-related__head {
    margin-bottom: 17px;
  }

  .cw-contact-overview {
    padding-top: 49px;
    padding-bottom: 49px;
  }

  .cw-contact-overview__inner {
    gap: 54px;
  }

  .cw-contact-office__body,
  .cw-contact-people__grid {
    margin-top: 17px;
  }

  .privacy-policy-page {
    padding-top: 54px;
    padding-bottom: 68px;
  }

  .privacy-policy-page__header {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .cw-gallery-detail {
    padding-top: 31px;
  }

  .cw-gallery-detail__header {
    margin-bottom: 23px;
  }

  .cw-species-panel__inner {
    padding-top: 44px;
    padding-bottom: 44px;
  }
}

@media (min-width: 768px) and (max-width: 860px) {
  .cw-finishes-intro {
    padding-top: 49px;
    padding-bottom: 39px;
  }
}

@media (max-width: 767px) {
  body:not(.home) .site-content {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .cw-about-overview {
    padding-top: 44px;
  }

  .cw-about-split__copy {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .cw-about-work,
  .cw-why-properties,
  .cw-why-forests,
  .cw-why-forests-builder {
    padding-top: 44px;
    padding-bottom: 48px;
  }

  .cw-about-split h2,
  .cw-about-work h2,
  .cw-why-properties h2,
  .cw-why-forests h2,
  .cw-why-forests-builder h2,
  .cw-why-sustainable h2 {
    margin-bottom: 17px;
  }

  .cw-why-wood-properties {
    padding-top: 41px;
    padding-bottom: 54px;
  }

  .cw-why-gallery-cta {
    padding-bottom: 61px;
  }

  .cw-why-wood-properties > h2 {
    margin-bottom: 20px;
  }

  .cw-why-wood-property__copy h3 {
    margin-bottom: 11px;
  }

  .cw-why-sustainable {
    padding-top: 15px;
    padding-bottom: 28px;
  }

  .cw-why-cert__inner {
    padding-top: 36px;
    padding-bottom: 53px;
  }

  .cw-why-cert h2 {
    margin-bottom: 16px;
  }

  .cw-finishes-intro {
    padding-top: 36px;
    padding-bottom: 29px;
  }

  .cw-finishes-intro h2 {
    margin-bottom: 11px;
  }

  .cw-gallery-intro {
    padding-top: 36px;
    padding-bottom: 24px;
  }

  .cw-gallery-categories {
    padding-bottom: 80px;
  }

  .cw-gallery-category__text h2 {
    margin-bottom: 17px;
  }

  .cw-gallery-detail {
    padding-top: 31px;
  }

  .cw-gallery-detail__header {
    margin-bottom: 23px;
  }

  .cw-gallery-detail__back {
    padding-top: 73px;
    padding-bottom: 100px;
  }

  .cw-programs-list {
    padding-top: 41px;
    padding-bottom: 48px;
  }

  .cw-program-card h2 {
    margin-bottom: 17px;
  }

  .cw-program-single-intro {
    padding-top: 39px;
    padding-bottom: 32px;
  }

  .cw-program-single-intro h2 {
    margin-bottom: 14px;
  }

  .cw-program-offer {
    padding-top: 24px;
    padding-bottom: 49px;
  }

  .cw-program-offer h2 {
    margin-bottom: 18px;
  }

  .cw-program-benefits {
    padding-bottom: 46px;
  }

  .cw-program-benefits h2 {
    margin-bottom: 19px;
  }

  .cw-program-single-builder {
    padding-bottom: 66px;
  }

  body:not(.home) .cw-end-form--forest {
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .cw-resources-intro__inner {
    padding-top: 41px;
    padding-bottom: 51px;
  }

  .cw-resources-intro h2 {
    margin-bottom: 6px;
  }

  .cw-resources-sections {
    padding-bottom: 60px;
  }

  .cw-resources-group {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .cw-resources-group__title {
    margin-bottom: 18px;
  }

  .cw-species-panel__inner,
  .cw-species-characteristics,
  .cw-species-properties,
  .cw-species-resources,
  .cw-species-collections,
  .cw-species-contact__form {
    padding-top: 37px;
    padding-bottom: 37px;
  }

  .cw-species-panel__text h2 {
    margin-bottom: 20px;
  }

  .cw-species-characteristics__graphic,
  .cw-species-properties__grid,
  .cw-species-resources__viewport,
  .cw-species-collections__viewport {
    margin-top: 20px;
  }

  .cw-media-news__search + .cw-news-list {
    padding-top: 26px;
  }

  .cw-news-list,
  .cw-blog-list {
    padding-bottom: 61px;
  }

  .cw-blog-list {
    padding-top: 77px;
  }

  .cw-events-list {
    padding-top: 31px;
    padding-bottom: 80px;
  }

  .cw-success-intro {
    padding-top: 41px;
    padding-bottom: 37px;
  }

  .cw-success-intro h1 {
    margin-bottom: 20px;
  }

  .cw-success-list {
    padding-bottom: 75px;
  }

  .cw-media-single-head {
    padding-top: 37px;
    padding-bottom: 29px;
  }

  .cw-media-single-head h1 {
    margin-bottom: 13px;
  }

  .cw-media-single-body {
    padding-top: 49px;
    padding-bottom: 46px;
  }

  .cw-media-builder,
  .cw-media-single--news .cw-media-builder,
  .cw-media-single--event .cw-media-builder,
  .cw-media-single--success_story .cw-media-builder {
    gap: 32px;
  }

  .cw-media-builder-rich-text h2,
  .cw-media-builder-rich-text h3,
  .cw-media-builder-text-image h2,
  .cw-media-builder-text-image h3,
  .cw-media-single--event .cw-media-builder-rich-text h2 {
    margin-bottom: 11px;
  }

  .cw-media-single--success_story .cw-media-builder-text-image h2 {
    margin-bottom: 34px;
  }

  .cw-event-gallery {
    padding-bottom: 61px;
  }

  .cw-media-related {
    padding-top: 24px;
    padding-bottom: 61px;
  }

  .cw-media-related__head {
    margin-bottom: 17px;
  }

  .cw-media-single-form__intro .cw-container {
    padding-top: 46px;
    padding-bottom: 49px;
  }

  .cw-media-single-form__form {
    padding-top: 29px;
    padding-bottom: 66px;
  }

  .cw-contact-overview {
    padding-top: 37px;
    padding-bottom: 41px;
  }

  .cw-contact-overview__inner {
    row-gap: 54px;
  }

  .cw-contact-office__body,
  .cw-contact-people__grid {
    margin-top: 17px;
  }

  .cw-contact-resources ul {
    margin-top: 13px;
  }

  .cw-contact-lead__intro {
    padding-top: 36px;
    padding-bottom: 61px;
  }

  .cw-contact-lead__intro h2 {
    margin-bottom: 19px;
  }

  .cw-contact-lead__form {
    padding-top: 37px;
    padding-bottom: 37px;
  }

  .privacy-policy-page {
    padding-top: 41px;
    padding-bottom: 61px;
  }

  .privacy-policy-page__header {
    margin-bottom: 22px;
  }

  .privacy-policy-page__content h2 {
    margin-top: 37px;
    margin-bottom: 11px;
  }

  .privacy-policy-page__content h3 {
    margin-top: 24px;
    margin-bottom: 7px;
  }
}

/* 11 Sep 2026: keep the News dropdown readable on the white submenu surface. */
@media (min-width: 1025px) {
  body.home.cw-home-has-video-hero .site-header:not(.is-scrolled) .site-utility-nav__menu .sub-menu {
    background: var(--cw-white);
  }

  body.home.cw-home-has-video-hero .site-header:not(.is-scrolled) .site-utility-nav__menu .sub-menu a {
    color: var(--cw-green-primary);
    text-shadow: none;
  }
}

/* The compact desktop header is 23px shorter, so use its matching submenu offset. */
@media (min-width: 1025px) and (max-width: 1400px) {
  body.home.cw-home-has-video-hero .site-header:not(.is-scrolled) .site-nav__menu .sub-menu,
  body.home .site-nav__menu .sub-menu {
    top: calc(100% + 14px);
  }

  body.home.cw-home-has-video-hero .site-header:not(.is-scrolled) .site-nav__menu .sub-menu::before,
  body.home .site-nav__menu .sub-menu::before {
    top: -18px;
    height: 18px;
  }
}