.yx-home-v2 {
    --yx-green: #2f5d50;
    --yx-green-dark: #21483d;
    --yx-ink: #222;
    --yx-muted: #666;
    --yx-gold: #c8a86a;
    --yx-warm: #faf8f3;
    --yx-pale: #f2f5f1;
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
    background: #fff;
    color: var(--yx-ink);
    font-size: 16px;
    line-height: 1.75;
}

/* 05 / 30-second brief: airy scent map, not a form preview. */
.yx-home-v2__section--diagnosis {
    position: relative;
    min-height: 760px;
    padding: 0 !important;
    overflow: hidden;
    isolation: isolate;
    background: #fafbf7;
    color: #29443b;
}

.yx-home-v2__section--diagnosis::before,
.yx-home-v2__section--diagnosis::after {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    content: "";
}

.yx-home-v2__section--diagnosis::before {
    top: -210px;
    right: 5%;
    width: 680px;
    height: 680px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.6), rgba(220,235,224,.22) 42%, transparent 72%);
    filter: blur(32px);
}

.yx-home-v2__section--diagnosis::after {
    right: -8%;
    bottom: -190px;
    width: 72%;
    height: 390px;
    background: radial-gradient(ellipse at center, rgba(169,199,180,.1), transparent 70%);
    filter: blur(36px);
}

.yx-home-v2__brief-background {
    position: absolute;
    inset: -2%;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(252,252,249,.98) 0%, rgba(250,251,247,.92) 40%, rgba(248,251,246,.24) 72%, rgba(250,252,247,.08) 100%),
        url("../images/home-v2/diagnosis-botanical-v2.webp") center / cover no-repeat;
    filter: saturate(1.18) contrast(1.04) brightness(1.06);
    transform: scale(1.035);
    transition: transform 9s cubic-bezier(.22,1,.36,1), opacity 1s ease;
}

.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-background {
    transform: scale(1);
}

.yx-home-v2__diagnosis-layout {
    position: relative;
    z-index: 2;
    grid-template-columns: minmax(480px, .9fr) minmax(600px, 1.1fr);
    gap: 48px;
    min-height: 760px;
    padding-top: 96px;
    padding-bottom: 96px;
}

.yx-home-v2__brief-content {
    max-width: 610px;
}

.yx-home-v2__section--diagnosis .yx-home-v2__eyebrow {
    margin-bottom: 20px;
    color: #a47b3f;
}

.yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 {
    margin: 0;
    color: #274238;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(46px, 3.45vw, 54px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.04em;
}

.yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 span { white-space: normal; }

@media (min-width: 1181px) {
    .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 span { white-space: nowrap; }
}

.yx-home-v2__brief-description {
    max-width: 570px;
    margin-top: 30px;
    color: rgba(39,66,56,.76);
    font-size: 17px;
    line-height: 1.9;
}

.yx-home-v2__brief-description p {
    margin: 0;
    color: inherit !important;
}

.yx-home-v2__brief-description p + p {
    margin-top: 7px;
}

.yx-home-v2__brief-cta {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-top: 32px;
    padding: 17px 24px;
    border: 1px solid #d9bd82;
    border-radius: 3px;
    background: rgba(232,210,165,.94);
    color: #29453d;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(78,91,65,.11);
    transition: transform .36s cubic-bezier(.22,1,.36,1), background-color .36s ease, box-shadow .36s ease;
}

.yx-home-v2__brief-cta:hover {
    background: #f1e2c3;
    color: #29453d;
    box-shadow: 0 18px 38px rgba(78,91,65,.16);
    transform: translateY(-2px);
}

.yx-home-v2__brief-cta span {
    transition: transform .36s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__brief-cta:hover span {
    transform: translateX(4px);
}

.yx-home-v2__section--diagnosis .yx-home-v2__diagnosis-note {
    display: block;
    max-width: 480px;
    margin-top: 17px;
    color: rgba(39,66,56,.58);
    font-size: 13px;
    line-height: 1.7;
}

.yx-home-v2__brief-map {
    position: relative;
    min-height: 570px;
    isolation: isolate;
}

.yx-home-v2__brief-map::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 88%;
    aspect-ratio: 1 / .76;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(234,244,237,.64), rgba(194,216,201,.22) 52%, transparent 76%);
    filter: blur(14px);
    content: "";
    transform: translate(-50%,-50%);
}

.yx-home-v2__brief-routes {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    opacity: .6;
    pointer-events: none;
}

.yx-home-v2__brief-routes path {
    fill: none;
    stroke: rgba(52,96,79,.3);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.yx-home-v2__brief-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: flex;
    width: 174px;
    height: 174px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    background: radial-gradient(circle at 38% 28%, rgba(91,137,117,.85), rgba(37,87,70,.83) 48%, rgba(25,65,53,.88));
    color: #fff;
    box-shadow: inset 0 0 34px rgba(255,255,255,.08), 0 26px 70px rgba(38,76,62,.2);
    text-align: center;
    transform: translate(-50%,-50%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.yx-home-v2__brief-core::before,
.yx-home-v2__brief-core::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(62,108,90,.22);
    border-radius: 50%;
    pointer-events: none;
    content: "";
    transform: translate(-50%,-50%);
}

.yx-home-v2__brief-core::before { width: 228px; height: 228px; }
.yx-home-v2__brief-core::after { width: 296px; height: 296px; animation: yx-brief-breathe 7s ease-in-out infinite; }

.yx-home-v2__brief-core-time {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -.04em;
}

.yx-home-v2__brief-core-label {
    margin-top: 0;
    color: #e2c787;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .06em;
}

.yx-home-v2__brief-core-text {
    max-width: 128px;
    margin-top: 12px;
    color: rgba(255,255,255,.76);
    font-size: 12px;
    line-height: 1.45;
}

.yx-home-v2__brief-core.is-changing > span {
    opacity: 0;
    transform: translateY(5px);
}

.yx-home-v2__brief-core > span {
    transition: opacity .18s ease, transform .18s ease;
}

.yx-home-v2__brief-node {
    position: absolute;
    z-index: 4;
    display: flex;
    width: 190px;
    min-height: 112px;
    padding: 17px 19px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(39,83,69,.78), rgba(50,92,77,.62));
    color: #fff;
    box-shadow: 0 18px 45px rgba(43,78,64,.14);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    transition: opacity .75s ease, transform .42s cubic-bezier(.22,1,.36,1), background .36s ease, border-color .36s ease, box-shadow .42s ease;
}

.yx-home-v2__brief-node-number {
    color: #e1c37f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .06em;
}

.yx-home-v2__brief-node-title {
    margin-top: 11px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.yx-home-v2__brief-node-desc {
    margin-top: 6px;
    color: rgba(255,255,255,.76);
    font-size: 12px;
    line-height: 1.5;
}

.yx-home-v2__brief-node--01 { top: 0; left: 50%; background: linear-gradient(145deg, rgba(53,102,81,.8), rgba(61,103,86,.62)); transform: translateX(-50%); }
.yx-home-v2__brief-node--02 { top: 22%; right: 0; background: linear-gradient(145deg, rgba(91,105,73,.76), rgba(49,91,75,.62)); }
.yx-home-v2__brief-node--03 { right: 0; bottom: 21%; background: linear-gradient(145deg, rgba(42,95,76,.8), rgba(61,104,87,.62)); }
.yx-home-v2__brief-node--04 { bottom: 0; left: 50%; background: linear-gradient(145deg, rgba(48,91,82,.78), rgba(58,96,84,.62)); transform: translateX(-50%); }
.yx-home-v2__brief-node--05 { bottom: 21%; left: 0; background: linear-gradient(145deg, rgba(105,98,68,.73), rgba(52,90,74,.62)); }
.yx-home-v2__brief-node--06 { top: 22%; left: 0; background: linear-gradient(145deg, rgba(44,91,80,.78), rgba(59,101,86,.62)); }

.yx-home-v2__brief-node:hover,
.yx-home-v2__brief-node.is-active {
    border-color: rgba(239,215,164,.86);
    background: linear-gradient(145deg, rgba(57,105,84,.92), rgba(70,106,88,.78));
    box-shadow: 0 23px 52px rgba(36,72,58,.2);
}

.yx-home-v2__brief-node:not(.yx-home-v2__brief-node--01):not(.yx-home-v2__brief-node--04):hover { transform: translateY(-4px); }
.yx-home-v2__brief-node--01:hover,
.yx-home-v2__brief-node--04:hover { transform: translateX(-50%) translateY(-4px); }

.yx-home-v2__brief-node:focus-visible,
.yx-home-v2__brief-cta:focus-visible {
    outline: 2px solid rgba(174,132,64,.92);
    outline-offset: 4px;
}

.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-content > * {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .76s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-content > :nth-child(2) { transition-delay: .09s; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-content > :nth-child(3) { transition-delay: .18s; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-content > :nth-child(4) { transition-delay: .27s; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-content > :nth-child(5) { transition-delay: .34s; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-core { opacity: 0; transform: translate(-50%,-50%) scale(.88); transition: opacity .85s ease .18s, transform 1s cubic-bezier(.22,1,.36,1) .18s; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node { opacity: 0; }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--01 { transform: translate(-50%,26px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--02 { transform: translate(-28px,18px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--03 { transform: translate(-28px,-18px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--04 { transform: translate(-50%,-26px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--05 { transform: translate(28px,-18px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node--06 { transform: translate(28px,18px); }
.yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-routes { opacity: 0; transition: opacity .7s ease 1s; }

.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-content > * { opacity: 1; transform: translateY(0); }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-core { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node { opacity: 1; transition-delay: .52s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--01 { transform: translateX(-50%); }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--02,
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--03,
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--05,
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--06 { transform: translate(0,0); }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--04 { transform: translateX(-50%); }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--02 { transition-delay: .61s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--03 { transition-delay: .69s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--04 { transition-delay: .77s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--05 { transition-delay: .85s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node--06 { transition-delay: .93s; }
.yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-routes { opacity: .6; }

@keyframes yx-brief-breathe {
    0%,100% { opacity: .42; transform: translate(-50%,-50%) scale(.98); }
    50% { opacity: .72; transform: translate(-50%,-50%) scale(1.025); }
}

@media (max-width: 1180px) {
    .yx-home-v2__diagnosis-layout { grid-template-columns: minmax(340px,.85fr) minmax(540px,1.15fr); gap: 38px; }
    .yx-home-v2__brief-map { min-height: 540px; }
    .yx-home-v2__brief-node { width: 166px; padding: 15px 16px; }
    .yx-home-v2__brief-core { width: 150px; height: 150px; }
    .yx-home-v2__brief-core::before { width: 204px; height: 204px; }
    .yx-home-v2__brief-core::after { width: 268px; height: 268px; }
}

@media (max-width: 960px) {
    .yx-home-v2__diagnosis-layout { grid-template-columns: 1fr; gap: 52px; padding-top: 84px; padding-bottom: 84px; }
    .yx-home-v2__brief-content { max-width: 680px; }
    .yx-home-v2__brief-map { width: min(720px,100%); min-height: 560px; margin-inline: auto; }
}

@media (max-width: 720px) {
    .yx-home-v2__section--diagnosis { min-height: 0; }
    .yx-home-v2__brief-background { background-position: 64% center; }
    .yx-home-v2__diagnosis-layout { gap: 46px; min-height: 0; padding-top: 68px; padding-bottom: 72px; }
    .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 { font-size: clamp(38px,11vw,52px); }
    .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 span { white-space: normal; }
    .yx-home-v2__brief-description { font-size: 16px; }
    .yx-home-v2__brief-map { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; min-height: 0; }
    .yx-home-v2__brief-map::before { width: 120%; }
    .yx-home-v2__brief-routes { display: none; }
    .yx-home-v2__brief-core,
    .yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-core,
    .yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-core { position: relative; top: auto; left: auto; grid-column: 1 / -1; justify-self: center; margin-bottom: 22px; opacity: 1; transform: none; }
    .yx-home-v2__brief-core::after { display: none; }
    .yx-home-v2__brief-node,
    .yx-home-v2__brief-node--01,
    .yx-home-v2__brief-node--02,
    .yx-home-v2__brief-node--03,
    .yx-home-v2__brief-node--04,
    .yx-home-v2__brief-node--05,
    .yx-home-v2__brief-node--06,
    .yx-home-v2__section--diagnosis.is-motion-ready .yx-home-v2__brief-node,
    .yx-home-v2__section--diagnosis.is-inview .yx-home-v2__brief-node {
        position: relative;
        inset: auto;
        width: auto;
        min-height: 120px;
        opacity: 1;
        transform: none;
    }
    .yx-home-v2__brief-node:hover,
    .yx-home-v2__brief-node--01:hover,
    .yx-home-v2__brief-node--04:hover { transform: translateY(-2px); }
}

@media (max-width: 420px) {
    .yx-home-v2__brief-map { grid-template-columns: 1fr; }
    .yx-home-v2__brief-core { grid-column: auto; }
    .yx-home-v2__brief-node { min-height: 108px; }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__brief-background,
    .yx-home-v2__brief-content > *,
    .yx-home-v2__brief-core,
    .yx-home-v2__brief-node,
    .yx-home-v2__brief-routes { animation: none !important; transition-duration: .01ms !important; }
    .yx-home-v2__brief-core::after { animation: none !important; }
}

.yx-home-v2 *,
.yx-home-v2 *::before,
.yx-home-v2 *::after {
    box-sizing: border-box;
}

.yx-home-v2__container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.yx-home-v2__hero {
    position: relative;
    min-height: min(760px, 86vh);
    display: flex;
    align-items: center;
    color: #fff;
    isolation: isolate;
}

.yx-home-v2__hero::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(20, 34, 28, 0.9) 0%, rgba(20, 34, 28, 0.68) 54%, rgba(20, 34, 28, 0.2) 100%);
    content: "";
}

.yx-home-v2__hero-media {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.yx-home-v2__hero-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.yx-home-v2__hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
    gap: 64px;
    align-items: center;
    padding: 92px 0 76px;
}

.yx-home-v2__hero-copy {
    max-width: 760px;
}

.yx-home-v2__eyebrow {
    margin: 0 0 12px;
    color: var(--yx-green);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.yx-home-v2__hero .yx-home-v2__eyebrow {
    color: #e7d4a9;
}

.yx-home-v2__hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.22;
}

.yx-home-v2__lead {
    max-width: 720px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    line-height: 1.85;
}

.yx-home-v2__checks {
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.yx-home-v2__checks li {
    position: relative;
    margin: 8px 0;
    padding-left: 24px;
}

.yx-home-v2__checks li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #e7d4a9;
    content: "✓";
}

.yx-home-v2__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 30px;
}

.yx-home-v2__button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
}

.yx-home-v2__button--primary {
    background: var(--yx-green);
    color: #fff;
}

.yx-home-v2__hero .yx-home-v2__button--primary {
    background: #fff;
    color: var(--yx-green-dark);
}

.yx-home-v2__button--secondary {
    border-color: var(--yx-green);
    background: transparent;
    color: var(--yx-green);
}

.yx-home-v2__hero .yx-home-v2__button--secondary {
    border-color: rgba(255, 255, 255, 0.75);
    color: #fff;
}

.yx-home-v2__text-link {
    padding: 10px 4px;
    color: inherit;
    font-weight: 700;
}

.yx-home-v2__plan {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 8px;
    background: rgba(17, 35, 29, 0.76);
    backdrop-filter: blur(10px);
}

.yx-home-v2__plan-title {
    margin: 0 0 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.yx-home-v2__plan dl,
.yx-home-v2__plan dd {
    margin: 0;
}

.yx-home-v2__plan dl div {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.yx-home-v2__plan dt {
    color: #e7d4a9;
    font-weight: 700;
}

.yx-home-v2__section {
    padding: 64px 0;
}

.yx-home-v2__section--light {
    background: var(--yx-warm);
}

.yx-home-v2__heading {
    max-width: 800px;
    margin-bottom: 30px;
}

.yx-home-v2__heading h2,
.yx-home-v2__diagnosis-layout h2 {
    margin: 0;
    color: var(--yx-ink);
    font-size: 32px;
    line-height: 1.35;
}

.yx-home-v2__heading > p:last-child,
.yx-home-v2__diagnosis-layout > div > p {
    margin: 14px 0 0;
    color: var(--yx-muted);
}

.yx-home-v2__problem-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 32px;
}

.yx-home-v2__problem {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 16px;
    padding: 22px 0;
    border-bottom: 1px solid #dedbd3;
}

.yx-home-v2__problem > span {
    color: var(--yx-gold);
    font-weight: 700;
}

.yx-home-v2__problem h3,
.yx-home-v2__problem p {
    margin: 0;
}

.yx-home-v2__problem h3 {
    font-size: 18px;
}

.yx-home-v2__problem p {
    margin-top: 6px;
    color: var(--yx-muted);
}

.yx-home-v2__grid {
    display: grid;
    gap: 20px;
}

.yx-home-v2__grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yx-home-v2__grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yx-home-v2__card,
.yx-home-v2__case {
    min-width: 0;
    border: 1px solid #e0e5e1;
    border-radius: 8px;
    background: #fff;
}

.yx-home-v2__card {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.yx-home-v2__card h3,
.yx-home-v2__card p {
    margin: 0;
}

.yx-home-v2__card h3 {
    font-size: 19px;
}

.yx-home-v2__card p {
    margin-top: 10px;
    color: var(--yx-muted);
}

.yx-home-v2__card a,
.yx-home-v2__case a {
    margin-top: auto;
    padding-top: 18px;
    color: var(--yx-green);
    font-weight: 700;
    text-decoration: none;
}

.yx-home-v2__section--diagnosis {
    background: var(--yx-pale);
}

.yx-home-v2__diagnosis-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 60px;
    align-items: center;
}

.yx-home-v2__diagnosis-layout .yx-home-v2__button {
    margin-top: 24px;
}

.yx-home-v2__diagnosis-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 24px;
    border: 1px solid #d7e0da;
    border-radius: 8px;
    background: #fff;
    list-style: none;
}

.yx-home-v2__diagnosis-fields li {
    padding: 10px 12px;
    border-left: 3px solid var(--yx-gold);
    background: #f8faf8;
}

.yx-home-v2__aroma-card {
    min-height: 250px;
}

.yx-home-v2__aroma-card strong {
    color: #3e4a44;
}

.yx-home-v2__equipment-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 28px;
}

.yx-home-v2__equipment-list article {
    padding: 20px;
    border-top: 3px solid var(--yx-green);
    background: #fff;
}

.yx-home-v2__equipment-list span {
    color: var(--yx-gold);
    font-weight: 700;
}

.yx-home-v2__equipment-list h3 {
    margin: 10px 0 0;
    font-size: 18px;
}

.yx-home-v2__equipment-list p {
    margin: 8px 0 0;
    color: var(--yx-muted);
}

.yx-home-v2__case {
    overflow: hidden;
}

.yx-home-v2__case-media {
    aspect-ratio: 16 / 10;
    display: block;
    padding: 0 !important;
    overflow: hidden;
    background: #eef1ef;
}

.yx-home-v2__case-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.yx-home-v2__case-body {
    min-height: 255px;
    display: flex;
    flex-direction: column;
    padding: 22px;
}

.yx-home-v2__case h3,
.yx-home-v2__case p {
    margin: 0;
}

.yx-home-v2__case h3 {
    font-size: 19px;
}

.yx-home-v2__case p {
    margin-top: 10px;
    color: var(--yx-muted);
}

.yx-home-v2__contact .yx-lead-section {
    padding-top: 64px;
    background: var(--yx-green-dark);
    color: #fff;
}

.yx-home-v2__contact .yx-lead-copy h2,
.yx-home-v2__contact .yx-field label {
    color: #fff;
}

.yx-home-v2__contact .yx-lead-copy p,
.yx-home-v2__contact .yx-lead-facts li,
.yx-home-v2__contact .yx-consent {
    color: rgba(255, 255, 255, 0.82);
}

.yx-home-v2__contact .yx-lead-facts li {
    border-color: rgba(255, 255, 255, 0.16);
}

.yx-home-v2__contact .yx-lead-submit {
    background: var(--yx-gold);
    color: #1f3129;
}

@media (max-width: 980px) {
    .yx-home-v2__hero-layout,
    .yx-home-v2__diagnosis-layout {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .yx-home-v2__plan {
        max-width: 620px;
    }

    .yx-home-v2__grid--four,
    .yx-home-v2__grid--three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yx-home-v2__equipment-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .yx-home-v2 {
        font-size: 15px;
    }

    .yx-home-v2__container {
        width: min(100% - 32px, 1180px);
    }

    .yx-home-v2__hero {
        min-height: 760px;
        align-items: flex-end;
    }

    .yx-home-v2__hero::after {
        background: linear-gradient(180deg, rgba(20, 34, 28, 0.34) 0%, rgba(20, 34, 28, 0.9) 58%, rgba(20, 34, 28, 0.96) 100%);
    }

    .yx-home-v2__hero-layout {
        padding: 90px 0 44px;
    }

    .yx-home-v2__hero h1 {
        font-size: 36px;
    }

    .yx-home-v2__lead {
        font-size: 16px;
    }

    .yx-home-v2__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .yx-home-v2__text-link {
        text-align: center;
    }

    .yx-home-v2__plan {
        padding: 20px;
    }

    .yx-home-v2__section {
        padding: 40px 0;
    }

    .yx-home-v2__heading h2,
    .yx-home-v2__diagnosis-layout h2 {
        font-size: 26px;
    }

    .yx-home-v2__problem-list,
    .yx-home-v2__grid--four,
    .yx-home-v2__grid--three,
    .yx-home-v2__equipment-list {
        grid-template-columns: 1fr;
    }

    .yx-home-v2__card {
        min-height: 0;
    }

    .yx-home-v2__diagnosis-fields {
        grid-template-columns: 1fr;
    }

    .yx-home-v2__contact .yx-lead-section {
        padding-top: 40px;
    }
}

/* 2026 homepage fusion: editorial rhythm, real-space imagery and shorter mobile flow. */
.yx-home-v2 {
    --yx-green: #1d4b3e;
    --yx-green-dark: #12352c;
    --yx-gold: #caa96b;
    --yx-warm: #f4efe5;
    --yx-pale: #edf1ec;
    color: #202620;
}

.yx-home-v2__container { width: min(1280px, calc(100% - 64px)); }
.yx-home-v2__section { padding: 104px 0; }
.yx-home-v2__hero { min-height: min(780px, 88vh); }
.yx-home-v2__hero::after { background: linear-gradient(90deg, rgba(11, 31, 25, .9) 0%, rgba(11, 31, 25, .65) 52%, rgba(11, 31, 25, .12) 100%); }
.yx-home-v2__hero-media img { object-position: 52% 48%; transform: scale(1.015); }
.yx-home-v2__hero h1 { max-width: 820px; font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(44px, 4.8vw, 72px); font-weight: 500; line-height: 1.18; letter-spacing: -.025em; }
.yx-home-v2__lead { max-width: 650px; font-size: 18px; }
.yx-home-v2__eyebrow { letter-spacing: .18em; }
.yx-home-v2__heading { max-width: 820px; margin-bottom: 48px; }
.yx-home-v2__heading h2,
.yx-home-v2__diagnosis-layout h2 { font-family: Georgia, "Noto Serif SC", serif; font-size: clamp(34px, 3.4vw, 52px); font-weight: 500; line-height: 1.25; letter-spacing: -.02em; }
.yx-home-v2__button { border-radius: 0; padding-inline: 25px; letter-spacing: .03em; }
.yx-home-v2__plan { border-radius: 0; background: rgba(12, 45, 36, .78); }

.yx-home-v2__problem-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid rgba(29, 75, 62, .22); }
.yx-home-v2__problem { display: block; padding: 30px 26px 10px 0; border: 0; border-right: 1px solid rgba(29, 75, 62, .16); }
.yx-home-v2__problem:last-child { border-right: 0; }
.yx-home-v2__problem > span { display: block; margin-bottom: 38px; color: var(--yx-gold); font-family: Georgia, serif; font-size: 18px; }

.yx-home-v2__scene-grid { display: grid; grid-template-columns: 1.35fr .65fr .65fr; grid-template-rows: repeat(2, 310px); gap: 14px; }
.yx-home-v2__scene { position: relative; min-height: 280px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; }
.yx-home-v2__scene:first-child { grid-row: 1 / 3; }
.yx-home-v2__scene img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .65s ease; }
.yx-home-v2__scene::after { position: absolute; inset: 0; z-index: 0; content: ""; background: linear-gradient(0deg, rgba(8, 24, 19, .84), rgba(8, 24, 19, .04) 70%); }
.yx-home-v2__scene:hover img { transform: scale(1.04); }
.yx-home-v2__scene-copy { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: grid; gap: 7px; padding: 28px; }
.yx-home-v2__scene-copy small { color: #dec48f; font-size: 11px; letter-spacing: .16em; }
.yx-home-v2__scene-copy strong { font-family: Georgia, "Noto Serif SC", serif; font-size: 25px; font-weight: 500; }
.yx-home-v2__scene-copy em { color: rgba(255,255,255,.8); font-size: 13px; font-style: normal; line-height: 1.65; }

.yx-home-v2__section--diagnosis { background: var(--yx-green-dark); color: #fff; }
.yx-home-v2__section--diagnosis .yx-home-v2__eyebrow { color: #dec48f; }
.yx-home-v2__diagnosis-layout h2 { color: #fff; }
.yx-home-v2__diagnosis-layout > div > p { color: rgba(255,255,255,.72); }
.yx-home-v2__diagnosis-fields { background: rgba(255,255,255,.08); }
.yx-home-v2__diagnosis-fields li { border-color: rgba(255,255,255,.14); color: rgba(255,255,255,.86); }
.yx-home-v2__diagnosis-fields strong { display: block; color: #dec48f; font-family: Georgia, serif; font-size: 13px; letter-spacing: .12em; }
.yx-home-v2__diagnosis-note { display: block; margin-top: 16px; color: rgba(255,255,255,.58); }

.yx-home-v2__aroma-card { position: relative; min-height: 290px; padding: 34px; border: 0; background: linear-gradient(145deg, #f6f0e5, #e7ede7); }
.yx-home-v2__aroma-card:nth-child(2) { background: linear-gradient(145deg, #f3e7df, #f7f3ed); }
.yx-home-v2__aroma-card:nth-child(3) { background: linear-gradient(145deg, #d9ded5, #eef0e9); }
.yx-home-v2__aroma-card:nth-child(4) { background: linear-gradient(145deg, #e9e0cf, #f2eee7); }
.yx-home-v2__aroma-card h3 { font-family: Georgia, "Noto Serif SC", serif; font-size: 27px; font-weight: 500; }

.yx-home-v2__equipment-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid rgba(29,75,62,.25); }
.yx-home-v2__equipment-list article { display: block; padding: 34px 28px 34px 0; border: 0; border-right: 1px solid rgba(29,75,62,.16); }
.yx-home-v2__equipment-list article:last-child { border-right: 0; }
.yx-home-v2__equipment-list span { display: block; margin-bottom: 28px; color: var(--yx-gold); font-family: Georgia, serif; font-size: 22px; }
.yx-home-v2__section--process { background: #172f28; color: #fff; }
.yx-home-v2__section--process .yx-home-v2__heading h2 { color: #fff; }
.yx-home-v2__section--process .yx-home-v2__heading > p:last-child { color: rgba(255,255,255,.65); }
.yx-home-v2__section--process .yx-home-v2__eyebrow { color: #dec48f; }
.yx-home-v2__process { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.22); }
.yx-home-v2__process li { min-height: 190px; display: grid; align-content: start; gap: 12px; padding: 28px 22px; border-right: 1px solid rgba(255,255,255,.12); }
.yx-home-v2__process li:last-child { border-right: 0; }
.yx-home-v2__process span { color: #dec48f; font-family: Georgia, serif; }
.yx-home-v2__process strong { font-size: 18px; }
.yx-home-v2__process em { color: rgba(255,255,255,.58); font-size: 13px; font-style: normal; }

@media (max-width: 980px) {
    .yx-home-v2__container { width: min(100% - 40px, 760px); }
    .yx-home-v2__problem-list, .yx-home-v2__equipment-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yx-home-v2__scene-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 380px repeat(2, 280px); }
    .yx-home-v2__scene:first-child { grid-column: 1 / -1; grid-row: auto; }
    .yx-home-v2__process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .yx-home-v2__container { width: min(100% - 32px, 520px); }
    .yx-home-v2__section { padding: 72px 0; }
    .yx-home-v2__hero { min-height: 720px; }
    .yx-home-v2__hero::after { background: linear-gradient(0deg, rgba(10,30,24,.95) 0%, rgba(10,30,24,.7) 62%, rgba(10,30,24,.32) 100%); }
    .yx-home-v2__hero h1 { font-size: 39px; }
    .yx-home-v2__lead { font-size: 16px; line-height: 1.75; }
    .yx-home-v2__plan { display: none; }
    .yx-home-v2__problem-list, .yx-home-v2__equipment-list { grid-template-columns: 1fr; }
    .yx-home-v2__problem, .yx-home-v2__equipment-list article { padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(29,75,62,.16); }
    .yx-home-v2__problem > span, .yx-home-v2__equipment-list span { margin-bottom: 12px; }
    .yx-home-v2__scene-grid { display: flex; margin-right: -16px; overflow-x: auto; scroll-snap-type: x mandatory; }
    .yx-home-v2__scene { min-width: 82vw; min-height: 400px; scroll-snap-align: start; }
    .yx-home-v2__scene-copy { padding: 24px; }
    .yx-home-v2__grid--four { display: flex; margin-right: -16px; overflow-x: auto; scroll-snap-type: x mandatory; }
    .yx-home-v2__aroma-card { min-width: 78vw; scroll-snap-align: start; }
    .yx-home-v2__process { grid-template-columns: 1fr 1fr; }
    .yx-home-v2__process li { min-height: 150px; padding: 22px 16px; }
}

/* 2026 sensory layer: warm floral atmosphere and modern restrained motion. */
.yx-home-v2 {
    --yx-rose: #d8a5a9;
    --yx-rose-soft: #f4e4e2;
    --yx-lilac: #b8adc9;
    --yx-honey: #e3bd75;
    --yx-cream: #fbf6ed;
    --yx-mist: #eef2ec;
    background: var(--yx-cream);
}

.yx-home-v2__hero {
    min-height: min(860px, 92vh);
    overflow: hidden;
}

.yx-home-v2__hero::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        radial-gradient(circle at 82% 24%, rgba(228, 180, 186, .28), transparent 31%),
        radial-gradient(circle at 67% 72%, rgba(226, 190, 117, .18), transparent 32%);
    content: "";
}

.yx-home-v2__hero::after {
    background: linear-gradient(90deg, rgba(14, 37, 31, .9) 0%, rgba(18, 46, 38, .7) 48%, rgba(54, 48, 46, .2) 100%);
}

.yx-home-v2__hero-media img {
    filter: saturate(.82) contrast(.96) brightness(1.04);
    transform: scale(1.04);
    transition: transform 1.1s cubic-bezier(.2,.7,.2,1);
    will-change: transform;
}

.yx-home-v2__hero h1 {
    max-width: 880px;
    text-shadow: 0 8px 30px rgba(8, 23, 18, .25);
}

.yx-home-v2__hero .yx-home-v2__eyebrow { color: #f0cc9c; }
.yx-home-v2__lead { color: rgba(255,255,255,.88); }
.yx-home-v2__plan {
    border: 1px solid rgba(255,255,255,.24);
    background: linear-gradient(145deg, rgba(23, 61, 50, .72), rgba(69, 56, 58, .52));
    box-shadow: 0 30px 80px rgba(8, 26, 20, .2);
}

.yx-home-v2__scent-air { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.yx-home-v2__scent-air span {
    position: absolute;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 58% 42% 62% 38% / 48% 57% 43% 52%;
    background: radial-gradient(circle at 34% 30%, rgba(255,255,255,.18), rgba(224,177,187,.08) 48%, transparent 70%);
    backdrop-filter: blur(2px);
    animation: yx-scent-float 18s ease-in-out infinite alternate;
}
.yx-home-v2__scent-air span:nth-child(1) { top: 10%; right: 8%; width: 280px; height: 210px; }
.yx-home-v2__scent-air span:nth-child(2) { top: 48%; right: 25%; width: 180px; height: 240px; animation-delay: -6s; }
.yx-home-v2__scent-air span:nth-child(3) { bottom: -8%; right: -3%; width: 380px; height: 300px; animation-delay: -11s; }
.yx-home-v2__scent-air i {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,240,220,.9);
    box-shadow: 0 0 26px 9px rgba(236,193,157,.36);
    animation: yx-pollen-drift 14s linear infinite;
}
.yx-home-v2__scent-air i:nth-of-type(1) { top: 34%; left: 58%; }
.yx-home-v2__scent-air i:nth-of-type(2) { top: 67%; left: 78%; animation-delay: -7s; }

.yx-home-v2__scroll-cue {
    position: absolute;
    bottom: 24px;
    left: 50%;
    display: grid;
    justify-items: center;
    gap: 7px;
    color: rgba(255,255,255,.64);
    font-size: 11px;
    letter-spacing: .12em;
    transform: translateX(-50%);
}
.yx-home-v2__scroll-cue span { width: 1px; height: 32px; overflow: hidden; background: rgba(255,255,255,.25); }
.yx-home-v2__scroll-cue span::after { display: block; width: 100%; height: 45%; background: #fff; content: ""; animation: yx-scroll-line 2.2s ease-in-out infinite; }

.yx-home-v2__section--light {
    background:
        radial-gradient(circle at 92% 10%, rgba(216,165,169,.15), transparent 26%),
        linear-gradient(135deg, #fbf7ef, #f5eee6);
}

.yx-home-v2__problem > span { color: #b67f83; }
.yx-home-v2__problem h3 { font-family: Georgia, "Noto Serif SC", serif; font-weight: 500; }

.yx-home-v2__consult-ribbon {
    position: relative;
    overflow: hidden;
    padding: 78px 0;
    background:
        radial-gradient(circle at 10% 30%, rgba(255,255,255,.7), transparent 24%),
        linear-gradient(115deg, #ead4cc 0%, #f6e9df 48%, #ddd9e6 100%);
    isolation: isolate;
}
.yx-home-v2__consult-ribbon::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.42) 48%, transparent 66%);
    content: "";
    transform: translateX(-80%);
    animation: yx-light-pass 10s ease-in-out infinite;
}
.yx-home-v2__consult-ribbon::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: var(--yx-consult-image);
    background-position: center;
    background-size: cover;
    content: "";
    filter: saturate(.75);
    opacity: .22;
}
.yx-home-v2__consult-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; }
.yx-home-v2__consult-layout h2 { margin: 0; color: #493f3e; font: 500 clamp(34px,3.4vw,52px)/1.25 Georgia,"Noto Serif SC",serif; }
.yx-home-v2__consult-layout p:not(.yx-home-v2__eyebrow) { max-width: 700px; margin: 14px 0 0; color: #756a67; }
.yx-home-v2__consult-ribbon .yx-home-v2__eyebrow { color: #a56c73; }
.yx-home-v2__consult-actions { display: grid; gap: 18px; justify-items: start; }
.yx-home-v2__phone { display: grid; color: #3e4a43; text-decoration: none; }
.yx-home-v2__phone small { color: #936f72; font-size: 12px; letter-spacing: .1em; }
.yx-home-v2__phone strong { font: 500 clamp(28px,3vw,42px)/1.2 Georgia,serif; letter-spacing: .04em; }
.yx-home-v2__consult-ribbon .yx-home-v2__button--primary { background: #654c51; color: #fff; }

/* Keep Begin's original About module while pairing it with the original cases background. */
.yx-home-v2__about-original .group-about-bg {
    background-image: var(--yx-about-background) !important;
}

.yx-home-v2__about-original .group-about-dec {
    background: rgba(76, 61, 96, .88) !important;
}

/* The redesigned homepage has its own in-page paths; keep the full menu on inner pages. */
body.home #menu-container-o,
body.page-template-page-home-v2 #menu-container-o {
    display: none !important;
}

body.page-template-page-home-v2 .contactus,
body.page-template-page-home-v2 #scroll {
    display: none !important;
}

/* 2026-07 editorial hero: one promise, one action, one immersive space. */
.yx-home-v2__hero {
    min-height: clamp(650px, 82vh, 820px);
    display: block;
    padding: clamp(54px, 7vw, 92px) 0;
    background: linear-gradient(135deg, #fbf7ef 0%, #f3ede3 100%);
    color: #20332c;
}

.yx-home-v2__hero::before,
.yx-home-v2__hero::after {
    display: none;
}

.yx-home-v2__hero-layout {
    min-height: clamp(540px, 68vh, 680px);
    grid-template-columns: minmax(360px, 42fr) minmax(0, 58fr);
    gap: clamp(44px, 5vw, 84px);
    align-items: center;
    padding: 0;
}

.yx-home-v2__hero-copy {
    max-width: 540px;
    padding-left: clamp(0px, 1.8vw, 24px);
}

.yx-home-v2__hero .yx-home-v2__eyebrow {
    margin-bottom: 24px;
    color: #8c7454;
    font-size: 13px;
    letter-spacing: .24em;
    animation: yx-hero-copy-in .7s ease-out both;
}

.yx-home-v2__hero h1 {
    max-width: 540px;
    color: #1d332b;
    font-family: Georgia, "Noto Serif SC", serif;
    font-size: clamp(44px, 4vw, 66px);
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.035em;
    text-shadow: none;
}

.yx-home-v2__hero h1 span {
    display: block;
    opacity: 0;
    transform: translateY(24px);
    animation: yx-hero-title-line .9s cubic-bezier(.2,.7,.2,1) both;
}

.yx-home-v2__hero h1 span:nth-child(1) { animation-delay: .08s; }
.yx-home-v2__hero h1 span:nth-child(2) { animation-delay: .24s; }
.yx-home-v2__hero h1 span:nth-child(3) { animation-delay: .4s; }

.yx-home-v2__hero h1.yx-home-v2__hero-title--long {
    max-width: 610px;
    font-size: clamp(34px, 2.7vw, 44px);
    line-height: 1.3;
    letter-spacing: -.035em;
}

.yx-home-v2__hero .yx-home-v2__lead {
    max-width: 500px;
    margin-top: 28px;
    color: #5b665f;
    font-size: 18px;
    line-height: 1.95;
    opacity: 0;
    transform: translateY(18px);
    animation: yx-hero-copy-in .8s .42s ease-out both;
}

.yx-home-v2__hero-service {
    display: block;
    max-width: 500px;
    margin: 0;
    color: #6d7772;
    font-size: 14px;
    line-height: 1.75;
}

.yx-home-v2__hero-promise {
    display: block;
    max-width: 500px;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(48, 79, 68, .16);
    color: #4d6157;
    font-size: 17px;
    line-height: 1.8;
}

.yx-home-v2__hero .yx-home-v2__actions {
    margin-top: 38px;
    opacity: 0;
    transform: translateY(16px);
    animation: yx-hero-copy-in .75s .62s ease-out both;
}

.yx-home-v2__hero .yx-home-v2__button--primary {
    min-height: 52px;
    padding-inline: 30px;
    border-color: #244b3e;
    background: #244b3e;
    color: #fff;
}

.yx-home-v2__hero .yx-home-v2__button--primary:hover {
    background: #17382e;
    color: #fff;
}

/* The current Home V2 hero is light.  Do not inherit the former dark-banner
   white secondary CTA treatment; it becomes unreadable on mobile. */
.yx-home-v2__hero .yx-home-v2__button--secondary {
    border-color: #244b3e;
    background: rgba(255, 255, 255, .74);
    color: #244b3e;
}

.yx-home-v2__hero .yx-home-v2__button--secondary:hover {
    border-color: #17382e;
    background: #f7faf7;
    color: #17382e;
}

.yx-home-v2__hero-media {
    position: relative;
    inset: auto;
    z-index: 0;
    height: clamp(540px, 68vh, 680px);
    margin: 0;
    overflow: hidden;
    background: #d9d4ca;
}

.yx-home-v2__hero-media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(20, 33, 28, .28) 100%);
    content: "";
    pointer-events: none;
}

.yx-home-v2__hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 54% center;
    filter: saturate(.82) contrast(.96) brightness(1.03);
    transform: scale(1.06);
    animation: yx-hero-image-settle 5s cubic-bezier(.16,.72,.22,1) both;
    transition: transform 1.2s cubic-bezier(.2,.7,.2,1);
    will-change: transform;
}

.yx-home-v2__hero-media figcaption {
    position: absolute;
    right: 26px;
    bottom: 22px;
    z-index: 1;
    margin: 0;
    color: rgba(255,255,255,.9);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;
}

@keyframes yx-hero-title-line {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes yx-hero-copy-in {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes yx-hero-image-settle {
    from { transform: scale(1.06); }
    to { transform: scale(1); }
}

@media (min-width: 1181px) {
    .yx-home-v2__hero h1 span:nth-child(2) {
        font-size: .82em;
        white-space: nowrap;
    }

    .yx-home-v2__concern-heading > p:last-child {
        max-width: 980px;
        white-space: nowrap;
    }
}

/* 06 / scent collection: image-led gallery, not repeated product cards. */
.yx-home-v2__section--scent-collection {
    padding: clamp(96px, 8.4vw, 132px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 87% 9%, rgba(200, 215, 199, .38), transparent 30%),
        linear-gradient(180deg, #f8f7f2 0%, #f1eee6 100%);
}

.yx-home-v2__scent-container {
    width: min(1360px, calc(100% - 48px));
}

.yx-home-v2__scent-heading {
    max-width: none;
    margin-bottom: 54px;
}

.yx-home-v2__scent-heading h2 {
    max-width: none;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(38px, 3.1vw, 46px);
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -.03em;
    white-space: nowrap;
}

.yx-home-v2__scent-heading > p:last-child {
    max-width: none;
    margin-top: 26px;
    color: #69716d;
    font-size: 16px;
    line-height: 1.9;
}

@media (min-width: 1181px) {
    .yx-home-v2__scent-heading > p:last-child {
        white-space: nowrap;
    }
}

.yx-home-v2__scent-gallery {
    display: flex;
    gap: 8px;
    height: clamp(430px, 39vw, 560px);
    padding: 8px;
    overflow: hidden;
    border: 1px solid rgba(45, 66, 57, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 28px 72px rgba(54, 57, 49, .11);
}

.yx-home-v2__scent-panel {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    border: 0;
    border-radius: 4px;
    background: #dcded6;
    cursor: pointer;
    transition:
        flex-grow 760ms cubic-bezier(.22, 1, .36, 1),
        filter 420ms ease;
}

.yx-home-v2__scent-panel.is-active {
    flex-grow: 8.2;
    cursor: default;
}

.yx-home-v2__scent-panel::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(180deg, rgba(20, 34, 29, .13), rgba(20, 34, 29, .48));
    transition: opacity 480ms ease;
}

.yx-home-v2__scent-panel.is-active::after {
    opacity: 0;
}

.yx-home-v2__scent-panel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.72) brightness(.72);
    transform: scale(1.045);
    transition:
        filter 560ms ease,
        transform 900ms cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__scent-panel.is-active img {
    filter: none;
    transform: scale(1);
}

.yx-home-v2__scent-panel-label {
    position: absolute;
    inset: 24px 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-shadow: 0 2px 16px rgba(11, 25, 20, .48);
    transition: opacity 280ms ease;
}

.yx-home-v2__scent-panel-label small {
    color: #ead19e;
    font-family: Georgia, serif;
    font-size: 13px;
    letter-spacing: .15em;
}

.yx-home-v2__scent-panel-label strong {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .08em;
}

.yx-home-v2__scent-panel.is-active .yx-home-v2__scent-panel-label {
    opacity: 0;
}

.yx-home-v2__scent-panel:focus-visible {
    z-index: 4;
    outline: 3px solid #b7905f;
    outline-offset: -3px;
}

.yx-home-v2__scent-gallery-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 22px;
    color: #7a807c;
    font-size: 14px;
}

.yx-home-v2__scent-gallery-footer a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #31584b;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.yx-home-v2__scent-gallery-footer a span {
    transition: transform 240ms ease;
}

.yx-home-v2__scent-gallery-footer a:hover span,
.yx-home-v2__scent-gallery-footer a:focus-visible span {
    transform: translateX(4px);
}

@media (max-width: 980px) {
    .yx-home-v2__scent-gallery {
        height: clamp(390px, 52vw, 510px);
    }

    .yx-home-v2__scent-panel.is-active {
        flex-grow: 6.5;
    }
}

@media (max-width: 780px) {
    .yx-home-v2__section--scent-collection {
        padding: 84px 0 90px;
    }

    .yx-home-v2__scent-container {
        width: min(100%, 620px);
    }

    .yx-home-v2__scent-heading,
    .yx-home-v2__scent-gallery-footer {
        margin-right: 20px;
        margin-left: 20px;
    }

    .yx-home-v2__scent-heading {
        margin-bottom: 38px;
    }

    .yx-home-v2__scent-heading h2 {
        font-size: 31px;
        line-height: 1.3;
        white-space: normal;
    }

    .yx-home-v2__scent-heading > p:last-child {
        margin-top: 22px;
        font-size: 15px;
        line-height: 1.85;
    }

    .yx-home-v2__scent-gallery {
        height: auto;
        gap: 12px;
        padding: 0 20px 10px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-padding-inline: 20px;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        -webkit-overflow-scrolling: touch;
    }

    .yx-home-v2__scent-gallery::-webkit-scrollbar {
        display: none;
    }

    .yx-home-v2__scent-panel,
    .yx-home-v2__scent-panel.is-active {
        flex: 0 0 min(84vw, 500px);
        aspect-ratio: 4 / 3;
        scroll-snap-align: center;
        border-radius: 5px;
        cursor: pointer;
    }

    .yx-home-v2__scent-panel::after,
    .yx-home-v2__scent-panel-label {
        display: none;
    }

    .yx-home-v2__scent-panel img,
    .yx-home-v2__scent-panel.is-active img {
        filter: none;
        transform: none;
    }

    .yx-home-v2__scent-gallery-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        margin-top: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__scent-panel,
    .yx-home-v2__scent-panel img,
    .yx-home-v2__scent-panel-label {
        transition-duration: 1ms !important;
    }
}

@media (max-width: 980px) {
    .yx-home-v2__hero { padding: 42px 0 54px; }
    .yx-home-v2__hero-layout {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .yx-home-v2__hero-copy { max-width: 680px; padding: 0; }
    .yx-home-v2__hero-media { height: min(68vh, 620px); }
}

@media (max-width: 620px) {
    .yx-home-v2__hero {
        min-height: 0;
        padding: 48px 0 32px;
    }
    .yx-home-v2__hero-layout { gap: 34px; padding: 0; }
    .yx-home-v2__hero h1 { font-size: clamp(38px, 11vw, 48px); }
    .yx-home-v2__hero .yx-home-v2__lead { font-size: 16px; line-height: 1.85; }
    .yx-home-v2__hero .yx-home-v2__lead br { display: none; }
    .yx-home-v2__hero h1.yx-home-v2__hero-title--long { font-size: 34px; line-height: 1.3; }
    .yx-home-v2__hero-service { font-size: 13px; line-height: 1.7; }
    .yx-home-v2__hero-promise { margin-top: 12px; padding-top: 11px; font-size: 15px; line-height: 1.75; }
    .yx-home-v2__hero .yx-home-v2__actions { align-items: flex-start; }
    .yx-home-v2__hero .yx-home-v2__button--primary { width: auto; }
    .yx-home-v2__hero-media { height: 62vh; min-height: 440px; }
    .yx-home-v2__hero-media figcaption { right: 16px; bottom: 15px; font-size: 8px; }
}
.yx-home-v2__consult-bloom i { position: absolute; z-index: -1; width: 180px; height: 120px; border-radius: 70% 30% 65% 35%; background: linear-gradient(145deg, rgba(255,255,255,.44), rgba(205,145,156,.18)); filter: blur(1px); transform: rotate(var(--r)); }
.yx-home-v2__consult-bloom i:nth-child(1) { --r: 24deg; top: -30px; left: -20px; }
.yx-home-v2__consult-bloom i:nth-child(2) { --r: -32deg; bottom: -45px; left: 12%; }
.yx-home-v2__consult-bloom i:nth-child(3) { --r: 145deg; top: -25px; right: 16%; }
.yx-home-v2__consult-bloom i:nth-child(4) { --r: 70deg; right: -40px; bottom: -25px; }

.yx-home-v2__section--diagnosis {
    background:
        radial-gradient(circle at 85% 20%, rgba(216,165,169,.22), transparent 30%),
        radial-gradient(circle at 4% 90%, rgba(184,173,201,.18), transparent 28%),
        linear-gradient(135deg, #173d33, #273b38 55%, #433a40);
}
.yx-home-v2__diagnosis-fields {
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.1);
    box-shadow: 0 28px 70px rgba(3,18,13,.18);
    backdrop-filter: blur(15px);
}
.yx-home-v2__diagnosis-fields li { transition: transform .3s ease, background .3s ease; }
.yx-home-v2__diagnosis-fields li:hover { background: rgba(255,255,255,.14); transform: translateY(-3px); }

.yx-home-v2__aroma-card { overflow: hidden; box-shadow: 0 22px 45px rgba(71,63,57,.06); transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease; }
.yx-home-v2__aroma-card::before { position: absolute; top: -70px; right: -55px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,.42); filter: blur(8px); content: ""; transition: transform .55s ease; }
.yx-home-v2__aroma-card:hover { box-shadow: 0 28px 60px rgba(71,63,57,.12); transform: translateY(-8px); }
.yx-home-v2__aroma-card:hover::before { transform: scale(1.24) translate(-8px, 8px); }
.yx-home-v2__aroma-card:nth-child(1) { background: linear-gradient(145deg, #eff4ec, #e5eee7); }
.yx-home-v2__aroma-card:nth-child(2) { background: linear-gradient(145deg, #f8e9e7, #f2dedf); }
.yx-home-v2__aroma-card:nth-child(3) { background: linear-gradient(145deg, #e5e2d9, #d8ddd4); }
.yx-home-v2__aroma-card:nth-child(4) { background: linear-gradient(145deg, #eee5d5, #e8dfd8); }

.yx-home-v2__case { border: 0; border-radius: 0; box-shadow: 0 22px 52px rgba(42,54,48,.08); transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease; }
.yx-home-v2__case:hover { box-shadow: 0 30px 68px rgba(42,54,48,.14); transform: translateY(-7px); }
.yx-home-v2__case-media img { transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .5s ease; }
.yx-home-v2__case:hover .yx-home-v2__case-media img { filter: saturate(1.06); transform: scale(1.055); }

.yx-home-v2__brand-story {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background:
        radial-gradient(circle at 78% 22%, rgba(236,194,198,.32), transparent 27%),
        radial-gradient(circle at 91% 77%, rgba(213,199,226,.42), transparent 24%),
        linear-gradient(125deg, #f8f1e7 0%, #f4e5e1 52%, #e8e4ec 100%);
    isolation: isolate;
}
.yx-home-v2__brand-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: center; }
.yx-home-v2__brand-copy { max-width: 690px; }
.yx-home-v2__brand-copy .yx-home-v2__eyebrow { color: #a86f78; }
.yx-home-v2__brand-copy h2 { margin: 0; color: #493d3d; font: 500 clamp(40px,4.2vw,64px)/1.18 Georgia,"Noto Serif SC",serif; }
.yx-home-v2__brand-copy > p:not(.yx-home-v2__eyebrow) { margin: 20px 0 0; color: #6f6463; font-size: 17px; line-height: 1.95; }
.yx-home-v2__brand-contact { display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; margin-top: 34px; }
.yx-home-v2__brand-contact span { color: #9e7477; font-size: 12px; letter-spacing: .12em; }
.yx-home-v2__brand-contact a { color: #394c44; font: 500 22px Georgia,serif; text-decoration: none; }
.yx-home-v2__brand-visual { position: relative; min-height: 460px; display: grid; place-items: center; }
.yx-home-v2__brand-photo { position: absolute; inset: 7% 3% 8% 6%; width: 91%; height: 85%; object-fit: cover; border-radius: 46% 54% 42% 58% / 52% 42% 58% 48%; filter: saturate(.72) contrast(.92); opacity: .2; mix-blend-mode: multiply; }
.yx-home-v2__brand-visual::before { position: absolute; width: min(420px,80%); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(255,255,255,.24); box-shadow: inset 0 0 80px rgba(255,255,255,.36), 0 34px 90px rgba(114,83,93,.12); content: ""; backdrop-filter: blur(12px); }
.yx-home-v2__brand-visual > p { position: absolute; right: 2%; bottom: 7%; margin: 0; color: #765d63; font: italic 24px/1.5 Georgia,"Noto Serif SC",serif; text-align: right; }
.yx-home-v2__brand-visual > p small { font: 12px/1.5 sans-serif; letter-spacing: .1em; }
.yx-home-v2__bottle { position: relative; z-index: 2; width: 112px; height: 210px; border: 1px solid rgba(113,75,69,.25); border-radius: 46px 46px 26px 26px; background: linear-gradient(115deg, rgba(255,255,255,.68), rgba(222,174,143,.42) 52%, rgba(142,92,75,.45)); box-shadow: inset 12px 0 20px rgba(255,255,255,.34), 0 28px 48px rgba(100,72,69,.18); transform: translateY(-20px); }
.yx-home-v2__bottle::before { position: absolute; top: -47px; left: 34px; width: 44px; height: 52px; border-radius: 5px 5px 0 0; background: linear-gradient(90deg,#b99a79,#ead2a9,#9f7c5f); content: ""; }
.yx-home-v2__bottle i { position: absolute; top: 78px; left: -1px; width: 112px; height: 1px; background: rgba(255,255,255,.6); }
.yx-home-v2__bottle span { position: absolute; top: 96px; left: 24px; width: 64px; height: 45px; border-top: 1px solid rgba(104,72,65,.35); border-bottom: 1px solid rgba(104,72,65,.35); }
.yx-home-v2__petal { position: absolute; z-index: 1; width: 130px; height: 88px; border-radius: 72% 28% 68% 32%; background: linear-gradient(145deg, rgba(255,255,255,.75), rgba(208,137,150,.38)); box-shadow: 0 20px 45px rgba(125,83,95,.1); }
.yx-home-v2__petal--one { top: 10%; left: 15%; transform: rotate(24deg); animation: yx-petal-one 9s ease-in-out infinite alternate; }
.yx-home-v2__petal--two { top: 32%; right: 8%; transform: rotate(140deg) scale(.8); animation: yx-petal-two 11s ease-in-out infinite alternate; }
.yx-home-v2__petal--three { bottom: 15%; left: 22%; transform: rotate(-35deg) scale(.65); animation: yx-petal-one 13s ease-in-out infinite alternate-reverse; }
.yx-home-v2__brand-glow span { position: absolute; z-index: -1; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.85); box-shadow: 0 0 40px 16px rgba(255,223,198,.3); animation: yx-pollen-drift 16s linear infinite; }
.yx-home-v2__brand-glow span:nth-child(1) { top: 18%; left: 65%; }
.yx-home-v2__brand-glow span:nth-child(2) { top: 62%; left: 82%; animation-delay: -6s; }
.yx-home-v2__brand-glow span:nth-child(3) { top: 48%; left: 10%; animation-delay: -11s; }

[data-yx-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .85s ease, transform .85s cubic-bezier(.2,.7,.2,1); }
[data-yx-reveal].is-visible { opacity: 1; transform: translateY(0); }
[data-yx-reveal-delay="1"] { transition-delay: .08s; }
[data-yx-reveal-delay="2"] { transition-delay: .16s; }
[data-yx-reveal-delay="3"] { transition-delay: .24s; }

@keyframes yx-scent-float { from { opacity:.5; transform:translate3d(0,0,0) rotate(-4deg); } to { opacity:.9; transform:translate3d(-24px,18px,0) rotate(6deg); } }
@keyframes yx-pollen-drift { 0% { opacity:0; transform:translate3d(0,35px,0) scale(.5); } 25% { opacity:.9; } 75% { opacity:.55; } 100% { opacity:0; transform:translate3d(38px,-110px,0) scale(1.25); } }
@keyframes yx-scroll-line { 0% { transform:translateY(-110%); } 55%,100% { transform:translateY(240%); } }
@keyframes yx-light-pass { 0%,35% { transform:translateX(-85%); } 70%,100% { transform:translateX(90%); } }
@keyframes yx-petal-one { from { transform:translate3d(0,0,0) rotate(24deg); } to { transform:translate3d(18px,-15px,0) rotate(33deg); } }
@keyframes yx-petal-two { from { transform:translate3d(0,0,0) rotate(140deg) scale(.8); } to { transform:translate3d(-18px,18px,0) rotate(128deg) scale(.86); } }

@media (max-width: 980px) {
    .yx-home-v2__consult-layout,
    .yx-home-v2__brand-layout { grid-template-columns: 1fr; gap: 44px; }
    .yx-home-v2__brand-visual { min-height: 380px; }
}

@media (max-width: 620px) {
    .yx-home-v2__hero { min-height: 790px; }
    .yx-home-v2__hero::after { background: linear-gradient(180deg, rgba(30,42,36,.2) 0%, rgba(24,45,38,.72) 44%, rgba(20,39,33,.96) 100%); }
    .yx-home-v2__scent-air span:nth-child(1) { right: -35%; width: 230px; height: 170px; }
    .yx-home-v2__scent-air span:nth-child(2) { right: 4%; opacity: .45; }
    .yx-home-v2__scroll-cue { display: none; }
    .yx-home-v2__consult-ribbon { padding: 62px 0; }
    .yx-home-v2__consult-layout { gap: 30px; }
    .yx-home-v2__consult-actions { width: 100%; }
    .yx-home-v2__consult-actions .yx-home-v2__button { width: 100%; }
    .yx-home-v2__phone strong { font-size: 31px; }
    .yx-home-v2__brand-story { padding: 78px 0; }
    .yx-home-v2__brand-copy > p:not(.yx-home-v2__eyebrow) { font-size: 15px; }
    .yx-home-v2__brand-contact { display: grid; gap: 7px; }
    .yx-home-v2__brand-visual { min-height: 330px; }
    .yx-home-v2__brand-visual::before { width: 280px; }
    .yx-home-v2__bottle { transform: scale(.82) translateY(-15px); }
    .yx-home-v2__petal { width: 98px; height: 66px; }
    .yx-home-v2__brand-visual > p { right: 0; bottom: 1%; font-size: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2 *,
    .yx-home-v2 *::before,
    .yx-home-v2 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    [data-yx-reveal] { opacity: 1; transform: none; }
}

/* Final mobile guard: legacy warm-hero rules above must not restore full-screen height. */
@media (max-width: 620px) {
    .yx-home-v2__hero { min-height: 0; }
}

/* Editorial concern explorer: stable image, six decisions, one shared explanation. */
.yx-home-v2__concerns {
    padding: clamp(92px, 9vw, 132px) 0;
    background: #fbfaf6;
    color: #2f3d37;
}

.yx-home-v2__concern-heading {
    max-width: 860px;
    margin: 0 auto 80px;
    text-align: center;
}

.yx-home-v2__concern-heading .yx-home-v2__eyebrow {
    margin-bottom: 18px;
    color: #a98259;
    font-size: 12px;
    letter-spacing: .22em;
}

.yx-home-v2__concern-heading h2 {
    margin: 0;
    color: #2f3d37;
    font-family: Georgia, "Noto Serif SC", serif;
    font-size: clamp(40px, 4.4vw, 66px);
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -.035em;
}

.yx-home-v2__concern-heading > p:last-child {
    max-width: 680px;
    margin: 28px auto 0;
    color: #68716d;
    font-size: 17px;
    line-height: 1.9;
}

.yx-home-v2__concern-stage { width: 100%; }

.yx-home-v2__concern-top {
    display: grid;
    grid-template-columns: minmax(340px, 38fr) minmax(0, 62fr);
    gap: 24px;
    align-items: stretch;
}

.yx-home-v2__concern-media {
    position: relative;
    min-height: 610px;
    margin: 0;
    overflow: hidden;
    background: #d8d2c8;
    clip-path: inset(0);
}

.yx-home-v2__concern-media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(251,250,246,.04) 62%, rgba(37,49,44,.28) 100%);
    content: "";
    pointer-events: none;
}

.yx-home-v2__concern-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 56% center;
    filter: saturate(.78) contrast(.96) brightness(1.03);
    transition: transform 1.2s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__concern-media figcaption {
    position: absolute;
    right: 22px;
    bottom: 18px;
    z-index: 1;
    color: rgba(255,255,255,.9);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
}

.yx-home-v2__concern-primary {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #ded8cf;
}

.yx-home-v2__concern-item {
    appearance: none;
    position: relative;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ded8cf;
    border-radius: 0;
    background: transparent;
    color: #2f3d37;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color .38s ease, color .38s ease, opacity .76s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__concern-item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background: #78947f;
    content: "";
    opacity: 0;
    transform: scaleY(.2);
    transition: opacity .35s ease, transform .35s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__concern-item:hover { background: rgba(223,232,223,.42); }
.yx-home-v2__concern-item.is-active { background: #dfe8df; }
.yx-home-v2__concern-item.is-active::before { opacity: 1; transform: scaleY(1); }
.yx-home-v2__concern-item:focus-visible { outline: 2px solid #78947f; outline-offset: -3px; }

.yx-home-v2__concern-item span {
    color: #a98259;
    font-family: Georgia, serif;
    font-size: 15px;
    letter-spacing: .08em;
}

.yx-home-v2__concern-item strong {
    color: inherit;
    font-family: Georgia, "Noto Serif SC", serif;
    font-weight: 500;
    line-height: 1.45;
}

.yx-home-v2__concern-item em {
    color: inherit;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
}

.yx-home-v2__concern-item--primary {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding: 30px 36px;
}

.yx-home-v2__concern-item--primary strong { max-width: 560px; font-size: clamp(22px, 2vw, 29px); }
.yx-home-v2__concern-item--primary em { display: none; }

.yx-home-v2__concern-secondary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 22px;
    border-top: 1px solid #ded8cf;
    border-left: 1px solid #ded8cf;
}

.yx-home-v2__concern-item--secondary {
    min-height: 132px;
    display: grid;
    align-content: center;
    gap: 15px;
    padding: 24px 28px;
    border-right: 1px solid #ded8cf;
}

.yx-home-v2__concern-item--secondary strong { display: none; }

.yx-home-v2__concern-detail {
    min-height: 224px;
    margin-top: 22px;
    padding: 38px 44px 42px;
    background: #f1ece4;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .18s ease, transform .18s ease;
}

.yx-home-v2__concern-detail.is-changing { opacity: 0; transform: translateY(4px); }

.yx-home-v2__concern-detail-meta {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    color: #907453;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
}

.yx-home-v2__concern-detail-meta b { font-weight: inherit; }

.yx-home-v2__concern-detail h3 {
    max-width: 820px;
    margin: 0;
    color: #2f3d37;
    font-family: Georgia, "Noto Serif SC", serif;
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 500;
    line-height: 1.4;
}

.yx-home-v2__concern-detail > p {
    max-width: 920px;
    margin: 16px 0 0;
    color: #616b66;
    font-size: 16px;
    line-height: 1.9;
}

.yx-home-v2__concerns.is-motion-ready:not(.is-in-view) .yx-home-v2__concern-heading > * {
    opacity: 0;
    transform: translateY(18px);
}

.yx-home-v2__concerns.is-motion-ready .yx-home-v2__concern-heading > * {
    transition: opacity .76s cubic-bezier(.22,1,.36,1), transform .76s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__concerns.is-motion-ready .yx-home-v2__concern-heading > :nth-child(2) { transition-delay: .08s; }
.yx-home-v2__concerns.is-motion-ready .yx-home-v2__concern-heading > :nth-child(3) { transition-delay: .16s; }

.yx-home-v2__concerns.is-motion-ready:not(.is-in-view) .yx-home-v2__concern-media {
    clip-path: inset(0 0 100% 0);
}

.yx-home-v2__concerns.is-motion-ready .yx-home-v2__concern-media {
    transition: clip-path 1.1s .18s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__concerns.is-motion-ready:not(.is-in-view) .yx-home-v2__concern-item {
    opacity: 0;
    transform: translateX(-8px);
}

.yx-home-v2__concerns.is-motion-ready .yx-home-v2__concern-item {
    transition-delay: calc(.42s + var(--concern-index) * 70ms);
}

.yx-home-v2__concerns.is-in-view .yx-home-v2__concern-item {
    transition-delay: 0s;
}

@media (max-width: 980px) {
    .yx-home-v2__concern-heading { margin-bottom: 64px; }
    .yx-home-v2__concern-top { grid-template-columns: 1fr; }
    .yx-home-v2__concern-media { min-height: 0; aspect-ratio: 4 / 3; }
    .yx-home-v2__concern-primary { grid-template-rows: none; }
    .yx-home-v2__concern-item--primary { min-height: 150px; }
}

@media (max-width: 620px) {
    .yx-home-v2__concerns { padding: 76px 0; }
    .yx-home-v2__concern-heading { margin-bottom: 46px; text-align: left; }
    .yx-home-v2__concern-heading h2 { font-size: 38px; }
    .yx-home-v2__concern-heading > p:last-child { margin-top: 22px; font-size: 15px; }
    .yx-home-v2__concern-heading > p:last-child br { display: none; }
    .yx-home-v2__concern-stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .yx-home-v2__concern-top,
    .yx-home-v2__concern-primary,
    .yx-home-v2__concern-secondary { display: contents; }
    .yx-home-v2__concern-media { grid-column: 1 / -1; aspect-ratio: 4 / 5; margin-bottom: 24px; }
    .yx-home-v2__concern-item {
        min-height: 104px;
        display: grid;
        grid-template-columns: 1fr;
        align-content: center;
        gap: 9px;
        padding: 18px 16px;
        border-top: 1px solid #ded8cf;
        border-right: 1px solid #ded8cf;
    }
    .yx-home-v2__concern-item:nth-of-type(odd) { border-left: 1px solid #ded8cf; }
    .yx-home-v2__concern-item strong { display: none; }
    .yx-home-v2__concern-item em { display: block; font-size: 15px; }
    .yx-home-v2__concern-detail {
        min-height: 300px;
        grid-column: 1 / -1;
        margin-top: 20px;
        padding: 28px 24px 32px;
    }
    .yx-home-v2__concern-detail-meta { margin-bottom: 14px; }
    .yx-home-v2__concern-detail h3 { font-size: 25px; }
    .yx-home-v2__concern-detail > p { font-size: 15px; line-height: 1.85; }
}

/* Desktop one-screen composition: keep the six choices and shared answer together. */
@media (min-width: 981px) {
    .yx-home-v2__concerns { padding: 52px 0; }
    .yx-home-v2__concern-heading { margin-bottom: 34px; }
    .yx-home-v2__concern-heading .yx-home-v2__eyebrow { margin-bottom: 10px; font-size: 10px; }
    .yx-home-v2__concern-heading h2 { font-size: clamp(36px, 3.2vw, 48px); line-height: 1.16; }
    .yx-home-v2__concern-heading > p:last-child { margin-top: 14px; font-size: 15px; line-height: 1.6; }
    .yx-home-v2__concern-top { gap: 18px; }
    .yx-home-v2__concern-media { min-height: 320px; height: 320px; }
    .yx-home-v2__concern-item--primary {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 16px;
        padding: 14px 26px;
    }
    .yx-home-v2__concern-item--primary strong { font-size: clamp(18px, 1.55vw, 22px); line-height: 1.35; }
    .yx-home-v2__concern-secondary { margin-top: 14px; }
    .yx-home-v2__concern-item--secondary {
        min-height: 78px;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        align-content: center;
        gap: 10px;
        padding: 12px 22px;
    }
    .yx-home-v2__concern-item--secondary em { font-size: 15px; }
    .yx-home-v2__concern-detail {
        min-height: 142px;
        margin-top: 14px;
        padding: 20px 30px 22px;
    }
    .yx-home-v2__concern-detail-meta { margin-bottom: 7px; }
    .yx-home-v2__concern-detail h3 { font-size: clamp(22px, 2vw, 27px); line-height: 1.32; }
    .yx-home-v2__concern-detail > p { margin-top: 7px; font-size: 15px; line-height: 1.65; }
}

/* Comparison variants live only on the noindex preview URL. */
.yx-home-v2--hero-split .yx-home-v2__hero {
    background: #fff;
}

.yx-home-v2--hero-full .yx-home-v2__hero {
    min-height: min(820px, 88vh);
    display: flex;
    padding: 0;
    background: #f7f5f0;
    isolation: isolate;
}

.yx-home-v2--hero-full .yx-home-v2__hero::after {
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(250,252,249,.94) 0%, rgba(250,252,249,.84) 32%, rgba(250,252,249,.36) 55%, rgba(250,252,249,.04) 78%);
    content: "";
}

.yx-home-v2--hero-full .yx-home-v2__hero-layout {
    min-height: min(820px, 88vh);
    display: flex;
    align-items: center;
    padding: 72px 0;
}

.yx-home-v2--hero-full .yx-home-v2__hero-copy {
    position: relative;
    z-index: 2;
    width: min(48%, 610px);
    max-width: 610px;
    padding-left: clamp(0px, 1.8vw, 24px);
}

.yx-home-v2--hero-full .yx-home-v2__hero-media {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
}

.yx-home-v2--hero-full .yx-home-v2__hero-media::after {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(28,39,34,.12));
}

.yx-home-v2--hero-full .yx-home-v2__hero-media img {
    object-position: center;
    filter: saturate(.96) contrast(1.01) brightness(1.01);
}

.yx-home-v2--hero-full .yx-home-v2__hero-media figcaption {
    right: 34px;
    bottom: 28px;
}

.yx-home-v2__concerns,
.yx-home-v2__concern-heading h2,
.yx-home-v2__concern-item,
.yx-home-v2__concern-item span,
.yx-home-v2__concern-item strong,
.yx-home-v2__concern-detail h3,
.yx-home-v2__concern-detail > p {
    font-family: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
}

@media (min-width: 981px) {
    .yx-home-v2--concern-panel .yx-home-v2__concern-stage {
        display: grid;
        grid-template-columns: minmax(340px, 38fr) minmax(0, 62fr);
        grid-template-rows: 300px 300px;
        gap: 16px 18px;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-top { display: contents; }

    .yx-home-v2--concern-panel .yx-home-v2__concern-media {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        height: 300px;
        min-height: 0;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-primary {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-secondary {
        grid-column: 1;
        grid-row: 2;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, minmax(0, 1fr));
        min-width: 0;
        margin: 0;
        border-top: 0;
        border-left: 0;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-item--primary,
    .yx-home-v2--concern-panel .yx-home-v2__concern-item--secondary {
        min-height: 0;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
        align-content: center;
        align-items: center;
        padding: 14px 22px;
        border-right: 0;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-item strong { display: none; }
    .yx-home-v2--concern-panel .yx-home-v2__concern-item em { display: block; font-size: 16px; }

    .yx-home-v2--concern-panel .yx-home-v2__concern-detail {
        grid-column: 2;
        grid-row: 2;
        min-width: 0;
        min-height: 300px;
        margin: 0;
        padding: 34px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-detail h3 {
        font-size: clamp(25px, 2.2vw, 32px);
        line-height: 1.4;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-detail > p {
        margin-top: 14px;
        font-size: 16px;
        line-height: 1.8;
    }
}

@media (max-width: 980px) {
    .yx-home-v2--hero-full .yx-home-v2__hero { min-height: 720px; }
    .yx-home-v2--hero-full .yx-home-v2__hero-layout { min-height: 720px; padding: 72px 0; }
    .yx-home-v2--hero-full .yx-home-v2__hero-copy { width: min(82%, 610px); }
    .yx-home-v2--hero-full .yx-home-v2__hero::after {
        background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.78) 64%, rgba(255,255,255,.24));
    }
}

@media (max-width: 620px) {
    .yx-home-v2--hero-full .yx-home-v2__hero,
    .yx-home-v2--hero-full .yx-home-v2__hero-layout { min-height: 760px; }
    .yx-home-v2--hero-full .yx-home-v2__hero-copy { width: 100%; padding: 0; }
    .yx-home-v2--hero-full .yx-home-v2__hero::after {
        background: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.96) 58%, rgba(255,255,255,.98) 100%);
    }
    .yx-home-v2--hero-full .yx-home-v2__hero-media img { object-position: 60% center; }
}

/* 04 Scented scenes: visual release between diagnosis of concerns and the brief. */
.yx-home-v2__scenes {
    padding: 124px 0 138px;
    background: #f3f5f2;
}

.yx-home-v2__scenes .yx-home-v2__scenes-title-container {
    width: min(1280px, calc(100% - 64px));
}

.yx-home-v2__scenes .yx-home-v2__scenes-gallery {
    width: min(calc(100% - 96px), 1440px);
}

.yx-home-v2__scenes-heading {
    max-width: 780px;
    margin-bottom: 66px;
    padding-left: clamp(0px, 1.8vw, 24px);
}

.yx-home-v2__scenes-heading h2 {
    max-width: 700px;
}

.yx-home-v2__scenes-heading > p:last-child {
    max-width: 760px;
}

.yx-home-v2__scene-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr 1fr;
    grid-template-rows: repeat(4, minmax(145px, 10.8vw));
    gap: 16px;
}

.yx-home-v2__scene {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    clip-path: inset(7% 0 7% 0);
}

.yx-home-v2__scene--hotel { grid-column: 1 / 3; grid-row: 1 / 3; }
.yx-home-v2__scene--office { grid-column: 3; grid-row: 1; }
.yx-home-v2__scene--spa { grid-column: 3; grid-row: 2; }
.yx-home-v2__scene--public { grid-column: 1; grid-row: 3 / 5; }
.yx-home-v2__scene--retail { grid-column: 2; grid-row: 3 / 5; }
.yx-home-v2__scene--ktv { grid-column: 3; grid-row: 3 / 5; }

.yx-home-v2__scene img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(.82) contrast(.94) brightness(1.02);
    transform: scale(1.025);
    transition: transform 1s cubic-bezier(.22,1,.36,1), filter .6s ease;
}

.yx-home-v2__scene--hotel img { object-position: center center; }
.yx-home-v2__scene--office img { object-position: center 58%; }
.yx-home-v2__scene--public img { object-position: center bottom; }
.yx-home-v2__scene--ktv img { object-position: center center; }

.yx-home-v2__scene::after {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
}

.yx-home-v2__scene--hotel::after,
.yx-home-v2__scene--retail::after {
    background: linear-gradient(20deg, rgba(20,28,25,.68) 0%, rgba(20,28,25,.24) 42%, transparent 70%);
}

.yx-home-v2__scene--office::after {
    background: linear-gradient(160deg, rgba(20,28,25,.64) 0%, rgba(20,28,25,.18) 52%, transparent 78%);
}

.yx-home-v2__scene--spa::after {
    background: linear-gradient(330deg, rgba(20,28,25,.68) 0%, rgba(20,28,25,.2) 50%, transparent 76%);
}

.yx-home-v2__scene--public::after {
    background: linear-gradient(205deg, rgba(20,28,25,.66) 0%, rgba(20,28,25,.2) 48%, transparent 74%);
}

.yx-home-v2__scene--ktv::after {
    background: linear-gradient(18deg, rgba(20,28,25,.76) 0%, rgba(20,28,25,.24) 54%, transparent 78%);
}

.yx-home-v2__scene-copy {
    position: absolute;
    z-index: 1;
    width: min(70%, 520px);
    display: grid;
    gap: 8px;
    padding: 0;
}

.yx-home-v2__scene--hotel .yx-home-v2__scene-copy,
.yx-home-v2__scene--retail .yx-home-v2__scene-copy { left: 38px; bottom: 34px; }
.yx-home-v2__scene--office .yx-home-v2__scene-copy { top: 26px; left: 28px; }
.yx-home-v2__scene--spa .yx-home-v2__scene-copy { right: 28px; bottom: 24px; text-align: right; }
.yx-home-v2__scene--public .yx-home-v2__scene-copy { top: 30px; right: 30px; text-align: right; }
.yx-home-v2__scene--ktv .yx-home-v2__scene-copy { left: 28px; bottom: 28px; }

.yx-home-v2__scene-copy small {
    color: rgba(255,255,255,.78);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
}

.yx-home-v2__scene-copy strong {
    color: #fff;
    font-family: "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
    font-size: clamp(22px, 2.1vw, 32px);
    font-weight: 500;
    line-height: 1.25;
}

.yx-home-v2__scene--office .yx-home-v2__scene-copy strong,
.yx-home-v2__scene--spa .yx-home-v2__scene-copy strong { font-size: clamp(18px, 1.5vw, 23px); }

.yx-home-v2__scene-copy em {
    color: rgba(255,255,255,.82);
    font-size: 14px;
    font-style: normal;
    line-height: 1.6;
    transform: translateY(5px);
    transition: transform .5s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__scene--office .yx-home-v2__scene-copy em,
.yx-home-v2__scene--spa .yx-home-v2__scene-copy em { display: none; }

.yx-home-v2__scene-copy i {
    color: rgba(255,255,255,.92);
    font-size: 12px;
    font-style: normal;
    opacity: 0;
    transform: translateX(-8px);
    transition: opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__scene:hover img { transform: scale(1.06); }
.yx-home-v2__scene:hover .yx-home-v2__scene-copy em { transform: translateY(0); }
.yx-home-v2__scene:hover .yx-home-v2__scene-copy i { opacity: 1; transform: translateX(0); }

.yx-home-v2__scene[data-yx-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: clip-path 1s cubic-bezier(.22,1,.36,1), opacity .75s ease, transform .9s cubic-bezier(.22,1,.36,1);
}

.yx-home-v2__scene[data-yx-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
    clip-path: inset(0);
}

.yx-home-v2__scene--hotel[data-yx-reveal] { transition-delay: .08s; }
.yx-home-v2__scene--office[data-yx-reveal] { transition-delay: .18s; }
.yx-home-v2__scene--retail[data-yx-reveal] { transition-delay: .25s; }
.yx-home-v2__scene--spa[data-yx-reveal] { transition-delay: .32s; }
.yx-home-v2__scene--public[data-yx-reveal] { transition-delay: .38s; }
.yx-home-v2__scene--ktv[data-yx-reveal] { transition-delay: .44s; }

.yx-home-v2__scenes-followup {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(420px, 1.35fr) auto;
    gap: 36px;
    align-items: center;
    margin-top: 52px;
    padding: 29px 38px;
    border-top: 1px solid rgba(29,75,62,.12);
    border-bottom: 1px solid rgba(29,75,62,.1);
    background: linear-gradient(110deg, rgba(225,233,225,.72) 0%, rgba(242,241,234,.48) 100%);
}

.yx-home-v2__scenes-followup > div { display: grid; gap: 8px; }
.yx-home-v2__scenes-followup small { color: #8f6f4f; font-size: 10px; font-weight: 700; letter-spacing: .18em; }
.yx-home-v2__scenes-followup strong { color: #263b34; font-size: 22px; font-weight: 600; line-height: 1.35; }
.yx-home-v2__scenes-followup p { margin: 0; color: #5d6964; font-size: 15px; line-height: 1.75; }
.yx-home-v2__scenes-followup a {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: 12px;
    padding: 9px 0 8px;
    border-bottom: 1px solid rgba(29,75,62,.35);
    color: #1d4b3e;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: color .3s ease, border-color .3s ease;
}
.yx-home-v2__scenes-followup a span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid rgba(29,75,62,.3);
    border-radius: 50%;
    font-size: 15px;
    animation: yx-home-v2-followup-down 1.8s ease-in-out infinite;
}
.yx-home-v2__scenes-followup a:hover { color: #a36c46; border-color: #a36c46; }
.yx-home-v2__scenes-followup a:hover span { border-color: currentColor; }

@keyframes yx-home-v2-followup-down {
    0%, 100% { transform: translateY(-1px); }
    50% { transform: translateY(3px); }
}

#yx-home-v2-diagnosis { scroll-margin-top: 72px; }

@media (max-width: 980px) {
    .yx-home-v2__scenes { padding: 104px 0 116px; }
    .yx-home-v2__scenes .yx-home-v2__scenes-title-container,
    .yx-home-v2__scenes .yx-home-v2__scenes-gallery { width: min(calc(100% - 40px), 880px); }
    .yx-home-v2__scenes-heading { padding-left: 0; }
    .yx-home-v2__scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
    .yx-home-v2__scene { grid-column: auto; grid-row: auto; aspect-ratio: 4 / 5; }
    .yx-home-v2__scene--hotel,
    .yx-home-v2__scene--retail,
    .yx-home-v2__scene--public,
    .yx-home-v2__scene--ktv { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
    .yx-home-v2__scene-copy,
    .yx-home-v2__scene--hotel .yx-home-v2__scene-copy,
    .yx-home-v2__scene--office .yx-home-v2__scene-copy,
    .yx-home-v2__scene--spa .yx-home-v2__scene-copy,
    .yx-home-v2__scene--retail .yx-home-v2__scene-copy,
    .yx-home-v2__scene--public .yx-home-v2__scene-copy,
    .yx-home-v2__scene--ktv .yx-home-v2__scene-copy {
        top: auto;
        right: auto;
        bottom: 26px;
        left: 26px;
        width: min(76%, 520px);
        text-align: left;
    }
    .yx-home-v2__scene--office .yx-home-v2__scene-copy em,
    .yx-home-v2__scene--spa .yx-home-v2__scene-copy em { display: block; }
    .yx-home-v2__scenes-followup { grid-template-columns: 1fr 1.35fr; }
    .yx-home-v2__scenes-followup a { grid-column: 1 / -1; justify-self: end; }
}

@media (max-width: 620px) {
    .yx-home-v2__scenes { padding: 82px 0 92px; }
    .yx-home-v2__scenes .yx-home-v2__scenes-title-container,
    .yx-home-v2__scenes .yx-home-v2__scenes-gallery { width: min(calc(100% - 32px), 520px); }
    .yx-home-v2__scenes-heading { margin-bottom: 42px; }
    .yx-home-v2__scenes-heading h2 { font-size: 38px; }
    .yx-home-v2__scene-grid { grid-template-columns: 1fr; gap: 12px; }
    .yx-home-v2__scene,
    .yx-home-v2__scene--hotel,
    .yx-home-v2__scene--retail,
    .yx-home-v2__scene--public,
    .yx-home-v2__scene--ktv { grid-column: auto; aspect-ratio: 16 / 10; }
    .yx-home-v2__scene--hotel { aspect-ratio: 4 / 3; }
    .yx-home-v2__scene-copy,
    .yx-home-v2__scene--hotel .yx-home-v2__scene-copy,
    .yx-home-v2__scene--office .yx-home-v2__scene-copy,
    .yx-home-v2__scene--spa .yx-home-v2__scene-copy,
    .yx-home-v2__scene--retail .yx-home-v2__scene-copy,
    .yx-home-v2__scene--public .yx-home-v2__scene-copy,
    .yx-home-v2__scene--ktv .yx-home-v2__scene-copy {
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }
    .yx-home-v2__scene-copy strong,
    .yx-home-v2__scene--office .yx-home-v2__scene-copy strong,
    .yx-home-v2__scene--spa .yx-home-v2__scene-copy strong { font-size: 22px; }
    .yx-home-v2__scene-copy em { font-size: 13px; line-height: 1.5; }
    .yx-home-v2__scene-copy i { display: none; }
    .yx-home-v2__scenes-followup { display: block; margin-top: 34px; padding: 26px 24px 28px; }
    .yx-home-v2__scenes-followup p { margin-top: 16px; }
    .yx-home-v2__scenes-followup a { display: inline-flex; margin-top: 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__scenes-followup a span { animation: none; }
}

/* Keep the new brief module above legacy diagnosis declarations in the cascade. */
.yx-home-v2 .yx-home-v2__section--diagnosis {
    min-height: 760px;
    padding: 0 !important;
    background: #fafbf7;
    color: #29443b;
}

.yx-home-v2 .yx-home-v2__diagnosis-layout {
    grid-template-columns: minmax(480px,.9fr) minmax(600px,1.1fr);
    gap: 48px;
    min-height: 760px;
    padding-top: 96px;
    padding-bottom: 96px;
}

.yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2 { color: #274238; }
.yx-home-v2 .yx-home-v2__section--diagnosis .yx-home-v2__diagnosis-note { color: rgba(39,66,56,.58); }

@media (max-width: 1180px) {
    .yx-home-v2 .yx-home-v2__diagnosis-layout { grid-template-columns: minmax(340px,.85fr) minmax(540px,1.15fr); gap: 38px; }
}

@media (max-width: 960px) {
    .yx-home-v2 .yx-home-v2__diagnosis-layout { grid-template-columns: 1fr; gap: 52px; padding-top: 84px; padding-bottom: 84px; }
}

@media (max-width: 720px) {
    .yx-home-v2 .yx-home-v2__section--diagnosis { min-height: 0; }
    .yx-home-v2 .yx-home-v2__diagnosis-layout { gap: 46px; min-height: 0; padding-top: 68px; padding-bottom: 72px; }
}

/* B comparison: map left, copy right. Mobile keeps copy-first reading order. */
@media (min-width: 961px) {
    .yx-home-v2 .yx-home-v2__section--brief-right .yx-home-v2__diagnosis-layout {
        grid-template-columns: minmax(600px,1.1fr) minmax(480px,.9fr);
    }

    .yx-home-v2__section--brief-right .yx-home-v2__brief-map {
        grid-column: 1;
        grid-row: 1;
    }

    .yx-home-v2__section--brief-right .yx-home-v2__brief-content {
        grid-column: 2;
        grid-row: 1;
    }

    .yx-home-v2__section--brief-right .yx-home-v2__brief-background {
        transform: scale(1.035) scaleX(-1);
    }

    .yx-home-v2__section--brief-right.is-inview .yx-home-v2__brief-background {
        transform: scale(1) scaleX(-1);
    }
}

@media (min-width: 961px) and (max-width: 1180px) {
    .yx-home-v2 .yx-home-v2__section--brief-right .yx-home-v2__diagnosis-layout {
        grid-template-columns: minmax(540px,1.15fr) minmax(340px,.85fr);
    }
}

@media (min-width: 1181px) {
    .yx-home-v2__section--brief-right .yx-home-v2__brief-content {
        --yx-brief-copy-inset: clamp(68px,4.8vw,88px);
        width: calc(100% - var(--yx-brief-copy-inset));
        margin-left: var(--yx-brief-copy-inset);
    }
}

/* 02 / desktop: align the chapter heading with the right image-and-answer column. */
@media (min-width: 981px) {
    .yx-home-v2--concern-panel .yx-home-v2__concern-heading {
        width: calc((100% - 18px) * .62);
        max-width: none;
        margin-right: 0;
        margin-left: auto;
        text-align: right;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-heading h2 {
        font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
        font-size: clamp(34px,3.4vw,52px);
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: -.02em;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-heading > p:last-child {
        max-width: 680px;
        margin-right: 0;
        margin-left: auto;
        text-align: right;
    }
}

/* Shared section-title scale for the redesigned modules. Hero remains larger. */
.yx-home-v2 .yx-home-v2__concern-heading h2,
.yx-home-v2 .yx-home-v2__scenes-heading h2,
.yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2,
.yx-home-v2 .yx-home-v2__scent-heading h2,
.yx-home-v2 .yx-home-v2__equipment-heading h2 {
    font-size: clamp(36px, 3vw, 42px);
    line-height: 1.25;
}

@media (max-width: 960px) {
    .yx-home-v2 .yx-home-v2__concern-heading h2,
    .yx-home-v2 .yx-home-v2__scenes-heading h2,
    .yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2,
    .yx-home-v2 .yx-home-v2__scent-heading h2,
    .yx-home-v2 .yx-home-v2__equipment-heading h2 {
        font-size: 32px;
        line-height: 1.28;
    }
}

@media (max-width: 620px) {
    .yx-home-v2 .yx-home-v2__concern-heading h2,
    .yx-home-v2 .yx-home-v2__scenes-heading h2,
    .yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2,
    .yx-home-v2 .yx-home-v2__scent-heading h2,
    .yx-home-v2 .yx-home-v2__equipment-heading h2 {
        font-size: 30px;
        line-height: 1.3;
    }
}

@media (min-width: 961px) {
    .yx-home-v2--concern-panel .yx-home-v2__concern-heading {
        width: 100%;
    }

    .yx-home-v2 .yx-home-v2__concern-heading h2,
    .yx-home-v2 .yx-home-v2__scenes-heading h2 {
        max-width: none;
        white-space: nowrap;
    }
}

/* 07 / equipment selection: architectural section with interactive engineering markers. */
.yx-home-v2__section--equipment {
    padding: clamp(64px, 5.2vw, 78px) 0;
    overflow: hidden;
    background: #fff;
}

.yx-home-v2__equipment-container {
    width: min(1440px, calc(100% - 48px));
}

.yx-home-v2__equipment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(430px, .88fr);
    align-items: center;
    gap: clamp(36px, 4vw, 58px);
}

.yx-home-v2__equipment-diagram {
    position: relative;
    min-width: 0;
    margin: 0;
    width: min(100%, 840px);
    margin: 0 auto;
    aspect-ratio: 16 / 10;
    overflow: visible;
}

.yx-home-v2__equipment-diagram img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.yx-home-v2__equipment-diagram figcaption {
    position: absolute;
    bottom: -22px;
    left: 3%;
    color: #9a9d99;
    font-size: 11px;
    letter-spacing: .04em;
}

.yx-home-v2__equipment-mark {
    position: absolute;
    z-index: 2;
    display: flex;
    width: auto;
    height: auto;
    align-items: center;
    gap: 7px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #505955;
    opacity: .76;
    transform: translateY(2px);
    transition: color 360ms ease, opacity 360ms ease, transform 360ms ease;
    pointer-events: none;
}

.yx-home-v2__equipment-mark i {
    position: relative;
    display: block;
    width: 42px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 720ms cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__equipment-mark i::before {
    position: absolute;
    top: -3px;
    left: 0;
    width: 7px;
    height: 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: #fff;
    content: "";
}

.yx-home-v2__equipment-mark b {
    padding: 4px 7px;
    background: rgba(255, 255, 255, .9);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.yx-home-v2__section--equipment.is-inview .yx-home-v2__equipment-mark i {
    transform: scaleX(1);
}

.yx-home-v2__equipment-mark.is-active {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #bd741c;
    opacity: 1;
    transform: translateY(0);
}

.yx-home-v2__equipment-mark.is-active i::before {
    box-shadow: 0 0 0 5px rgba(189, 122, 34, .12);
}

.yx-home-v2__equipment-mark--height {
    top: 13%;
    bottom: 8%;
    left: 4%;
    display: block;
    width: 70px;
}

.yx-home-v2__equipment-mark--height i {
    position: absolute;
    top: 0;
    right: 9px;
    width: 1px;
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom center;
}

.yx-home-v2__equipment-mark--height i::before {
    top: -3px;
    right: -3px;
    left: auto;
}

.yx-home-v2__equipment-mark--height i::after {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 7px;
    height: 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: #fff;
    content: "";
}

.yx-home-v2__equipment-mark--height b {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.yx-home-v2__section--equipment.is-inview .yx-home-v2__equipment-mark--height i {
    transform: scaleY(1);
}
.yx-home-v2__equipment-mark--vent {
    top: 2%;
    left: 44%;
    display: block;
    width: 92px;
    height: 62px;
}

.yx-home-v2__equipment-mark--vent b {
    position: absolute;
    top: 0;
    right: 0;
}

.yx-home-v2__equipment-mark--vent i {
    position: absolute;
    top: 22px;
    left: 35px;
    width: 1px;
    height: 34px;
    transform: scaleY(0);
    transform-origin: top center;
}

.yx-home-v2__equipment-mark--vent i::before {
    top: auto;
    bottom: -3px;
    left: -3px;
}

.yx-home-v2__section--equipment.is-inview .yx-home-v2__equipment-mark--vent i {
    transform: scaleY(1);
}
.yx-home-v2__equipment-mark--flow { bottom: 5%; left: 25%; flex-direction: row-reverse; }
.yx-home-v2__equipment-mark--flow i { width: 58px; transform-origin: left center; }
.yx-home-v2__equipment-mark--flow i::before { right: 0; left: auto; }
.yx-home-v2__equipment-mark--scent { top: 43%; right: 4%; }
.yx-home-v2__equipment-mark--scent i { width: 72px; }
.yx-home-v2__equipment-mark--device { right: 7%; bottom: 8%; }
.yx-home-v2__equipment-mark--device i { width: 64px; }

.yx-home-v2__equipment-flow-route {
    position: absolute;
    z-index: 2;
    inset: 0;
    color: rgba(76, 85, 80, .72);
    opacity: .58;
    transition: color 360ms ease, opacity 360ms ease;
    pointer-events: none;
}

.yx-home-v2__equipment-flow-segment {
    position: absolute;
    display: block;
    height: 1px;
    border-top: 1px dashed currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 720ms cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__equipment-flow-segment::after {
    position: absolute;
    top: -4px;
    right: -1px;
    width: 7px;
    height: 7px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    content: "";
    transform: rotate(45deg);
}

.yx-home-v2__equipment-flow-segment--entry {
    top: 82%;
    left: 21%;
    width: 26%;
    rotate: -8deg;
}

.yx-home-v2__equipment-flow-segment--desk {
    top: 78.4%;
    left: 46%;
    width: 18%;
    rotate: 1deg;
    transition-delay: 120ms;
}

.yx-home-v2__equipment-flow-segment--lift {
    top: 78%;
    left: 63%;
    width: 12%;
    rotate: -18deg;
    transition-delay: 240ms;
}

.yx-home-v2__section--equipment.is-inview .yx-home-v2__equipment-flow-segment {
    transform: scaleX(1);
}

.yx-home-v2__equipment-flow-node {
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
}

.yx-home-v2__equipment-flow-node--entry { top: 81.5%; left: 20.5%; }
.yx-home-v2__equipment-flow-node--desk { top: 77.7%; left: 45.5%; }
.yx-home-v2__equipment-flow-node--lift { top: 73.8%; left: 74%; }

.yx-home-v2__equipment-flow-route > b {
    position: absolute;
    top: 68%;
    left: 72%;
    padding: 3px 6px;
    background: rgba(255, 255, 255, .9);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.yx-home-v2__equipment-flow-route.is-active {
    color: #bd741c;
    opacity: 1;
}

.yx-home-v2__equipment-copy {
    min-width: 0;
}

.yx-home-v2__equipment-heading {
    max-width: none;
    margin-bottom: 32px;
}

.yx-home-v2__equipment-heading h2 {
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-weight: 500;
    letter-spacing: -.025em;
}

.yx-home-v2__equipment-heading > p:last-child {
    max-width: 600px;
    margin-top: 18px;
    color: #737975;
    font-size: 15px;
    line-height: 1.75;
}

.yx-home-v2__equipment-selector {
    position: relative;
    display: grid;
    gap: 12px;
    padding-left: 20px;
}

.yx-home-v2__equipment-selector::before {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 4px;
    width: 1px;
    background: #e2ded6;
    content: "";
}

.yx-home-v2__equipment-option {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 16px;
    min-height: 86px;
    padding: 16px 18px;
    border: 1px solid #e8e5df;
    border-radius: 5px;
    background: #fff;
    color: #363d39;
    text-align: left;
    cursor: pointer;
    transition: border-color 320ms ease, box-shadow 320ms ease, background 320ms ease;
}

.yx-home-v2__equipment-option::before {
    position: absolute;
    top: 50%;
    left: -22px;
    width: 9px;
    height: 9px;
    border: 1px solid #d7d4ce;
    border-radius: 50%;
    background: #fff;
    content: "";
    transform: translateY(-50%);
    transition: border-color 320ms ease, box-shadow 320ms ease;
}

.yx-home-v2__equipment-option.is-active {
    border-color: #c88832;
    background: #fffdf9;
    box-shadow: 0 16px 34px rgba(103, 83, 53, .08);
}

.yx-home-v2__equipment-option.is-active::before {
    border-color: #c88832;
    box-shadow: inset 0 0 0 2px #fff, 0 0 0 3px #c88832;
}

.yx-home-v2__equipment-number {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 50%;
    background: #f2f0eb;
    color: #777c78;
    font-family: Georgia, serif;
    font-size: 22px;
    transition: background 320ms ease, color 320ms ease;
}

.yx-home-v2__equipment-option.is-active .yx-home-v2__equipment-number {
    background: #f7edde;
    color: #b8701a;
}

.yx-home-v2__equipment-option-copy {
    display: block;
    min-width: 0;
}

.yx-home-v2__equipment-option-copy strong {
    display: block;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 22px;
    font-weight: 500;
}

.yx-home-v2__equipment-option-copy em {
    display: block;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    color: #656c68;
    font-size: 14px;
    font-style: normal;
    line-height: 1.65;
    opacity: 0;
    transform: translateY(4px);
    transition: max-height 420ms ease, margin-top 420ms ease, opacity 300ms ease, transform 360ms ease;
}

.yx-home-v2__equipment-option.is-active .yx-home-v2__equipment-option-copy em {
    max-height: 78px;
    margin-top: 7px;
    opacity: 1;
    transform: translateY(0);
}

.yx-home-v2__equipment-option > i {
    color: #a9ada9;
    font-family: Georgia, serif;
    font-size: 31px;
    font-style: normal;
    font-weight: 300;
}

.yx-home-v2__equipment-option.is-active > i {
    color: #bd7a22;
}

.yx-home-v2__equipment-option:focus-visible {
    outline: 3px solid rgba(189, 122, 34, .28);
    outline-offset: 2px;
}

.yx-home-v2__equipment-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 22px;
    color: #929793;
    font-size: 12px;
}

.yx-home-v2__equipment-footer a {
    color: #31584b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 1080px) {
    .yx-home-v2__equipment-layout {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .yx-home-v2__equipment-diagram {
        width: min(100%, 820px);
        margin: 0 auto;
    }

    .yx-home-v2__equipment-copy {
        width: min(100%, 760px);
        margin: 0 auto;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__section--equipment {
        padding: 56px 0 64px;
    }

    .yx-home-v2__equipment-container {
        width: min(calc(100% - 32px), 520px);
    }

    .yx-home-v2__equipment-layout {
        gap: 44px;
    }

    .yx-home-v2__equipment-diagram {
        width: calc(100% + 16px);
        margin-left: -8px;
        aspect-ratio: 16 / 10;
    }

    .yx-home-v2__equipment-diagram figcaption {
        bottom: -17px;
        font-size: 9px;
    }

    .yx-home-v2__equipment-mark b {
        padding: 3px 4px;
        font-size: 10px;
    }

    .yx-home-v2__equipment-mark i {
        width: 24px;
    }

    .yx-home-v2__equipment-mark--height i,
    .yx-home-v2__equipment-mark--flow i {
        width: 30px;
    }

    .yx-home-v2__equipment-heading {
        margin-bottom: 28px;
    }

    .yx-home-v2__equipment-heading > p:last-child {
        font-size: 14px;
    }

    .yx-home-v2__equipment-selector {
        gap: 10px;
        padding-left: 14px;
    }

    .yx-home-v2__equipment-option {
        grid-template-columns: 46px minmax(0, 1fr) 16px;
        gap: 11px;
        min-height: 72px;
        padding: 13px 12px;
    }

    .yx-home-v2__equipment-option::before {
        left: -16px;
    }

    .yx-home-v2__equipment-number {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .yx-home-v2__equipment-option-copy strong {
        font-size: 19px;
    }

    .yx-home-v2__equipment-option-copy em {
        font-size: 13px;
    }

    .yx-home-v2__equipment-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__equipment-mark,
    .yx-home-v2__equipment-mark i,
    .yx-home-v2__equipment-option,
    .yx-home-v2__equipment-option-copy em {
        transition-duration: 1ms !important;
    }
}

/* Selected projects: category-led proof instead of a generic three-card grid. */
.yx-home-v2__projects {
    position: relative;
    padding: clamp(78px, 7.2vw, 112px) 0 clamp(82px, 7.5vw, 118px);
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 8%, rgba(210, 228, 214, .32), transparent 26%),
        linear-gradient(180deg, #fff 0%, #fbfcfa 58%, #f6f8f5 100%);
}

.yx-home-v2__projects-intro {
    display: grid;
    grid-template-columns: minmax(430px, .88fr) minmax(620px, 1.12fr);
    gap: clamp(48px, 6vw, 96px);
    align-items: end;
}

.yx-home-v2__projects-heading {
    max-width: 690px;
}

.yx-home-v2__projects-heading .yx-home-v2__eyebrow {
    margin-bottom: 16px;
    color: #a56f28;
    letter-spacing: .18em;
}

.yx-home-v2__projects-heading h2 {
    margin: 0;
    color: #263c34;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(33px, 2.75vw, 43px);
    font-weight: 400;
    line-height: 1.28;
    letter-spacing: -.045em;
}

.yx-home-v2__projects-heading h2 span {
    display: block;
    white-space: nowrap;
}

.yx-home-v2__projects-heading > p:last-child {
    max-width: 620px;
    margin: 22px 0 0;
    color: #67736e;
    font-size: 16px;
    line-height: 1.9;
}

.yx-home-v2__projects-strengths {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #dfe5df;
    border-bottom: 1px solid #dfe5df;
}

.yx-home-v2__projects-strengths > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 104px;
    padding: 25px 13px;
    border-left: 1px solid #dfe5df;
}

.yx-home-v2__projects-strengths > div:first-child {
    border-left: 0;
}

.yx-home-v2__projects-strengths span {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(47, 93, 80, .28);
    border-radius: 50%;
    color: #315d50;
    font-family: Georgia, serif;
    font-size: 12px;
}

.yx-home-v2__projects-strengths p,
.yx-home-v2__projects-strengths strong,
.yx-home-v2__projects-strengths small {
    display: block;
    margin: 0;
}

.yx-home-v2__projects-strengths strong {
    color: #29473c;
    font-size: 13px;
    line-height: 1.5;
    white-space: nowrap;
}

.yx-home-v2__projects-strengths small {
    margin-top: 5px;
    color: #84908b;
    font-size: 11px;
    line-height: 1.55;
}

.yx-home-v2__project-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
    margin-top: clamp(44px, 5vw, 68px);
    padding: 5px;
    border: 1px solid #e7ebe7;
    border-radius: 999px;
    background: rgba(240, 243, 239, .86);
}

.yx-home-v2__project-tabs button {
    min-height: 46px;
    padding: 10px 18px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #55635d;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: color .35s ease, background-color .35s ease, box-shadow .35s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__project-tabs button:hover {
    color: #21483d;
}

.yx-home-v2__project-tabs button.is-active {
    background: linear-gradient(135deg, #285b48, #173e30);
    color: #fff;
    box-shadow: 0 12px 26px rgba(32, 75, 58, .22);
}

.yx-home-v2__project-tabs button:focus-visible {
    outline: 3px solid rgba(189, 151, 82, .34);
    outline-offset: 2px;
}

.yx-home-v2__project-panels {
    margin-top: 25px;
}

.yx-home-v2__project-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    animation: yx-project-panel-in .48s cubic-bezier(.22, 1, .36, 1) both;
}

.yx-home-v2__project-panel.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1040px;
    margin-right: auto;
    margin-left: auto;
}

.yx-home-v2__project-panel[hidden] {
    display: none !important;
}

@keyframes yx-project-panel-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.yx-home-v2__project-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e1e7e1;
    border-radius: 14px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 20px 44px rgba(46, 66, 57, .08);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s ease, border-color .45s ease;
}

.yx-home-v2__project-card:hover {
    border-color: #c9d8ce;
    box-shadow: 0 27px 58px rgba(42, 65, 54, .14);
    transform: translateY(-6px);
}

.yx-home-v2__project-media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 6.8;
    overflow: hidden;
    background: #e9eee9;
}

.yx-home-v2__project-media::after {
    position: absolute;
    inset: auto 0 0;
    height: 36%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(20, 42, 32, .18));
    content: "";
}

.yx-home-v2__project-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1), filter .5s ease;
}

.yx-home-v2__project-card:hover .yx-home-v2__project-media img {
    filter: saturate(1.05) contrast(1.02);
    transform: scale(1.045);
}

.yx-home-v2__project-body {
    display: flex;
    flex-direction: column;
    min-height: 355px;
    padding: 19px 22px 22px;
}

.yx-home-v2__project-title-row {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #edf0ed;
}

.yx-home-v2__project-title-row h3 {
    min-width: 0;
    margin: 0;
    color: #244b3b;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}

.yx-home-v2__project-title-row > span {
    flex: 0 0 auto;
    max-width: 44%;
    padding: 5px 9px;
    border: 1px solid #e1d5bf;
    border-radius: 999px;
    color: #9b6d30;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
}

.yx-home-v2__project-body dl {
    display: grid;
    gap: 8px;
    margin: 16px 0 0;
}

.yx-home-v2__project-body dl > div {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.yx-home-v2__project-body dt,
.yx-home-v2__project-body dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.65;
}

.yx-home-v2__project-body dt {
    color: #253b33;
    font-weight: 700;
}

.yx-home-v2__project-body dd {
    color: #68746f;
}

.yx-home-v2__project-link {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 17px;
    color: #20563f;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.yx-home-v2__project-link span {
    transition: transform .3s ease;
}

.yx-home-v2__project-link:hover span {
    transform: translateX(4px);
}

.yx-home-v2__project-brands {
    margin-top: 24px;
    padding: 18px 24px 21px;
    border: 1px solid #e3e8e3;
    border-radius: 12px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 12px 30px rgba(52, 71, 62, .045);
    text-align: center;
}

.yx-home-v2__project-brands > p {
    margin: 0 0 15px;
    color: #43554d;
    font-size: 13px;
    font-weight: 700;
}

.yx-home-v2__project-brands > div {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    align-items: center;
}

.yx-home-v2__project-brands span,
.yx-home-v2__project-brands a {
    min-width: 0;
    padding: 4px 12px;
    border-left: 1px solid #e5e9e5;
    color: #52635c;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
}

.yx-home-v2__project-brands span:first-child {
    border-left: 0;
}

.yx-home-v2__project-brands a {
    display: flex;
    gap: 7px;
    align-items: center;
    justify-content: center;
    color: #24533f;
    font-family: inherit;
    font-size: 12px;
}

.yx-home-v2__project-brands b {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid #b9c9bf;
    border-radius: 50%;
    font-weight: 400;
}

.yx-home-v2__projects-cta {
    position: relative;
    isolation: isolate;
    margin-top: 24px;
    padding: 31px clamp(28px, 5vw, 76px) 34px;
    overflow: hidden;
    border: 1px solid #dfe6df;
    border-radius: 14px;
    background:
        linear-gradient(90deg, rgba(246, 250, 246, .98) 0%, rgba(246, 249, 245, .92) 55%, rgba(241, 247, 240, .64) 100%),
        url("../images/home-v2/diagnosis-botanical-v2.webp") right 42% / cover no-repeat;
    text-align: center;
}

.yx-home-v2__projects-cta::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .84), transparent 60%);
    content: "";
}

.yx-home-v2__projects-cta .yx-home-v2__eyebrow {
    margin: 0 0 7px;
    color: #a17032;
    font-size: 11px;
}

.yx-home-v2__projects-cta h3 {
    margin: 0;
    color: #214a38;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(25px, 2.2vw, 34px);
    font-weight: 500;
    line-height: 1.35;
}

.yx-home-v2__projects-cta > p:not(.yx-home-v2__eyebrow) {
    margin: 7px 0 0;
    color: #66746d;
    font-size: 14px;
}

.yx-home-v2__projects-cta .yx-home-v2__button {
    min-width: 260px;
    justify-content: center;
    margin-top: 18px;
}

@media (max-width: 1180px) {
    .yx-home-v2__projects-intro {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .yx-home-v2__projects-heading {
        max-width: 820px;
    }

    .yx-home-v2__project-title-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .yx-home-v2__project-title-row > span {
        max-width: none;
    }

    .yx-home-v2__project-brands > div {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        row-gap: 16px;
    }

    .yx-home-v2__project-brands span:nth-child(6) {
        border-left: 0;
    }
}

@media (max-width: 820px) {
    .yx-home-v2__projects-strengths {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yx-home-v2__projects-strengths > div:nth-child(3) {
        border-top: 1px solid #dfe5df;
        border-left: 0;
    }

    .yx-home-v2__projects-strengths > div:nth-child(4) {
        border-top: 1px solid #dfe5df;
    }

    .yx-home-v2__project-tabs {
        display: flex;
        gap: 6px;
        margin-right: -5vw;
        padding: 5px 5vw 5px 5px;
        overflow-x: auto;
        border-right: 0;
        border-radius: 999px 0 0 999px;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .yx-home-v2__project-tabs::-webkit-scrollbar,
    .yx-home-v2__project-panel::-webkit-scrollbar {
        display: none;
    }

    .yx-home-v2__project-tabs button {
        flex: 0 0 auto;
        min-width: 138px;
        scroll-snap-align: start;
    }

    .yx-home-v2__project-panel,
    .yx-home-v2__project-panel.is-compact {
        grid-template-columns: none;
        grid-auto-columns: minmax(300px, 82vw);
        grid-auto-flow: column;
        gap: 16px;
        max-width: none;
        margin-right: -5vw;
        padding-right: 5vw;
        overflow-x: auto;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
    }

    .yx-home-v2__project-card {
        scroll-snap-align: start;
    }

    .yx-home-v2__project-brands > div {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .yx-home-v2__project-brands span:nth-child(4),
    .yx-home-v2__project-brands span:nth-child(7) {
        border-left: 0;
    }

    .yx-home-v2__project-brands span:nth-child(6) {
        border-left: 1px solid #e5e9e5;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__projects {
        padding: 68px 0 76px;
    }

    .yx-home-v2__projects-heading h2 {
        font-size: clamp(31px, 9vw, 38px);
        line-height: 1.34;
    }

    .yx-home-v2__projects-heading h2 span {
        white-space: normal;
    }

    .yx-home-v2__projects-heading > p:last-child {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.8;
    }

    .yx-home-v2__projects-strengths > div {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
        min-height: 112px;
        padding: 19px 12px;
    }

    .yx-home-v2__projects-strengths span {
        width: 30px;
        height: 30px;
    }

    .yx-home-v2__projects-strengths strong {
        font-size: 13px;
    }

    .yx-home-v2__project-tabs {
        margin-top: 38px;
    }

    .yx-home-v2__project-panel,
    .yx-home-v2__project-panel.is-compact {
        grid-auto-columns: minmax(282px, 88vw);
    }

    .yx-home-v2__project-body {
        min-height: 380px;
        padding: 18px;
    }

    .yx-home-v2__project-body dl > div {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 8px;
    }

    .yx-home-v2__project-brands {
        padding: 18px 14px 20px;
    }

    .yx-home-v2__project-brands > div {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 14px;
    }

    .yx-home-v2__project-brands span,
    .yx-home-v2__project-brands a {
        min-height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .yx-home-v2__project-brands span:nth-child(odd) {
        border-left: 0;
    }

    .yx-home-v2__project-brands span:nth-child(even) {
        border-left: 1px solid #e5e9e5;
    }

    .yx-home-v2__projects-cta {
        padding: 27px 18px 30px;
    }

    .yx-home-v2__projects-cta .yx-home-v2__button {
        width: 100%;
        min-width: 0;
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__project-panel {
        animation: none;
    }

    .yx-home-v2__project-card,
    .yx-home-v2__project-media img,
    .yx-home-v2__project-link span,
    .yx-home-v2__project-tabs button {
        transition-duration: 1ms !important;
    }
}

/* Compact brand facts: factual reassurance after proof, not another brand hero. */
.yx-home-v2__brand-facts {
    padding: clamp(62px, 5.5vw, 84px) 0 0;
    background: #fff;
}

.yx-home-v2__brand-facts-layout {
    display: grid;
    grid-template-columns: minmax(260px, .34fr) minmax(0, .66fr);
    gap: clamp(50px, 7vw, 110px);
    padding-bottom: clamp(42px, 4vw, 58px);
    border-bottom: 1px solid #dfe5e0;
}

.yx-home-v2__brand-facts-heading .yx-home-v2__eyebrow {
    margin-bottom: 12px;
    color: #a16f30;
}

.yx-home-v2__brand-facts-heading h2 {
    margin: 0;
    color: #273f36;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(32px, 3vw, 43px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.035em;
}

.yx-home-v2__brand-facts-heading > p:last-child {
    margin: 15px 0 0;
    color: #587067;
    font-size: 14px;
    letter-spacing: .04em;
}

.yx-home-v2__brand-facts-copy {
    max-width: 850px;
}

.yx-home-v2__brand-facts-copy p {
    margin: 0;
    color: #68736e;
    font-size: 15px;
    line-height: 1.9;
}

.yx-home-v2__brand-facts-copy p + p {
    margin-top: 10px;
}

.yx-home-v2__brand-facts-copy .yx-home-v2__brand-facts-lead {
    margin-bottom: 16px;
    color: #2d473d;
    font-size: 17px;
    line-height: 1.85;
}

.yx-home-v2__brand-facts-lead strong {
    font-weight: 600;
}

.yx-home-v2__brand-facts-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #dfe5e0;
    list-style: none;
}

.yx-home-v2__brand-facts-list li {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    min-height: 82px;
    padding: 18px 24px;
    border-left: 1px solid #dfe5e0;
}

.yx-home-v2__brand-facts-list li:first-child {
    border-left: 0;
}

.yx-home-v2__brand-facts-list span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #c9d5ce;
    border-radius: 50%;
    color: #416456;
    font-family: Georgia, serif;
    font-size: 11px;
}

.yx-home-v2__brand-facts-list strong {
    color: #345247;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

/* FAQ: visible native details and schema content share the same PHP source. */
.yx-home-v2__faq {
    padding: clamp(78px, 7vw, 108px) 0;
    background:
        radial-gradient(circle at 9% 16%, rgba(213, 228, 216, .38), transparent 28%),
        #f7f8f5;
}

.yx-home-v2__faq-layout {
    display: grid;
    grid-template-columns: minmax(310px, .36fr) minmax(0, .64fr);
    gap: clamp(54px, 8vw, 126px);
    align-items: start;
}

.yx-home-v2__faq-heading {
    position: sticky;
    top: 112px;
    max-width: 440px;
}

.yx-home-v2__faq-heading .yx-home-v2__eyebrow {
    margin-bottom: 14px;
    color: #a16f30;
}

.yx-home-v2__faq-heading h2 {
    margin: 0;
    color: #294238;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(34px, 3.1vw, 46px);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: -.04em;
}

.yx-home-v2__faq-heading > p:not(.yx-home-v2__eyebrow) {
    margin: 20px 0 0;
    color: #6f7974;
    font-size: 15px;
    line-height: 1.85;
}

.yx-home-v2__faq-heading > a {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    margin-top: 25px;
    color: #285944;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.yx-home-v2__faq-heading > a span {
    transition: transform .3s ease;
}

.yx-home-v2__faq-heading > a:hover span {
    transform: translateX(4px);
}

.yx-home-v2__faq-list {
    border-top: 1px solid #cad5ce;
}

.yx-home-v2__faq-item {
    border-bottom: 1px solid #cad5ce;
    background: transparent;
}

.yx-home-v2__faq-item summary {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 28px;
    gap: 14px;
    align-items: center;
    min-height: 73px;
    padding: 16px 3px;
    color: #2e453c;
    cursor: pointer;
    list-style: none;
}

.yx-home-v2__faq-item summary::-webkit-details-marker {
    display: none;
}

.yx-home-v2__faq-item summary > span {
    color: #a2763d;
    font-family: Georgia, serif;
    font-size: 12px;
    letter-spacing: .08em;
}

.yx-home-v2__faq-item summary strong {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.55;
}

.yx-home-v2__faq-item summary i {
    position: relative;
    width: 26px;
    height: 26px;
    border: 1px solid #b9c8bf;
    border-radius: 50%;
}

.yx-home-v2__faq-item summary i::before,
.yx-home-v2__faq-item summary i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: #416557;
    content: "";
    transform: translate(-50%, -50%);
    transition: transform .3s ease;
}

.yx-home-v2__faq-item summary i::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.yx-home-v2__faq-item[open] summary i::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.yx-home-v2__faq-item summary:focus-visible {
    outline: 3px solid rgba(181, 142, 82, .3);
    outline-offset: 3px;
}

.yx-home-v2__faq-item > div {
    padding: 0 44px 22px 59px;
}

.yx-home-v2__faq-item > div p {
    max-width: 760px;
    margin: 0;
    color: #6c7772;
    font-size: 14px;
    line-height: 1.9;
}

@media (max-width: 980px) {
    .yx-home-v2__brand-facts-layout,
    .yx-home-v2__faq-layout {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .yx-home-v2__brand-facts-copy,
    .yx-home-v2__faq-heading {
        max-width: 820px;
    }

    .yx-home-v2__faq-heading {
        position: static;
    }

    .yx-home-v2__brand-facts-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .yx-home-v2__brand-facts-list li:nth-child(3) {
        border-top: 1px solid #dfe5e0;
        border-left: 0;
    }

    .yx-home-v2__brand-facts-list li:nth-child(4) {
        border-top: 1px solid #dfe5e0;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__brand-facts {
        padding-top: 58px;
    }

    .yx-home-v2__brand-facts-layout {
        gap: 28px;
        padding-bottom: 36px;
    }

    .yx-home-v2__brand-facts-heading h2,
    .yx-home-v2__faq-heading h2 {
        font-size: 33px;
    }

    .yx-home-v2__brand-facts-copy p {
        font-size: 14px;
        line-height: 1.82;
    }

    .yx-home-v2__brand-facts-copy .yx-home-v2__brand-facts-lead {
        font-size: 16px;
    }

    .yx-home-v2__brand-facts-list {
        grid-template-columns: 1fr;
    }

    .yx-home-v2__brand-facts-list li,
    .yx-home-v2__brand-facts-list li:nth-child(4) {
        min-height: 66px;
        padding: 14px 8px;
        border-top: 1px solid #dfe5e0;
        border-left: 0;
    }

    .yx-home-v2__brand-facts-list li:first-child {
        border-top: 0;
    }

    .yx-home-v2__faq {
        padding: 66px 0 74px;
    }

    .yx-home-v2__faq-layout {
        gap: 32px;
    }

    .yx-home-v2__faq-heading > p:not(.yx-home-v2__eyebrow) {
        margin-top: 15px;
        font-size: 14px;
    }

    .yx-home-v2__faq-item summary {
        grid-template-columns: 30px minmax(0, 1fr) 26px;
        gap: 10px;
        min-height: 68px;
        padding: 14px 0;
    }

    .yx-home-v2__faq-item summary strong {
        font-size: 15px;
    }

    .yx-home-v2__faq-item > div {
        padding: 0 0 20px 40px;
    }

    .yx-home-v2__faq-item > div p {
        font-size: 13px;
        line-height: 1.85;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__faq-item summary i::before,
    .yx-home-v2__faq-item summary i::after,
    .yx-home-v2__faq-heading > a span {
        transition-duration: 1ms !important;
    }
}

/* Brand facts + FAQ: Begin-inspired two-column editorial module. */
.yx-home-v2__brand-faq {
    padding: clamp(76px, 7vw, 108px) 0 clamp(84px, 7.5vw, 116px);
    background: #fff;
}

.yx-home-v2__brand-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(38px, 5vw, 76px);
    align-items: start;
}

.yx-home-v2__editorial-column {
    min-width: 0;
}

.yx-home-v2__editorial-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e2e6e2;
}

.yx-home-v2__editorial-heading h2 {
    margin: 0;
    color: #293c35;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(27px, 2.25vw, 34px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.03em;
}

.yx-home-v2__editorial-heading > span {
    color: #a1aaa5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
}

.yx-home-v2__editorial-media {
    position: relative;
    aspect-ratio: 16 / 6.6;
    margin: 20px 0 0;
    overflow: hidden;
    border-radius: 12px;
    background: #eef2ee;
}

.yx-home-v2__editorial-media::after {
    position: absolute;
    inset: auto 0 0;
    height: 34%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(29, 55, 43, .14));
    content: "";
}

.yx-home-v2__editorial-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 1.1s cubic-bezier(.22, 1, .36, 1), filter .5s ease;
}

.yx-home-v2__editorial-column--brand .yx-home-v2__editorial-media img {
    object-fit: contain;
    object-position: center;
    background: #11162f;
    filter: none;
}

.yx-home-v2__editorial-column--faq .yx-home-v2__editorial-media img {
    object-position: center 60%;
}

.yx-home-v2__editorial-column:hover .yx-home-v2__editorial-media img {
    transform: scale(1.025);
}

.yx-home-v2__editorial-feature {
    padding: 21px 2px 18px;
    border-bottom: 1px solid #e2e6e2;
}

.yx-home-v2__editorial-feature .yx-home-v2__eyebrow {
    margin: 0 0 7px;
    color: #a17032;
    font-size: 10px;
}

.yx-home-v2__editorial-feature h3 {
    margin: 0;
    color: #2c453a;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(20px, 1.7vw, 25px);
    font-weight: 600;
    line-height: 1.45;
}

.yx-home-v2__editorial-feature > p:last-child {
    margin: 10px 0 0;
    color: #68746f;
    font-size: 14px;
    line-height: 1.8;
}

.yx-home-v2__editorial-feature > p:last-child strong {
    color: #455a50;
    font-weight: 600;
}

.yx-home-v2__editorial-copy {
    padding: 16px 2px 4px;
}

.yx-home-v2__editorial-copy p {
    margin: 0;
    color: #6a7570;
    font-size: 13px;
    line-height: 1.82;
}

.yx-home-v2__editorial-copy p + p {
    margin-top: 7px;
}

.yx-home-v2__editorial-facts {
    margin: 13px 0 0;
    padding: 0;
    border-top: 1px solid #dce2dd;
    list-style: none;
}

.yx-home-v2__editorial-facts li {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    min-height: 55px;
    padding: 15px 2px 16px;
    border-bottom: 1px solid #e3e7e3;
}

.yx-home-v2__editorial-facts span {
    color: #a3783f;
    font-family: Georgia, serif;
    font-size: 11px;
    letter-spacing: .08em;
}

.yx-home-v2__editorial-facts strong {
    display: block;
    color: #3d554b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.yx-home-v2__editorial-facts p {
    margin: 6px 0 0;
    color: #68746f;
    font-size: 12.5px;
    line-height: 1.78;
}

.yx-home-v2__brand-faq .yx-home-v2__faq-list {
    border-top: 0;
}

.yx-home-v2__brand-faq .yx-home-v2__faq-item summary {
    grid-template-columns: 38px minmax(0, 1fr) 26px;
    gap: 10px;
    min-height: 59px;
    padding: 11px 2px;
}

.yx-home-v2__brand-faq .yx-home-v2__faq-item summary strong {
    font-size: 14px;
    line-height: 1.5;
}

.yx-home-v2__brand-faq .yx-home-v2__faq-item > div {
    padding: 0 36px 17px 50px;
}

.yx-home-v2__brand-faq .yx-home-v2__faq-item > div p {
    font-size: 13px;
    line-height: 1.82;
}

.yx-home-v2__editorial-more {
    display: inline-flex;
    gap: 9px;
    align-items: center;
    margin-top: 22px;
    color: #285944;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.yx-home-v2__editorial-more span {
    transition: transform .3s ease;
}

.yx-home-v2__editorial-more:hover span {
    transform: translateX(4px);
}

@media (max-width: 980px) {
    .yx-home-v2__brand-faq-grid {
        grid-template-columns: 1fr;
        gap: 68px;
    }

    .yx-home-v2__editorial-column {
        max-width: 820px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__brand-faq {
        padding: 64px 0 76px;
    }

    .yx-home-v2__brand-faq-grid {
        gap: 58px;
    }

    .yx-home-v2__editorial-heading {
        min-height: 46px;
    }

    .yx-home-v2__editorial-heading h2 {
        font-size: 27px;
    }

    .yx-home-v2__editorial-media {
        aspect-ratio: 16 / 8.8;
        margin-top: 16px;
        border-radius: 9px;
    }

    .yx-home-v2__editorial-feature {
        padding-top: 17px;
    }

    .yx-home-v2__editorial-feature h3 {
        font-size: 20px;
    }

    .yx-home-v2__brand-faq .yx-home-v2__faq-item summary {
        grid-template-columns: 30px minmax(0, 1fr) 26px;
        min-height: 58px;
        padding: 10px 0;
    }

    .yx-home-v2__brand-faq .yx-home-v2__faq-item > div {
        padding: 0 0 17px 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__editorial-media img,
    .yx-home-v2__editorial-more span {
        transition-duration: 1ms !important;
    }
}

/* How we work: three decisions, six steps, one low-friction first action. */
.yx-home-v2__process-v2 {
    padding: clamp(84px, 7.5vw, 116px) 0 clamp(88px, 8vw, 124px);
    overflow: hidden;
    background:
        radial-gradient(circle at 87% 10%, rgba(222, 232, 222, .38), transparent 25%),
        #fbfaf7;
    color: #2b4037;
}

.yx-home-v2__process-v2-heading {
    max-width: 1420px;
}

.yx-home-v2__process-v2-heading .yx-home-v2__eyebrow {
    margin-bottom: 17px;
    color: #ad7630;
    letter-spacing: .2em;
}

.yx-home-v2__process-v2-heading h2 {
    margin: 0;
    color: #214538;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(35px, 3vw, 47px);
    font-weight: 400;
    line-height: 1.28;
    letter-spacing: -.045em;
    white-space: nowrap;
}

.yx-home-v2__process-v2-heading h2 span {
    display: block;
}

.yx-home-v2__process-v2-heading > p:last-child {
    max-width: 1300px;
    margin: 24px 0 0;
    color: #68736e;
    font-size: 16px;
    line-height: 1.9;
    white-space: nowrap;
}

.yx-home-v2__process-v2-stages {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 3.5vw, 52px);
    margin-top: clamp(58px, 6vw, 82px);
}

.yx-home-v2__process-v2-stages::before {
    position: absolute;
    top: 43px;
    right: 16.667%;
    left: 16.667%;
    height: 1px;
    background: linear-gradient(90deg, #c79b60, #d8c29d 48%, #c79b60);
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 1.1s .15s cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__process-v2.is-inview .yx-home-v2__process-v2-stages::before {
    transform: scaleX(1);
}

.yx-home-v2__process-v2-stage {
    min-width: 0;
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .72s cubic-bezier(.22, 1, .36, 1), transform .72s cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__process-v2-stage:nth-child(1) { transition-delay: .08s; }
.yx-home-v2__process-v2-stage:nth-child(2) { transition-delay: .31s; }
.yx-home-v2__process-v2-stage:nth-child(3) { transition-delay: .54s; }

.yx-home-v2__process-v2.is-inview .yx-home-v2__process-v2-stage {
    opacity: 1;
    transform: translateY(0);
}

.yx-home-v2__process-v2-stage > header {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-height: 88px;
}

.yx-home-v2__process-v2-stage-number {
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    background: #fbfaf7;
    color: #bb8238;
    font-family: Georgia, serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
}

.yx-home-v2__process-v2-stage > header > div {
    position: relative;
    padding: 9px 14px 9px 0;
    background: #fbfaf7;
}

.yx-home-v2__process-v2-stage header small {
    display: block;
    color: #b47729;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
}

.yx-home-v2__process-v2-stage header h3 {
    margin: 4px 0 0;
    color: #2a473c;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.35;
}

.yx-home-v2__process-v2-stage header p {
    margin: 4px 0 0;
    color: #8a928e;
    font-size: 12px;
    line-height: 1.55;
}

.yx-home-v2__process-v2-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 220px;
    margin-top: 20px;
    padding: 26px 18px;
    border: 1px solid rgba(214, 214, 205, .72);
    border-radius: 12px;
    background: rgba(247, 244, 238, .82);
}

.yx-home-v2__process-v2-stage:nth-child(2) .yx-home-v2__process-v2-panel {
    background: rgba(250, 248, 244, .94);
}

.yx-home-v2__process-v2-stage:nth-child(3) .yx-home-v2__process-v2-panel {
    background: rgba(239, 245, 239, .76);
}

.yx-home-v2__process-v2-step {
    min-width: 0;
    padding: 8px 16px;
}

.yx-home-v2__process-v2-step + .yx-home-v2__process-v2-step {
    border-left: 1px solid #d7d8d1;
}

.yx-home-v2__process-v2-step > span {
    display: block;
    color: #b77e35;
    font-family: Georgia, serif;
    font-size: 17px;
}

.yx-home-v2__process-v2-step h4 {
    position: relative;
    margin: 12px 0 0;
    padding-right: 15px;
    color: #31483e;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
}

.yx-home-v2__process-v2-step h4::after {
    position: absolute;
    top: 1px;
    right: 0;
    color: #a67a40;
    content: "→";
    opacity: .28;
    transform: translateX(0);
    transition: opacity .3s ease, transform .3s ease;
}

.yx-home-v2__process-v2-step:hover h4::after {
    opacity: .75;
    transform: translateX(3px);
}

.yx-home-v2__process-v2-step p {
    margin: 9px 0 0;
    color: #727c77;
    font-size: 13px;
    line-height: 1.75;
}

.yx-home-v2__process-v2-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    gap: 42px;
    align-items: center;
    margin-top: clamp(34px, 4vw, 52px);
    padding: 30px clamp(28px, 4vw, 58px);
    border: 1px solid #d8bd91;
    border-radius: 13px;
    background:
        radial-gradient(circle at 4% 50%, rgba(225, 235, 222, .68), transparent 20%),
        rgba(255, 255, 255, .74);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .72s .78s cubic-bezier(.22, 1, .36, 1), transform .72s .78s cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__process-v2.is-inview .yx-home-v2__process-v2-cta {
    opacity: 1;
    transform: translateY(0);
}

.yx-home-v2__process-v2-cta-copy .yx-home-v2__eyebrow {
    margin: 0 0 7px;
    color: #ac7838;
    font-size: 10px;
}

.yx-home-v2__process-v2-cta-copy h3 {
    margin: 0;
    color: #244839;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(23px, 2.1vw, 31px);
    font-weight: 500;
    line-height: 1.4;
}

.yx-home-v2__process-v2-cta-copy ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 16px 0 0;
    padding: 0;
    list-style: none;
}

.yx-home-v2__process-v2-cta-copy li {
    position: relative;
    padding-left: 20px;
    color: #69756f;
    font-size: 13px;
}

.yx-home-v2__process-v2-cta-copy li::before {
    position: absolute;
    top: .28em;
    left: 0;
    display: grid;
    width: 14px;
    height: 14px;
    place-items: center;
    border: 1px solid #c89b56;
    border-radius: 50%;
    color: #b47c31;
    font-size: 9px;
    line-height: 1;
    content: "✓";
}

.yx-home-v2__process-v2-cta-action {
    text-align: center;
}

.yx-home-v2__process-v2-cta-action a {
    display: flex;
    gap: 13px;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 14px 22px;
    border-radius: 5px;
    background: linear-gradient(135deg, #1f573f, #123c2d);
    color: #f1d39a;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 14px 30px rgba(24, 68, 50, .16);
    transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease;
}

.yx-home-v2__process-v2-cta-action a:hover {
    box-shadow: 0 18px 36px rgba(24, 68, 50, .22);
    transform: translateY(-2px);
}

.yx-home-v2__process-v2-cta-action a span {
    transition: transform .3s ease;
}

.yx-home-v2__process-v2-cta-action a:hover span {
    transform: translateX(4px);
}

.yx-home-v2__process-v2-cta-action p {
    margin: 10px 0 0;
    color: #7c8580;
    font-size: 12px;
}

@media (max-width: 1080px) {
    .yx-home-v2__process-v2-heading h2 {
        white-space: normal;
    }

    .yx-home-v2__process-v2-heading > p:last-child {
        white-space: normal;
    }

    .yx-home-v2__process-v2-stages {
        grid-template-columns: 1fr;
        gap: 46px;
        max-width: 780px;
        margin-right: auto;
        margin-left: auto;
    }

    .yx-home-v2__process-v2-stages::before {
        top: 34px;
        bottom: 34px;
        left: 32px;
        width: 1px;
        height: auto;
        transform: scaleY(0);
        transform-origin: center top;
    }

    .yx-home-v2__process-v2.is-inview .yx-home-v2__process-v2-stages::before {
        transform: scaleY(1);
    }

    .yx-home-v2__process-v2-stage > header {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .yx-home-v2__process-v2-panel {
        margin-left: 82px;
    }

    .yx-home-v2__process-v2-cta {
        grid-template-columns: 1fr;
        max-width: 780px;
        margin-right: auto;
        margin-left: auto;
    }

    .yx-home-v2__process-v2-cta-action {
        width: min(100%, 460px);
        text-align: left;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__process-v2 {
        padding: 68px 0 76px;
    }

    .yx-home-v2__process-v2-heading h2 {
        font-size: 34px;
        line-height: 1.34;
    }

    .yx-home-v2__process-v2-heading h2 span {
        display: inline;
    }

    .yx-home-v2__process-v2-heading > p:last-child {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.82;
    }

    .yx-home-v2__process-v2-stages {
        gap: 40px;
        margin-top: 48px;
    }

    .yx-home-v2__process-v2-stages::before {
        left: 23px;
    }

    .yx-home-v2__process-v2-stage > header {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 12px;
    }

    .yx-home-v2__process-v2-stage-number {
        width: 48px;
        height: 58px;
        font-size: 32px;
    }

    .yx-home-v2__process-v2-stage header h3 {
        font-size: 21px;
    }

    .yx-home-v2__process-v2-panel {
        grid-template-columns: 1fr;
        min-height: 0;
        margin: 14px 0 0 60px;
        padding: 12px 17px;
    }

    .yx-home-v2__process-v2-step {
        padding: 17px 4px;
    }

    .yx-home-v2__process-v2-step + .yx-home-v2__process-v2-step {
        border-top: 1px solid #d7d8d1;
        border-left: 0;
    }

    .yx-home-v2__process-v2-cta {
        gap: 26px;
        padding: 25px 20px;
    }

    .yx-home-v2__process-v2-cta-copy ul {
        gap: 10px 14px;
    }

    .yx-home-v2__process-v2-cta-action,
    .yx-home-v2__process-v2-cta-action a {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__process-v2-stages::before,
    .yx-home-v2__process-v2-stage,
    .yx-home-v2__process-v2-cta,
    .yx-home-v2__process-v2-step h4::after,
    .yx-home-v2__process-v2-cta-action a,
    .yx-home-v2__process-v2-cta-action a span {
        transition-duration: 1ms !important;
    }
}

/* Final conversion section: brand story + the existing functional lead form. */
.yx-home-v2__final-contact {
    position: relative;
    isolation: isolate;
    padding: clamp(80px, 7vw, 112px) 0 clamp(88px, 8vw, 124px);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255, 246, 244, .72) 0%, rgba(255, 248, 246, .82) 42%, rgba(250, 249, 246, .9) 100%),
        url("../images/home-v2/diagnosis-botanical-v2.webp") center / cover no-repeat;
    color: #294238;
}

.yx-home-v2__final-contact::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 48% 12%, rgba(255, 255, 255, .86), transparent 35%),
        linear-gradient(90deg, rgba(255, 239, 239, .13), rgba(255, 255, 255, .28));
    content: "";
}

.yx-home-v2__final-contact-layout {
    display: grid;
    grid-template-columns: minmax(430px, .88fr) minmax(620px, 1.12fr);
    gap: clamp(54px, 6vw, 94px);
    align-items: center;
}

.yx-home-v2__final-contact-story {
    max-width: 620px;
    padding: 20px 0 8px;
}

.yx-home-v2__final-contact-story > .yx-home-v2__eyebrow {
    margin-bottom: 18px;
    color: #715a47;
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
}

.yx-home-v2__final-contact-story > h2 {
    margin: 0;
    color: #29493c;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(38px, 3.45vw, 53px);
    font-weight: 500;
    line-height: 1.34;
    letter-spacing: -.04em;
}

.yx-home-v2__final-contact-story > h2 span {
    display: block;
}

.yx-home-v2__final-contact-intro {
    position: relative;
    max-width: 570px;
    margin: 28px 0 0;
    padding-top: 24px;
    color: #55665f;
    font-size: 15px;
    line-height: 1.9;
}

.yx-home-v2__final-contact-intro::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 64%;
    height: 1px;
    background: linear-gradient(90deg, #c99293, #d6b2a6 72%, transparent);
    content: "";
}

.yx-home-v2__final-contact-values {
    margin-top: 26px;
}

.yx-home-v2__final-contact-values article {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    min-height: 82px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(87, 105, 95, .21);
}

.yx-home-v2__final-contact-values article > span {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #365b4d, #203e33);
    color: #f0d8ad;
    font-family: Georgia, serif;
    font-size: 12px;
    box-shadow: 0 10px 24px rgba(40, 76, 60, .15);
}

.yx-home-v2__final-contact-values h3,
.yx-home-v2__final-contact-values p {
    margin: 0;
}

.yx-home-v2__final-contact-values h3 {
    color: #304b40;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
}

.yx-home-v2__final-contact-values p {
    margin-top: 4px;
    color: #6b7771;
    font-size: 13px;
    line-height: 1.7;
}

.yx-home-v2__final-contact-signature {
    margin: 30px 0 0;
    color: #294b3d;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .02em;
}

.yx-home-v2__final-contact-form {
    padding: clamp(34px, 3.4vw, 52px) clamp(30px, 3.5vw, 54px);
    border: 1px solid rgba(229, 226, 220, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 24px 70px rgba(78, 70, 65, .16);
    backdrop-filter: blur(10px);
}

.yx-home-v2__final-contact .yx-lead-section {
    width: 100%;
    padding: 0;
    background: transparent;
    color: #293b33;
}

.yx-home-v2__final-contact .yx-lead-inner {
    width: 100%;
    display: block;
    margin: 0;
}

.yx-home-v2__final-contact .yx-lead-copy {
    max-width: 670px;
    margin: 0 auto;
    text-align: center;
}

.yx-home-v2__final-contact .yx-lead-copy h2 {
    margin: 0;
    color: #29483b;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(24px, 2vw, 31px);
    font-weight: 600;
    line-height: 1.45;
}

.yx-home-v2__final-contact .yx-lead-copy p {
    max-width: 620px;
    margin: 12px auto 0;
    color: #6b756f;
    font-size: 14px;
    line-height: 1.75;
}

.yx-home-v2__final-contact .yx-lead-facts {
    display: none;
}

.yx-home-v2__final-contact .yx-lead-form {
    gap: 17px 20px;
    margin-top: 30px;
}

.yx-home-v2__final-contact .yx-field label,
.yx-home-v2__final-contact .yx-field legend {
    margin-bottom: 7px;
    color: #33433c;
    font-size: 13px;
    font-weight: 600;
}

.yx-home-v2__final-contact .yx-field input,
.yx-home-v2__final-contact .yx-field select,
.yx-home-v2__final-contact .yx-field textarea {
    min-height: 48px;
    padding: 11px 13px;
    border: 1px solid #d6d9d6;
    border-radius: 5px;
    background: rgba(255, 255, 255, .94);
    color: #29352f;
    font-size: 14px;
    transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}

.yx-home-v2__final-contact .yx-field textarea {
    min-height: 118px;
}

.yx-home-v2__final-contact .yx-field input:focus,
.yx-home-v2__final-contact .yx-field select:focus,
.yx-home-v2__final-contact .yx-field textarea:focus {
    border-color: #668d7a;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(72, 116, 94, .12);
    outline: 0;
}

.yx-home-v2__final-contact .yx-consent {
    color: #68746e;
    font-size: 12px;
}

.yx-home-v2__final-contact .yx-lead-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
}

.yx-home-v2__final-contact .yx-lead-submit {
    width: 100%;
    min-height: 60px;
    padding: 14px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, #24563f, #123b2c);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 14px 28px rgba(32, 76, 56, .18);
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, background-color .3s ease;
}

.yx-home-v2__final-contact .yx-lead-submit:hover {
    background: linear-gradient(135deg, #2d654b, #164432);
    box-shadow: 0 18px 34px rgba(32, 76, 56, .24);
    transform: translateY(-2px);
}

.yx-home-v2__final-contact .yx-lead-status {
    min-height: 20px;
    color: #315f49;
    font-size: 13px;
    text-align: center;
}

@media (max-width: 1120px) {
    .yx-home-v2__final-contact-layout {
        grid-template-columns: 1fr;
        gap: 58px;
    }

    .yx-home-v2__final-contact-story,
    .yx-home-v2__final-contact-form {
        width: min(100%, 820px);
        max-width: 820px;
        margin: 0 auto;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__final-contact {
        padding: 62px 0 76px;
        background:
            linear-gradient(180deg, rgba(255, 247, 246, .83), rgba(251, 249, 246, .94)),
            url("../images/home-v2/diagnosis-botanical-v2.webp") 64% center / cover no-repeat;
    }

    .yx-home-v2__final-contact-layout {
        gap: 46px;
    }

    .yx-home-v2__final-contact-story {
        padding-top: 0;
    }

    .yx-home-v2__final-contact-story > h2 {
        font-size: 36px;
        line-height: 1.38;
    }

    .yx-home-v2__final-contact-intro {
        margin-top: 23px;
        padding-top: 20px;
        font-size: 14px;
    }

    .yx-home-v2__final-contact-values article {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        min-height: 76px;
    }

    .yx-home-v2__final-contact-values article > span {
        width: 42px;
        height: 42px;
    }

    .yx-home-v2__final-contact-values h3 {
        font-size: 17px;
    }

    .yx-home-v2__final-contact-signature {
        font-size: 18px;
    }

    .yx-home-v2__final-contact-form {
        padding: 28px 18px;
        border-radius: 14px;
    }

    .yx-home-v2__final-contact .yx-lead-copy h2 {
        font-size: 24px;
    }

    .yx-home-v2__final-contact .yx-lead-form {
        grid-template-columns: 1fr;
        margin-top: 24px;
    }

    .yx-home-v2__final-contact .yx-field-wide,
    .yx-home-v2__final-contact .yx-consent,
    .yx-home-v2__final-contact .yx-lead-actions {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__final-contact .yx-field input,
    .yx-home-v2__final-contact .yx-field select,
    .yx-home-v2__final-contact .yx-field textarea,
    .yx-home-v2__final-contact .yx-lead-submit {
        transition-duration: 1ms !important;
    }
}

/* Final consultation composition matched to the approved floral reference. */
.yx-home-v2__final-contact {
    min-height: 900px;
    padding: 28px 0 32px;
    background:
        linear-gradient(90deg, rgba(255, 244, 244, .16) 0%, rgba(255, 248, 247, .42) 42%, rgba(250, 249, 247, .78) 100%),
        url("https://yuexiangwang.cn/wp-content/uploads/2018/07/meilihua002.jpg") center center / cover no-repeat;
    color: #263f35;
}

.yx-home-v2__final-contact::before {
    z-index: -1;
    background:
        radial-gradient(circle at 41% 13%, rgba(255, 255, 255, .72), transparent 31%),
        linear-gradient(90deg, rgba(255, 226, 229, .08), rgba(255, 255, 255, .2));
}

.yx-home-v2__final-contact-layout {
    width: min(1600px, calc(100% - 52px));
    max-width: none;
    min-height: 840px;
    grid-template-columns: minmax(500px, .92fr) minmax(690px, 1.08fr);
    gap: clamp(56px, 5.3vw, 92px);
    align-items: stretch;
}

.yx-home-v2__final-contact-story {
    align-self: center;
    width: min(100%, 590px);
    max-width: 590px;
    margin-left: auto;
    padding: 44px 0 30px;
}

.yx-home-v2__final-contact-story > .yx-home-v2__eyebrow {
    margin: 0 0 24px;
    color: #344b42;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
}

.yx-home-v2__final-contact-story > h2 {
    color: #234136;
    font-size: clamp(40px, 3.15vw, 52px);
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: -.035em;
}

.yx-home-v2__final-contact-intro {
    max-width: 540px;
    margin-top: 26px;
    padding-top: 27px;
    color: #3e514a;
    font-size: 15px;
    line-height: 2;
}

.yx-home-v2__final-contact-intro::before {
    width: 78%;
    background: linear-gradient(90deg, rgba(169, 116, 116, .5), rgba(169, 116, 116, .33) 48%, transparent);
}

.yx-home-v2__final-contact-values {
    margin-top: 20px;
}

.yx-home-v2__final-contact-values article {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 18px;
    min-height: 98px;
    padding: 17px 0;
    border-bottom-color: rgba(91, 91, 78, .22);
}

.yx-home-v2__final-contact-values article > span.yx-home-v2__final-contact-icon {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(145deg, #3e5548, #263d32);
    box-shadow: 0 10px 25px rgba(38, 62, 50, .12);
}

.yx-home-v2__final-contact-icon::before,
.yx-home-v2__final-contact-icon::after {
    position: absolute;
    box-sizing: border-box;
    content: "";
}

.yx-home-v2__final-contact-icon--leaf::before {
    top: 17px;
    left: 20px;
    width: 22px;
    height: 27px;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-radius: 80% 15% 75% 20%;
    transform: rotate(28deg);
}

.yx-home-v2__final-contact-icon--leaf::after {
    top: 25px;
    left: 29px;
    width: 1px;
    height: 20px;
    background: rgba(255, 255, 255, .95);
    transform: rotate(41deg);
    transform-origin: top;
}

.yx-home-v2__final-contact-icon--drop::before {
    top: 18px;
    left: 20px;
    width: 22px;
    height: 22px;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-radius: 68% 32% 67% 33%;
    transform: rotate(45deg);
}

.yx-home-v2__final-contact-icon--people::before {
    top: 17px;
    left: 18px;
    width: 9px;
    height: 9px;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-radius: 50%;
    box-shadow: 16px 0 0 -1.5px #30473b, 16px 0 0 0 rgba(255, 255, 255, .95);
}

.yx-home-v2__final-contact-icon--people::after {
    top: 31px;
    left: 13px;
    width: 34px;
    height: 15px;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
}

.yx-home-v2__final-contact-values h3 {
    color: #293f36;
    font-size: 18px;
    line-height: 1.45;
}

.yx-home-v2__final-contact-values p {
    margin-top: 5px;
    color: #52605a;
    font-size: 13px;
    line-height: 1.7;
}

.yx-home-v2__final-contact-signature {
    margin-top: 35px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(85, 93, 83, .24);
    color: #263f35;
    font-size: 22px;
    font-weight: 500;
}

.yx-home-v2__final-contact-channels {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 28px;
    margin-top: 17px;
    color: #36473f;
    font-size: 13px;
    line-height: 1.65;
}

.yx-home-v2__final-contact-channels span {
    white-space: nowrap;
}

.yx-home-v2__final-contact-channels b {
    display: inline-block;
    margin-right: 6px;
    color: #344e41;
    font-size: 13px;
}

.yx-home-v2__final-contact-channels a {
    color: inherit;
    text-decoration: none;
}

.yx-home-v2__final-contact-channels a:hover {
    color: #a05f69;
}

.yx-home-v2__final-contact-connect {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: end;
    margin-top: 30px;
}

.yx-home-v2__final-contact-connect-copy {
    min-width: 0;
}

.yx-home-v2__final-contact-connect .yx-home-v2__final-contact-signature {
    margin-top: 0;
}

.yx-home-v2__final-contact-qr {
    width: 150px;
    margin: 0;
    padding: 10px 10px 12px;
    border: 1px solid rgba(89, 104, 94, .17);
    border-radius: 15px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 16px 34px rgba(65, 71, 66, .11);
    backdrop-filter: blur(8px);
}

.yx-home-v2__final-contact-qr-frame {
    display: block;
    padding: 5px;
    border-radius: 9px;
    background: #fff;
}

.yx-home-v2__final-contact-qr img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
}

.yx-home-v2__final-contact-qr figcaption {
    margin-top: 9px;
    text-align: center;
}

.yx-home-v2__final-contact-qr figcaption strong,
.yx-home-v2__final-contact-qr figcaption span {
    display: block;
}

.yx-home-v2__final-contact-qr figcaption strong {
    color: #29483b;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}

.yx-home-v2__final-contact-qr figcaption span {
    margin-top: 3px;
    color: #718078;
    font-size: 10px;
    line-height: 1.5;
}

.yx-home-v2__final-contact-form {
    align-self: center;
    width: 100%;
    max-width: 820px;
    min-height: 825px;
    padding: 48px 52px 44px;
    border: 1px solid rgba(226, 222, 218, .88);
    border-radius: 18px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 18px 46px rgba(65, 54, 49, .17);
    backdrop-filter: blur(9px);
}

.yx-home-v2__final-contact .yx-lead-copy h2 {
    color: #244237;
    font-size: clamp(25px, 1.85vw, 30px);
    font-weight: 600;
    line-height: 1.45;
}

.yx-home-v2__final-contact .yx-lead-copy p {
    max-width: 590px;
    margin-top: 10px;
    color: #626d67;
    font-size: 14px;
    line-height: 1.75;
}

.yx-home-v2__final-contact .yx-lead-form {
    gap: 17px 26px;
    margin-top: 29px;
}

.yx-home-v2__final-contact .yx-field label,
.yx-home-v2__final-contact .yx-field legend {
    margin-bottom: 7px;
    color: #2f3d36;
    font-size: 13px;
}

.yx-home-v2__final-contact .yx-field input,
.yx-home-v2__final-contact .yx-field select,
.yx-home-v2__final-contact .yx-field textarea {
    min-height: 48px;
    border-color: #d4d7d5;
    border-radius: 5px;
    background: #fff;
}

.yx-home-v2__final-contact .yx-field textarea {
    min-height: 108px;
}

.yx-home-v2__final-contact .yx-consent {
    color: #68716c;
    font-size: 12px;
    line-height: 1.65;
}

.yx-home-v2__final-contact .yx-lead-submit {
    min-height: 64px;
    border-radius: 999px;
    background: linear-gradient(100deg, #174936, #123c2d);
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .04em;
    box-shadow: 0 11px 24px rgba(26, 68, 51, .2);
}

@media (max-width: 1220px) {
    .yx-home-v2__final-contact {
        min-height: 0;
        padding: 72px 0;
    }

    .yx-home-v2__final-contact-layout {
        width: min(920px, calc(100% - 48px));
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 52px;
    }

    .yx-home-v2__final-contact-story,
    .yx-home-v2__final-contact-form {
        width: 100%;
        max-width: 820px;
        margin: 0 auto;
    }

    .yx-home-v2__final-contact-story {
        padding: 0;
    }

    .yx-home-v2__final-contact-form {
        min-height: 0;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__final-contact {
        padding: 58px 0 68px;
        background:
            linear-gradient(180deg, rgba(255, 242, 243, .7), rgba(255, 249, 247, .91)),
            url("https://yuexiangwang.cn/wp-content/uploads/2018/07/meilihua002.jpg") 42% center / cover no-repeat;
    }

    .yx-home-v2__final-contact-layout {
        width: min(100% - 26px, 560px);
        gap: 40px;
    }

    .yx-home-v2__final-contact-story > h2 {
        font-size: 34px;
    }

    .yx-home-v2__final-contact-values article {
        grid-template-columns: 52px minmax(0, 1fr);
        min-height: 88px;
    }

    .yx-home-v2__final-contact-values article > span.yx-home-v2__final-contact-icon {
        width: 50px;
        height: 50px;
        transform: scale(.84);
        transform-origin: left center;
    }

    .yx-home-v2__final-contact-channels {
        display: grid;
        gap: 8px;
    }

    .yx-home-v2__final-contact-channels span {
        white-space: normal;
    }

    .yx-home-v2__final-contact-connect {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        margin-top: 26px;
    }

    .yx-home-v2__final-contact-qr {
        width: 126px;
        padding: 8px 8px 10px;
    }

    .yx-home-v2__final-contact-connect .yx-home-v2__final-contact-signature {
        font-size: 19px;
    }

    .yx-home-v2__final-contact-form {
        padding: 30px 18px 26px;
        border-radius: 14px;
    }

    .yx-home-v2__final-contact .yx-lead-copy h2 {
        font-size: 23px;
    }

    .yx-home-v2__final-contact .yx-lead-submit {
        min-height: 58px;
        font-size: 16px;
    }
}

@media (max-width: 420px) {
    .yx-home-v2__final-contact-connect {
        grid-template-columns: 1fr;
    }

    .yx-home-v2__final-contact-qr {
        display: grid;
        width: 100%;
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 14px;
        align-items: center;
        padding: 9px;
    }

    .yx-home-v2__final-contact-qr figcaption {
        margin-top: 0;
        text-align: left;
    }

    .yx-home-v2__final-contact-qr figcaption strong {
        font-size: 14px;
    }

    .yx-home-v2__final-contact-qr figcaption span {
        font-size: 11px;
    }
}

/* 03 concerns: one fixed commercial scene with six synchronized judgment layers. */
.yx-home-v2__concern-media::after {
    z-index: 1;
    background: linear-gradient(180deg, rgba(251, 250, 246, .02) 64%, rgba(35, 48, 42, .18) 100%);
}

.yx-home-v2__concern-media img {
    object-position: center;
    filter: saturate(.96) contrast(.98) brightness(1.02);
    transform: none !important;
}

.yx-home-v2__concern-media figcaption {
    z-index: 3;
}

.yx-home-v2__scene-marker-stage,
.yx-home-v2__scene-marker-group {
    position: absolute;
    inset: 0;
}

.yx-home-v2__scene-marker-stage {
    z-index: 2;
    pointer-events: none;
}

.yx-home-v2__scene-marker-group {
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px) scale(.98);
    transition: opacity 280ms ease, transform 380ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 380ms;
}

.yx-home-v2__scene-marker-group.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transition-delay: 80ms;
}

.yx-home-v2__scene-marker {
    position: absolute;
    top: var(--marker-y);
    left: var(--marker-x);
    width: 0;
    height: 0;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 260ms ease, transform 360ms cubic-bezier(.22, 1, .36, 1);
    transition-delay: calc(100ms + var(--marker-order) * 55ms);
}

.yx-home-v2__scene-marker-group.is-active .yx-home-v2__scene-marker {
    opacity: 1;
    transform: translateY(0);
}

.yx-home-v2__scene-marker-point,
.yx-home-v2__scene-marker-line {
    position: absolute;
    display: block;
}

.yx-home-v2__scene-marker-point {
    top: -5px;
    left: -5px;
    width: 11px;
    height: 11px;
    border: 3px solid rgba(255, 255, 255, .96);
    border-radius: 50%;
    background: #b5844d;
    box-shadow: 0 0 0 1px rgba(87, 65, 43, .18);
}

.yx-home-v2__scene-marker-line {
    top: 0;
    width: 25px;
    height: 1px;
    background: rgba(255, 255, 255, .92);
}

.yx-home-v2__scene-marker-label {
    position: absolute;
    top: -27px;
    min-width: 150px;
    padding: 11px 14px;
    border: 1px solid rgba(177, 132, 85, .24);
    border-radius: 5px;
    background: rgba(250, 248, 243, .94);
    color: #304039;
    backdrop-filter: blur(8px);
}

.yx-home-v2__scene-marker--right .yx-home-v2__scene-marker-line { left: 8px; }
.yx-home-v2__scene-marker--right .yx-home-v2__scene-marker-label { left: 32px; }
.yx-home-v2__scene-marker--left .yx-home-v2__scene-marker-line { right: 8px; }
.yx-home-v2__scene-marker--left .yx-home-v2__scene-marker-label { right: 32px; }

.yx-home-v2__scene-marker-label strong,
.yx-home-v2__scene-marker-label small {
    display: block;
    white-space: nowrap;
}

.yx-home-v2__scene-marker-label strong {
    color: #304039;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
}

.yx-home-v2__scene-marker-label small {
    margin-top: 4px;
    color: #6b716d;
    font-size: 10px;
    line-height: 1.45;
}

.yx-home-v2__concern-item::after {
    position: absolute;
    top: 50%;
    right: 18px;
    color: #5f7869;
    content: "→";
    font-size: 16px;
    opacity: 0;
    transform: translate(-6px, -50%);
    transition: opacity .28s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
}

.yx-home-v2__concern-item.is-active::after {
    opacity: 1;
    transform: translate(0, -50%);
}

.yx-home-v2__concern-detail {
    position: relative;
    display: grid;
    overflow: hidden;
}

.yx-home-v2__concern-answer {
    grid-area: 1 / 1;
    align-self: center;
    min-width: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity 260ms ease, transform 380ms cubic-bezier(.22, 1, .36, 1), visibility 0s linear 380ms;
}

.yx-home-v2__concern-answer.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 70ms;
}

.yx-home-v2__concern-answer h3 {
    max-width: 820px;
    margin: 0;
    color: #2f3d37;
    font-family: Georgia, "Noto Serif SC", serif;
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 500;
    line-height: 1.4;
}

.yx-home-v2__concern-answer > p {
    max-width: 920px;
    margin: 14px 0 0;
    color: #616b66;
    font-size: 16px;
    line-height: 1.85;
}

.yx-home-v2__concern-progress {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 18px;
    overflow: hidden;
    background: rgba(104, 119, 110, .18);
}

.yx-home-v2__concern-progress i {
    display: block;
    width: var(--concern-progress);
    height: 100%;
    background: linear-gradient(90deg, #78947f, #b5844d);
    transition: width 420ms cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 981px) {
    .yx-home-v2--concern-panel .yx-home-v2__concern-stage {
        grid-template-rows: 340px 260px;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-media {
        height: 340px;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-detail {
        min-height: 260px;
        display: grid;
        padding: 27px 40px 25px;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-answer h3 {
        font-size: clamp(23px, 1.85vw, 29px);
        line-height: 1.35;
    }

    .yx-home-v2--concern-panel .yx-home-v2__concern-answer > p {
        margin-top: 11px;
        font-size: 15px;
        line-height: 1.72;
    }
}

@media (max-width: 620px) {
    .yx-home-v2__concern-media {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .yx-home-v2__scene-marker-label {
        top: -19px;
        min-width: 0;
        padding: 7px 8px;
        backdrop-filter: blur(5px);
    }

    .yx-home-v2__scene-marker-label strong {
        font-size: 10px;
    }

    .yx-home-v2__scene-marker-label small {
        display: none;
    }

    .yx-home-v2__scene-marker-line {
        width: 14px;
    }

    .yx-home-v2__scene-marker--right .yx-home-v2__scene-marker-label { left: 21px; }
    .yx-home-v2__scene-marker--left .yx-home-v2__scene-marker-label { right: 21px; }

    .yx-home-v2__concern-item::after {
        right: 10px;
        font-size: 13px;
    }

    .yx-home-v2__concern-answer h3 {
        font-size: 24px;
    }

    .yx-home-v2__concern-answer > p {
        font-size: 15px;
        line-height: 1.82;
    }
}

@media (max-width: 479px) {
    .yx-home-v2__scene-marker:nth-child(n + 3) {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__scene-marker-group,
    .yx-home-v2__scene-marker,
    .yx-home-v2__concern-answer,
    .yx-home-v2__concern-progress i {
        transition-duration: 1ms !important;
        transition-delay: 0ms !important;
    }
}

/* 2026-07 review closeout: one typography system across every homepage module. */
.yx-home-v2 {
    --yx-font-display: Georgia, "Noto Serif SC", "Songti SC", "STSong", serif;
    --yx-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    --yx-type-hero: clamp(44px, 4.15vw, 62px);
    --yx-type-section: clamp(34px, 2.65vw, 44px);
    --yx-type-section-compact: clamp(31px, 2.2vw, 39px);
    --yx-type-component: clamp(20px, 1.45vw, 25px);
    --yx-type-card: 18px;
    --yx-type-lede: 16px;
    --yx-type-body: 15px;
    --yx-type-small: 13px;
    --yx-type-eyebrow: 11px;
    color: #2d3e37;
    font-family: var(--yx-font-sans);
    font-size: var(--yx-type-body);
}

.yx-home-v2 .yx-home-v2__eyebrow {
    font-family: var(--yx-font-sans);
    font-size: var(--yx-type-eyebrow);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .18em;
}

.yx-home-v2 .yx-home-v2__hero h1.yx-home-v2__hero-title--long {
    max-width: 900px;
    font-family: var(--yx-font-display);
    font-size: var(--yx-type-hero);
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -.04em;
}

.yx-home-v2 .yx-home-v2__concern-heading h2,
.yx-home-v2 .yx-home-v2__scenes-heading h2,
.yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2,
.yx-home-v2 .yx-home-v2__scent-heading h2,
.yx-home-v2 .yx-home-v2__equipment-heading h2,
.yx-home-v2 .yx-home-v2__projects-heading h2,
.yx-home-v2 .yx-home-v2__process-v2-heading h2,
.yx-home-v2 .yx-home-v2__final-contact-story > h2 {
    font-family: var(--yx-font-display);
    font-size: var(--yx-type-section);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.035em;
}

.yx-home-v2 .yx-home-v2__editorial-heading h2 {
    font-family: var(--yx-font-display);
    font-size: var(--yx-type-section-compact);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -.03em;
}

/* Half-width editorial titles use one lower tier so they do not overpower their media. */
.yx-home-v2 .yx-home-v2__equipment-heading h2,
.yx-home-v2 .yx-home-v2__projects-heading h2,
.yx-home-v2 .yx-home-v2__final-contact-story > h2 {
    font-size: var(--yx-type-section-compact);
}

.yx-home-v2 .yx-home-v2__concern-heading > p:last-child,
.yx-home-v2 .yx-home-v2__scenes-heading > p:last-child,
.yx-home-v2 .yx-home-v2__brief-description,
.yx-home-v2 .yx-home-v2__scent-heading > p:last-child,
.yx-home-v2 .yx-home-v2__equipment-heading > p:last-child,
.yx-home-v2 .yx-home-v2__projects-heading > p:last-child,
.yx-home-v2 .yx-home-v2__process-v2-heading > p:last-child,
.yx-home-v2 .yx-home-v2__final-contact-intro {
    color: #65716b;
    font-family: var(--yx-font-sans);
    font-size: var(--yx-type-lede);
    font-weight: 400;
    line-height: 1.82;
    letter-spacing: 0;
}

/* Keep the eyebrow aligned with the lifted 30-second test title. */
.yx-home-v2 .yx-home-v2__brief-content > .yx-home-v2__eyebrow {
    position: relative;
    top: clamp(-24px, -1.4vw, -16px);
}

.yx-home-v2 .yx-home-v2__hero-service {
    font-family: var(--yx-font-sans);
    font-size: 15px;
    line-height: 1.82;
}

.yx-home-v2 .yx-home-v2__hero-promise {
    font-family: var(--yx-font-sans);
    font-size: 16px;
    line-height: 1.75;
}

.yx-home-v2 .yx-home-v2__concern-answer h3,
.yx-home-v2 .yx-home-v2__process-v2-stage h3,
.yx-home-v2 .yx-home-v2__projects-cta h3,
.yx-home-v2 .yx-home-v2__editorial-feature h3 {
    font-family: var(--yx-font-display);
    font-size: var(--yx-type-component);
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -.02em;
}

.yx-home-v2 .yx-home-v2__project-title-row h3,
.yx-home-v2 .yx-home-v2__process-v2-step h4,
.yx-home-v2 .yx-home-v2__final-contact-values h3 {
    font-family: var(--yx-font-display);
    font-size: var(--yx-type-card);
    font-weight: 600;
    line-height: 1.45;
}

/* Interactive labels share a sans-serif UI tier; narrative headings remain serif. */
.yx-home-v2 .yx-home-v2__scene-copy strong,
.yx-home-v2 .yx-home-v2__brief-node-title,
.yx-home-v2 .yx-home-v2__scent-panel-label strong,
.yx-home-v2 .yx-home-v2__equipment-option-copy strong,
.yx-home-v2 .yx-home-v2__project-title-row h3,
.yx-home-v2 .yx-home-v2__process-v2-step h4,
.yx-home-v2 .yx-home-v2__faq-item summary strong {
    font-family: var(--yx-font-sans);
    font-weight: 600;
    letter-spacing: 0;
}

.yx-home-v2 .yx-home-v2__brief-node-title { font-size: 16px; }
.yx-home-v2 .yx-home-v2__brief-node-desc { font-family: var(--yx-font-sans); font-size: 12px; line-height: 1.55; }
.yx-home-v2 .yx-home-v2__equipment-option-copy strong { font-size: 19px; line-height: 1.4; }
.yx-home-v2 .yx-home-v2__project-title-row h3 { font-size: 18px; }
.yx-home-v2 .yx-home-v2__process-v2-step h4 { font-size: 16px; }
.yx-home-v2 .yx-home-v2__brand-faq .yx-home-v2__faq-item summary strong { font-size: 15px; line-height: 1.55; }

.yx-home-v2 .yx-home-v2__button,
.yx-home-v2 .yx-home-v2__brief-cta,
.yx-home-v2 .yx-home-v2__process-v2-cta-action a,
.yx-home-v2 .yx-home-v2__final-contact .yx-lead-submit {
    font-family: var(--yx-font-sans);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .01em;
}

.yx-home-v2 .yx-home-v2__final-contact .yx-lead-copy h2 {
    font-family: var(--yx-font-display);
    font-size: clamp(25px, 1.8vw, 29px);
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -.02em;
}

.yx-home-v2 .yx-home-v2__final-contact .yx-lead-copy p {
    font-family: var(--yx-font-sans);
    font-size: 14px;
    line-height: 1.75;
}

.yx-home-v2 .yx-home-v2__concern-answer > p,
.yx-home-v2 .yx-home-v2__project-card dd,
.yx-home-v2 .yx-home-v2__process-v2-step p,
.yx-home-v2 .yx-home-v2__editorial-copy p,
.yx-home-v2 .yx-home-v2__editorial-facts p,
.yx-home-v2 .yx-home-v2__faq-item p {
    font-family: var(--yx-font-sans);
    font-size: var(--yx-type-body);
    line-height: 1.78;
}

/* This is a transition into the next screen, not a second consultation module. */
.yx-home-v2 .yx-home-v2__scenes-followup {
    display: flex;
    min-height: 0;
    margin-top: 30px;
    padding: 16px 0 0;
    align-items: center;
    justify-content: center;
    gap: 30px;
    border: 0;
    border-top: 1px solid #d9dfda;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.yx-home-v2 .yx-home-v2__scenes-followup p {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 20px;
    color: #43534c;
    font-size: 15px;
    line-height: 1.5;
}

.yx-home-v2 .yx-home-v2__scenes-followup p small {
    flex: none;
    color: #9a744d;
    font-size: 10px;
    letter-spacing: .16em;
}

.yx-home-v2 .yx-home-v2__scenes-followup p strong {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.yx-home-v2 .yx-home-v2__scenes-followup a {
    flex: none;
    margin: 0;
    padding: 6px 0;
    border: 0;
    background: transparent;
    color: #315b4d;
    font-size: 15px;
    font-weight: 700;
    box-shadow: none;
}

.yx-home-v2 .yx-home-v2__process-v2-cta-copy > p:last-child {
    max-width: 620px;
    margin: 13px 0 0;
    color: #627069;
    font-size: 15px;
    line-height: 1.75;
}

.yx-home-v2 .yx-home-v2__project-brands span,
.yx-home-v2 .yx-home-v2__project-brands a {
    min-height: 42px;
    color: #50615a;
    font-size: 14px;
    filter: saturate(.7);
}

@media (min-width: 1181px) {
    .yx-home-v2 .yx-home-v2__concern-heading h2,
    .yx-home-v2 .yx-home-v2__scenes-heading h2,
    .yx-home-v2 .yx-home-v2__scent-heading h2,
    .yx-home-v2 .yx-home-v2__process-v2-heading h2 {
        white-space: nowrap;
    }
}

@media (max-width: 980px) {
    .yx-home-v2 {
        --yx-type-hero: clamp(38px, 7vw, 50px);
        --yx-type-section: clamp(31px, 5vw, 39px);
        --yx-type-section-compact: clamp(29px, 4.5vw, 36px);
    }

    .yx-home-v2 .yx-home-v2__scenes-followup {
        align-items: flex-start;
    }

    .yx-home-v2 .yx-home-v2__scenes-followup p {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }
}

@media (max-width: 620px) {
    .yx-home-v2 {
        --yx-type-hero: 36px;
        --yx-type-section: 30px;
        --yx-type-section-compact: 28px;
        --yx-type-component: 22px;
        --yx-type-card: 17px;
        --yx-type-lede: 15px;
        --yx-type-body: 14px;
    }

    .yx-home-v2 .yx-home-v2__hero h1.yx-home-v2__hero-title--long,
    .yx-home-v2 .yx-home-v2__concern-heading h2,
    .yx-home-v2 .yx-home-v2__scenes-heading h2,
    .yx-home-v2 .yx-home-v2__diagnosis-layout .yx-home-v2__brief-content h2,
    .yx-home-v2 .yx-home-v2__scent-heading h2,
    .yx-home-v2 .yx-home-v2__equipment-heading h2,
    .yx-home-v2 .yx-home-v2__projects-heading h2,
    .yx-home-v2 .yx-home-v2__process-v2-heading h2,
    .yx-home-v2 .yx-home-v2__final-contact-story > h2,
    .yx-home-v2 .yx-home-v2__editorial-heading h2 {
        line-height: 1.32;
        letter-spacing: -.025em;
    }

    .yx-home-v2 .yx-home-v2__scenes-followup {
        display: block;
        margin-top: 24px;
        padding: 14px 0 0;
        text-align: center;
    }

    .yx-home-v2 .yx-home-v2__scenes-followup a {
        display: inline-flex;
        margin-top: 0;
        justify-content: center;
        font-size: 14px;
    }

    .yx-home-v2 .yx-home-v2__project-card dl > div:nth-child(4) {
        display: none;
    }

    .yx-home-v2 .yx-home-v2__equipment-option-copy strong,
    .yx-home-v2 .yx-home-v2__project-title-row h3 {
        font-size: 17px;
    }

    .yx-home-v2 .yx-home-v2__brand-faq .yx-home-v2__faq-item summary strong {
        font-size: 14px;
    }
}

/* Brand scent extension: a compact capability bridge between trust content
 * and the final consultation, not a second product catalogue. */
.yx-home-v2__brand-extension {
    position: relative;
    padding: 46px 0;
    overflow: hidden;
    border-top: 1px solid rgba(29, 75, 62, .09);
    border-bottom: 1px solid rgba(29, 75, 62, .09);
    background:
        radial-gradient(circle at 84% 20%, rgba(202, 169, 107, .13), transparent 28%),
        linear-gradient(110deg, #f7f4ec 0%, #f1f5ef 100%);
}

.yx-home-v2__brand-extension::before {
    position: absolute;
    top: -62px;
    left: 46%;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(202, 169, 107, .16);
    border-radius: 50%;
    pointer-events: none;
    content: "";
}

.yx-home-v2__brand-extension-layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(360px, 1.35fr) minmax(300px, .9fr) auto;
    align-items: center;
    gap: 34px;
}

.yx-home-v2__brand-extension-copy .yx-home-v2__eyebrow {
    margin: 0 0 9px;
    color: #9a743a;
    font-size: 11px;
    line-height: 1.4;
}

.yx-home-v2__brand-extension-copy h2 {
    max-width: 620px;
    margin: 0;
    color: #24483d;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(25px, 2.15vw, 34px);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -.025em;
}

.yx-home-v2__brand-extension-copy > p:last-child {
    margin: 12px 0 0;
    color: rgba(32, 52, 45, .7);
    font-size: 15px;
    line-height: 1.7;
}

.yx-home-v2__brand-extension-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.yx-home-v2__brand-extension-tags li {
    margin: 0;
    padding: 8px 14px;
    border: 1px solid rgba(36, 72, 61, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .62);
    color: #315c4f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.yx-home-v2__brand-extension-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 50px;
    padding: 13px 19px;
    border: 1px solid rgba(36, 72, 61, .45);
    border-radius: 2px;
    background: transparent;
    color: #24483d;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.yx-home-v2__brand-extension-link:hover,
.yx-home-v2__brand-extension-link:focus-visible {
    border-color: #24483d;
    background: #24483d;
    color: #fff;
    transform: translateY(-1px);
}

.yx-home-v2__brand-extension-link:focus-visible {
    outline: 3px solid rgba(202, 169, 107, .48);
    outline-offset: 3px;
}

.yx-home-v2__brand-extension-link span {
    font-size: 17px;
    line-height: 1;
    transition: transform .25s ease;
}

.yx-home-v2__brand-extension-link:hover span,
.yx-home-v2__brand-extension-link:focus-visible span {
    transform: translateX(3px);
}

@media (max-width: 1100px) {
    .yx-home-v2__brand-extension-layout {
        grid-template-columns: minmax(360px, 1.2fr) minmax(280px, .8fr);
        gap: 24px 32px;
    }

    .yx-home-v2__brand-extension-link {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 720px) {
    .yx-home-v2__brand-extension {
        padding: 38px 0;
    }

    .yx-home-v2__brand-extension-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .yx-home-v2__brand-extension-copy h2 {
        font-size: clamp(25px, 7.5vw, 31px);
    }

    .yx-home-v2__brand-extension-copy > p:last-child {
        font-size: 14px;
    }

    .yx-home-v2__brand-extension-tags {
        gap: 8px;
    }

    .yx-home-v2__brand-extension-tags li {
        padding: 8px 12px;
        font-size: 12px;
    }

    .yx-home-v2__brand-extension-link {
        grid-column: auto;
        width: 100%;
        justify-content: space-between;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__brand-extension-link,
    .yx-home-v2__brand-extension-link span {
        transition: none;
    }
}

/* 2026-07 visual upgrade: editorial copy plus a three-scene extension gallery. */
.yx-home-v2 .yx-home-v2__brand-extension {
    padding: clamp(50px, 5vw, 74px) 0;
    border: 0;
    background: #f5f3ed;
}

.yx-home-v2 .yx-home-v2__brand-extension::before {
    display: none;
}

.yx-home-v2__brand-extension-card {
    display: grid;
    grid-template-columns: minmax(390px, .82fr) minmax(620px, 1.25fr);
    gap: clamp(28px, 3vw, 46px);
    padding: 20px;
    overflow: hidden;
    border: 1px solid rgba(125, 104, 67, .23);
    border-radius: 22px;
    background:
        radial-gradient(circle at 4% 92%, rgba(183, 159, 112, .14), transparent 18%),
        rgba(255, 254, 250, .92);
    box-shadow: 0 20px 55px rgba(62, 61, 48, .06);
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy {
    display: flex;
    min-width: 0;
    padding: 24px clamp(12px, 2vw, 28px);
    flex-direction: column;
    justify-content: center;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy .yx-home-v2__eyebrow {
    position: relative;
    margin: 0 0 32px;
    color: #a27434;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy .yx-home-v2__eyebrow::after {
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 28px;
    height: 1px;
    background: #c89c55;
    content: "";
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy h2 {
    max-width: 560px;
    margin: 0;
    color: #244b40;
    font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
    font-size: clamp(29px, 2vw, 32px);
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -.035em;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy > p:not(.yx-home-v2__eyebrow) {
    max-width: 570px;
    margin: 22px 0 0;
    color: #66716d;
    font-size: 15px;
    line-height: 1.9;
}

.yx-home-v2__brand-extension-uses {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0;
    margin: 26px 0 0;
    padding: 0;
    color: #506b62;
    font-size: 13px;
    line-height: 1.5;
    list-style: none;
}

.yx-home-v2__brand-extension-uses li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}

.yx-home-v2__brand-extension-uses li:not(:last-child)::after {
    margin: 0 14px;
    color: #b49d76;
    content: "•";
}

.yx-home-v2__brand-extension-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin-top: 28px;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link {
    gap: 24px;
    min-height: 52px;
    padding: 14px 22px;
    border-radius: 4px;
    font-size: 14px;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--primary {
    border-color: #235044;
    background: #235044;
    color: #fff;
    box-shadow: 0 9px 22px rgba(35, 80, 68, .15);
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--primary:hover,
.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--primary:focus-visible {
    border-color: #193e34;
    background: #193e34;
    color: #fff;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--secondary {
    border-color: transparent;
    background: transparent;
    color: #345d51;
    box-shadow: none;
}

.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--secondary:hover,
.yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link--secondary:focus-visible {
    border-color: rgba(35, 80, 68, .2);
    background: rgba(35, 80, 68, .06);
    color: #244b40;
}

.yx-home-v2__brand-extension-gallery {
    display: grid;
    min-width: 0;
    height: 480px;
    min-height: 0;
    grid-template-columns: minmax(0, 1.28fr) minmax(0, 1fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

.yx-home-v2__brand-extension-visual {
    position: relative;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #d9d4c8;
}

.yx-home-v2__brand-extension-visual--gift {
    grid-row: 1 / 3;
}

.yx-home-v2__brand-extension-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .6s ease;
}

.yx-home-v2__brand-extension-visual--gift img {
    object-position: center 52%;
}

.yx-home-v2__brand-extension-visual--home img {
    object-position: 57% center;
}

.yx-home-v2__brand-extension-visual--car img {
    object-position: center 56%;
}

.yx-home-v2__brand-extension-visual::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(14, 23, 20, .2), transparent 42%);
    pointer-events: none;
    content: "";
}

.yx-home-v2__brand-extension-visual figcaption {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 7px;
    background: rgba(31, 40, 35, .7);
    color: #fff;
    font-size: 13px;
    line-height: 1.2;
    backdrop-filter: blur(6px);
}

.yx-home-v2__brand-extension-visual figcaption svg {
    width: 15px;
    height: 15px;
    color: #e7ddc6;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.yx-home-v2__brand-extension-visual:hover img {
    transform: scale(1.018);
}

@media (max-width: 1180px) {
    .yx-home-v2__brand-extension-card {
        grid-template-columns: minmax(350px, .82fr) minmax(520px, 1.18fr);
    }

    .yx-home-v2__brand-extension-gallery {
        height: 450px;
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy {
        padding-right: 6px;
        padding-left: 14px;
    }
}

@media (max-width: 960px) {
    .yx-home-v2__brand-extension-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy {
        padding: 30px 24px 18px;
    }

    .yx-home-v2__brand-extension-gallery {
        height: 560px;
    }
}

@media (max-width: 720px) {
    .yx-home-v2 .yx-home-v2__brand-extension {
        padding: 42px 0;
    }

    .yx-home-v2__brand-extension-card {
        gap: 12px;
        padding: 11px;
        border-radius: 17px;
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy {
        padding: 25px 12px 18px;
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy .yx-home-v2__eyebrow {
        margin-bottom: 34px;
        font-size: 10px;
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy h2 {
        font-size: clamp(29px, 8.5vw, 34px);
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-copy > p:not(.yx-home-v2__eyebrow) {
        margin-top: 22px;
        font-size: 14px;
        line-height: 1.8;
    }

    .yx-home-v2__brand-extension-uses {
        margin-top: 28px;
        font-size: 12px;
    }

    .yx-home-v2__brand-extension-uses li:not(:last-child)::after {
        margin: 0 9px;
    }

    .yx-home-v2__brand-extension-actions {
        display: grid;
        margin-top: 30px;
        grid-template-columns: minmax(0, 1fr);
    }

    .yx-home-v2__brand-extension-card .yx-home-v2__brand-extension-link {
        width: 100%;
        justify-content: space-between;
    }

    .yx-home-v2__brand-extension-gallery {
        height: auto;
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
        gap: 7px;
    }

    .yx-home-v2__brand-extension-visual--gift {
        grid-row: auto;
        grid-column: 1 / -1;
        aspect-ratio: 4 / 3;
    }

    .yx-home-v2__brand-extension-visual--home,
    .yx-home-v2__brand-extension-visual--car {
        aspect-ratio: 1 / 1;
    }

    .yx-home-v2__brand-extension-visual figcaption {
        top: 11px;
        left: 11px;
        padding: 7px 10px;
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yx-home-v2__brand-extension-visual img {
        transition: none;
    }
}

/* First-conversation CTA: full-width closing band for the process section. */
.yx-home-v2 .yx-home-v2__process-v2 {
    padding-bottom: 0;
}

.yx-home-v2 .yx-home-v2__process-v2-cta {
    width: 100vw;
    max-width: none;
    margin-top: clamp(42px, 5vw, 68px);
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding: clamp(34px, 3.4vw, 48px) max(24px, calc((100vw - 1280px) / 2));
    border: 0;
    border-top: 1px solid rgba(191, 151, 86, .38);
    border-bottom: 1px solid rgba(89, 118, 104, .12);
    border-radius: 0;
    background:
        radial-gradient(circle at 8% 50%, rgba(219, 233, 221, .74), transparent 24%),
        radial-gradient(circle at 88% 20%, rgba(232, 217, 184, .28), transparent 26%),
        linear-gradient(100deg, #f7f8f3 0%, #fffdfa 56%, #f3f6f2 100%);
    grid-template-columns: minmax(0, 1fr) minmax(360px, 484px);
    gap: clamp(42px, 6vw, 96px);
}

.yx-home-v2 .yx-home-v2__process-v2-cta-copy {
    max-width: 690px;
}

.yx-home-v2 .yx-home-v2__process-v2-cta-action {
    width: 100%;
}

@media (max-width: 760px) {
    .yx-home-v2 .yx-home-v2__process-v2-cta {
        padding-top: 36px;
        padding-bottom: 38px;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .yx-home-v2 .yx-home-v2__process-v2-cta-action {
        width: 100%;
        max-width: none;
        text-align: left;
    }
}