#sr-property-carousel{background:#f7f6f2;color:#1d4357;font-family:Arial,sans-serif;padding:64px 0 48px;overflow:hidden}#sr-property-carousel .intro{max-width:1300px;margin:auto}#sr-property-carousel a{text-decoration:none!important;color:#1d4357!important} @media(max-width:600px){#sr-property-carousel{padding:38px 0 34px}}
#sr-property-carousel *{box-sizing:border-box}
#sr-property-carousel button,#sr-property-carousel a{-webkit-tap-highlight-color:transparent}
#sr-property-carousel button{font:inherit;color:inherit;cursor:pointer}
#sr-property-carousel .intro{padding:0 5vw}
#sr-property-carousel .eyebrow{font-weight:700;font-size:12px;letter-spacing:.12em;color:#64727a;margin:0 0 18px}
#sr-property-carousel .property-heading{font:400 clamp(32px,4vw,48px)/1.1 "Archivo Black",Arial;letter-spacing:-.035em;margin:0 0 18px}
#sr-property-carousel .hint{font-size:14px;color:#64727a;margin:0 0 28px}
#sr-property-carousel .carousel{position:relative}
#sr-property-carousel .track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:20px max(5vw,calc((100% - 780px)/2)) 34px;scroll-padding-inline:max(5vw,calc((100% - 780px)/2));overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}
#sr-property-carousel .track::-webkit-scrollbar{display:none}
#sr-property-carousel .card{flex:0 0 780px;max-width:82vw;scroll-snap-align:center;background:white;display:grid;grid-template-columns:54% 46%;min-height:340px;box-shadow:0 10px 30px #17394a0a;transition:opacity .25s,transform .25s;opacity:.55;transform:scale(.95);overflow:hidden}
#sr-property-carousel .card.active{opacity:1;transform:scale(1)}
#sr-property-carousel .card img{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}
#sr-property-carousel .body{padding:40px 30px;display:flex;flex-direction:column;align-items:flex-start}
#sr-property-carousel .number{font-size:11px;letter-spacing:.13em;color:#9aa2a5;margin-bottom:30px}
#sr-property-carousel h2{font:400 27px/1.15 "Archivo Black",Arial;letter-spacing:-.025em;margin:0 0 13px}
#sr-property-carousel .body p{color:#64727a;font-size:16px;line-height:1.5;margin:0 0 35px}
#sr-property-carousel .body .card-cta{color:#1d4357;text-decoration:none;font-weight:700;margin-top:auto;padding:10px 0;font-size:16px}
#sr-property-carousel .body .card-cta span{padding-left:18px}
#sr-property-carousel .body .card-cta:hover{color:#bf711f}
#sr-property-carousel .controls{padding:0 5vw;display:flex;align-items:center;justify-content:center;gap:22px}
#sr-property-carousel .arrow{width:44px;height:44px;border:1px solid #1d435730;background:transparent;border-radius:50%;font-size:22px}
#sr-property-carousel .arrow:disabled{opacity:.25;cursor:default}
#sr-property-carousel .dots{display:flex;gap:8px}
#sr-property-carousel .dot{border:0;border-radius:20px;width:8px;height:8px;padding:0;background:#c6cdd0;transition:width .2s,background .2s}
#sr-property-carousel .dot[aria-current=true]{width:26px;background:#e8922f}
#sr-property-carousel .counter{font-size:12px;font-variant-numeric:tabular-nums;min-width:34px;color:#64727a}
#sr-property-carousel button:focus-visible,#sr-property-carousel a:focus-visible,#sr-property-carousel .track:focus-visible{outline:3px solid #e8922f;outline-offset:5px}
@media(max-width:600px){#sr-property-carousel .intro{padding:0 24px}
#sr-property-carousel .eyebrow{font-size:10px;margin-bottom:17px}
#sr-property-carousel .property-heading{font-size:30px;max-width:13em}
#sr-property-carousel .hint{font-size:12px;margin-bottom:8px}
#sr-property-carousel .track{gap:14px;padding:20px 24px 25px;scroll-padding-inline:24px}
#sr-property-carousel .card{flex-basis:calc(100vw - 64px);max-width:none;display:flex;flex-direction:column;min-height:435px;transform:scale(.97)}
#sr-property-carousel .card img{height:220px;aspect-ratio:1.45;object-fit:cover}
#sr-property-carousel .body{padding:24px;flex:1}
#sr-property-carousel .number{display:none}
#sr-property-carousel h2{font-size:24px}
#sr-property-carousel .body p{font-size:14px;margin-bottom:20px}
#sr-property-carousel .body .card-cta{font-size:14px}
#sr-property-carousel .controls{gap:18px}}
@media(prefers-reduced-motion:reduce){#sr-property-carousel *{scroll-behavior:auto!important;transition:none!important}}
#sr-property-carousel .carousel{max-width:760px;margin:auto;--fan-x:57%;--fan-y:12%;--fan-angle:27deg;--fan-shrink:.1;--fan-center-z:55px;--fan-depth:95px}
#sr-property-carousel .track{position:relative;display:block;overflow:visible;perspective:1100px;transform-style:flat;padding:0;scroll-snap-type:none;height:700px;touch-action:pan-y pinch-zoom;cursor:grab}
#sr-property-carousel .card{position:absolute;top:38px;left:19%;width:62%;max-width:none;min-height:0;aspect-ratio:3/4;display:flex;flex-direction:column;border:3px solid #fff;overflow:hidden;transform-origin:center;backface-visibility:hidden;box-shadow:0 18px 35px #16334525;transition:transform .65s cubic-bezier(.22,.7,.2,1),filter .65s,opacity .65s;transform:translate(calc(var(--pos)*var(--fan-x)),calc(var(--progress)*var(--fan-y))) translateZ(calc(var(--fan-center-z) - var(--progress)*var(--fan-depth) - var(--far)*80px)) rotateY(calc(var(--sign)*var(--progress)*var(--fan-angle))) skewY(calc(var(--sign)*var(--progress)*14deg)) scale(calc(1 - var(--progress)*var(--fan-shrink) - var(--far)*.15));filter:brightness(calc(1 - var(--progress)*.18));opacity:var(--opacity);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#sr-property-carousel .card.active{opacity:var(--opacity);transform:translate(calc(var(--pos)*var(--fan-x)),calc(var(--progress)*var(--fan-y))) translateZ(calc(var(--fan-center-z) - var(--progress)*var(--fan-depth) - var(--far)*80px)) rotateY(calc(var(--sign)*var(--progress)*var(--fan-angle))) skewY(calc(var(--sign)*var(--progress)*14deg)) scale(calc(1 - var(--progress)*var(--fan-shrink) - var(--far)*.15))}
#sr-property-carousel .card img{height:65%;width:100%;aspect-ratio:auto;object-fit:cover;touch-action:pan-y pinch-zoom}
#sr-property-carousel .body{padding:24px;flex:1}
#sr-property-carousel .number{display:none}
#sr-property-carousel .body p{margin:0 0 12px}
#sr-property-carousel .body h2{font-size:27px}
#sr-property-carousel .body .card-cta{padding:6px 0}
#sr-property-carousel .is-dragging .card{transition:none!important;cursor:grabbing}
#sr-property-carousel .controls{position:relative;z-index:10;padding:0 24px}
#sr-property-carousel .arrow:disabled{opacity:1}
@media(max-width:600px){#sr-property-carousel .carousel{--fan-x:45%;--fan-y:8%;--fan-angle:28deg;--fan-shrink:.13;--fan-center-z:35px;--fan-depth:80px}
#sr-property-carousel .track{height:calc(96vw + 45px);margin-top:12px}
#sr-property-carousel .card{top:28px;left:16%;width:68%;aspect-ratio:3/4;flex-basis:auto;min-height:0}
#sr-property-carousel .card img{height:61%}
#sr-property-carousel .body{padding:18px 16px}
#sr-property-carousel .body h2{font-size:21px;margin-bottom:8px}
#sr-property-carousel .body p{font-size:12px;margin-bottom:12px}
#sr-property-carousel .body .card-cta{font-size:13px}
#sr-property-carousel .hint{margin-bottom:0}
#sr-property-carousel .controls{gap:20px}}
@media(max-width:360px){#sr-property-carousel .body{padding:14px}
#sr-property-carousel .body h2{font-size:18px}
#sr-property-carousel .body p{font-size:11px}
#sr-property-carousel .body .card-cta{font-size:12px}}
#sr-property-carousel .carousel{max-width:900px}
#sr-property-carousel .track{height:875px}
#sr-property-carousel .card{left:16%;width:68%;border-width:4px;box-shadow:0 24px 45px #16334535}
#sr-property-carousel .body{padding:30px}
#sr-property-carousel .body h2{font-size:36px;line-height:1.08;letter-spacing:-.035em}
#sr-property-carousel .body p{font-size:18px;line-height:1.4}
#sr-property-carousel .body .card-cta{font-size:18px;padding:12px 0}
#sr-property-carousel .arrow{width:50px;height:50px;border-color:#1d435760;border-width:2px;font-weight:700}
#sr-property-carousel .counter{font-size:14px;font-weight:700}
#sr-property-carousel .dot{height:10px;width:10px}
#sr-property-carousel .dot[aria-current=true]{width:30px}
@media(max-width:600px){#sr-property-carousel .carousel{--fan-x:40%}
#sr-property-carousel .track{height:calc(110vw + 50px);margin-top:8px}
#sr-property-carousel .card{left:11%;width:78%;border-width:3px;top:32px}
#sr-property-carousel .card img{height:58%}
#sr-property-carousel .body{padding:20px 19px}
#sr-property-carousel .body h2{font-size:25px;line-height:1.08;margin-bottom:9px}
#sr-property-carousel .body p{font-size:14px;line-height:1.4;margin-bottom:12px}
#sr-property-carousel .body .card-cta{font-size:16px;padding:8px 0}
#sr-property-carousel .controls{gap:20px}
#sr-property-carousel .arrow{width:48px;height:48px}}
@media(max-width:360px){#sr-property-carousel .body{padding:17px}
#sr-property-carousel .body h2{font-size:22px}
#sr-property-carousel .body p{font-size:13px}
#sr-property-carousel .body .card-cta{font-size:15px}}
#sr-property-carousel .carousel{max-width:1050px;--fan-x:43%}
#sr-property-carousel .track{height:1080px}
#sr-property-carousel .card{width:72%;left:14%}
#sr-property-carousel .body{padding:38px}
#sr-property-carousel .body h2{font-size:44px}
#sr-property-carousel .body p{font-size:21px}
#sr-property-carousel .body .card-cta{font-size:21px}
@media(max-width:600px){#sr-property-carousel .carousel{--fan-x:32%}
#sr-property-carousel .track{height:calc(129vw + 54px)}
#sr-property-carousel .card{width:88%;left:6%;top:38px;aspect-ratio:3/4}
#sr-property-carousel .body{padding:22px}
#sr-property-carousel .body h2{font-size:29px}
#sr-property-carousel .body p{font-size:16px}
#sr-property-carousel .body .card-cta{font-size:18px}
#sr-property-carousel .card img{height:59%}
#sr-property-carousel .controls{gap:18px}}
@media(max-width:360px){#sr-property-carousel .body{padding:18px}
#sr-property-carousel .body h2{font-size:25px}
#sr-property-carousel .body p{font-size:14px}
#sr-property-carousel .body .card-cta{font-size:16px}}#sr-property-carousel .property-heading,#sr-property-carousel .body h2{color:#1d4357!important}
/* Make the property-choice question a clear, prominent section opener. */
#sr-property-carousel .eyebrow{font:400 clamp(22px,2.4vw,30px)/1.18 "Archivo Black",Arial,sans-serif;letter-spacing:-.025em;color:#1d4357;margin:0 0 26px;max-width:26em}
#sr-property-carousel .eyebrow::before{content:"";display:block;width:66px;height:5px;background:#f6931c;margin-bottom:18px}
@media(max-width:600px){#sr-property-carousel .eyebrow{font-size:22px;line-height:1.2;margin-bottom:24px;max-width:17em}#sr-property-carousel .eyebrow::before{width:54px;height:4px;margin-bottom:16px}}

#sr-property-carousel .card{color:#1d4357;text-decoration:none;cursor:pointer}#sr-property-carousel .card:focus-visible{outline:4px solid #f6931c;outline-offset:5px}#sr-property-carousel .card-cta{display:block;font-weight:700;margin-top:auto}#sr-property-carousel.is-dragging .card{cursor:grabbing}

/* Reveal both neighboring cards and put navigation within immediate view. */
#sr-property-carousel .carousel{--fan-x:62%;--fan-y:6%;--fan-angle:20deg;--fan-shrink:.1;--fan-center-z:0px;--fan-depth:55px}
#sr-property-carousel .track{height:980px;margin-top:18px}
#sr-property-carousel .card{width:64%;left:18%;top:80px}
#sr-property-carousel .controls{position:absolute;top:0;left:0;width:100%;gap:18px}
#sr-property-carousel .arrow{background:#1d4357;color:white;border-color:#1d4357;box-shadow:0 4px 12px #16334520}
@media(max-width:600px){
#sr-property-carousel .carousel{--fan-x:62%;--fan-y:5%;--fan-angle:18deg;--fan-shrink:.08;--fan-center-z:0px;--fan-depth:35px}
#sr-property-carousel .track{height:calc(105vw + 100px);margin-top:20px}
#sr-property-carousel .card{width:74%;left:13%;top:72px}
#sr-property-carousel .body{padding:20px 17px}
#sr-property-carousel .body h2{font-size:clamp(23px,6.6vw,29px)}
#sr-property-carousel .body p{font-size:15px}
#sr-property-carousel .body .card-cta{font-size:17px}
#sr-property-carousel .controls{gap:16px}
#sr-property-carousel .arrow{width:44px;height:44px}
}
@media(max-width:360px){#sr-property-carousel .body{padding:15px}#sr-property-carousel .body h2{font-size:22px}#sr-property-carousel .body p{font-size:13px}#sr-property-carousel .body .card-cta{font-size:15px}}

/* Thin brand-orange frame for every property card. */
#sr-property-carousel .card{border:2px solid #f6931c}

/* Motion is driven by a single RAF timeline; no competing CSS tween. */
#sr-property-carousel .card{transition:none!important;will-change:transform,opacity}