@media (max-width: 800px) {
  :root {
    --yg-nav-height: var(--yg-nav-height-mobile);
    --yg-section-space: var(--yg-section-space-mobile);
    --yg-content-gutter: var(--yg-content-gutter-mobile);
  }
  .yg-home-container { width: min(100% - 36px, 1160px); }
  .yg-nav { gap: 20px; }
  .yg-hero { min-height: 625px; }
  .yg-hero__content { padding-block: 80px 90px; }
  .yg-hero h1 { font-size: clamp(48px, 8vw, 66px); }
  .yg-intro__inner { grid-template-columns:1fr 4px; gap:22px; }
  .yg-intro .yg-eyebrow { grid-column:1 / -1; }
  .yg-section-heading { grid-template-columns:1fr; gap:18px; }
  .yg-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yg-service:nth-child(3) { border-left:0; padding-left:0; border-top:1px solid #d9e0ea; }
  .yg-service:nth-child(4) { border-top:1px solid #d9e0ea; }
  .yg-process__layout { grid-template-columns:1fr; gap:36px; }
  .yg-test { padding-block: 32px 48px; }
  .yg-test__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yg-test__swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yg-test__intro h1 { font-size: clamp(38px, 11vw, 48px); }
}

@media (max-width: 520px) {
  .yg-home-container { width:calc(100% - 36px); }
  .yg-topline { font-size:10px; letter-spacing:.02em; }
  .yg-topline .yg-home-container { gap:8px; }
  .yg-topline a { white-space:nowrap; }
  .yg-header__inner { min-height:var(--yg-nav-height-mobile); gap:10px; }
  .yg-brand { font-size:24px; }
  .yg-nav { gap:12px; }
  .yg-nav a { font-size:11px; }
  .yg-nav .yg-nav__cta { padding:10px 9px; font-size:10px; }
  .yg-hero { min-height:600px; align-items:flex-start; }
  .yg-hero__content { padding-block:72px 72px; }
  .yg-hero h1 { font-size:clamp(43px,11.5vw,52px); line-height:1.06; }
  .yg-hero__copy { margin-top:23px; font-size:15px; line-height:1.62; }
  .yg-hero__actions { align-items:flex-start; flex-direction:column; gap:18px; margin-top:26px; }
  .yg-hero__note { align-items:flex-start; margin-top:34px; font-size:11px; }
  .yg-hero__index { right:18px; bottom:22px; }
  .yg-intro { padding:48px 0; }
  .yg-intro__inner { gap:18px; }
  .yg-intro__statement { font-size:21px; }
  .yg-section { padding-block:66px; }
  .yg-section-heading h2,.yg-process h2 { font-size:36px; }
  .yg-service-grid { grid-template-columns:1fr; }
  .yg-service,.yg-service+.yg-service { padding:24px 0; border-left:0; }
  .yg-service+.yg-service { border-top:1px solid #d9e0ea; }
  .yg-service h3 { margin-top:17px; }
  .yg-service__line { margin-top:17px; }
  .yg-footer__main { min-height:0; align-items:flex-start; flex-wrap:wrap; padding-block:28px; gap:12px 18px; }
  .yg-footer__main p { width:100%; order:3; }
  .yg-footer__top { margin-left:auto; }
  .yg-footer__bottom { align-items:flex-start; flex-direction:column; justify-content:center; gap:5px; padding-block:12px; }
  .yg-test__grid { grid-template-columns: 1fr; }
  .yg-test__swatches { grid-template-columns: 1fr 1fr; }
  .yg-test__buttons { align-items: stretch; flex-direction: column; }
  .yg-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}