/*
Theme Name: YEEGEM Homepage Round 1
Theme URI: https://yeegem.com/
Author: YEEGEM
Description: YEEGEM site-wide design system and Homepage Round 1 buyer journey.
Version: 2.4.25
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yeegem-round1
*/

:root {
      /* YEEGEM — NAVY / MIST / COOL-GRAY DESIGN TOKENS */
      --yg-ink: #0A1424;
      --yg-navy-950: #08111F;
      --yg-navy-800: #132A43;
      --yg-slate-600: #586A82;
      --yg-mist-400: #AEBAC9;
      --yg-accent: #6F88A6;
      --yg-pale-blue: #C3CFDC;
      --yg-bg: #F5F7FA;
      --yg-bg-alt: #E9EDF2;
      --yg-white: #FFFFFF;
      --yg-muted: #707A88;
      --yg-line: #D9E0E8;

      --yg-font-display: "DM Sans", Arial, sans-serif;
      --yg-font-body: "Manrope", Arial, sans-serif;
      --yg-font-kicker: "Inter", Arial, sans-serif;

      --yg-container: 1360px;
      --yg-page-pad: clamp(20px, 4vw, 68px);
      --yg-section-y: clamp(86px, 9vw, 138px);

      --yg-radius-sm: 2px;
      --yg-shadow-soft: 0 18px 60px rgba(10,20,36,.08);
      --yg-shadow-lift: 0 28px 80px rgba(10,20,36,.13);
      --yg-transition: 260ms cubic-bezier(.2,.7,.2,1);
    }

    .yg-site,
    .yg-site * {
      box-sizing: border-box;
    }

    .yg-site {
      margin: 0;
      background: var(--yg-bg);
      color: var(--yg-ink);
      font-family: var(--yg-font-body);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      overflow-x: hidden;
    }

    .yg-site img {
      display: block;
      max-width: 100%;
    }

    .yg-site a {
      color: inherit;
      text-decoration: none;
    }

    .yg-site button,
    .yg-site input,
    .yg-site textarea,
    .yg-site select {
      font: inherit;
    }

    .yg-container {
      width: min(calc(100% - (var(--yg-page-pad) * 2)), var(--yg-container));
      margin-inline: auto;
    }

    .yg-section {
      padding-block: var(--yg-section-y);
    }

    .yg-section--ivory { background: var(--yg-bg); }
    .yg-section--soft { background: var(--yg-bg-alt); }
    .yg-section--navy { background: var(--yg-navy-800); color: var(--yg-white); }
    .yg-section--ink { background: var(--yg-navy-950); color: var(--yg-white); }

    .yg-kicker {
      margin: 0 0 18px;
      color: var(--yg-accent);
      font-family: var(--yg-font-kicker);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .22em;
      line-height: 1.4;
      text-transform: uppercase;
    }

    .yg-kicker--light { color: var(--yg-pale-blue); }

    .yg-h1,
    .yg-h2,
    .yg-h3,
    .yg-h4 {
      margin: 0;
      color: var(--yg-navy-800);
      font-family: var(--yg-font-display);
      font-weight: 600;
      letter-spacing: -.035em;
    }

    .yg-h1 {
      max-width: 980px;
      font-size: clamp(54px, 7vw, 104px);
      line-height: .94;
    }

    .yg-h2 {
      font-size: clamp(44px, 5vw, 72px);
      line-height: .98;
    }

    .yg-h3 {
      font-size: clamp(25px, 2.4vw, 34px);
      line-height: 1.08;
    }

    .yg-h4 {
      font-size: 19px;
      line-height: 1.3;
    }

    .yg-on-dark .yg-h1,
    .yg-on-dark .yg-h2,
    .yg-on-dark .yg-h3,
    .yg-on-dark .yg-h4 {
      color: var(--yg-white);
    }

    .yg-lead {
      margin: 0;
      max-width: 760px;
      color: var(--yg-muted);
      font-size: clamp(17px, 1.6vw, 20px);
      font-weight: 300;
      line-height: 1.85;
    }

    .yg-body {
      margin: 0;
      color: var(--yg-muted);
      font-size: 15px;
      line-height: 1.9;
    }

    .yg-on-dark .yg-lead,
    .yg-on-dark .yg-body {
      color: rgba(255,255,255,.66);
    }

    .yg-rule {
      width: 54px;
      height: 1px;
      background: var(--yg-accent);
      flex: 0 0 auto;
    }

    .yg-btn {
      display: inline-flex;
      min-height: 54px;
      align-items: center;
      justify-content: center;
      gap: 12px;
      border: 1px solid transparent;
      padding: 0 28px;
      cursor: pointer;
      font-family: var(--yg-font-kicker);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
      transition: color var(--yg-transition), background var(--yg-transition), border-color var(--yg-transition), transform var(--yg-transition);
    }

    .yg-btn:hover { transform: translateY(-2px); }

    .yg-btn--primary {
      background: var(--yg-navy-800);
      color: var(--yg-white);
    }

    .yg-btn--primary:hover { background: var(--yg-navy-950); }

    .yg-btn--pale {
      background: var(--yg-pale-blue);
      color: var(--yg-ink);
    }

    .yg-btn--pale:hover { background: var(--yg-white); }

    .yg-btn--outline {
      border-color: var(--yg-navy-800);
      background: transparent;
      color: var(--yg-navy-800);
    }

    .yg-btn--outline:hover {
      background: var(--yg-navy-800);
      color: var(--yg-white);
    }

    .yg-btn--outline-light {
      border-color: rgba(255,255,255,.48);
      background: transparent;
      color: var(--yg-white);
    }

    .yg-btn--outline-light:hover {
      border-color: var(--yg-white);
      background: var(--yg-white);
      color: var(--yg-ink);
    }


    /* Explicit anchor-button colors: overrides the global .yg-site a { color: inherit; } rule */
    .yg-site a.yg-btn--primary {
      color: var(--yg-white);
    }

    .yg-site a.yg-btn--pale {
      color: var(--yg-ink);
    }

    .yg-site a.yg-btn--outline {
      color: var(--yg-navy-800);
    }

    .yg-site a.yg-btn--outline-light {
      color: var(--yg-white);
      border-color: rgba(255,255,255,.76);
      background: rgba(255,255,255,.10);
      backdrop-filter: blur(4px);
    }

    .yg-site a.yg-btn--outline-light:hover {
      color: var(--yg-ink);
      border-color: var(--yg-white);
      background: var(--yg-white);
    }

    .yg-header .yg-btn--primary {
      border-color: var(--yg-navy-800);
      box-shadow: 0 8px 24px rgba(10,20,36,.10);
    }

    /* Top note */
    .yg-topbar {
      background: var(--yg-navy-950);
      color: rgba(255,255,255,.82);
    }

    .yg-topbar__inner {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    /* Header */
    .yg-header {
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid rgba(217,224,232,.9);
      background: rgba(245,247,250,.95);
      backdrop-filter: blur(16px);
    }

    .yg-header__inner {
      min-height: 84px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .yg-brand {
      display: inline-flex;
      align-items: center;
      gap: 16px;
    }

    .yg-brand__name {
      padding-right: 16px;
      border-right: 1px solid var(--yg-line);
      color: var(--yg-navy-800);
      font-family: var(--yg-font-display);
      font-size: 30px;
      font-weight: 700;
      letter-spacing: .08em;
      line-height: 1;
    }

    .yg-brand__tag {
      color: var(--yg-muted);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .20em;
      line-height: 1.55;
      text-transform: uppercase;
    }

    .yg-nav {
      display: flex;
      align-items: center;
      gap: 26px;
    }

    .yg-nav a {
      position: relative;
      color: rgba(10,20,36,.72);
      font-family: var(--yg-font-kicker);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
    }

    .yg-nav a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -8px;
      width: 0;
      height: 1px;
      background: var(--yg-accent);
      transition: width var(--yg-transition);
    }

    .yg-nav a:hover::after { width: 100%; }

    .yg-mobile-nav { display: none; }
    .yg-mobile-nav summary {
      list-style: none;
      width: 44px;
      height: 44px;
      place-items: center;
      border: 1px solid var(--yg-line);
      cursor: pointer;
      display: grid;
    }
    .yg-mobile-nav summary::-webkit-details-marker { display: none; }
    .yg-mobile-nav__icon,
    .yg-mobile-nav__icon::before,
    .yg-mobile-nav__icon::after {
      width: 20px;
      height: 1px;
      background: var(--yg-ink);
      display: block;
      content: "";
    }
    .yg-mobile-nav__icon { position: relative; }
    .yg-mobile-nav__icon::before { position: absolute; top: -6px; }
    .yg-mobile-nav__icon::after { position: absolute; top: 6px; }
    .yg-mobile-panel {
      position: absolute;
      left: 0;
      right: 0;
      top: 84px;
      padding: 20px var(--yg-page-pad) 28px;
      border-top: 1px solid var(--yg-line);
      border-bottom: 1px solid var(--yg-line);
      background: var(--yg-bg);
      box-shadow: var(--yg-shadow-soft);
    }
    .yg-mobile-panel a {
      display: block;
      padding: 13px 0;
      border-bottom: 1px solid var(--yg-line);
      font-family: var(--yg-font-kicker);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    /* Hero */
    .yg-hero {
      position: relative;
      min-height: min(860px, calc(100vh - 122px));
      overflow: hidden;
      background: var(--yg-navy-950);
    }

    .yg-hero__media {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 62% center;
    }

    .yg-hero__overlay {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(8,17,31,.91) 0%, rgba(8,17,31,.72) 45%, rgba(8,17,31,.26) 100%),
        linear-gradient(0deg, rgba(8,17,31,.26), rgba(8,17,31,.06));
    }

    .yg-hero__inner {
      position: relative;
      z-index: 2;
      min-height: min(860px, calc(100vh - 122px));
      display: flex;
      align-items: center;
      padding-block: 88px 130px;
    }

    .yg-hero__content { max-width: 900px; }

    .yg-hero .yg-h1 { color: var(--yg-white); }

    .yg-hero__intro {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 28px;
    }

    .yg-hero__intro .yg-kicker {
      margin: 0;
      color: var(--yg-pale-blue);
    }

    .yg-hero__lead {
      margin: 28px 0 0;
      max-width: 720px;
      color: rgba(255,255,255,.74);
      font-size: clamp(16px, 1.6vw, 19px);
      font-weight: 300;
      line-height: 1.85;
    }

    .yg-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 38px;
    }

    .yg-trust-strip {
      position: relative;
      z-index: 3;
      margin-top: -1px;
      border-top: 1px solid rgba(255,255,255,.15);
      background: rgba(8,17,31,.95);
      color: var(--yg-white);
    }

    .yg-trust-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
    }

    .yg-trust-item {
      min-height: 94px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      border-right: 1px solid rgba(255,255,255,.13);
      text-align: center;
      color: rgba(255,255,255,.72);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .16em;
      line-height: 1.6;
      text-transform: uppercase;
    }

    .yg-trust-item:last-child { border-right: 0; }

    /* Section headings */
    .yg-section-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
      gap: 54px;
      align-items: end;
      margin-bottom: 58px;
    }


    /* DAY 1 — Homepage positioning refinements */
    .yg-hero .yg-h1 {
      max-width: 1060px;
      font-size: clamp(48px, 5.6vw, 84px);
      line-height: .98;
      letter-spacing: -.045em;
    }

    .yg-hero__brandline {
      margin: 24px 0 0;
      padding-left: 16px;
      border-left: 1px solid var(--yg-pale-blue);
      color: rgba(255,255,255,.82);
      font-family: var(--yg-font-display);
      font-size: clamp(17px, 1.7vw, 22px);
      font-weight: 500;
      letter-spacing: -.02em;
      line-height: 1.4;
    }


    /* CATEGORY VISUAL SYSTEM — locked direction */
    .yg-product-card--category img {
      filter: saturate(.92) contrast(.98);
    }

    .yg-product-card--category::after {
      background: linear-gradient(0deg, rgba(8,17,31,.88) 0%, rgba(8,17,31,.32) 34%, rgba(8,17,31,.06) 70%, rgba(8,17,31,.02) 100%);
    }

    .yg-product-card--category .yg-product-card__content {
      padding: 28px;
    }

    .yg-product-card--category .yg-product-card__tag {
      color: rgba(255,255,255,.72);
    }

    /* Product category system */
    .yg-product-grid {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 18px;
    }

    .yg-product-grid__right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }

    .yg-product-card {
      position: relative;
      min-height: 360px;
      overflow: hidden;
      background: var(--yg-navy-950);
    }

    .yg-product-card--large { min-height: 738px; }
    .yg-product-card--wide {
      grid-column: 1 / -1;
      min-height: 360px;
    }

    .yg-product-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 800ms cubic-bezier(.2,.7,.2,1);
    }

    .yg-product-card:hover img { transform: scale(1.04); }

    .yg-product-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgba(8,17,31,.84) 0%, rgba(8,17,31,.18) 60%, rgba(8,17,31,.04) 100%);
    }

    .yg-product-card__content {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 30px;
      color: var(--yg-white);
    }

    .yg-product-card__tag {
      display: inline-block;
      margin-bottom: 10px;
      color: var(--yg-pale-blue);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .yg-product-card .yg-h3 {
      color: var(--yg-white);
      font-size: clamp(25px, 2.5vw, 38px);
    }

    .yg-product-card__meta {
      margin-top: 12px;
      color: rgba(255,255,255,.67);
      font-size: 13px;
      line-height: 1.7;
    }


    .yg-start-card__label {
      max-width: 150px;
    }

    .yg-start-card:nth-child(1) { background: rgba(255,255,255,.38); }
    .yg-start-card:nth-child(2) { background: rgba(195,207,220,.16); }
    .yg-start-card:nth-child(3) { background: rgba(174,186,201,.14); }

    .yg-start-card:hover {
      background: var(--yg-white);
    }

    /* Custom development */
    .yg-custom {
      position: relative;
      overflow: hidden;
    }

    .yg-custom::before {
      content: "";
      position: absolute;
      right: -130px;
      top: -170px;
      width: 430px;
      height: 430px;
      border: 1px solid rgba(195,207,220,.20);
      border-radius: 50%;
    }

    .yg-custom-grid {
      position: relative;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 72px;
      align-items: start;
    }

    .yg-custom-options {
      border-top: 1px solid rgba(255,255,255,.18);
    }

    .yg-custom-option {
      display: grid;
      grid-template-columns: 42px 1fr auto;
      gap: 20px;
      align-items: center;
      min-height: 98px;
      border-bottom: 1px solid rgba(255,255,255,.18);
      transition: background var(--yg-transition), padding var(--yg-transition);
    }

    .yg-custom-option:hover {
      padding-inline: 16px;
      background: rgba(255,255,255,.04);
    }

    .yg-custom-option__no {
      color: var(--yg-pale-blue);
      font-family: var(--yg-font-display);
      font-size: 22px;
      font-weight: 600;
    }

    .yg-custom-option__title {
      color: var(--yg-white);
      font-family: var(--yg-font-display);
      font-size: 21px;
      font-weight: 600;
      letter-spacing: -.02em;
    }

    .yg-custom-option__arrow {
      color: var(--yg-pale-blue);
      font-size: 26px;
    }

    /* Capability cards */
    .yg-cap-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-top: 1px solid var(--yg-line);
      border-left: 1px solid var(--yg-line);
    }

    .yg-cap-card {
      min-height: 350px;
      padding: 34px;
      border-right: 1px solid var(--yg-line);
      border-bottom: 1px solid var(--yg-line);
      background: var(--yg-bg);
      transition: background var(--yg-transition), transform var(--yg-transition), box-shadow var(--yg-transition);
    }

    .yg-cap-card:hover {
      z-index: 2;
      background: var(--yg-white);
      box-shadow: var(--yg-shadow-soft);
      transform: translateY(-3px);
    }

    .yg-cap-card__no {
      color: var(--yg-accent);
      font-family: var(--yg-font-display);
      font-size: 36px;
      font-weight: 600;
    }

    .yg-cap-card .yg-h3 { margin-top: 72px; }

    /* Process */
    .yg-process-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      border-top: 1px solid rgba(255,255,255,.18);
    }

    .yg-process-step {
      min-height: 280px;
      padding: 30px 24px;
      border-right: 1px solid rgba(255,255,255,.18);
    }

    .yg-process-step:last-child { border-right: 0; }

    .yg-process-step__no {
      color: var(--yg-pale-blue);
      font-family: var(--yg-font-display);
      font-size: 32px;
      font-weight: 600;
    }

    .yg-process-step .yg-h4 {
      margin-top: 70px;
      color: var(--yg-white);
    }

    .yg-process-step .yg-body {
      margin-top: 12px;
      color: rgba(255,255,255,.56);
      font-size: 13px;
      line-height: 1.75;
    }

    /* Why / evidence */
    .yg-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: center;
    }

    .yg-image-stack {
      position: relative;
      min-height: 640px;
    }

    .yg-image-stack__main {
      width: 82%;
      height: 570px;
      object-fit: cover;
    }

    .yg-image-stack__small {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 46%;
      height: 300px;
      object-fit: cover;
      border: 10px solid var(--yg-bg-alt);
      box-shadow: var(--yg-shadow-soft);
    }

    .yg-point-list {
      margin: 38px 0 0;
      padding: 0;
      list-style: none;
      border-top: 1px solid var(--yg-line);
    }

    .yg-point {
      display: grid;
      grid-template-columns: 36px 1fr;
      gap: 18px;
      padding: 22px 0;
      border-bottom: 1px solid var(--yg-line);
    }

    .yg-point__mark {
      color: var(--yg-accent);
      font-family: var(--yg-font-display);
      font-size: 20px;
      font-weight: 600;
    }

    .yg-point strong {
      display: block;
      margin-bottom: 6px;
      color: var(--yg-navy-800);
      font-family: var(--yg-font-display);
      font-size: 18px;
      font-weight: 600;
    }

    .yg-point span {
      color: var(--yg-muted);
      font-size: 13px;
      line-height: 1.75;
    }

    /* About */
    .yg-about-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 72px;
      align-items: start;
    }

    .yg-about-copy {
      columns: 2;
      column-gap: 42px;
    }

    .yg-about-copy p {
      margin: 0 0 24px;
      break-inside: avoid;
      color: var(--yg-muted);
      font-size: 14px;
      line-height: 1.9;
    }


    /* Blog / Insights */
    .yg-section--white { background: var(--yg-white); }

    .yg-blog-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 470px);
      gap: 54px;
      align-items: end;
      margin-bottom: 52px;
    }

    .yg-blog-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--yg-line);
      border-left: 1px solid var(--yg-line);
    }

    .yg-blog-card {
      min-height: 330px;
      padding: 34px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-right: 1px solid var(--yg-line);
      border-bottom: 1px solid var(--yg-line);
      background: var(--yg-white);
      transition: background var(--yg-transition), transform var(--yg-transition), box-shadow var(--yg-transition);
    }

    .yg-blog-card:hover {
      z-index: 2;
      background: var(--yg-bg);
      transform: translateY(-3px);
      box-shadow: var(--yg-shadow-soft);
    }

    .yg-blog-card__no {
      color: var(--yg-accent);
      font-family: var(--yg-font-display);
      font-size: 30px;
      font-weight: 600;
    }

    .yg-blog-card__type {
      margin-top: 72px;
      color: var(--yg-slate-600);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .yg-blog-card .yg-h3 {
      margin-top: 12px;
      font-size: clamp(25px, 2.3vw, 33px);
    }

    .yg-blog-card__body {
      margin-top: 16px;
      color: var(--yg-muted);
      font-size: 13px;
      line-height: 1.8;
    }

    .yg-blog-note {
      margin-top: 18px;
      color: var(--yg-accent);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .yg-contact-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 34px;
    }

    .yg-whatsapp-note {
      margin-top: 12px;
      color: rgba(255,255,255,.46);
      font-size: 12px;
      line-height: 1.6;
    }

    .yg-footer__contact-link {
      display: block;
      margin-top: 8px;
      color: rgba(255,255,255,.54);
      font-size: 13px;
      line-height: 1.75;
    }

    .yg-footer__contact-link:hover { color: var(--yg-white); }

    /* FAQ */
    .yg-faq-grid {
      display: grid;
      grid-template-columns: .72fr 1.28fr;
      gap: 72px;
      align-items: start;
    }

    .yg-faq-list { border-top: 1px solid var(--yg-line); }

    .yg-faq-item {
      border-bottom: 1px solid var(--yg-line);
    }

    .yg-faq-item summary {
      display: grid;
      grid-template-columns: 1fr 42px;
      gap: 20px;
      align-items: center;
      min-height: 90px;
      cursor: pointer;
      list-style: none;
    }

    .yg-faq-item summary::-webkit-details-marker { display: none; }

    .yg-faq-item summary span:first-child {
      color: var(--yg-navy-800);
      font-family: var(--yg-font-display);
      font-size: clamp(20px, 2vw, 27px);
      font-weight: 600;
      letter-spacing: -.02em;
    }

    .yg-faq-plus {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border: 1px solid var(--yg-line);
      color: var(--yg-accent);
      font-size: 22px;
      transition: transform var(--yg-transition);
    }

    .yg-faq-item[open] .yg-faq-plus { transform: rotate(45deg); }

    .yg-faq-answer {
      max-width: 760px;
      padding: 0 58px 28px 0;
      color: var(--yg-muted);
      font-size: 14px;
      line-height: 1.85;
    }

    /* Inquiry */
    .yg-inquiry-grid {
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      gap: 72px;
      align-items: center;
    }

    .yg-form {
      padding: 34px;
      border: 1px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.045);
    }

    .yg-form__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .yg-field {
      display: grid;
      gap: 9px;
      margin-bottom: 20px;
    }

    .yg-field label {
      color: rgba(255,255,255,.54);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .yg-field input,
    .yg-field textarea,
    .yg-field select {
      width: 100%;
      min-height: 48px;
      border: 0;
      border-bottom: 1px solid rgba(255,255,255,.25);
      border-radius: 0;
      background: transparent;
      color: var(--yg-white);
      outline: none;
    }

    .yg-field textarea {
      min-height: 100px;
      padding-top: 12px;
      resize: vertical;
    }

    .yg-field input:focus,
    .yg-field textarea:focus,
    .yg-field select:focus {
      border-color: var(--yg-pale-blue);
    }

    .yg-field input::placeholder,
    .yg-field textarea::placeholder {
      color: rgba(255,255,255,.28);
    }

    /* Footer */
    .yg-footer {
      padding: 62px 0 30px;
      background: var(--yg-navy-950);
      color: var(--yg-white);
    }

    .yg-footer-grid {
      display: grid;
      grid-template-columns: 1.45fr .72fr .72fr 1fr;
      gap: 48px;
      padding-bottom: 48px;
      border-bottom: 1px solid rgba(255,255,255,.10);
    }

    .yg-footer__brand {
      font-family: var(--yg-font-display);
      font-size: 35px;
      font-weight: 700;
      letter-spacing: .08em;
    }

    .yg-footer__tag {
      margin-top: 14px;
      color: var(--yg-pale-blue);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .20em;
      text-transform: uppercase;
    }

    .yg-footer__copy {
      max-width: 390px;
      margin-top: 24px;
      color: rgba(255,255,255,.46);
      font-size: 13px;
      line-height: 1.85;
    }

    .yg-footer h4 {
      margin: 0 0 20px;
      color: var(--yg-pale-blue);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .yg-footer ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .yg-footer li { margin-bottom: 12px; }
    .yg-footer li a,
    .yg-footer p,
    .yg-footer__email {
      color: rgba(255,255,255,.54);
      font-size: 13px;
      line-height: 1.75;
    }

    .yg-footer li a:hover,
    .yg-footer__email:hover { color: var(--yg-white); }

    .yg-footer__bottom {
      display: flex;
      justify-content: space-between;
      gap: 20px;
      padding-top: 26px;
      color: rgba(255,255,255,.32);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }


    .yg-hero__categories {
      margin-top: 22px;
      color: rgba(255,255,255,.54);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .16em;
      line-height: 1.8;
      text-transform: uppercase;
    }

    .yg-hero__categories span {
      margin-inline: 8px;
      color: var(--yg-pale-blue);
    }

    .yg-start-bridge {
      margin-top: 44px;
      padding-top: 28px;
      border-top: 1px solid var(--yg-line);
      text-align: center;
    }

    .yg-start-bridge__question {
      margin: 0;
      color: var(--yg-muted);
      font-size: 13px;
      line-height: 1.7;
    }

    .yg-start-bridge__link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 10px;
      color: var(--yg-navy-800);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .yg-start-bridge__arrow {
      display: inline-block;
      color: var(--yg-accent);
      font-size: 18px;
      line-height: 1;
      animation: yg-soft-bounce 1.8s ease-in-out infinite;
    }

    @keyframes yg-soft-bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(4px); }
    }

    .yg-start-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--yg-line);
      border-left: 1px solid var(--yg-line);
    }

    .yg-start-card {
      position: relative;
      min-height: 360px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 34px;
      border-right: 1px solid var(--yg-line);
      border-bottom: 1px solid var(--yg-line);
      background: rgba(255,255,255,.28);
      transition: background var(--yg-transition), transform var(--yg-transition), box-shadow var(--yg-transition);
    }

    .yg-start-card:hover {
      z-index: 2;
      background: var(--yg-white);
      box-shadow: var(--yg-shadow-soft);
      transform: translateY(-3px);
    }

    .yg-start-card__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

    .yg-start-card__no {
      color: var(--yg-accent);
      font-family: var(--yg-font-display);
      font-size: 32px;
      font-weight: 600;
    }

    .yg-start-card__label {
      color: var(--yg-slate-600);
      font-family: var(--yg-font-kicker);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
      text-align: right;
    }

    .yg-start-card__content {
      margin-top: 72px;
    }

    .yg-start-card .yg-h3 {
      font-size: clamp(28px, 2.8vw, 40px);
    }

    .yg-start-card__body {
      margin-top: 18px;
      color: var(--yg-muted);
      font-size: 14px;
      line-height: 1.85;
    }

    .yg-start-card__cta {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-top: 34px;
      color: var(--yg-navy-800);
      font-family: var(--yg-font-kicker);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .yg-start-card__cta span {
      color: var(--yg-accent);
      font-size: 16px;
      transition: transform var(--yg-transition);
    }

    .yg-start-card:hover .yg-start-card__cta span {
      transform: translateX(4px);
    }

    @media (max-width: 1120px) {
      .yg-nav,
      .yg-header .yg-btn { display: none; }
      .yg-mobile-nav { display: block; }

      .yg-product-grid { grid-template-columns: 1fr; }
      .yg-product-card--large { min-height: 560px; }
      .yg-start-grid { grid-template-columns: 1fr; }
      .yg-cap-grid { grid-template-columns: repeat(2, 1fr); }
      .yg-blog-grid { grid-template-columns: 1fr; }
      .yg-process-grid { grid-template-columns: repeat(2, 1fr); }
      .yg-process-step { border-bottom: 1px solid rgba(255,255,255,.18); }
      .yg-process-step:last-child { grid-column: 1 / -1; }
      .yg-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
      .yg-footer-grid > div:last-child { grid-column: 1 / -1; }
    }

    @media (max-width: 820px) {
      :root { --yg-section-y: 82px; }

      .yg-brand__tag { display: none; }
      .yg-brand__name { border: 0; padding-right: 0; font-size: 27px; }

      .yg-hero,
      .yg-hero__inner { min-height: 700px; }
      .yg-hero__inner { padding-block: 78px 100px; }
      .yg-hero__media { object-position: 67% center; }
      .yg-h1 { font-size: clamp(46px, 12vw, 68px); }
      .yg-hero .yg-h1 { font-size: clamp(44px, 11vw, 64px); }

      .yg-trust-grid { grid-template-columns: 1fr 1fr; }
      .yg-trust-item { min-height: 78px; border-bottom: 1px solid rgba(255,255,255,.13); }
      .yg-trust-item:nth-child(even) { border-right: 0; }
      .yg-trust-item:last-child { grid-column: 1 / -1; }

      .yg-section-head,
      .yg-blog-head,
      .yg-custom-grid,
      .yg-split,
      .yg-about-grid,
      .yg-faq-grid,
      .yg-inquiry-grid {
        grid-template-columns: 1fr;
        gap: 42px;
      }

      .yg-product-grid__right { grid-template-columns: 1fr; }
      .yg-product-card,
      .yg-product-card--wide,
      .yg-product-card--large { min-height: 440px; }

      .yg-cap-grid { grid-template-columns: 1fr; }

      .yg-process-grid { grid-template-columns: 1fr; }
      .yg-process-step,
      .yg-process-step:last-child {
        grid-column: auto;
        border-right: 0;
        min-height: auto;
      }
      .yg-process-step .yg-h4 { margin-top: 32px; }

      .yg-image-stack { min-height: 540px; }
      .yg-image-stack__main { width: 88%; height: 480px; }
      .yg-image-stack__small { width: 50%; height: 240px; }

      .yg-about-copy { columns: 1; }

      .yg-form__grid { grid-template-columns: 1fr; }

      .yg-footer-grid { grid-template-columns: 1fr 1fr; }
      .yg-footer-grid > div:first-child,
      .yg-footer-grid > div:last-child { grid-column: 1 / -1; }
    }

    @media (max-width: 560px) {
      :root { --yg-page-pad: 18px; }

      .yg-topbar__inner { font-size: 9px; line-height: 1.5; padding: 7px 0; }
      .yg-header__inner { min-height: 74px; }
      .yg-mobile-panel { top: 74px; }

      .yg-hero,
      .yg-hero__inner { min-height: 660px; }
      .yg-hero__lead { font-size: 15px; line-height: 1.8; }
      .yg-actions { display: grid; }
      .yg-actions .yg-btn { width: 100%; }

      .yg-trust-grid { grid-template-columns: 1fr; }
      .yg-trust-item,
      .yg-trust-item:nth-child(even),
      .yg-trust-item:last-child {
        grid-column: auto;
        border-right: 0;
      }

      .yg-product-card,
      .yg-product-card--wide,
      .yg-product-card--large { min-height: 390px; }

      .yg-custom-option {
        grid-template-columns: 34px 1fr auto;
        gap: 12px;
      }

      .yg-image-stack { min-height: 440px; }
      .yg-image-stack__main { width: 94%; height: 390px; }
      .yg-image-stack__small { width: 54%; height: 190px; border-width: 7px; }

      .yg-footer-grid { grid-template-columns: 1fr; }
      .yg-footer-grid > div { grid-column: auto !important; }
      .yg-footer__bottom { flex-direction: column; }
    }

    @media (prefers-reduced-motion: reduce) {
      .yg-site *,
      .yg-site *::before,
      .yg-site *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
      }
      .yg-start-bridge__arrow { animation: none !important; }
    }

/* V6: scoped category and development refinements. Start From Where You Are is unchanged. */
#yg-products, #yg-custom { scroll-margin-top: 96px; }
#yg-products .yg-product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
#yg-products .yg-product-grid__right { display: contents; }
#yg-products .yg-product-card { min-height: 0; aspect-ratio: 3 / 8; border-radius: 2px; }
#yg-products .yg-product-card img { object-position: 50% 0%; filter: none; }
#yg-products .yg-product-card::after {
  background: linear-gradient(0deg, rgba(8,17,31,.92) 0%, rgba(8,17,31,.77) 18%, rgba(8,17,31,.2) 43%, transparent 64%);
  pointer-events: none;
}
#yg-products .yg-product-card__content { padding: 22px 17px 24px; }
#yg-products .yg-product-card__tag { font-size: 8px; letter-spacing: .13em; line-height: 1.65; color: #e4e9ef; }
#yg-products .yg-product-card .yg-h3 { font-size: clamp(21px, 1.85vw, 27px); line-height: 1.1; letter-spacing: -.025em; }
#yg-products .yg-product-card__meta { min-height: 61px; font-size: 11px; line-height: 1.65; color: #e2e7ed; }
#yg-products .yg-product-card__cta { display: flex; align-items: center; gap: 12px; margin-top: 19px; font: 600 9px/1.5 var(--yg-font-kicker); letter-spacing: .15em; text-transform: uppercase; }
#yg-products .yg-product-card__cta span { font-size: 19px; font-weight: 400; line-height: 1; }
#yg-products .yg-product-card:focus-visible { outline: 3px solid var(--yg-navy-800); outline-offset: 4px; }
#yg-products .yg-product-card:focus-visible img { transform: scale(1.04); }

.yg-custom-v6::before { content: none; }
.yg-custom-v6 { background: #132a43; }
.yg-custom-v6__head { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: end; margin-bottom: 54px; }
.yg-custom-v6__head .yg-h2 { font-size: clamp(44px, 4.7vw, 68px); line-height: 1.03; }
.yg-custom-v6__head .yg-lead { max-width: 520px; color: #cbd5e0; font-size: 17px; line-height: 1.8; }
.yg-custom-v6__body { display: grid; grid-template-columns: .88fr 1.12fr; gap: 50px; align-items: stretch; }
.yg-development-board { margin: 0; padding: 25px 25px 24px; background: #E9EDF2; color: #223b47; display: flex; flex-direction: column; justify-content: space-between; }
.yg-development-board__top { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid #becaca; padding-bottom: 18px; font: 600 9px/1.5 var(--yg-font-kicker); letter-spacing: .12em; text-transform: uppercase; }
.yg-development-board img { width: 100%; height: auto; margin-block: 13px; }
.yg-development-board figcaption { border-top: 1px solid #becaca; padding-top: 18px; }
.yg-development-board__caption { display: block; font: 600 19px/1.4 var(--yg-font-display); letter-spacing: -.02em; }
.yg-development-board__note { display: block; margin-top: 7px; color: #52636b; font-size: 10px; line-height: 1.7; }
.yg-development-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 34px; }
.yg-development-detail { padding: 21px 0 24px; border-top: 1px solid #506177; }
.yg-development-detail__no { color: #b9c8d7; font: 600 9px/1.5 var(--yg-font-kicker); letter-spacing: .14em; }
.yg-development-detail h3 { margin: 12px 0 11px; font: 600 22px/1.2 var(--yg-font-display); letter-spacing: -.02em; color: #fff; }
.yg-development-detail p { margin: 0; color: #d0dae4; font-size: 13px; line-height: 1.85; }
.yg-development-detail__examples { display: block; margin-top: 12px; color: #aebfcf; font-size: 10px; line-height: 1.8; }
.yg-custom-v6__footer { margin-top: 38px; padding-top: 29px; border-top: 1px solid #506177; display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.yg-custom-v6__footer p { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.9; }
.yg-custom-v6__footer p span { color: #becbd9; font-size: 11px; font-weight: 400; }
.yg-custom-v6__footer .yg-btn { flex-shrink: 0; }
.yg-custom-v6 a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }

@media (max-width: 1120px) {
  #yg-products .yg-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  #yg-products .yg-product-card { aspect-ratio: 3 / 8; }
  #yg-products .yg-product-card__content { padding: 28px; }
  #yg-products .yg-product-card .yg-h3 { font-size: 31px; }
  #yg-products .yg-product-card__meta { min-height: 0; font-size: 13px; }
  #yg-products .yg-product-card__tag { font-size: 9px; }
  #yg-products .yg-product-card__cta { font-size: 10px; }
  .yg-custom-v6__head { gap: 40px; }
  .yg-custom-v6__body { gap: 28px; }
  .yg-development-board { padding: 20px; }
  .yg-development-details { column-gap: 22px; }
  .yg-development-detail h3 { font-size: 20px; }
}
@media (max-width: 820px) {
  #yg-products .yg-product-grid { grid-template-columns: minmax(0, 1fr); max-width: 420px; margin-inline: auto; }
  #yg-products .yg-product-card { aspect-ratio: 3 / 7; }
  #yg-products .yg-product-card::after { background: linear-gradient(0deg, rgba(8,17,31,.91), rgba(8,17,31,.7) 16%, rgba(8,17,31,.10) 42%, transparent 62%); }
  .yg-custom-v6__head, .yg-custom-v6__body { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .yg-custom-v6__head { margin-bottom: 36px; }
  .yg-development-board { max-width: 520px; width: 100%; margin-inline: auto; }
  .yg-custom-v6__footer { align-items: flex-start; flex-direction: column; gap: 24px; }
}
@media (max-width: 560px) {
  #yg-products, #yg-custom { scroll-margin-top: 86px; }
  #yg-products .yg-product-card__content { padding: 25px; }
  #yg-products .yg-product-card .yg-h3 { font-size: 29px; }
  #yg-products .yg-product-card__meta { font-size: 12px; }
  .yg-custom-v6__head .yg-lead { font-size: 15px; }
  .yg-development-details { grid-template-columns: minmax(0, 1fr); }
  .yg-development-detail { padding-block: 23px; }
  .yg-development-detail h3 { font-size: 23px; }
  .yg-development-detail p { font-size: 14px; }
  .yg-development-detail__examples { font-size: 11px; }
  .yg-custom-v6__footer .yg-btn { width: 100%; padding-inline: 16px; letter-spacing: .1em; }
}
@media (prefers-reduced-motion: reduce) {
  #yg-products .yg-product-card:hover img, #yg-products .yg-product-card:focus-visible img { transform: none; }
}

/* V7: real manufacturing scenes. Other section styles retain the V6 baseline. */
.yg-capabilities-v7 { background: #f4f3ee; scroll-margin-top: 96px; }
.yg-capabilities-v7__head { display: grid; grid-template-columns: 1.25fr 1fr; gap: 72px; align-items: end; margin-bottom: 46px; }
.yg-capabilities-v7 .yg-kicker { color: #617488; }
.yg-capabilities-v7 .yg-h2 { font-size: clamp(42px, 4.5vw, 64px); line-height: 1.04; }
.yg-capabilities-v7__intro { max-width: 440px; justify-self: end; }
.yg-capabilities-v7__intro .yg-lead { font-size: 16px; line-height: 1.85; color: #53616d; margin: 0; }
.yg-capabilities-v7__link { display: inline-flex; align-items: center; gap: 15px; margin-top: 22px; padding-block: 6px; font: 600 11px/1.7 var(--yg-font-kicker); color: var(--yg-navy-800); letter-spacing: .025em; border-bottom: 1px solid #a9b2b5; }
.yg-capabilities-v7__link span { font-size: 20px; line-height: 1; }
.yg-capabilities-v7__link:hover { border-bottom-color: var(--yg-navy-800); }
.yg-capabilities-v7__link:focus-visible { outline: 2px solid var(--yg-navy-800); outline-offset: 6px; }
.yg-capabilities-v7__gallery { display: grid; grid-template-columns: 2.2fr 1fr 1fr; gap: 24px; }
.yg-capabilities-v7__scene { min-width: 0; margin: 0; }
.yg-capabilities-v7__photo { height: clamp(275px, 27vw, 380px); overflow: hidden; background: #E9EDF2; }
.yg-capabilities-v7__photo img { width: 100%; height: 100%; object-fit: cover; }
.yg-capabilities-v7__scene--showroom img { object-position: 50% 55%; }
.yg-capabilities-v7__scene--sewing img { object-position: 50% 65%; }
.yg-capabilities-v7__scene--storage img { object-position: 50% 57%; }
.yg-capabilities-v7__scene figcaption { padding-top: 22px; }
.yg-capabilities-v7__label { display: block; color: #5b6d7a; font: 600 9px/1.6 var(--yg-font-kicker); letter-spacing: .12em; text-transform: uppercase; }
.yg-capabilities-v7__scene h3 { margin: 12px 0 10px; color: var(--yg-navy-800); font: 600 23px/1.2 var(--yg-font-display); letter-spacing: -.025em; }
.yg-capabilities-v7__scene p { margin: 0; max-width: 430px; color: #53616d; font-size: 13px; line-height: 1.85; }
@media (max-width: 1120px) {
  .yg-capabilities-v7__head { gap: 38px; }
  .yg-capabilities-v7__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 36px; }
  .yg-capabilities-v7__scene--showroom { grid-column: 1 / -1; }
  .yg-capabilities-v7__photo { height: auto; aspect-ratio: 4 / 3; }
  .yg-capabilities-v7__scene--showroom .yg-capabilities-v7__photo { aspect-ratio: 16 / 9; }
}
@media (max-width: 820px) {
  .yg-capabilities-v7__head { grid-template-columns: minmax(0, 1fr); gap: 26px; margin-bottom: 34px; }
  .yg-capabilities-v7__intro { justify-self: start; max-width: 560px; }
  .yg-capabilities-v7__intro .yg-lead { font-size: 15px; }
  .yg-capabilities-v7__gallery { gap: 30px 22px; }
  .yg-capabilities-v7__scene h3 { font-size: 22px; }
}
@media (max-width: 560px) {
  .yg-capabilities-v7 { scroll-margin-top: 86px; }
  .yg-capabilities-v7 .yg-h2 { font-size: clamp(35px, 9.7vw, 46px); }
  .yg-capabilities-v7__gallery { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .yg-capabilities-v7__scene--showroom .yg-capabilities-v7__photo { aspect-ratio: 3 / 2; }
  .yg-capabilities-v7__scene figcaption { padding-top: 18px; }
  .yg-capabilities-v7__scene p { font-size: 14px; }
}

/* V8: photo-led lower homepage, scoped to the revised sections. */
.yg-story-v8,.yg-examples-v8,.yg-about-v8,.yg-faq-v8,.yg-contact-v8 { padding-block: clamp(66px,6.4vw,96px); scroll-margin-top: 90px; }
.yg-v8-head { display:grid; grid-template-columns:1.3fr 1fr; align-items:end; gap:60px; margin-bottom:36px; }
.yg-v8-head .yg-h2,.yg-about-v8 .yg-h2,.yg-faq-v8 .yg-h2,.yg-contact-v8 .yg-h2 { font-size:clamp(36px,3.8vw,54px); line-height:1.08; }
.yg-v8-intro { max-width:420px; margin:0; justify-self:end; font-size:15px; line-height:1.85; color:#586978; }
.yg-story-v8 { background:#132a43; }
.yg-story-v8 .yg-v8-intro { color:#c5d0db; }
.yg-story-v8__photos { display:grid; grid-template-columns:1.65fr 1fr 1fr; gap:22px; }
.yg-story-v8 figure { margin:0; min-width:0; }
.yg-story-v8__photos img { width:100%; height:310px; object-fit:cover; }
.yg-story-v8__main img { object-position:50% 51%; }
.yg-story-v8__photos figure:nth-child(2) img { object-position:44% 53%; }
.yg-story-v8__photos figure:nth-child(3) img { object-position:50% 65%; }
.yg-story-v8 figcaption { margin-top:13px; color:#d5dee7; font-size:11px; line-height:1.6; }
.yg-story-v8__steps { margin:34px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:26px; }
.yg-story-v8__steps li { border-top:1px solid #6b7a89; padding-top:19px; }
.yg-story-v8__steps span { font:600 10px/1.5 var(--yg-font-kicker); color:#aebfcf; letter-spacing:.12em; }
.yg-story-v8__steps h3 { margin:11px 0 8px; color:white; font:600 17px/1.3 var(--yg-font-display); }
.yg-story-v8__steps p { margin:0; font-size:12px; line-height:1.75; color:#c5d0db; }
.yg-examples-v8 { background:#f6f7f9; }
.yg-examples-v8__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:29px 23px; }
.yg-examples-v8 figure { min-width:0; margin:0; }
.yg-examples-v8__grid img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:#D9E0E8; }
.yg-examples-v8__binding img { object-position:50% 25%; }
.yg-examples-v8__waist img { object-position:50% 0%; }
.yg-examples-v8__texture img { object-position:50% 100%; }
.yg-examples-v8 figcaption { padding-top:13px; font:600 14px/1.5 var(--yg-font-display); color:#132a43; }
.yg-examples-v8__foot { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-top:30px; padding-top:22px; border-top:1px solid #d9e0e5; }
.yg-examples-v8__foot p { margin:0; font-size:12px; line-height:1.75; color:#64717d; }
.yg-v8-text-link { display:inline-flex; align-items:center; gap:16px; padding-block:8px; border-bottom:1px solid #83939f; color:#132a43; font:600 11px/1.5 var(--yg-font-kicker); flex-shrink:0; }
.yg-v8-text-link span { font-size:20px; line-height:1; }
.yg-v8-text-link:hover { border-bottom-color:#132a43; }
.yg-v8-text-link:focus-visible { outline:2px solid #132a43; outline-offset:5px; }
.yg-about-v8 { background:#e8edef; }
.yg-about-v8__grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.yg-about-v8 figure { margin:0; min-width:0; }
.yg-about-v8 figure img { width:100%; height:470px; object-fit:cover; object-position:50% 38%; }
.yg-about-v8 figcaption { margin-top:12px; font-size:11px; line-height:1.6; color:#60717d; }
.yg-about-v8__copy>p:not(.yg-kicker) { margin:25px 0; max-width:440px; color:#536574; font-size:16px; line-height:1.9; }
.yg-faq-v8 { background:#f6f7f9; }
.yg-faq-v8 .yg-faq-grid { gap:65px; }
.yg-faq-v8 summary { min-height:74px; gap:18px; }
.yg-faq-v8 summary span:first-child { font-size:19px; line-height:1.4; padding-block:18px; }
.yg-faq-v8 summary:focus-visible { outline:2px solid #132a43; outline-offset:5px; }
.yg-faq-v8 .yg-faq-answer { padding-bottom:22px; font-size:14px; color:#536574; }
.yg-contact-v8 .yg-inquiry-grid { align-items:start; gap:65px; }
.yg-contact-v8 .yg-lead { font-size:15px; line-height:1.85; max-width:460px; }
.yg-contact-v8__photo { margin-top:25px; }
.yg-contact-v8__photo img { width:100%; height:210px; object-fit:cover; object-position:50% 58%; }
.yg-contact-v8 .yg-contact-actions { margin-top:23px; }
.yg-contact-v8 .yg-form { padding:30px; }
@media(max-width:1120px) {
  .yg-v8-head { gap:35px; }
  .yg-story-v8__photos img { height:270px; }
  .yg-story-v8__steps { gap:17px; }
  .yg-story-v8__steps h3 { font-size:15px; }
  .yg-examples-v8__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yg-about-v8__grid { gap:38px; }
  .yg-about-v8 figure img { height:425px; }
  .yg-contact-v8 .yg-inquiry-grid { gap:38px; }
}
@media(max-width:820px) {
  .yg-v8-head { grid-template-columns:minmax(0,1fr); gap:22px; }
  .yg-v8-intro { justify-self:start; }
  .yg-story-v8__photos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
  .yg-story-v8__main { grid-column:1/-1; }
  .yg-story-v8__photos img { height:auto; aspect-ratio:1/1; }
  .yg-story-v8__main img { aspect-ratio:16/9; }
  .yg-story-v8__steps { grid-template-columns:1fr; gap:0; margin-top:29px; }
  .yg-story-v8__steps li { display:grid; grid-template-columns:27px 1fr; gap:4px 12px; padding:16px 0; }
  .yg-story-v8__steps span { grid-row:1/3; padding-top:3px; }
  .yg-story-v8__steps h3 { font-size:17px; margin:0; }
  .yg-story-v8__steps p { font-size:13px; }
  .yg-about-v8__grid { grid-template-columns:1fr; gap:32px; }
  .yg-about-v8 figure img { height:auto; aspect-ratio:4/3; }
  .yg-about-v8__copy>p:not(.yg-kicker) { max-width:600px; font-size:15px; }
  .yg-faq-v8 .yg-faq-grid { gap:30px; }
  .yg-contact-v8 .yg-inquiry-grid { gap:36px; }
}
@media(max-width:560px) {
  .yg-story-v8,.yg-examples-v8,.yg-about-v8,.yg-faq-v8,.yg-contact-v8 { scroll-margin-top:82px; }
  .yg-v8-head .yg-h2,.yg-about-v8 .yg-h2,.yg-faq-v8 .yg-h2,.yg-contact-v8 .yg-h2 { font-size:clamp(32px,8.8vw,42px); }
  .yg-story-v8__main img { aspect-ratio:4/3; }
  .yg-story-v8 figcaption { font-size:10px; }
  .yg-examples-v8__grid { grid-template-columns:minmax(0,1fr); gap:26px; }
  .yg-examples-v8__foot { flex-direction:column; align-items:start; gap:13px; }
  .yg-faq-v8 summary { grid-template-columns:1fr 32px; gap:12px; }
  .yg-faq-v8 summary span:first-child { font-size:18px; }
  .yg-faq-v8 .yg-faq-plus { width:30px; height:30px; font-size:19px; }
  .yg-faq-v8 .yg-faq-answer { padding-right:20px; }
  .yg-contact-v8 .yg-form { padding:22px; }
  .yg-contact-v8__photo img { height:auto; aspect-ratio:16/9; }
}


/* V8.3: align desktop category text while retaining the V8.1 imagery.
   Reserve three title lines so the label, title, description and CTA share
   a consistent vertical position. Tablet and mobile retain natural heights. */
@media (min-width: 1121px) {
  #yg-products .yg-product-card .yg-h3 {
    min-height: 3.3em;
  }
}


/* V8.4: approved sample-detail crops, stable across all existing breakpoints. */
#yg-examples .yg-detail-frame {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #D9E0E8;
}
#yg-examples .yg-detail-frame img {
  position: absolute;
  width: var(--detail-width);
  height: var(--detail-height);
  max-width: none;
  left: var(--detail-x);
  top: var(--detail-y);
  aspect-ratio: auto;
  object-fit: fill;
}


/* V10.1: clearer alternating surfaces for the three project entry paths. */
#yg-start .yg-start-grid,
#yg-start .yg-start-card { border-color: #A8B8C8; }
#yg-start .yg-start-card:nth-child(1),
#yg-start .yg-start-card:nth-child(3) { background: #D6E0EA; }
#yg-start .yg-start-card:nth-child(2) { background: #E8EDEF; }
#yg-start .yg-start-card__no,
#yg-start .yg-start-card__cta span { color: #46617C; }
#yg-start .yg-start-card__label,
#yg-start .yg-start-card__body { color: #455A70; }
#yg-start .yg-start-card:nth-child(1):hover,
#yg-start .yg-start-card:nth-child(3):hover { background: #CCD8E4; }
#yg-start .yg-start-card:nth-child(2):hover { background: #D2DCE4; }
#yg-start .yg-start-card:focus-visible {
  outline: 3px solid #132A43;
  outline-offset: -4px;
}

/* Transparent circular YEEGEM emblem, shared by the header and dark footer. */
.yg-brand{gap:12px;flex-shrink:0;}
.yg-brand__mark{display:block;width:56px;height:56px;flex:0 0 56px;object-fit:contain;background:transparent;}
.yg-footer__lockup{display:flex;align-items:center;gap:16px;}
.yg-footer__mark{display:block;width:88px;height:88px;flex:0 0 88px;object-fit:contain;background:transparent;filter:brightness(0) invert(1);opacity:.86;}
.yg-footer__lockup .yg-footer__brand{line-height:1.15;}
.yg-footer__lockup .yg-footer__tag{margin-top:9px;}
@media(max-width:1400px) and (min-width:1121px){.yg-nav{gap:18px;}.yg-header__inner{gap:22px;}.yg-brand{gap:10px;}.yg-brand__name{font-size:28px;padding-right:12px;}}
@media(max-width:820px){.yg-brand{gap:10px;}.yg-brand__mark{width:48px;height:48px;flex-basis:48px;}.yg-footer__mark{width:80px;height:80px;flex-basis:80px;}}
@media(max-width:360px){.yg-brand__mark{width:44px;height:44px;flex-basis:44px;}.yg-brand__name{font-size:25px;}.yg-footer__mark{width:68px;height:68px;flex-basis:68px;}.yg-footer__lockup{gap:12px;}.yg-footer__lockup .yg-footer__brand{font-size:30px;}}

/* Step 3: earlier buyer routes and a compact, readable homepage. */
#yg-start,#yg-capabilities,#yg-process,#yg-examples,#yg-about,#yg-faq,#yg-contact{scroll-margin-top:100px;}
.home .yg-hero,.home .yg-hero__inner{min-height:560px;}
.home .yg-hero__inner{padding-block:64px 72px;}
.home .yg-hero .yg-h1{max-width:830px;font-size:clamp(42px,4.8vw,68px);line-height:1.08;}
.home .yg-hero__lead{max-width:680px;margin-top:23px;color:#e0e7ef;line-height:1.75;}
.home #yg-start,.home #yg-products{padding-block:64px;}
.home #yg-start .yg-section-head,.home #yg-products .yg-section-head{margin-bottom:30px;}
.home #yg-start .yg-h2,.home #yg-products .yg-h2{font-size:clamp(32px,3.6vw,48px);line-height:1.12;}
.home #yg-start .yg-start-card{padding:26px;min-height:300px;}
.home #yg-start .yg-start-card__content{margin-top:24px;}
.home #yg-start .yg-start-card .yg-h3{font-size:28px;line-height:1.2;}
.home #yg-start .yg-start-card__body{margin-top:14px;line-height:1.7;}
.home #yg-start .yg-start-card__cta{margin-top:24px;font-size:11px;letter-spacing:.065em;}
.yg23-start-notes{display:flex;gap:32px;align-items:center;justify-content:space-between;margin-top:24px;font-size:13px;line-height:1.75;color:#455a70;}
.yg23-start-notes p{margin:0;max-width:640px;}
.yg23-start-notes a{max-width:255px;color:#173a59;text-decoration:underline;text-underline-offset:4px;}
.yg23-custom-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.yg23-custom-links .yg-v8-text-link{color:#e4edf5;border-color:#8296ac;}
.yg23-proof-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;}
.yg-mobile-panel{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;}
@media(min-width:561px) and (max-width:1120px){
 .home #yg-start .yg-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 .home #yg-start .yg-start-card{padding:20px;}
 .home #yg-start .yg-start-card__top{gap:8px;}
 .home #yg-start .yg-start-card .yg-h3{font-size:24px;}
 .home #yg-products .yg-product-card{aspect-ratio:3/5;}
 .home #yg-products .yg-product-card__content{padding:22px;}
 .home #yg-products .yg-product-card .yg-h3{font-size:27px;}
}
@media(max-width:820px){
 .home .yg-hero,.home .yg-hero__inner{min-height:520px;}
 .home .yg-hero__inner{padding-block:48px 56px;}
 .home .yg-section{padding-block:52px;}
 .home .yg-section-head{gap:20px;}
 .home #yg-start,.home #yg-products{padding-block:48px;}
 .yg23-start-notes{align-items:start;flex-direction:column;gap:12px;}
 .yg23-start-notes a{max-width:none;}
 .home .yg-capabilities-v7__gallery{gap:24px;}
 .home .yg-story-v8__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
 .home .yg-story-v8__photos figure{grid-column:auto;}
 .home .yg-story-v8__photos img{height:160px;}
 .home .yg-story-v8__steps{gap:18px;}
 .home .yg-examples-v8__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;}
 .home .yg-examples-v8 figcaption{font-size:12px;}
 .home .yg-about-v8 figure img{height:300px;}
 .home .yg-contact-v8 .yg-inquiry-grid{gap:24px;}
}
@media(max-width:560px){
 .home .yg-hero,.home .yg-hero__inner{min-height:0;}
 .home .yg-hero__inner{padding-block:42px 48px;}
 .home .yg-hero .yg-h1{font-size:clamp(34px,9vw,48px);}
 .home .yg-hero__intro{gap:10px;margin-bottom:22px;}
 .home .yg-hero__intro .yg-kicker{font-size:9px;letter-spacing:.13em;}
 .home .yg-hero__lead{font-size:15px;line-height:1.7;margin-top:20px;}
 .home .yg-actions{margin-top:26px;gap:10px;}
 .home .yg-actions .yg-btn{width:100%;min-height:46px;}
 .home #yg-start .yg-start-grid{grid-template-columns:1fr;}
 .home #yg-start .yg-start-card{min-height:0;padding:20px 22px;}
 .home #yg-start .yg-start-card__no{font-size:21px;}
 .home #yg-start .yg-start-card__content{margin-top:12px;}
 .home #yg-start .yg-start-card .yg-h3{font-size:24px;}
 .home #yg-start .yg-start-card__body{font-size:13px;margin-top:10px;}
 .home #yg-start .yg-start-card__cta{margin-top:16px;}
 .home #yg-products .yg-product-grid{gap:12px;max-width:none;}
 .home #yg-products .yg-product-card{display:grid;grid-template-columns:86px minmax(0,1fr);aspect-ratio:auto;min-height:230px;background:#17324a;}
 .home #yg-products .yg-product-card img{position:relative;inset:auto;display:block;width:86px;height:230px;object-fit:cover;object-position:50% 0;transform:none;}
 .home #yg-products .yg-product-card::after{display:none;}
 .home #yg-products .yg-product-card__content{position:static;display:flex;flex-direction:column;justify-content:center;padding:18px;}
 .home #yg-products .yg-product-card .yg-h3{font-size:22px;line-height:1.16;}
 .home #yg-products .yg-product-card__tag{font-size:8px;letter-spacing:.04em;}
 .home #yg-products .yg-product-card__meta{font-size:11px;line-height:1.55;min-height:0;}
 .home #yg-products .yg-product-card__cta{font-size:9px;letter-spacing:.055em;margin-top:13px;}
 .home .yg-start-bridge{align-items:start;gap:12px;}
 .home .yg-story-v8__photos img{height:120px;}
 .home .yg-story-v8 figcaption{font-size:10px;}
 .home .yg23-custom-links{gap:18px;}
 .home .yg23-custom-links .yg-btn{font-size:10px;padding-inline:18px;}
 .home .yg-examples-v8__foot{gap:14px;}
 .home .yg-about-v8__grid{gap:26px;}
 .home .yg-about-v8__copy>p:not(.yg-kicker){font-size:15px;line-height:1.75;}
 .home .yg-contact-v8 .yg-contact-actions .yg-btn{font-size:10px;min-height:44px;}
}

/* Owner-confirmed Step 3 commercial terms. */
.yg24-path-moq{margin:18px 0 0;padding-top:14px;border-top:1px solid #a8b8c8;color:#183751;font-size:13px;line-height:1.65;}
.yg24-path-moq strong{font-weight:700;white-space:nowrap;}
.yg24-path-moq span{display:block;color:#455a70;font-size:11px;margin-top:5px;}
.yg23-start-notes .yg24-timing{margin-top:10px;}
.yg24-brand-minimum{max-width:780px;border-left:3px solid #6588a7;padding:12px 18px;background:#eaf0f5;font-size:14px;line-height:1.75;color:#173a59;margin:22px 0;}
.yg24-order-link{font-size:12px;line-height:1.7;color:#d8e5f0;margin:10px 0 18px;}
.yg24-order-link a{color:#eaf4ff;text-decoration:underline;text-underline-offset:3px;}
@media(max-width:560px){.yg24-path-moq{font-size:12px;margin-top:14px;padding-top:12px;}.yg24-brand-minimum{font-size:13px;padding:12px 14px;}.yg23-start-notes .yg24-timing{font-size:12px;}}

/* Selected reference is independent of the editable customer message. */
.yg24-reference{border:1px solid #8ca7c0;border-radius:8px;background:#eaf1f7;color:#183650;padding:18px 20px;margin:0 0 24px;overflow-wrap:anywhere}.yg-form .yg24-reference p{color:#294a68;font-size:13px;line-height:1.6;margin:3px 0}.yg-form .yg24-reference h3{color:#14324d;font-size:21px;line-height:1.35;margin:6px 0 10px}.yg24-reference small{display:block;font-size:12px;line-height:1.6;margin-top:10px}.yg24-reference a{display:inline-block;color:#234e73;font-size:13px;text-decoration:underline;padding:8px 0;margin-top:4px}.yg-reference-dialog .yg24-reference-code{color:#193d5c;font-size:14px;margin:12px 0}.yg24-reference-code strong{font-weight:700}

/* Step 5: service scope and review checkpoints, in editable WordPress pages. */
.yg25-service-page .yg-info-layout{max-width:none}.yg25-service-page .yg-info-contact{display:none}.yg25-service-page .yg-page-hero{max-width:960px;padding-bottom:20px}.yg25-service{color:#415b70}.yg25-intro{font-size:clamp(18px,2vw,22px);line-height:1.65;max-width:820px}.yg25-jump{display:flex;gap:12px 24px;flex-wrap:wrap;margin:26px 0 34px;padding:18px 0;border-top:1px solid #d1dde6;border-bottom:1px solid #d1dde6}.yg25-jump a,.yg25-text-link{display:inline-block;font-size:14px;padding:5px 0}.yg25-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.yg25-route{background:white;border:1px solid #d6e0e8;border-radius:8px;padding:30px;min-width:0}.yg25-service h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:0 0 18px;color:#142e44}.yg25-service h3{font-size:20px;line-height:1.4;margin:0 0 12px;color:#142e44}.yg25-route .yg-kicker{margin-bottom:12px}.yg25-route>p,.yg25-scope-grid p{font-size:15px;line-height:1.8}.yg25-route strong{font-weight:600;color:#193b56}.yg25-section{margin:64px 0}.yg25-section>p{max-width:840px}.yg25-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:30px}.yg25-scope-grid article{border-top:2px solid #adc0ce;padding-top:22px}.yg25-scope-grid dl{display:grid;grid-template-columns:105px 1fr;gap:10px 16px;font-size:14px;line-height:1.75;margin:18px 0 0}.yg25-scope-grid dt{font-weight:600;color:#173b57}.yg25-scope-grid dd{margin:0}.yg25-service a.yg-btn{color:white;text-decoration:none;letter-spacing:.04em;font-size:12px;white-space:normal;line-height:1.6;min-height:46px;padding:14px 20px}.yg25-note{background:#e8eff5;border-left:3px solid #7595ad;padding:25px 28px;margin:30px 0}.yg25-note h2,.yg25-note h3{font-size:22px;margin:0 0 12px}.yg25-note p:last-child{margin-bottom:0}.yg25-note p{font-size:15px;line-height:1.8}.yg25-disclosure{border-top:1px solid #d3dfe8;margin-top:24px;padding-top:16px;font-size:13px;line-height:1.8}.yg25-disclosure summary{cursor:pointer;font-weight:600;color:#284d69;padding:6px 0}.yg25-disclosure p{margin:12px 0 0}.yg25-process-list{list-style:none;padding:0;margin:38px 0}.yg25-process-list>li{padding:32px;background:white;border:1px solid #d6e0e8;border-radius:8px;margin:0 0 25px;scroll-margin-top:40px}.yg25-process-list header{display:flex;align-items:flex-start;gap:22px;margin-bottom:28px}.yg25-process-list header h2{margin:0}.yg25-process-list .yg-kicker{margin:0 0 8px}.yg25-number{font-size:26px;line-height:1.2;padding:12px 14px;background:#e9f0f5;color:#244b68}.yg25-responsibilities{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.yg25-responsibilities h3{font-size:14px;margin-bottom:12px}.yg25-responsibilities p{font-size:15px;line-height:1.85;margin:0}.yg25-checkpoint{margin:24px 0 0!important;padding:18px 20px;background:#eaf1f6;font-size:14px;line-height:1.85;color:#1d425e}.yg25-actions{display:flex;align-items:center;gap:18px 30px;flex-wrap:wrap}.yg25-brand-scope{padding:22px 26px;border-left:3px solid #7998af;background:#e9f0f5;margin:35px 0;color:#25445c}.yg25-brand-scope p{font-size:14px;line-height:1.8;margin:8px 0 12px}.yg25-brand-scope a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.yg25-process-more{margin:30px 0 0}.yg25-service a:focus-visible,.yg25-disclosure summary:focus-visible{outline:3px solid #658fae;outline-offset:5px}
@media(max-width:820px){.yg25-responsibilities{grid-template-columns:1fr;gap:20px}.yg25-responsibilities>div+div{border-top:1px solid #e1e8ee;padding-top:18px}.yg25-route-grid{gap:18px}.yg25-route{padding:23px}.yg25-process-list>li{padding:26px}.yg25-section{margin:44px 0}}
@media(max-width:600px){.yg25-route-grid,.yg25-scope-grid{grid-template-columns:1fr}.yg25-scope-grid{gap:26px}.yg25-scope-grid dl{grid-template-columns:1fr;gap:3px}.yg25-scope-grid dd{margin-bottom:10px}.yg25-process-list>li{padding:22px 20px}.yg25-process-list header{gap:14px;margin-bottom:22px}.yg25-process-list header h2{font-size:25px}.yg25-number{font-size:21px;padding:10px}.yg25-note{padding:20px}.yg25-jump{gap:8px 18px}.yg25-section{margin:38px 0}.yg25-brand-scope{padding:20px}.yg25-actions{align-items:flex-start;flex-direction:column;gap:14px}.yg25-service-page .yg-page-hero h1{font-size:38px}.yg25-checkpoint{padding:15px}.yg25-service{font-size:15px}}

/* Step 6: visual evidence, readable service checkpoints, neutral scene captions. */
.yg-info-content .yg26-trust h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:8px 0 20px}.yg26-trust{color:#415b70}.yg26-trust p{max-width:850px}.yg26-trust .yg-kicker{font-size:11px;letter-spacing:.15em;color:#607c92;margin:0 0 12px}.yg26-lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;margin:8px 0 38px}.yg26-lead>div>p:not(.yg-kicker){font-size:17px;line-height:1.8}.yg26-photo{margin:0;min-width:0}.yg26-photo img{display:block;width:100%;height:auto;border-radius:6px}.yg26-photo figcaption{font-size:12px;line-height:1.6;margin-top:10px;color:#61798b}.yg26-lead .yg26-photo img{aspect-ratio:4/3;object-fit:cover}.yg26-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:52px 0;border-bottom:1px solid #d4e0e9;scroll-margin-top:40px}.yg26-row--reverse .yg26-copy{order:2}.yg26-row .yg26-photo{max-width:540px;width:100%;justify-self:center}.yg26-row .yg26-photo img{max-height:520px;object-fit:cover;object-position:center;aspect-ratio:1/1}.yg-info-content .yg26-copy ul{margin:18px 0 24px}.yg26-section{margin:64px 0;scroll-margin-top:40px}.yg26-fact{padding:20px;background:#e7eef4;border-left:3px solid #6c8da7}.yg26-fact strong{display:block;font-size:22px;color:#1b405d;margin-bottom:8px}.yg26-fact span{font-size:14px}.yg26-quality{padding:34px;background:#e8eff5;margin:60px 0;scroll-margin-top:40px;border-radius:8px}.yg26-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px}.yg26-cards article{min-width:0}.yg26-cards h3{font-size:18px;margin:14px 0 10px}.yg26-cards p{font-size:15px;line-height:1.8;margin:0 0 14px}.yg26-cards a{font-size:14px}.yg26-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.yg26-photo-pair img{aspect-ratio:5/4;object-fit:cover;object-position:center 62%}.yg26-cta{padding:35px;border-top:2px solid #8ea7ba;background:white;margin:50px 0 0}.yg26-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ccdbe6;border-bottom:1px solid #ccdbe6;padding:25px 0;margin:32px 0 48px}.yg26-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#637e93}.yg26-facts dd{font-size:23px;font-weight:600;color:#1b3c55;margin:6px 0 0}.yg26-icon{display:block;width:42px;height:42px;background-color:#dfeaf2;border-radius:8px;background-size:25px;background-position:center;background-repeat:no-repeat;flex-shrink:0;margin:0 0 16px}.yg26-service-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;margin:5px 0 35px}.yg26-service-intro .yg26-photo img{aspect-ratio:16/9;object-fit:cover;object-position:center 65%;max-height:260px}.yg26-service-intro .yg25-intro{font-size:21px}.yg26-step-mark{display:grid;justify-items:center;gap:2px;min-width:44px;color:#456981;font-size:12px;font-weight:600}.yg26-step-mark .yg26-icon{margin:0}.yg-info-content .yg26-step-summary{font-size:16px;line-height:1.8;margin:0 0 16px;max-width:900px}.yg26-process-detail{border-top:1px solid #dce5ec;padding-top:14px}.yg26-process-detail summary{font-size:13px;font-weight:600;cursor:pointer;color:#3d617d;padding:5px 0}.yg26-process-detail .yg25-responsibilities{margin-top:20px}.yg26-process-detail summary:focus-visible{outline:3px solid #6b91ae;outline-offset:4px}.yg25-process-list header>p:empty{display:none}.yg25-process-list header{margin-bottom:20px}.yg25-service .yg25-note li{font-size:15px}.yg26-trust a:focus-visible{outline:3px solid #6b91ae;outline-offset:4px}
@media(max-width:820px){.yg26-lead{grid-template-columns:1fr;gap:25px}.yg26-lead .yg26-photo img{aspect-ratio:16/9}.yg26-row{gap:28px}.yg26-cards{gap:20px}.yg26-quality{padding:25px}.yg26-facts dd{font-size:20px}.yg26-service-intro{gap:24px}.yg26-cta{padding:25px}}
@media(max-width:600px){.yg26-row,.yg26-cards,.yg26-photo-pair,.yg26-service-intro{grid-template-columns:1fr}.yg26-row--reverse .yg26-copy{order:0}.yg26-row{padding:34px 0;gap:24px}.yg26-row .yg26-photo img{max-height:370px}.yg26-cards article+article{border-top:1px solid #ccdbe6;padding-top:22px}.yg26-quality,.yg26-section{margin:38px 0}.yg26-facts{gap:18px;grid-template-columns:1fr;padding:22px 0}.yg26-facts>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.yg26-facts dd{font-size:18px;margin:0}.yg26-lead>div>p:not(.yg-kicker){font-size:16px}.yg26-service-intro .yg25-intro{font-size:18px}.yg26-service-intro .yg26-photo img{max-height:190px}.yg26-trust .yg25-actions a{max-width:100%}.yg-info-content .yg26-step-summary{font-size:15px}.yg26-photo-pair img{aspect-ratio:4/3}.yg26-cta{padding:23px}.yg26-trust .yg26-cta h2{font-size:26px}}

.yg26-icon--pattern{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203%204%206l3%205%202-1v11h10V10l2%201%203-5-5-3c-1%203-9%203-10%200Z%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--sew{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h20M6%2017V7h12v6h5v4H6Zm3-10V4h6v3M19%2013v7M10%2011h3%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--check{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%2014%205%205L23%207%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2212%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--box{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%2011-5%2011%205v15l-11%205-11-5V8Zm0%200%2011%205%2011-5M14%2013v15M8%205l11%205%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--clipboard{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%205V2h8v3M9%2012h10M9%2017h10M9%2022h6%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--truck{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%206h16v15H2V6Zm16%205h6l5%206v4H18M18%2017h11%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2223%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--chat{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h24v18H13l-7%205v-5H3V4Zm5%206h14M8%2015h9%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--fabric{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h22v22H4V4ZM4%2011h22M4%2019h22M11%204v22M19%204v22%22%2F%3E%3C%2Fsvg%3E")} 
.yg26-icon--palette{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%2328516e%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%203C8%203%203%208%203%2015s5%2012%2012%2012h2c4%200%202-5%205-6%205-1%206-3%206-7C28%208%2022%203%2015%203Z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2213%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2217%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")} 

/* Shared English file-picker display; native input retains keyboard and upload behavior. */
.yg-form .yg-file-picker{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;min-width:0;padding:12px;border:1px dashed #91aac2;border-radius:6px;background:#24415c;color:#e2edf7}
.yg-form .yg-file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer;z-index:1}
.yg-form .yg-file-picker__button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:4px;background:#edf3f8;color:#17314b;font-size:14px;font-weight:600;line-height:1.4;pointer-events:none}
.yg-form .yg-file-picker__summary{min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere;pointer-events:none}
.yg-form .yg-file-picker:hover{border-style:solid}
.yg-form .yg-file-picker:focus-within{outline:3px solid #b9d9f6;outline-offset:3px}
.yg-form .yi-artwork .yg-file-picker{background:#fff;color:#18324e;border-color:#aebfce}
.yg-form .yi-artwork .yg-file-picker__button{background:#e7eef5;color:#18324e}
.yg-form .yi-artwork .yg-file-picker:focus-within{outline-color:#5489b5}

.yg-form .yg-file-error{color:#ffd0c7;font-size:13px;line-height:1.6;margin:10px 0}
.yg-form .yi-artwork .yg-file-error{color:#9f2921}
.yg-form .yg-file-error[hidden]{display:none}
.yg-form [data-file-list] li{gap:12px}
.yg-form [data-file-list] li>span{min-width:0;overflow-wrap:anywhere}
.yg-form [data-file-list] button{flex-shrink:0;white-space:nowrap}

/* Step 7: focused buyer questions and clear enquiry next steps. */
.yg27-faq{max-width:1060px}.yg-info-content .yg27-intro{font-size:19px;line-height:1.7;max-width:790px;margin:0 0 28px}.yg27-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 42px}.yg-info-content .yg27-topics a{display:flex;gap:12px;align-items:center;padding:18px 15px;background:#e4ecf2;border:1px solid #cbd9e4;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}.yg27-topics .yg26-icon{margin:0;width:34px;height:34px;background-size:22px}.yg27-faq-group{margin:44px 0;scroll-margin-top:90px}.yg27-faq-group>header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.yg27-faq-group>header>span{font-size:13px;letter-spacing:.1em;color:#55728a}.yg-info-content .yg27-faq-group h2{font-size:27px;margin:0}.yg27-answer{border-bottom:1px solid #c9d8e4;background:#fff}.yg27-answer:first-of-type{border-top:1px solid #c9d8e4}.yg27-answer summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 25px;cursor:pointer;font-size:17px;font-weight:600;line-height:1.5;color:#193b55}.yg27-answer summary::-webkit-details-marker{display:none}.yg27-answer summary::after{content:'+';font-size:23px;font-weight:400;flex-shrink:0}.yg27-answer[open] summary::after{content:'−'}.yg27-answer[open] summary{background:#e9eff4}.yg27-answer>div{padding:22px 25px 26px;max-width:920px}.yg-info-content .yg27-answer p{margin-bottom:14px}.yg27-answer>div>a{font-size:14px;font-weight:600}.yg27-answer ol{padding-left:22px}.yg27-minimums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 25px}.yg27-minimums dt{font-size:13px;color:#557086}.yg27-minimums dd{font-size:34px;font-weight:600;color:#183e5b;margin:4px 0 0;line-height:1.2}.yg27-minimums small{font-size:14px;font-weight:400}.yg27-faq-next{display:flex;gap:25px;padding:28px;background:#e3ecf3;border-radius:8px;margin:46px 0 0}.yg-info-content .yg27-faq-next h2{font-size:25px;margin:0 0 12px}.yg27-faq a:focus-visible,.yg27-answer summary:focus-visible{outline:3px solid #648aa8;outline-offset:3px}.yg27-home-faq-link{font-size:14px;line-height:1.7;margin:24px 0}.yg27-home-faq-link a{color:#254e6c;text-underline-offset:4px}.yg-faq-answer>a{display:block;margin-top:14px;font-size:14px}.yg21-contact .yg27-contact-intro{font-size:16px;color:#526c80;line-height:1.7;max-width:650px;margin:14px 0 10px}.yg27-next{padding:25px;background:#e6eef4;border-radius:8px;margin-bottom:30px}.yg27-next .yg-kicker{font-size:10px;color:#496b85;margin:0 0 12px}.yg-contact-content .yg27-next h2{font-size:24px;margin:0 0 20px}.yg27-next ol{list-style:none;counter-reset:next;padding:0;margin:0}.yg27-next li{counter-increment:next;display:grid;grid-template-columns:25px 1fr;gap:3px 10px;margin:0 0 17px;font-size:14px;line-height:1.65}.yg27-next li::before{content:'0' counter(next);font-size:11px;font-weight:600;color:#57778f;grid-row:1/3;line-height:2.3}.yg27-next li strong{font-weight:600}.yg27-next li span{grid-column:2;color:#4f6b80}.yg27-next>p:last-child{font-size:12px;line-height:1.7;color:#4f6b80;margin:20px 0 0}.yg27-help-link{font-size:14px;line-height:1.7;margin:26px 0}.yg27-help-link a{color:#234e6c;text-underline-offset:4px}.yg-form .yg27-submit-note{font-size:13px;line-height:1.7;color:#cedfea;margin:20px 0 16px}.df-inquiry-form .yg27-submit-note{color:#48677e}.yg27-submit-note strong{font-weight:600;overflow-wrap:anywhere}.yg27-faq-next .yg25-actions{flex-wrap:wrap}
@media(max-width:820px){.yg27-topics{grid-template-columns:1fr 1fr;gap:10px}.yg27-topics a{min-width:0}.yg27-faq-group{margin:32px 0}.yg27-next{max-width:620px}}
@media(max-width:480px){.yg27-topics .yg26-icon{display:none}.yg-info-content .yg27-topics a{padding:15px 12px;font-size:13px}.yg-info-content .yg27-intro{font-size:16px}.yg-info-content .yg27-faq-group h2{font-size:23px}.yg27-answer summary{padding:19px 16px;font-size:15px;gap:15px}.yg27-answer>div{padding:18px 16px 22px}.yg27-minimums{gap:12px}.yg27-minimums dt{font-size:11px;line-height:1.4}.yg27-minimums dd{font-size:27px}.yg27-minimums small{font-size:11px}.yg27-faq-next{padding:22px;gap:0}.yg27-faq-next>.yg26-icon{display:none}.yg-info-content .yg27-faq-next h2{font-size:23px}.yg27-next{padding:22px}}

.yg27-faq-page .yg-page-hero{padding:34px 0 14px}.yg27-faq-page .yg-page-crumb{margin-bottom:18px}.yg27-faq-page .yg-page-hero h1{font-size:clamp(38px,4vw,50px);margin:10px 0 0}.yg27-faq-page .yg-page-hero .yg-kicker{margin-bottom:0}.yg27-faq p:empty{display:none}

/* Step 8: buyer-controlled images, readable guidance and useful missing pages. */
.yg-site .yg28-not-found{padding-block:76px 88px;min-height:480px;max-width:1100px}
.yg28-not-found h1{font:600 clamp(36px,5vw,58px)/1.12 var(--yg-font-display);letter-spacing:-.035em;color:#132a43;max-width:760px;margin:0 0 24px;text-wrap:balance}
.yg28-missing-intro{max-width:660px;font-size:18px;line-height:1.75;color:#455e75;margin:0 0 30px}
.yg28-missing-actions{display:flex;flex-wrap:wrap;gap:14px}
.yg28-missing-actions .yg-btn{font-size:12px;letter-spacing:.05em}
.yg28-home-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-top:20px;text-decoration:underline!important;text-underline-offset:4px}
.yg-site .yg28-not-found a:focus-visible{outline:3px solid #567e9e;outline-offset:4px}
html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}
.yg-site .yg-reference-dialog,.yg-site .yg-media-dialog,.yg-site .yi-dialog{overscroll-behavior:contain}
.yg-site .yg-reference-dialog__close,.yg-site .yg-reference-dialog__views button{min-height:44px;font-size:12px}
.yg-site .yg-reference-dialog__bar span{font-size:11px;color:#496078;letter-spacing:.08em}
.yg-site .yg-media-dialog__bar{position:sticky;top:-20px;z-index:5;background:#f5f7fa;padding-block:8px}
.yg-site .yg-detail__stage-arrows button,.yg-site .yg-media-dialog__controls button[data-media-prev],.yg-site .yg-media-dialog__controls button[data-media-next]{opacity:1;background:#f5f7faf2;color:#173a59;border-color:#8ea7bc}
.yg-site .yg-detail__stage-arrows button:hover,.yg-site .yg-media-dialog__controls button:hover{background:#132a43;color:#fff}
.yg-site .yg-detail__caption{flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:1.6;color:#455e75}
.yg-site .yg-detail__autoplay{font-size:12px;min-height:44px;padding-inline:8px;color:#284d6d}
.yg-site .yg-detail__thumb>span:last-child{font-size:12px;line-height:1.5}
.yg-site .yg-detail .yg-detail__size-chart table,.yg-site .yg-detail .df-measurements .yg-detail__size-chart table{font-size:13px}
.yg-site .yg-detail .yg-detail__size-chart th,.yg-site .yg-detail .yg-detail__size-chart td{padding:12px 8px}
.yg-site .yg-detail__size-chart:focus-visible{outline:3px solid #638bac;outline-offset:4px}
.yg-site .yg-detail .yg-detail__measurement-note,.yg-site .yg18-gallery-note,.yg-site .yg-detail__note,.yg-site .v16-order-note p span{font-size:13px;line-height:1.75;color:#455e75}
.yg-site .yg-product-browse__item small{font-size:12px;color:#455e75}
.yg-site .yg-style-card__group{font-size:11px;line-height:1.6;color:#455e75;letter-spacing:.07em}
.yg-site .yg-style-card__description{font-size:13px;line-height:1.75;color:#455e75}
.yg-site .yg-form__privacy,.yg-site .df-product-inquiry .yg-form__privacy{font-size:13px!important;line-height:1.7!important}
.yg-site .df-inquiry-form small,.yg-site .yg18-brand-card-copy small{font-size:13px;line-height:1.7}
.yg-site .df-inquiry-form .yg-form__privacy,.yg-site .df-inquiry-form small,.yg-site .yg18-brand-card-copy small{color:#455e75}
.yg-site .yg21-form .yg-form__privacy{color:#d8e5f0}
.yg-site .yg26-process-detail summary,.yg-site .yg25-disclosure summary{min-height:44px;align-content:center}
.yg-site .yg-media-zoom-tools button{min-width:44px;min-height:44px}
@media(max-width:560px){
 .yg-site .yg28-not-found{padding-block:42px 54px;min-height:0}
 .yg28-missing-intro{font-size:16px}.yg28-missing-actions{display:grid;grid-template-columns:1fr}
 .yg28-missing-actions .yg-btn{min-height:48px;padding-inline:18px}
 .yg-site .yg-media-dialog__bar{top:-16px;gap:10px}
 .yg-site .yg-media-dialog__controls{font-size:12px}
 .yg-site .yg-media-zoom-help{font-size:12px}
 .yg-site .yg-reference-dialog__copy .yg-btn{white-space:normal;line-height:1.6;min-height:48px;padding:12px 16px;letter-spacing:.045em}
 .yg-site .yg21-form :is(input,select,textarea),.yg-site .df-inquiry-form :is(input,select,textarea){font-size:16px!important}
}

/* Step 9: make the submitted enquiry outcome distinct from form instructions. */
.yg-site .yg-form [data-inquiry-status][data-feedback-state]:not([hidden]){display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:24px;margin:24px 0 8px;border:2px solid #2e7853;border-left-width:7px;border-radius:10px;background:#ecf8f0;color:#174c34;font-size:15px;line-height:1.75;text-align:left;scroll-margin-block:100px;box-shadow:0 6px 20px #0b352414}
.yg-site .yg-form [data-feedback-state] .yg-feedback__icon{display:grid;place-items:center;grid-column:1;grid-row:1 / span 2;width:38px;height:38px;border-radius:50%;background:#247249;color:#fff;font:700 24px/1 Arial,sans-serif}
.yg-site .yg-form [data-feedback-state] .yg-feedback__title{grid-column:2;display:block;font:700 24px/1.25 var(--yg-font-display);letter-spacing:-.02em;color:#174c34;margin:0}
.yg-site .yg-form [data-feedback-state] .yg-feedback__body{grid-column:2;display:block;font-size:15px;line-height:1.75;color:#214f3a;overflow-wrap:anywhere}
.yg-site .yg-form [data-feedback-state="error"]:not([hidden]){border-color:#ad6520;background:#fff5e8;color:#704016}
.yg-site .yg-form [data-feedback-state="error"] .yg-feedback__icon{background:#a55d19}
.yg-site .yg-form [data-feedback-state="error"] .yg-feedback__title,.yg-site .yg-form [data-feedback-state="error"] .yg-feedback__body{color:#704016}
.yg-site .yg-form [data-feedback-state]:focus-visible{outline:3px solid #4c87ae;outline-offset:4px}
@media(max-width:560px){.yg-site .yg-form [data-inquiry-status][data-feedback-state]:not([hidden]){padding:20px 16px;grid-template-columns:32px minmax(0,1fr);column-gap:10px}.yg-site .yg-form [data-feedback-state] .yg-feedback__icon{width:32px;height:32px;font-size:22px}.yg-site .yg-form [data-feedback-state] .yg-feedback__title{font-size:22px}.yg-site .yg-form [data-feedback-state] .yg-feedback__body{grid-column:1 / -1;font-size:15px}}

/* Homepage visual refinement, 2026-10-11: readable details and garment-led hero. */
.home .yg-hero{background:#132a43;}
.home .yg-hero__media{object-position:75% 0;}
.home .yg-hero__overlay{background:linear-gradient(90deg,rgba(8,17,31,.28) 0%,rgba(8,17,31,.12) 48%,transparent 68%);}
.home .yg-hero__content{width:64%;max-width:830px;}
.home .yg-hero .yg-h1{font-size:clamp(42px,4.2vw,68px);}
.home .yg-hero__lead{font-size:17px;line-height:1.75;max-width:660px;}
.home .yg-hero .yg-btn{font-size:12px;letter-spacing:.1em;min-height:48px;}
.home #yg-custom .yg-development-detail__examples{font-size:14px;line-height:1.7;color:#d4e0eb;}
.home #yg-custom .yg-development-detail>p{font-size:15px;line-height:1.8;}
.home #yg-custom .yg-custom-v6__footer p span{font-size:14px;line-height:1.75;}
.home #yg-custom .yg23-custom-links .yg-btn,.home #yg-process .yg-btn{font-size:13px;letter-spacing:.08em;min-height:48px;}
.home #yg-custom .yg-v8-text-link,.home #yg-capabilities .yg-capabilities-v7__link{font-size:13px;line-height:1.65;}
.home #yg-capabilities .yg-capabilities-v7__scene p{font-size:14px;line-height:1.75;}
.home #yg-process .yg-story-v8__steps p{font-size:14px;line-height:1.8;color:#d4e0eb;}
.home #yg-process .yg-story-v8__steps span{font-size:12px;}
.home #yg-process figcaption{font-size:13px;line-height:1.65;}
.home #yg-process .yg-story-v8__photos figure:nth-child(2) img{object-position:45% 50%;}
@media(max-width:820px){
 .home .yg-hero{display:flex;flex-direction:column;}
 .home .yg-hero__media{position:relative;inset:auto;width:100%;height:clamp(260px,64vw,420px);object-fit:cover;object-position:76% 0;}
 .home .yg-hero__overlay{display:none;}
 .home .yg-hero__inner{min-height:0;padding-block:32px 40px;}
 .home .yg-hero__content{width:100%;max-width:none;}
 .home .yg-hero .yg-h1{font-size:clamp(34px,6.4vw,48px);}
 .home .yg-hero__lead{font-size:15px;}
 .home #yg-process figcaption{font-size:12px;}
}

/* P2 readability and mobile progressive disclosure, 2026-10-11. */
.home #yg-products .yg-product-card__tag{font-size:12px;line-height:1.5;letter-spacing:.035em;color:#edf2f7;}
.home #yg-products .yg-product-card__meta{font-size:14px;line-height:1.6;min-height:90px;color:#edf2f7;}
.home #yg-products .yg-product-card__cta{font-size:13px;line-height:1.5;letter-spacing:.025em;text-transform:none;gap:8px;}
.home #yg-products .yg-product-card::after{background:linear-gradient(0deg,rgba(8,17,31,.98),rgba(8,17,31,.86) 28%,rgba(8,17,31,.25) 59%,transparent 78%);}
.home #yg-custom .yg-development-disclosure>summary{list-style:none;cursor:default;}
.home #yg-custom .yg-development-disclosure>summary::-webkit-details-marker{display:none;}
.home #yg-custom .yg-development-toggle{display:none;}
.home #yg-custom .yg-development-copy>p{font-size:15px;line-height:1.8;}
@media(max-width:820px){
 .home #yg-products .yg-product-card__meta{min-height:0;}
 .home #yg-custom .yg-development-details{grid-template-columns:minmax(0,1fr);gap:0;}
 .home #yg-custom .yg-development-disclosure{padding:0;}
 .home #yg-custom .yg-development-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 12px;align-items:center;min-height:76px;padding:14px 0;cursor:pointer;}
 .home #yg-custom .yg-development-detail__no{font-size:11px;letter-spacing:.07em;}
 .home #yg-custom .yg-development-disclosure h3{grid-column:1;margin:0;font-size:19px;line-height:1.3;}
 .home #yg-custom .yg-development-toggle{display:block;grid-column:2;grid-row:1 / 3;text-align:center;font-size:25px;color:#d4e0eb;}
 .home #yg-custom .yg-development-toggle::before{content:'+';}
 .home #yg-custom .yg-development-disclosure[open] .yg-development-toggle::before{content:'−';}
 .home #yg-custom .yg-development-disclosure>summary:focus-visible{outline:2px solid #d4e0eb;outline-offset:4px;}
 .home #yg-custom .yg-development-copy{padding:0 0 20px;}
 .home #yg-custom .yg-development-board{padding:16px;}
 .home #yg-custom .yg-development-board img{height:180px;object-fit:contain;margin-block:10px;}
 .home #yg-custom .yg-development-board__top{padding-bottom:10px;font-size:10px;}
 .home #yg-custom .yg-development-board figcaption{padding-top:10px;}
 .home #yg-custom .yg-development-board__note{font-size:12px;line-height:1.5;}
 .home #yg-custom .yg-custom-v6__head{margin-bottom:24px;gap:20px;}
 .home #yg-custom .yg-custom-v6__body{gap:24px;}
 .home #yg-custom .yg-custom-v6__footer{margin-top:24px;padding-top:22px;gap:18px;}
}
@media(max-width:560px){
 .home #yg-products .yg-product-grid{grid-auto-rows:1fr;}
 .home #yg-products .yg-product-card{height:100%;min-height:250px;}
 .home #yg-products .yg-product-card img{height:100%;min-height:250px;}
 .home #yg-products .yg-product-card__content{padding:18px 16px;}
}

/* iPhone acceptance fixes, 2026-10-12. */
.yg-site .yg-detail .v16-actions .yg-sample-action{grid-column:1 / -1;margin-top:2px;}
.yg-site .yg-detail .v16-actions .yg-sample-button{display:flex;min-height:48px;border:1px solid #173651;background:#e3ecf3;color:#132a43;font-size:14px;font-weight:700;letter-spacing:.04em;text-decoration:none;touch-action:manipulation;}
.yg-site .yg-detail .v16-actions .yg-sample-button:hover{background:#d1dfeb;}
.yg-site .yg-detail .v16-actions .yg-sample-button:focus-visible{outline:3px solid #557c9d;outline-offset:3px;}
.yg-site .yg-media-zoom-tools button{min-width:48px;min-height:48px;touch-action:manipulation;}
.yg-site .yg-media-zoom-tools button:active:not(:disabled){transform:scale(.96);background:#132a43;color:#fff;}
.yg-site .yg-media-zoom-help{min-height:1.6em;}
.yg-site .yg-form [data-inquiry-status][data-feedback-state="error"]:not([hidden]){border-color:#ad6520;background:#fff5e8;color:#704016;}
.yg-navigation-feedback{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1200;max-width:calc(100% - 150px);padding:12px 18px;border:1px solid #a9bccd;border-radius:8px;box-shadow:0 6px 24px #132a4326;background:#f1f5f8;color:#132a43;font:600 14px/1.5 Arial,sans-serif;text-align:center;pointer-events:none;}
.yg-navigation-feedback[hidden]{display:none;}
.yg-mobile-panel a,.yg-header a{touch-action:manipulation;}

/* 2026-10-13: shared product-photo canvas across cards, galleries and viewers.
   Only the canvas changes: source files, crops, sizing and controls stay intact.
   New prepared images use a white canvas by default. Set --yg-image-canvas on
   a photo wrapper for an approved non-white background. Nested layers inherit
   the same value; old inline slot backgrounds must not create a second mat. */
.yg-site :is(.yg-ref-slot, .yg-ref-frame, .yg-detail__stage, .yg-media-open,
  .yg-media-dialog__image, .yg-detail__thumb-image, .yg-detail__color-photo,
  .v161-card-media, .v16-related-photo) {
  background: var(--yg-image-canvas, #fff) !important;
}

/* Approved halter front: preserve its near-white edge. */
.yg-site :is(.yg-ref-slot, .yg-ref-frame, .yg-media-open, .yg-media-dialog__image, .yg-detail__thumb-image, .yg-detail__color-photo, .v161-card-media, .v16-related-photo):has(img[src*="ygbx4506-navy-front-spacious"]),
.yg-site .yg-detail__stage:has(> .yg-detail__panel:not([hidden]) img[src*="ygbx4506-navy-front-spacious"]) {
  --yg-image-canvas: #fefefe;
}

/* Approved flared-pants front: preserve its warm-gray edge. */
.yg-site :is(.yg-ref-slot, .yg-ref-frame, .yg-media-open, .yg-media-dialog__image, .yg-detail__thumb-image, .yg-detail__color-photo, .v161-card-media, .v16-related-photo):has(img[src*="ygck2020-1-flax-beige-front-spacious"]),
.yg-site .yg-detail__stage:has(> .yg-detail__panel:not([hidden]) img[src*="ygck2020-1-flax-beige-front-spacious"]) {
  --yg-image-canvas: #e7e5e2;
}

/* Existing khaki cap: continue its neutral studio background. */
.yg-site :is(.yg-ref-slot, .yg-ref-frame, .yg-media-open, .yg-media-dialog__image, .yg-detail__thumb-image, .yg-detail__color-photo, .v161-card-media, .v16-related-photo):has(img[src*="3a9803eb40ff-"]),
.yg-site .yg-detail__stage:has(> .yg-detail__panel:not([hidden]) img[src*="3a9803eb40ff-"]) {
  --yg-image-canvas: #f2f2f2;
}