.overview{background:radial-gradient(ellipse at 10% 40%,#e4d7bd30,transparent 60%),var(--ivory);height:auto;max-height:none;min-height:var(--section-height);padding:120px 0;display:flex;align-items:center;overflow-x:clip}.overview-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:6%;align-items:center}.overview-copy h2{font-size:clamp(43px,4.4vw,68px);max-width:550px;margin-bottom:28px}.overview-copy p{font-size:15px;line-height:1.8;margin-bottom:19px;max-width:550px}.overview-copy p:last-child{margin:0}/* The frame takes the photo's own proportions (1800 × 1742), so the image is never cropped. */.overview-image{width:min(100% - 24px,600px);height:auto;aspect-ratio:1800/1742;margin:0 12px;justify-self:center}
/* Luxury entrance (keyframes in motion.css): copy glides in from the left, the framed image flips in from the right. */
.motion-ready .overview-copy[data-reveal],.motion-ready .overview-image[data-reveal]{opacity:1;transform:none;transition:none}.motion-ready .overview-copy:not(.is-visible)>*,.motion-ready .overview-image:not(.is-visible){opacity:0}
.motion-ready .overview-copy.is-visible .lux-rule{animation:lux-draw 1.4s cubic-bezier(.77,0,.18,1) both}.motion-ready .overview-copy.is-visible .lux-eyebrow span:last-child{animation:lux-from-left 1.2s .35s cubic-bezier(.16,1,.3,1) both}.motion-ready .overview-copy.is-visible h2{animation:lux-focus-left 1.7s .2s cubic-bezier(.16,1,.3,1) both}.motion-ready .overview-copy.is-visible p{animation:lux-from-left 1.4s cubic-bezier(.16,1,.3,1) both}.motion-ready .overview-copy.is-visible p:nth-of-type(1){animation-delay:.55s}.motion-ready .overview-copy.is-visible p:nth-of-type(2){animation-delay:.75s}.motion-ready .overview-copy.is-visible p:nth-of-type(3){animation-delay:.95s}
.motion-ready .overview-image.is-visible{animation:lux-flip-right 2s .15s cubic-bezier(.16,1,.3,1) both}.motion-ready .overview-image.is-visible img{animation:lux-settle 3s .15s cubic-bezier(.2,.65,.25,1) both}
@media(min-width:992px) and (max-height:780px){.overview{padding:90px 0}.overview-copy h2{font-size:49px;margin-bottom:22px}.overview-copy p{font-size:14px;line-height:1.75;margin-bottom:17px}}
@media(max-width:991px){.overview{padding:90px 0;min-height:0}.overview-layout{gap:6%;grid-template-columns:1.15fr 1fr}.overview-copy h2{font-size:45px}.overview-copy p{font-size:14px}.overview-image{margin:0 8px}}
@media(max-width:600px){.overview{padding:64px 0}.overview-layout{grid-template-columns:1fr;gap:26px}.overview-copy h2{font-size:38px;line-height:1.03;margin-bottom:18px;max-width:330px}.overview-copy p{font-size:13px;line-height:1.7;margin-bottom:14px}.overview-image{margin:0 9px}}
@media(min-width:992px) and (max-height:780px){.overview-image{width:min(100% - 24px,530px)}}
@media(max-width:991px){.overview-image{width:min(100% - 16px,420px)}}
@media(max-width:600px){.overview-image{width:calc(100% - 18px)}}