.page-why {
            --why-ink: #12382d;
            --why-deep: #0a2a22;
            --why-forest: #0f4a3a;
            --why-accent: #c9a55a;
            --why-sand: #f6efe2;
            --why-paper: #fcf8f1;
            --why-line: rgba(18, 56, 45, 0.12);
            --why-shadow: 0 28px 70px rgba(7, 29, 22, 0.12);
            background:
                radial-gradient(circle at top left, rgba(201, 165, 90, 0.18), transparent 22%),
                linear-gradient(180deg, #fbf7ef 0%, #f2ebde 100%);
            color: var(--why-ink);
        }

        .page-why .wrapper {
            overflow: clip;
        }

        .page-why .editorial-hero,
        .page-why .why-choose,
        .page-why .what-apart,
        .page-why .build-today,
        .page-why .invest,
        .page-why .see-difference,
        .page-why .book-visit {
            display: none;
        }

        .why-fresh {
            position: relative;
        }

        .why-fresh-section {
            position: relative;
            padding: 5.5rem 0;
        }

        .why-fresh-section.compact {
            padding: 4.5rem 0;
        }

        .why-fresh-hero {
            position: relative;
            padding: 8.5rem 0 4.5rem;
            background: linear-gradient(135deg, rgb(0 19 14), rgba(15, 74, 58, 0.82)), radial-gradient(circle at top right, rgba(201, 165, 90, 0.26), transparent 28%);
            color: #fff;
            overflow: clip;
        }

        .why-fresh-hero::before,
        .why-fresh-hero::after {
            content: "";
            position: absolute;
            pointer-events: none;
        }

        .why-fresh-hero::before {
            inset: auto auto -90px -60px;
            width: 240px;
            height: 240px;
            border-radius: 50%;
            background: rgba(201, 165, 90, 0.12);
            filter: blur(10px);
        }

        .why-fresh-hero::after {
            inset: 0;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
                url("../images/banner/why/why-hero-interior.webp") center center / cover no-repeat;
            opacity: 0.16;
            mix-blend-mode: screen;
        }

        .why-fresh-shell {
            position: relative;
            z-index: 1;
        }

        .why-fresh-grid {
            display: grid;
            grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
            gap: 2.5rem;
            align-items: center;
        }

        .why-fresh-copy {
            max-width: 41rem;
        }

        .why-fresh-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1.2rem;
            color: rgba(255, 255, 255, 0.72);
            font-size: 0.78rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
        }

        .why-fresh-eyebrow::before {
            content: "";
            width: 44px;
            height: 1px;
            background: currentColor;
        }

        .why-fresh-title {
            max-width: 11ch;
            margin: 0;
            font-size: clamp(2rem, 5vw, 4rem);
            line-height: 0.93;
            color: #c7a45a;
        }

        .why-fresh-subheadline {
            margin: 1rem 0 0;
            font-size: clamp(1rem, 1.2vw + 0.4rem, 1.28rem);
            line-height: 1.45;
            letter-spacing: 0.01em;
            color: rgba(255, 255, 255, 0.94);
        }

        .why-fresh-lead {
            max-width: 34rem;
            margin: 1.4rem 0 0;
            font-size: clamp(1rem, 1vw + 0.45rem, 1.18rem);
            line-height: 1.75;
            color: rgba(255, 255, 255, 0.82);
        }

        .why-fresh-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.9rem;
            margin-top: 2rem;
        }

        .why-fresh-button,
        .why-fresh-button:hover {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 52px;
            padding: 0.9rem 1.5rem;
            border-radius: 999px;
            text-decoration: none;
            transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
        }

        .why-fresh-button:hover {
            transform: translateY(-2px);
        }

        .why-fresh-button.primary {
            background: var(--why-accent);
            color: #15241d;
        }

        .why-fresh-button.secondary {
            border: 1px solid rgba(255, 255, 255, 0.2);
            background: rgba(255, 255, 255, 0.08);
            color: #fff;
        }

        .why-fresh-hero .why-fresh-button.secondary {
            min-width: 280px;
        }

        .why-fresh-list {
            display: grid;
            gap: 0.9rem;
            margin: 1.5rem 0 0;
            padding: 0;
            list-style: none;
        }

        .why-fresh-list li {
            position: relative;
            padding-left: 1.3rem;
            color: rgba(255, 255, 255);
        }

        .why-fresh-list li::before {
            content: "";
            position: absolute;
            top: 0.72rem;
            left: 0;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: var(--why-accent);
        }

        .why-fresh-list.primary li {
            color: rgba(255, 255, 255);
        }

        .why-fresh-trustline {
            margin: 1.35rem 0 0;
            font-size: 0.95rem;
            line-height: 1.7;
            color: rgba(255, 255, 255, 0.72);
        }

        .why-hero-visual {
            position: relative;
            min-height: 580px;
        }

        .why-hero-card {
            position: absolute;
            border-radius: 30px;
            overflow: hidden;
            box-shadow: var(--why-shadow);
        }

        .why-hero-card img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        .why-hero-card.main {
            inset: 0 0 90px 80px;
        }

        .why-hero-card.accent {
            inset: auto 42% 0 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));
            border: 1px solid rgba(255, 255, 255, 0.14);
            backdrop-filter: blur(16px);
            padding: 1.5rem;
            color: #fff;
        }

        .why-hero-card.accent strong {
            display: block;
            margin-bottom: 0.55rem;
            font-size: 2.35rem;
            line-height: 1;
        }

        .why-hero-card.accent p,
        .why-hero-card.accent span {
            margin: 0;
            color: rgba(255, 255, 255, 0.78);
        }

        .why-proof-band {
            position: relative;
            margin: 0 0 2.25rem;
            z-index: 1;
        }

        .why-proof-strip {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1px;
            overflow: hidden;
            border-radius: 28px;
            background: rgba(18, 56, 45, 0.08);
            box-shadow: var(--why-shadow);
        }

        .why-proof-item {
            height: 100%;
            padding: 1.6rem 1.7rem;
            background: rgba(255, 255, 255, 0.86);
        }

        .why-proof-item strong {
            display: block;
            margin-bottom: 0.45rem;
            font-size: 1.15rem;
            color: var(--why-deep);
        }

        .why-proof-item p {
            margin: 0;
            line-height: 1.65;
            color: rgba(18, 56, 45, 0.74);
        }

        .why-heading {
            display: grid;
            gap: 1.25rem;
            margin-bottom: 2.4rem;
        }

        .why-heading h2 {
            margin: 0;
            font-size: clamp(2.2rem, 3.8vw, 4rem);
            line-height: 0.96;
            color: var(--why-deep);
        }

        .why-heading p {
            
            margin: 0;
            font-size: 1.02rem;
            line-height: 1.8;
            color: rgba(18, 56, 45, 0.76);
        }

        .why-heading.why-heading-centered {
            justify-items: center;
            text-align: center;
        }

        .why-heading.why-heading-centered h2 {
            max-width: none;
            width: 100%;
        }

        .why-heading.why-heading-centered p {
            margin-inline: auto;
        }

        .why-values-layout {
            display: grid;
            grid-template-columns: minmax(0, 0.85fr) minmax(320px, 1.15fr);
            gap: 2rem 2.4rem;
            align-items: start;
        }

        .why-values-intro {
            display: grid;
            gap: 1.4rem;
            padding-right: 1rem;
        }

        .why-values-intro p {
            margin: 0;
            line-height: 1.8;
            color: rgba(18, 56, 45, 0.76);
        }

        .why-values-quote {
            padding: 1.4rem 1.5rem;
            border-left: 3px solid var(--why-accent);
            background: rgba(255, 255, 255, 0.46);
        }

        .why-values-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1rem;
        }

        .why-value {
            min-height: 100%;
            padding: 1.6rem;
            border-radius: 26px;
            background: rgba(255, 255, 255, 0.72);
            border: 1px solid rgba(18, 56, 45, 0.08);
            box-shadow: 0 18px 40px rgba(8, 31, 24, 0.07);
        }

        .why-value-icon {
            width: 58px;
            height: 58px;
            margin-bottom: 1rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 18px;
            color: #b8954f;
            background: rgba(201, 165, 90, 0.18);
            border: 1px solid rgba(201, 165, 90, 0.42);
        }

        .why-value-icon svg {
            width: 30px;
            height: 30px;
            stroke: currentColor;
        }

        .why-value--materials .why-value-icon {
            color: #ba8f3b;
            background: rgba(201, 165, 90, 0.22);
            border-color: rgba(186, 143, 59, 0.45);
        }

        .why-value--supervision .why-value-icon {
            color: #2f8f65;
            background: rgba(47, 143, 101, 0.16);
            border-color: rgba(47, 143, 101, 0.34);
        }

        .why-value--planning .why-value-icon {
            color: #4679be;
            background: rgba(70, 121, 190, 0.16);
            border-color: rgba(70, 121, 190, 0.34);
        }

        .why-value--privacy .why-value-icon {
            color: #8f5db6;
            background: rgba(143, 93, 182, 0.16);
            border-color: rgba(143, 93, 182, 0.34);
        }

        .why-value h3 {
            margin-bottom: 0.6rem;
            font-size: 1.2rem;
            color: var(--why-deep);
        }

        .why-value p {
            margin: 0;
            line-height: 1.65;
            color: rgba(18, 56, 45, 0.74);
        }

        .why-story-layout {
            display: grid;
            grid-template-columns: minmax(320px, 1fr) minmax(0, 0.95fr);
            gap: 2rem;
            align-items: stretch;
        }

        .why-story-media,
        .why-story-copy,
        .why-video-shell,
        .why-final-shell {
            overflow: hidden;
            border-radius: 30px;
            box-shadow: var(--why-shadow);
        }

        .why-story-media {
            min-height: 100%;
        }

        .why-story-media img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
        }

        .why-story-copy {
            padding: 2rem;
            background: rgba(255, 255, 255, 0.74);
            border: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(14px);
        }

        .why-story-copy p {
            margin: 0 0 1.5rem;
            line-height: 1.8;
            color: rgba(18, 56, 45, 0.78);
        }

        .why-steps {
            display: grid;
            gap: 1rem;
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .why-steps li {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 1rem;
            align-items: start;
            padding-top: 1rem;
            border-top: 1px solid var(--why-line);
        }

        .why-steps li:first-child {
            padding-top: 0;
            border-top: 0;
        }

        .why-step-number {
            display: inline-flex;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            background: var(--why-deep);
            color: #fff;
            font-size: 0.9rem;
            letter-spacing: 0.04em;
        }

        .why-steps strong {
            display: block;
            margin-bottom: 0.35rem;
            color: var(--why-deep);
        }

        .why-steps p {
            margin: 0;
            line-height: 1.7;
        }

        .why-dark {
            background:
                linear-gradient(135deg, rgba(10, 42, 34, 0.98), rgba(12, 59, 47, 0.96));
            color: #fff;
        }

        .why-dark .why-heading h2,
        .why-dark .why-heading p,
        .why-dark .why-feature p,
        .why-dark .why-feature h3,
        .why-dark .why-invest p,
        .why-dark .why-invest h3 {
            color: #fff !important;
        }

        .why-dark .why-heading p,
        .why-dark .why-feature p,
        .why-dark .why-invest p {
            color: rgba(255, 255, 255, 0.74);
        }

        .why-dark-grid>div>.why-heading h2 {
            color: #d9b566 !important;
        }

        .why-dark-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.8rem;
            align-items: start;
            max-width: 1200px;
            margin: 0 auto;
        }

        .why-dark-grid>div {
            display: grid;
            align-content: start;
        }

        .why-dark-grid>div>.why-heading {
            max-width: 760px;
            margin: 0 auto 1.4rem;
            text-align: center;
        }

        .why-feature-list,
        .why-invest-list {
            display: grid;
            gap: 1rem;
        }

        .why-feature-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .why-feature,
        .why-invest {
            padding: 1.35rem 1.4rem;
            border-radius: 22px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
        }

        .why-feature,
        .why-invest {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0.9rem;
            align-items: start;
        }

        .why-feature img,
        .why-invest img {
            width: 46px;
            height: 46px;
            object-fit: contain;
            flex: 0 0 auto;
        }

        .why-feature h3,
        .why-invest h3 {
            margin-bottom: 0.35rem;
            font-size: 1.08rem;
        }

        .why-feature p,
        .why-invest p {
            margin: 0;
            line-height: 1.7;
        }

        .why-video-shell {
            background: #fff;
        }

        .why-video-shell iframe {
            width: 100%;
            min-height: 430px;
            border: 0;
            display: block;
        }

        .why-invest-list {
            grid-template-columns: 1fr;
            margin-top: 1.7rem;
        }

        .why-final-shell {
            padding: 3rem;
            text-align: center;
            background:
                linear-gradient(135deg, #0b2e24 0%, #134436 58%, #0b2e24 100%);
            color: #fff;
        }

        .why-final-shell h2 {
            max-width: 14ch;
            margin: 0 auto;
            font-size: clamp(2.3rem, 4vw, 4.2rem);
            line-height: 0.98;
            color: #fff;
        }

        .why-final-shell p {
            max-width: 48rem;
            margin: 1rem auto 0;
            line-height: 1.8;
            color: rgba(255, 255, 255, 0.76);
        }

        .why-final-actions {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.9rem;
            margin-top: 1.8rem;
        }

        @media (max-width: 1152px) {
            .why-fresh-section {
                padding: 4.75rem 0;
            }

            .why-fresh-hero {
                min-height: auto;
                padding: 7.5rem 0 4.75rem;
            }

            .why-fresh-grid,
            .why-values-layout,
            .why-story-layout,
            .why-dark-grid {
                gap: 1.6rem;
            }

            .why-hero-card.main {
                inset: 0 0 70px 40px;
            }

            .why-invest-list {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 991px) {
            .why-fresh-hero {
                min-height: 620px;
            }

            .why-fresh-grid,
            .why-values-layout,
            .why-story-layout,
            .why-dark-grid {
                grid-template-columns: 1fr;
            }

            .why-fresh-title,
            .why-heading h2,
            .why-final-shell h2 {
                max-width: none;
            }

            .why-hero-visual {
                min-height: 500px;
            }

            .why-hero-card.main {
                inset: 0 0 80px 0;
            }

            .why-hero-card.accent {
                inset: auto auto 0 0;
                width: min(320px, calc(100% - 90px));
            }

            .why-proof-strip,
            .why-values-grid,
            .why-feature-list {
                grid-template-columns: 1fr;
            }

            .why-values-intro {
                padding-right: 0;
            }

            .why-proof-band {
                margin: 0 0 1.75rem;
            }
        }

        @media (min-width: 992px) {
            .why-heading.why-heading-centered h2 {
                white-space: nowrap;
            }
        }

        @media (max-width: 767px) {

            .why-fresh-section,
            .why-fresh-section.compact {
                padding: 2.9rem 0;
            }

            .why-fresh-hero {
                min-height: 620px;
                padding: 5.75rem 0 2.8rem;
            }

            .why-fresh-grid,
            .why-values-layout,
            .why-story-layout,
            .why-dark-grid {
                gap: 1.25rem;
            }

            .why-fresh-eyebrow {
                gap: 0.55rem;
                margin-bottom: 0.85rem;
                font-size: 0.68rem;
                letter-spacing: 0.16em;
            }

            .why-fresh-eyebrow::before {
                width: 30px;
            }

            .why-fresh-title {
                font-size: clamp(2.05rem, 9.2vw, 2.85rem);
                line-height: 1.04;
                font-weight: 700;
                letter-spacing: 0;
            }

            .why-fresh-subheadline {
                margin-top: 0.85rem;
                font-size: 1.02rem;
                line-height: 1.42;
                font-weight: 600;
            }

            .why-fresh-list {
                gap: 0.65rem;
                margin-top: 1rem;
            }

            .why-fresh-list li {
                padding-left: 1rem;
                font-size: 0.94rem;
                line-height: 1.55;
            }

            .why-fresh-list li::before {
                top: 0.6rem;
                width: 6px;
                height: 6px;
            }

            .why-fresh-actions {
                gap: 0.7rem;
                margin-top: 1.35rem;
            }

            .why-fresh-actions,
            .why-final-actions {
                flex-direction: column;
            }

            .why-fresh-button,
            .why-fresh-button:hover {
                width: 100%;
                min-height: 48px;
                padding: 0.78rem 1.1rem;
                font-size: 0.95rem;
                font-weight: 600;
            }

            .why-hero-visual {
                min-height: 350px;
            }

            .why-hero-card.main {
                inset: 48px 0 72px 0;
                border-radius: 22px;
            }

            .why-hero-card.accent {
                width: calc(100% - 28px);
                height: auto;
                min-height: 138px;
                padding: 1rem;
                border-radius: 20px;
            }

            .why-hero-card.accent strong {
                margin-bottom: 0.4rem;
                font-size: 1.65rem;
            }

            .why-hero-card.accent p {
                font-size: 0.9rem;
                line-height: 1.5;
            }

            .why-proof-band {
                margin: 0 0 0.75rem;
            }

            .why-proof-strip {
                border-radius: 20px;
            }

            .why-proof-item {
                padding: 1.1rem 1.05rem;
            }

            .why-proof-item strong {
                margin-bottom: 0.35rem;
                font-size: 1rem;
                line-height: 1.25;
            }

            .why-proof-item p {
                font-size: 0.92rem;
                line-height: 1.55;
            }

            .why-proof-item,
            .why-values-intro,
            .why-story-copy {
                text-align: center;
            }

            .why-heading {
                justify-items: center;
                gap: 0.55rem;
                margin-bottom: 1.45rem;
                text-align: center;
            }

            .why-heading h2,
            .why-final-shell h2 {
                font-size: clamp(1.85rem, 8vw, 2.45rem);
                line-height: 1.08;
                font-weight: 700;
            }

            .why-heading p,
            .why-values-intro p,
            .why-value p,
            .why-story-copy p,
            .why-steps p,
            .why-feature p,
            .why-invest p,
            .why-final-shell p {
                font-size: 0.94rem;
                line-height: 1.58;
            }

            .why-values-intro {
                gap: 1rem;
            }

            .why-values-quote {
                padding: 1rem 1.05rem;
                border-left: 0;
                border-top: 3px solid var(--why-accent);
            }

            .why-value {
                padding: 1.15rem;
                border-radius: 20px;
            }

            .why-value-icon {
                width: 48px;
                height: 48px;
                margin-bottom: 0.8rem;
                border-radius: 15px;
            }

            .why-value-icon svg {
                width: 25px;
                height: 25px;
            }

            .why-value h3,
            .why-feature h3,
            .why-invest h3 {
                margin-bottom: 0.3rem;
                font-size: 1.02rem;
                line-height: 1.25;
            }

            .why-values-grid .why-value {
                text-align: center;
            }

            .why-values-grid .why-value-icon {
                margin-left: auto;
                margin-right: auto;
            }

            .why-dark .why-heading {
                justify-items: center;
                text-align: center;
            }

            .why-dark .why-heading p {
                margin-left: auto;
                margin-right: auto;
            }

            .why-invest-list .why-invest {
                text-align: center;
            }

            .why-feature,
            .why-invest {
                grid-template-columns: 1fr;
                gap: 0.65rem;
                padding: 1.05rem;
                border-radius: 18px;
                text-align: center;
            }

            .why-feature img,
            .why-invest-list .why-invest img {
                display: block;
                width: 40px;
                height: 40px;
                margin: 0 auto 0.25rem;
            }

            .why-story-media,
            .why-story-copy,
            .why-video-shell,
            .why-final-shell {
                border-radius: 22px;
            }

            .why-story-copy,
            .why-final-shell {
                padding: 1.25rem;
            }

            .why-steps {
                gap: 0.8rem;
                text-align: left;
            }

            .why-steps li {
                gap: 0.75rem;
                padding-top: 0.8rem;
            }

            .why-step-number {
                width: 34px;
                height: 34px;
                font-size: 0.78rem;
            }

            .why-final-actions {
                gap: 0.7rem;
                margin-top: 1.25rem;
            }

            .why-video-shell iframe {
                min-height: 210px;
            }
        }

        @media (max-width: 575px) {
            .why-fresh-hero {
                min-height: 455px;
                padding: 5.35rem 0 2rem;
            }
        }

        @media (max-width: 420px) {
            .why-fresh-section,
            .why-fresh-section.compact {
                padding: 2.55rem 0;
            }

            .why-fresh-hero {
                padding: 4.85rem 0 2.35rem;
            }

            .why-fresh-title {
                font-size: clamp(1.82rem, 9.3vw, 2.28rem);
            }

            .why-fresh-subheadline {
                font-size: 0.96rem;
            }

            .why-fresh-list {
                gap: 0.52rem;
                margin-top: 0.8rem;
            }

            .why-fresh-list li {
                font-size: 0.9rem;
                line-height: 1.46;
            }

            .why-fresh-actions {
                margin-top: 1rem;
            }

            .why-hero-visual {
                min-height: 292px;
            }

            .why-hero-card.main {
                inset: 42px 0 62px 0;
            }

            .why-hero-card.accent {
                min-height: 120px;
            }

            .why-hero-card.accent strong {
                font-size: 1.45rem;
            }

            .why-heading h2,
            .why-final-shell h2 {
                font-size: clamp(1.72rem, 8.8vw, 2.15rem);
            }

            .why-story-copy,
            .why-final-shell,
            .why-value,
            .why-feature,
            .why-invest,
            .why-proof-item {
                padding: 1rem;
            }
        }