            header.site-header {
                background: var(--navy-950);
            }

            .yvr-about,
            .yvr-about * {
                box-sizing: border-box;
            }

            .yvr-about {
                --about-navy: #061f3b;
                --about-navy-deep: #03162c;
                --about-navy-soft: #0a345b;
                --about-gold: #d4a064;
                --about-gold-light: #edc99a;
                --about-cream: #fbf7f1;
                --about-cream-deep: #f4ede4;
                --about-blue-mist: #edf4fa;
                --about-ink: #082440;
                --about-copy: #435468;
                --about-border: rgba(8, 36, 64, .14);
                overflow: hidden;
                background: var(--about-cream);
                color: var(--about-ink);
                font-family: Arial, Helvetica, sans-serif;
            }

            .yvr-about img {
                display: block;
                max-width: 100%;
            }

            .yvr-about a {
                color: inherit;
            }

            .yvr-about__shell {
                width: min(1240px, calc(100% - 44px));
                margin-inline: auto;
            }

            .yvr-about__eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                margin: 0 0 14px !important;
                color: #a26e37 !important;
                font-family: Arial, Helvetica, sans-serif !important;
                font-size: 10px !important;
                font-weight: 700 !important;
                letter-spacing: .22em;
                line-height: 1.2 !important;
                text-transform: uppercase;
            }

            .yvr-about__eyebrow::before {
                width: 30px;
                height: 1px;
                background: currentColor;
                content: "";
            }

            .yvr-about__title {
                margin: 0;
                color: var(--about-ink);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(42px, 5vw, 72px);
                font-weight: 500;
                letter-spacing: -.025em;
                line-height: .98;
            }

            .yvr-about__section-title {
                margin: 0;
                color: var(--about-ink);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(38px, 4.4vw, 50px);
                font-weight: 500;
                letter-spacing: -.02em;
                line-height: 1;
            }

            .yvr-about__copy {
                margin: 22px 0 0;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(18px, 1.55vw, 21px);
                line-height: 1.65;
            }

            .yvr-about__button {
                display: inline-flex;
                min-height: 50px;
                align-items: center;
                justify-content: center;
                gap: 14px;
                padding: 13px 24px;
                border: 1px solid var(--about-navy);
                background: var(--about-navy);
                color: #fff !important;
                font-size: 11px;
                font-weight: 700;
                letter-spacing: .11em;
                text-decoration: none;
                text-transform: uppercase;
                transition: background .3s ease, border-color .3s ease, color .3s ease, transform .3s ease;
            }

            .yvr-about__button span {
                font-size: 18px;
                font-weight: 400;
                transition: transform .3s ease;
            }

            .yvr-about__button:hover {
                transform: translateY(-2px);
                border-color: var(--about-gold);
                background: var(--about-gold);
                color: var(--about-navy-deep) !important;
            }

            .yvr-about__button:hover span {
                transform: translateX(4px);
            }

            .yvr-about__button--outline {
                border-color: var(--about-gold);
                background: transparent;
                color: var(--about-gold-light) !important;
            }

            .yvr-about__button--outline:hover {
                background: var(--about-gold);
                color: var(--about-navy-deep) !important;
            }

            /* Hero */
            .yvr-about-hero {
                   position: relative;
    display: grid;
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    background: var(--about-cream);
    isolation: isolate;
    margin-top: 100px;
            }

            .yvr-about-hero::before {
                position: absolute;
                z-index: 1;
                top: 0;
                bottom: 0;
                left: 0;
                width: 57%;
                background: linear-gradient(90deg, var(--about-cream) 0%, var(--about-cream) 78%, rgba(251, 247, 241, 0) 100%);
                content: "";
                pointer-events: none;
            }

            .yvr-about-hero__copy {
                position: relative;
                z-index: 3;
                display: flex;
                align-items: center;
                grid-column: 1;
                padding: 42px clamp(24px, 4vw, 70px) 48px max(24px, calc((100vw - 1240px) / 2));
            }

            .yvr-about-hero__inner {
                width: min(590px, 100%);
            }

            .yvr-about-hero__breadcrumb {
                display: flex;
                align-items: center;
                gap: 8px;
                margin: 0 0 clamp(54px, 7vw, 98px);
                color: var(--about-ink);
                font-size: 12px;
                font-weight: 600;
            }

            .yvr-about-hero__breadcrumb a {
                text-decoration: none;
                transition: color .25s ease;
            }

            .yvr-about-hero__breadcrumb a:hover {
                color: #a26e37;
            }

            .yvr-about-hero .yvr-about__title {
                max-width: 620px;
                font-size: clamp(46px, 5.3vw, 50px);
                line-height: .98;
            }

            .yvr-about-hero__lead {
                max-width: 500px;
                margin: 25px 0 0;
                color: #31465d;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(18px, 1.75vw, 16px);
                line-height: 1.5;
            }

            .yvr-about-hero__signature {
                display: flex;
                align-items: center;
                gap: 15px;
                margin-top: 34px;
                color: #8a6239;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 15px;
                letter-spacing: .15em;
                text-transform: uppercase;
            }

            .yvr-about-hero__signature::before {
                width: 42px;
                height: 1px;
                background: var(--about-gold);
                content: "";
            }

            .yvr-about-hero__media {
                position: relative;
                z-index: 0;
                overflow: hidden;
                grid-column: 2;
            }

            .yvr-about-hero__media::after {
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, rgba(251, 247, 241, .62) 0%, transparent 27%),
                    linear-gradient(180deg, rgba(3, 22, 44, .03), transparent 35%);
                content: "";
                pointer-events: none;
            }

            .yvr-about-hero__media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: 58% center;
                transform: scale(1.035);
                will-change: transform;
            }

            .yvr-about-hero__diamond-line {
                position: absolute;
                z-index: 2;
                right: -32px;
                bottom: -44px;
                width: clamp(180px, 22vw, 330px);
                fill: none;
                opacity: .16;
                stroke: var(--about-navy);
                stroke-width: 1;
            }

            .yvr-about-hero__scroll {
                position: absolute;
                z-index: 4;
                bottom: 28px;
                left: max(24px, calc((100vw - 1240px) / 2));
                display: flex;
                align-items: center;
                gap: 11px;
                color: #77624e;
                font-size: 9px;
                font-weight: 700;
                letter-spacing: .18em;
                text-transform: uppercase;
            }

            .yvr-about-hero__scroll::before {
                width: 1px;
                height: 30px;
                background: linear-gradient(var(--about-gold), transparent);
                content: "";
                animation: yvrScrollLine 2s ease-in-out infinite;
                transform-origin: top;
            }

            @keyframes yvrScrollLine {
                0%, 100% { transform: scaleY(.45); opacity: .45; }
                50% { transform: scaleY(1); opacity: 1; }
            }

            /* Story */
            .yvr-about-story {
                position: relative;
                background: #fffdfa;
            }

            .yvr-about-story__grid {
                display: grid;
                min-height: 650px;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            }

            .yvr-about-story__media {
                position: relative;
                min-height: 540px;
                overflow: hidden;
            }

            .yvr-about-story__media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                transition: transform 1.1s cubic-bezier(.2, .7, .2, 1);
            }

            .yvr-about-story__media::after {
                position: absolute;
                inset: 18px;
                border: 1px solid rgba(237, 201, 154, .62);
                content: "";
                pointer-events: none;
            }

            .yvr-about-story__media:hover img {
                transform: scale(1.025);
            }

            .yvr-about-story__content {
                position: relative;
                display: flex;
                align-items: center;
                overflow: hidden;
                padding: clamp(64px, 8vw, 120px) clamp(42px, 8vw, 125px);
            }

            .yvr-about-story__content-inner {
                position: relative;
                z-index: 2;
                max-width: 530px;
            }

            .yvr-about-story__content .yvr-about__copy + .yvr-about__copy {
                margin-top: 13px;
            }

            .yvr-about-story__mark {
                position: absolute;
                z-index: 0;
                right: -110px;
                bottom: -42px;
                width: 430px;
                fill: none;
                opacity: .08;
                stroke: var(--about-gold);
                stroke-width: 1;
            }

            .yvr-about-story__note {
                display: flex;
                align-items: center;
                gap: 13px;
                margin-top: 30px;
                color: #805b34;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: .16em;
                text-transform: uppercase;
            }

            .yvr-about-story__note svg {
                width: 30px;
                fill: none;
                stroke: var(--about-gold);
                stroke-width: 1.4;
            }

            /* Pillars */
            .yvr-about-pillars {
                padding: clamp(52px, 6vw, 86px) 0;
                border-block: 1px solid rgba(212, 160, 100, .25);
                background: var(--about-cream);
            }

            .yvr-about-pillars__grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
            }

            .yvr-about-pillar {
                position: relative;
                padding: 3px clamp(25px, 4vw, 62px);
                text-align: center;
            }

            .yvr-about-pillar + .yvr-about-pillar::before {
                position: absolute;
                top: 8%;
                bottom: 8%;
                left: 0;
                width: 1px;
                background: linear-gradient(transparent, rgba(212, 160, 100, .8), transparent);
                content: "";
            }

            .yvr-about-pillar__icon {
                display: grid;
                width: 70px;
                height: 70px;
                margin: 0 auto 17px;
                place-items: center;
                color: var(--about-navy);
            }

            .yvr-about-pillar__icon svg {
                width: 60px;
                height: 60px;
                fill: none;
                stroke: currentColor;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 1.45;
            }

            .yvr-about-pillar h3 {
                margin: 0;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(25px, 2.3vw, 32px);
                font-weight: 500;
                line-height: 1.1;
            }

            .yvr-about-pillar p {
                max-width: 300px;
                margin: 12px auto 0;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 17px;
                line-height: 1.55;
            }

            /* Craft */
            .yvr-about-craft {
                position: relative;
                padding: clamp(64px, 7vw, 102px) 0;
                overflow: hidden;
                background:
                    radial-gradient(circle at 78% 50%, rgba(17, 69, 107, .6), transparent 34%),
                    linear-gradient(110deg, var(--about-navy-deep), #062a4d);
                color: #fff;
            }

            .yvr-about-craft::after {
                position: absolute;
                top: -160px;
                right: -120px;
                width: 460px;
                height: 460px;
                border: 1px solid rgba(212, 160, 100, .13);
                border-radius: 50%;
                box-shadow: 0 0 0 48px rgba(212, 160, 100, .03), 0 0 0 96px rgba(212, 160, 100, .02);
                content: "";
                pointer-events: none;
            }

            .yvr-about-craft__grid {
                position: relative;
                z-index: 2;
                display: grid;
                align-items: center;
                grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
                gap: clamp(50px, 8vw, 120px);
            }

            .yvr-about-craft__media {
                position: relative;
                min-height: 470px;
            }

            .yvr-about-craft__media::before {
                position: absolute;
                z-index: 0;
                inset: -16px 18px 18px -16px;
                border: 1px solid rgba(212, 160, 100, .48);
                content: "";
            }

            .yvr-about-craft__media img {
                position: absolute;
                z-index: 1;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                box-shadow: 0 28px 80px rgba(0, 0, 0, .3);
            }

            .yvr-about-craft .yvr-about__eyebrow {
                color: var(--about-gold-light) !important;
            }

            .yvr-about-craft .yvr-about__section-title {
                color: #fff;
            }

            .yvr-about-craft__copy {
                max-width: 510px;
                margin: 22px 0 0;
                color: rgba(255, 255, 255, .76);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(18px, 1.55vw, 21px);
                line-height: 1.65;
            }

            .yvr-about-craft__details {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 18px;
                margin: 32px 0 36px;
            }

            .yvr-about-craft__detail {
                padding: 16px 0;
                border-top: 1px solid rgba(237, 201, 154, .3);
            }

            .yvr-about-craft__detail strong {
                display: block;
                color: var(--about-gold-light);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 21px;
                font-weight: 500;
            }

            .yvr-about-craft__detail span {
                display: block;
                margin-top: 6px;
                color: rgba(255, 255, 255, .6);
                font-size: 10px;
                letter-spacing: .11em;
                text-transform: uppercase;
            }

            /* What to expect */
            .yvr-about-expect {
                padding: clamp(70px, 8vw, 112px) 0 clamp(74px, 8vw, 118px);
                background: #fffdfa;
            }

            .yvr-about-expect__head {
                max-width: 720px;
                margin: 0 auto clamp(45px, 6vw, 72px);
                text-align: center;
            }

            .yvr-about-expect__head .yvr-about__eyebrow {
                justify-content: center;
            }

            .yvr-about-expect__grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
            }

            .yvr-about-expect-card {
                position: relative;
                padding: 4px clamp(20px, 3vw, 42px);
                text-align: center;
            }

            .yvr-about-expect-card + .yvr-about-expect-card::before {
                position: absolute;
                top: 2%;
                bottom: 2%;
                left: 0;
                width: 1px;
                background: linear-gradient(transparent, rgba(212, 160, 100, .72), transparent);
                content: "";
            }

            .yvr-about-expect-card__number {
                position: absolute;
                top: -4px;
                right: 24px;
                color: rgba(8, 36, 64, .08);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 54px;
                line-height: 1;
            }

            .yvr-about-expect-card svg {
                width: 58px;
                height: 58px;
                margin-bottom: 18px;
                fill: none;
                stroke: var(--about-navy);
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 1.45;
            }

            .yvr-about-expect-card h3 {
                margin: 0;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(22px, 2vw, 28px);
                font-weight: 500;
                line-height: 1.15;
            }

            .yvr-about-expect-card p {
                margin: 11px auto 0;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 16px;
                line-height: 1.55;
            }

            /* Journey */
            .yvr-about-journey {
                position: relative;
                padding: clamp(70px, 8vw, 115px) 0;
                background: linear-gradient(180deg, var(--about-cream-deep), var(--about-cream));
            }

            .yvr-about-journey__head {
                display: grid;
                align-items: end;
                grid-template-columns: minmax(0, 1fr) minmax(300px, 470px);
                gap: 50px;
                margin-bottom: clamp(45px, 6vw, 74px);
            }

            .yvr-about-journey__intro {
                margin: 0;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 19px;
                line-height: 1.6;
            }

            .yvr-about-journey__steps {
                position: relative;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 30px;
            }

            .yvr-about-journey__steps::before {
                position: absolute;
                top: 26px;
                right: 11%;
                left: 11%;
                height: 1px;
                background: linear-gradient(90deg, transparent, var(--about-gold), var(--about-gold), transparent);
                content: "";
            }

            .yvr-about-step {
                position: relative;
                z-index: 1;
                text-align: center;
            }

            .yvr-about-step__dot {
                display: grid;
                width: 54px;
                height: 54px;
                margin: 0 auto 23px;
                border: 1px solid var(--about-gold);
                border-radius: 50%;
                background: var(--about-cream);
                color: #976333;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 17px;
                place-items: center;
                transition: background .3s ease, color .3s ease, transform .3s ease;
            }

            .yvr-about-step:hover .yvr-about-step__dot {
                transform: translateY(-4px);
                background: var(--about-navy);
                color: var(--about-gold-light);
            }

            .yvr-about-step h3 {
                margin: 0;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 24px;
                font-weight: 500;
            }

            .yvr-about-step p {
                max-width: 240px;
                margin: 10px auto 0;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 16px;
                line-height: 1.5;
            }

            /* Quote */
            .yvr-about-quote {
                position: relative;
                padding: clamp(74px, 8vw, 116px) 22px;
                overflow: hidden;
                background:
                    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .76), transparent 48%),
                    var(--about-blue-mist);
                text-align: center;
            }

            .yvr-about-quote::before,
            .yvr-about-quote::after {
                position: absolute;
                width: 200px;
                height: 200px;
                border: 1px solid rgba(8, 36, 64, .07);
                border-radius: 50%;
                content: "";
            }

            .yvr-about-quote::before {
                top: -115px;
                left: -65px;
            }

            .yvr-about-quote::after {
                right: -65px;
                bottom: -115px;
            }

            .yvr-about-quote blockquote {
                position: relative;
                z-index: 1;
                max-width: 930px;
                margin: 0 auto;
                color: var(--about-ink);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(35px, 4.5vw, 46px);
                font-weight: 500;
                letter-spacing: -.02em;
                line-height: 1.08;
            }

            .yvr-about-quote__diamond {
                width: 42px;
                margin: 20px auto 14px;
                fill: none;
                stroke: var(--about-gold);
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 1.3;
            }

            .yvr-about-quote cite {
                color: #5f7285;
                font-size: 10px;
                font-style: normal;
                font-weight: 700;
                letter-spacing: .28em;
                text-transform: uppercase;
            }

            /* CTA */
            .yvr-about-cta-wrap {
                padding: clamp(38px, 5vw, 72px) 0;
                background: #fffdfa;
            }

            .yvr-about-cta {
                position: relative;
                display: grid;
                min-height: 330px;
                align-items: center;
                overflow: hidden;
                border: 1px solid rgba(212, 160, 100, .75);
                background: var(--about-cream);
            }

            .yvr-about-cta__media {
                position: absolute;
                inset: 0;
            }

            .yvr-about-cta__media::after {
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, var(--about-cream) 0%, rgba(251, 247, 241, .97) 38%, rgba(251, 247, 241, .48) 65%, transparent 82%);
                content: "";
            }

            .yvr-about-cta__media img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }

            .yvr-about-cta__content {
                position: relative;
                z-index: 2;
                width: min(560px, 58%);
                padding: clamp(36px, 5vw, 72px);
            }

            .yvr-about-cta h2 {
                margin: 0;
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: clamp(37px, 4vw, 50px);
                font-weight: 500;
                line-height: 1;
            }

            .yvr-about-cta p {
                max-width: 430px;
                margin: 17px 0 27px;
                color: var(--about-copy);
                font-family: "Cormorant Garamond", "Times New Roman", serif;
                font-size: 18px;
                line-height: 1.5;
            }

            .yvr-about-cta__actions {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 20px;
            }

            .yvr-about-cta__contact {
                position: relative;
                color: var(--about-ink) !important;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: .12em;
                text-decoration: none;
                text-transform: uppercase;
            }

            .yvr-about-cta__contact::after {
                position: absolute;
                right: 0;
                bottom: -6px;
                left: 0;
                height: 1px;
                background: var(--about-gold);
                content: "";
                transform: scaleX(.45);
                transform-origin: left;
                transition: transform .3s ease;
            }

            .yvr-about-cta__contact:hover::after {
                transform: scaleX(1);
            }

            /* Reveal animation: content remains visible when JS is unavailable. */
            .yvr-motion-ready .yvr-about [data-yvr-reveal] {
                opacity: 0;
                transform: translateY(34px);
                transition: opacity .8s ease var(--yvr-delay, 0ms),
                    transform .8s cubic-bezier(.2, .7, .2, 1) var(--yvr-delay, 0ms);
            }

            .yvr-motion-ready .yvr-about [data-yvr-reveal="left"] {
                transform: translateX(-42px);
            }

            .yvr-motion-ready .yvr-about [data-yvr-reveal="right"] {
                transform: translateX(42px);
            }

            .yvr-motion-ready .yvr-about [data-yvr-reveal="scale"] {
                transform: scale(.96);
            }

            .yvr-motion-ready .yvr-about [data-yvr-reveal].is-visible {
                opacity: 1;
                transform: none;
            }

            @media (max-width: 1024px) {
                .yvr-about-story__content {
                    padding-inline: clamp(35px, 6vw, 72px);
                }

                .yvr-about-craft__grid {
                    gap: 55px;
                }

                .yvr-about-expect__grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 52px 0;
                }

                .yvr-about-expect-card:nth-child(3)::before {
                    display: none;
                }
            }

            @media (max-width: 800px) {
                .yvr-about__shell {
                    width: min(100% - 34px, 680px);
                }

                .yvr-about-hero {
                    grid-template-columns: 1fr;
                }

                .yvr-about-hero::before {
                    display: none;
                }

                .yvr-about-hero__copy {
                    grid-column: 1;
                    grid-row: 1;
                    padding: 32px 22px 50px;
                }

                .yvr-about-hero__inner {
                    width: min(100%, 680px);
                    margin-inline: auto;
                }

                .yvr-about-hero__breadcrumb {
                    margin-bottom: 54px;
                }

                .yvr-about-hero__media {
                    min-height: 430px;
                    grid-column: 1;
                    grid-row: 2;
                }

                .yvr-about-hero__media::after {
                    background: linear-gradient(180deg, rgba(251, 247, 241, .4), transparent 25%);
                }

                .yvr-about-hero__scroll {
                    display: none;
                }

                .yvr-about-story__grid,
                .yvr-about-craft__grid {
                    grid-template-columns: 1fr;
                }

                .yvr-about-story__media {
                    min-height: 520px;
                }

                .yvr-about-story__content {
                    padding: 70px max(24px, calc((100vw - 680px) / 2));
                }

                .yvr-about-pillars__grid {
                    grid-template-columns: 1fr;
                    gap: 44px;
                }

                .yvr-about-pillar {
                    width: min(100%, 430px);
                    margin-inline: auto;
                }

                .yvr-about-pillar + .yvr-about-pillar::before {
                    top: -22px;
                    right: 20%;
                    bottom: auto;
                    left: 20%;
                    width: auto;
                    height: 1px;
                    background: linear-gradient(90deg, transparent, rgba(212, 160, 100, .8), transparent);
                }

                .yvr-about-craft__media {
                    min-height: 460px;
                }

                .yvr-about-craft__content {
                    padding-top: 12px;
                }

                .yvr-about-journey__head {
                    grid-template-columns: 1fr;
                    gap: 22px;
                }

                .yvr-about-journey__steps {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 46px 28px;
                }

                .yvr-about-journey__steps::before {
                    display: none;
                }

                .yvr-about-cta {
                    min-height: 560px;
                    align-items: start;
                }

                .yvr-about-cta__media {
                    top: auto;
                    height: 58%;
                }

                .yvr-about-cta__media::after {
                    background: linear-gradient(180deg, var(--about-cream) 0%, rgba(251, 247, 241, .48) 35%, transparent 70%);
                }

                .yvr-about-cta__media img {
                    object-position: 67% center;
                }

                .yvr-about-cta__content {
                    width: 100%;
                    padding: 42px 32px;
                }
            }

            @media (max-width: 560px) {
                .yvr-about__shell {
                    width: calc(100% - 28px);
                }

                .yvr-about-hero__copy {
                    padding-inline: 18px;
                }

                .yvr-about-hero__breadcrumb {
                    margin-bottom: 44px;
                }

                .yvr-about-hero__media {
                    min-height: 325px;
                }

                .yvr-about-hero__media img {
                    object-position: 63% center;
                }

                .yvr-about-story__media {
                    min-height: 390px;
                }

                .yvr-about-story__media::after {
                    inset: 11px;
                }

                .yvr-about-story__content {
                    padding: 58px 20px 64px;
                }

                .yvr-about-story__mark {
                    right: -170px;
                    width: 350px;
                }

                .yvr-about-craft {
                    padding-top: 70px;
                }

                .yvr-about-craft__media {
                    min-height: 330px;
                }

                .yvr-about-craft__media::before {
                    inset: -9px 10px 10px -9px;
                }

                .yvr-about-craft__details {
                    grid-template-columns: 1fr;
                    gap: 0;
                }

                .yvr-about-expect__grid {
                    grid-template-columns: 1fr;
                    gap: 0;
                }

                .yvr-about-expect-card {
                    padding: 35px 24px;
                }

                .yvr-about-expect-card + .yvr-about-expect-card::before,
                .yvr-about-expect-card:nth-child(3)::before {
                    display: block;
                    top: 0;
                    right: 18%;
                    bottom: auto;
                    left: 18%;
                    width: auto;
                    height: 1px;
                    background: linear-gradient(90deg, transparent, rgba(212, 160, 100, .72), transparent);
                }

                .yvr-about-expect-card:first-child {
                    padding-top: 0;
                }

                .yvr-about-journey__steps {
                    grid-template-columns: 1fr;
                    gap: 34px;
                }

                .yvr-about-step {
                    display: grid;
                    align-items: start;
                    grid-template-columns: 52px 1fr;
                    column-gap: 18px;
                    text-align: left;
                }

                .yvr-about-step__dot {
                    grid-row: 1 / span 2;
                    width: 48px;
                    height: 48px;
                    margin: 0;
                }

                .yvr-about-step p {
                    margin: 7px 0 0;
                }

                .yvr-about-quote {
                    padding-inline: 18px;
                }

                .yvr-about-cta-wrap {
                    padding: 28px 0;
                }

                .yvr-about-cta {
                    min-height: 610px;
                }

                .yvr-about-cta__content {
                    padding: 34px 23px;
                }

                .yvr-about-cta__actions {
                    align-items: stretch;
                    flex-direction: column;
                }

                .yvr-about-cta__contact {
                    align-self: flex-start;
                }

                .yvr-about__button {
                    width: 100%;
                }
            }

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

                .yvr-motion-ready .yvr-about [data-yvr-reveal] {
                    opacity: 1;
                    transform: none;
                }
            }
@media(max-width:1099px){
    .yvr-about-hero{
        margin-top:50px;
    }
}
