/* Confirmed desktop design values promoted from the UI tuner on 2026-09-02. */
@media (min-width: 1024px) {
  :root {
    --font-body: 15px;
    --font-note: 13px;
    --content-width: 1440px;
    --page-gutter: 50px;
    --header-height: 80px;
    --color-blue: #0759ad;
    --color-green: #8cb450;
    --color-yellow: #deac00;
  }

  :is(.content-container, .products-container) { width: min(calc(100% - (var(--page-gutter) * 2)), 1440px); }
  :is(.products-hero__copy, .howto-hero__copy, .about-hero__copy, .stockists-hero__copy, .contact-hero__copy) { padding-left: max(var(--page-gutter), calc((100vw - 1440px) / 2)); }
  .products-hero, .howto-hero, .about-hero, .stockists-hero, .contact-hero { height: 520px; grid-template-columns: 48% 52%; }
  :is(.products-hero__visual, .howto-hero__visual, .about-hero__visual, .stockists-hero__visual, .contact-hero__visual) img { object-position: 50% 50%; transform: scale(1); }
  :is(.products-hero__intro, .howto-hero__intro, .about-hero__intro, .stockists-hero__intro, .contact-hero__intro) { margin-top: 28px; }
  :is(.brand-intro__inner, .life-changes__inner, .feel-message__inner, .choose-guide, .product-types, .type-comparison, .flow-intro, .usage-steps, .care-guide, .howto-faq, .about-message, .about-values, .thoughtful-making, .brand-expansion, .stockists-list, .contact-guide, .contact-form-section) { padding-block: 100px; }
  :is(.brand-intro__copy, .life-changes__lead, .product-picker__lead, .materials__copy, .choose-guide, .product-types, .type-comparison, .flow-intro, .usage-steps, .care-guide, .howto-faq, .about-message, .about-values, .package-sign, .thoughtful-making, .brand-expansion, .stockists-list, .business-inquiry, .contact-guide, .contact-form-section) h2 { font-size: 38px; line-height: 1.24; }
  .hero h1 { font-size: 51px; }
  :is(.products-hero, .howto-hero, .about-hero, .stockists-hero, .contact-hero) h1 { font-size: 55px; line-height: 1.18; }
  .site-logo { font-size: 32px; }
  .site-header__inner { grid-template-columns: calc((144px * 2) + 16px) minmax(0, 1fr); }
  .header-menu { grid-template-columns: minmax(0, 1fr) calc((144px * 2) + 16px); }
  .header-actions { width: calc((144px * 2) + 16px); justify-content: flex-end; }
  .global-nav { gap: 48px; }
  .global-nav a { font-size: 13px; }
  .header-actions .button { width: 144px; height: 38px; border-radius: 30px; }
  .product-types__heading, .flow-intro__inner, .about-message__inner, .thoughtful-making__lead, .brand-expansion__inner { align-items: end; gap: 48px; }
  .eyebrow { margin-bottom: 24px; }
  .stockists-return-note .eyebrow { margin-bottom: 0; }
  .feel-message__inner { gap: 72px; }
  .feel-message h2 { font-size: 48px; }
  .shop-cta__inner { min-height: 440px; grid-template-columns: 31% 36% 33%; }
  .shop-cta h2 { font-size: 32px; }
  .shop-cta__visual img { transform: scale(1); }
  .button--shop { width: 250px; height: 52px; border-radius: 30px; }
  .site-footer, .site-footer__inner { min-height: 88px; }
  .site-footer__logo { font-size: 32px; }
  .footer-nav { gap: 48px; }
  .footer-nav a { font-size: 13px; }

  /* Top page */
  .hero__inner { min-height: 610px; grid-template-columns: 42% 58%; }
  .hero__background-media { background-position: 100% 50%; background-size: auto 100%; }
  .hero__lead { margin-top: 30px; }
  .change-item { min-height: 178px; }
  .change-item h3 { font-size: 20px; }
  .product-picker__inner { min-height: 390px; }
  .materials__inner { min-height: 430px; }

  /* Products */
  .choose-guide__grid article { min-height: 138px; }
  .choose-guide__grid h3 { font-size: 21px; }
  .product-shelf { margin-top: 50px; box-shadow: 0 18px 38px rgb(17 17 17 / 12%); }
  .product-card { padding: 28px 28px 24px; }
  .product-card img { aspect-ratio: 1; height: auto; }
  .product-card h3 { font-size: 20px; }
  .comparison-table__row { min-height: 72px; }

  /* How to use and care */
  .flow-intro__inner > p { max-width: 400px; }
  .usage-steps__inner { grid-template-columns: 370px minmax(0, 1fr); gap: 80px; }
  .usage-steps__lead > img { width: 280px; height: 258px; }
  .usage-step h3 { font-size: 22px; }
  .care-guide__inner { grid-template-columns: 360px minmax(0, 1fr); }
  .care-list a { min-height: 88px; }
  .care-list strong { font-size: 20px; }
  .howto-faq__inner { grid-template-columns: 350px minmax(0, 1fr); }
  .faq-list summary { padding-top: 33px; padding-bottom: 33px; font-size: 20px; }

  /* About */
  .feel-message--about .feel-message__body { max-width: 680px; }
  .about-values__inner { grid-template-columns: 470px minmax(0, 1fr); }
  .about-values__grid article { padding-inline: 24px; }
  .about-values__grid h3 { font-size: 22px; }
  .package-sign { min-height: 580px; }
  .package-sign__copy { padding-inline: 84px; }
  .making-facts { margin-top: 60px; }
  .brand-expansion__inner > p { max-width: 540px; }

  /* Stockists */
  .store-grid { gap: 36px; }
  .store-card > img { height: 200px; }
  .store-card__body { min-height: 226px; }
  .store-card h3 { font-size: 21px; }
  .business-inquiry__inner { min-height: 330px; grid-template-columns: minmax(0, 1fr) 360px; }

  /* Contact */
  .contact-guide__grid { gap: 36px; }
  .contact-guide__item { min-height: 200px; }
  .contact-guide__item h3 { font-size: 22px; }
  .contact-form { margin-top: 42px; }
  .contact-form-section__inner { width: min(100%, 960px); max-width: 960px; }
  .contact-form__field { grid-template-columns: 240px minmax(0, 1fr); gap: 34px; padding-block: 26px; }
  .contact-form__field input { height: 52px; }
  .contact-form__field textarea { min-height: 164px; }
}

/* Narrow desktop corrections from the 2026-09-09 client review. */
@media (min-width: 1024px) and (max-width: 1199px) {
  :root {
    --page-gutter: 40px;
  }

  .hero {
    background-image: none;
  }

  .hero__background-media {
    display: none;
  }

  .hero__inner {
    grid-template-columns: 46% 54%;
    width: 100%;
    min-height: 550px;
    padding-left: var(--page-gutter);
  }

  .hero h1 {
    font-size: 46px;
  }

  .hero-title__mid-break {
    display: none;
  }

  .hero__lead {
    max-width: 360px;
  }

  .hero__lead br {
    display: none;
  }

  .hero__visual {
    display: block;
    overflow: hidden;
    height: 550px;
    margin: 0;
  }

  .hero__visual .motion-video {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 3856 / 2148;
    transform: translateY(-50%);
    -webkit-mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 4%, #000 96%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-composite: intersect;
  }

  .hero__visual img {
    object-fit: contain;
    object-position: center right;
  }

  .global-nav {
    gap: 18px;
  }

  .global-nav a {
    font-size: 12px;
    white-space: nowrap;
  }

  .site-header__inner {
    grid-template-columns: 268px minmax(0, 1fr);
  }

  .header-menu {
    grid-template-columns: minmax(0, 1fr) 268px;
  }

  .header-actions {
    width: 268px;
  }

  .header-actions .button {
    width: 126px;
  }

  .brand-intro__inner {
    padding-block: 72px;
  }

  .brand-intro__top {
    grid-template-columns: 56% 44%;
  }

  .brand-intro__copy h2 {
    font-size: 34px;
  }

  .usage-steps__inner {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 24px;
  }

  .usage-step {
    padding-inline: 16px;
  }

  .package-sign {
    grid-template-columns: 46% 54%;
  }

  .package-sign__copy {
    padding-inline: 40px;
  }

  .contact-guide__item h3 {
    min-height: 66px;
  }

  .shop-cta__actions {
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .brand-intro__top {
    grid-template-columns: 54% 46%;
  }
}

/* Keep the TOP hero copy and artwork in separate zones at narrow desktop widths. */
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero__background-media {
    display: none;
  }

  .hero__inner {
    grid-template-columns: 40% 60%;
    width: 100%;
    min-height: 550px;
    padding-left: var(--page-gutter);
  }

  .hero h1 {
    font-size: 46px;
  }

  .hero__lead {
    max-width: 360px;
  }

  .hero__lead br {
    display: none;
  }

  .hero__visual {
    display: block;
    overflow: visible;
    height: 550px;
    margin: 0;
  }

  .hero__visual .motion-video {
    position: absolute;
    top: 8%;
    right: 0;
    width: auto;
    max-width: none;
    height: 84%;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 4%, #000 96%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image:
      linear-gradient(to right, transparent 0, #000 12%, #000 100%),
      linear-gradient(to bottom, transparent 0, #000 4%, #000 96%, transparent 100%);
    mask-composite: intersect;
  }

  .hero__visual img {
    object-fit: contain;
    object-position: center right;
  }
}

@media (min-width: 1024px) {
  .button--shop {
    width: min(280px, 100%);
    height: 58px;
    font-size: 14px;
  }
}