.lifestyle { position: relative; width: 100vw; margin-inline: calc(50% - 50vw); overflow: clip; padding: clamp(4.5rem, 10vw, 9rem) 0; background: var(--color-surface-tinted); color: var(--color-primary-strong); }
.lifestyle::before { position: absolute; top: 0; right: 0; width: min(52vw, 48rem); height: 100%; background: linear-gradient(120deg, transparent, rgba(198, 166, 103, .12)); content: ""; pointer-events: none; }
.lifestyle__inner { position: relative; display: grid; gap: clamp(3rem, 8vw, 8.25rem); align-items: center; }
.lifestyle__media { position: relative; min-width: 0; padding: 0 1.1rem 5.2rem 0; }
.lifestyle__primary-image { position: relative; aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: clamp(1.4rem, 2.8vw, 2.15rem); background: var(--color-primary-strong); box-shadow: 0 1.7rem 4rem rgba(19, 40, 33, .22); }
.lifestyle__primary-image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7, 24, 17, .45)); content: ""; pointer-events: none; }
.lifestyle__primary-image img, .lifestyle__accent-image img, .lifestyle__panorama-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lifestyle__accent-image { position: absolute; right: 0; bottom: 0; width: min(46%, 14rem); aspect-ratio: .92; margin: 0; overflow: hidden; border: .55rem solid var(--color-surface-tinted); border-radius: 1.15rem; background: var(--color-primary-strong); box-shadow: 0 1.1rem 2.8rem rgba(19, 40, 33, .2); }
.lifestyle__panorama-image { position: absolute; z-index: 1; bottom: 0; left: .9rem; width: 72%; aspect-ratio: 2.15; margin: 0; overflow: hidden; border: .45rem solid var(--color-surface-tinted); border-radius: 1rem; background: var(--color-primary-strong); box-shadow: 0 1rem 2.5rem rgba(19, 40, 33, .18); }
.lifestyle__accent-image { z-index: 2; bottom: .85rem; }
.lifestyle__image-caption { position: absolute; z-index: 3; bottom: .75rem; left: 1.15rem; display: inline-flex; gap: .52rem; align-items: center; margin: 0; color: rgba(255, 255, 255, .92); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lifestyle__image-caption span { width: .45rem; height: .45rem; border-radius: 50%; background: var(--color-secondary); box-shadow: 0 0 0 .28rem rgba(198, 166, 103, .22); }
.lifestyle__content { display: grid; justify-items: start; gap: 1.35rem; }
.lifestyle__eyebrow { margin: 0; color: var(--color-secondary-strong); font-size: .7rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.lifestyle__content h2 { max-width: 39rem; margin: 0; font-family: var(--font-heading); font-size: clamp(3rem, 5.7vw, 5.25rem); font-weight: 600; line-height: .87; letter-spacing: -.055em; }
.lifestyle__description { max-width: 38rem; margin: .15rem 0 0; color: var(--color-text-muted); line-height: 1.75; }
.lifestyle__features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem 1.2rem; width: 100%; max-width: 38rem; margin: .3rem 0 0; padding: 0; list-style: none; }
.lifestyle__features li { display: flex; gap: .62rem; align-items: center; color: var(--color-primary); font-size: .78rem; font-weight: 800; }
.lifestyle__features span { display: grid; width: 1.25rem; height: 1.25rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(198, 166, 103, .18); color: var(--color-secondary-strong); font-size: .68rem; }
.lifestyle__cta { margin-top: .35rem; }
.lifestyle__cta span { margin-left: .4rem; transition: transform var(--transition-default); }
.lifestyle__cta:hover span, .lifestyle__cta:focus-visible span { display: inline-block; transform: translateX(.25rem); }
@media (min-width: 800px) { .lifestyle__inner { grid-template-columns: minmax(19rem, .86fr) minmax(0, 1fr); }.lifestyle__media { padding-right: clamp(1.1rem, 3vw, 2.25rem); }.lifestyle__primary-image { aspect-ratio: .92; } }
@media (min-width: 1200px) { .lifestyle__inner { grid-template-columns: minmax(25rem, .9fr) minmax(0, 1fr); }.lifestyle__primary-image { aspect-ratio: .96; }.lifestyle__accent-image { width: min(44%, 15rem); } }
@media (max-width: 599.98px) { .lifestyle { padding-block: 4.25rem; }.lifestyle__media { padding-bottom: 4.5rem; }.lifestyle__content h2 { font-size: clamp(2.8rem, 14vw, 4.15rem); }.lifestyle__features { grid-template-columns: 1fr; gap: .65rem; }.lifestyle__accent-image { width: 43%; border-width: .38rem; }.lifestyle__panorama-image { left: .55rem; border-width: .32rem; }.lifestyle__image-caption { font-size: .57rem; } }
@media (prefers-reduced-motion: reduce) { .lifestyle__cta span { transition: none; }.lifestyle__cta:hover span { transform: none; } }