*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ffffff;color:#12284c;font:16px/1.65 Arial,sans-serif}a{color:inherit}header{padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c4cfda}.brand{font:28px Georgia;letter-spacing:3px}.broker{font:12px Arial;letter-spacing:1px}nav{display:flex;gap:24px;align-items:center}nav a{text-decoration:none}main{max-width:1440px;margin:auto}.hero{padding:58px 6% 32px;display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase}h1{font:clamp(44px,5vw,76px)/1.06 Georgia;margin:20px 0}h2{font:38px/1.15 Georgia}h3{font:25px Georgia}.lead{font-size:19px;color:#47556b}.hero img{width:100%;height:490px;object-fit:cover;border-radius:140px 3px 3px 3px}.price{font:32px Georgia;margin:20px 0}.button,button{display:inline-block;background:#12284c;color:white;border:1px solid #12284c;padding:13px 23px;text-decoration:none;border-radius:3px;font:15px Arial;cursor:pointer}.secondary{background:transparent;color:#12284c}.actions{display:flex;flex-wrap:wrap;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 6% 65px;border-top:1px solid #c4cfda;border-bottom:1px solid #c4cfda;padding:25px 0;text-align:center}.stats strong{font:32px Georgia;display:block}.section{padding:40px 6% 60px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.features{border-top:1px solid #c4cfda}.features div{padding:18px 0;border-bottom:1px solid #c4cfda}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{width:100%;height:240px;object-fit:cover}.note{background:#f3eee9;border-left:3px solid #cda787;padding:22px;font-size:14px}.agent{background:#edf1f5;display:grid;grid-template-columns:0.65fr 1fr;align-items:center;gap:50px;padding:40px 8%}.agent img{height:360px;width:100%;object-fit:contain;object-position:bottom}.contact{background:#12284c;color:white;padding:60px 8%;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact .button{background:#cda787;color:#12284c}.contact .secondary{background:transparent;color:white;border-color:#c4cfda}details{border-bottom:1px solid #c4cfda;padding:18px 0}summary{cursor:pointer;font-weight:bold}.footer{padding:40px 6%;font-size:12px;color:#47556b}.footer img{width:100px;margin:15px 0}.mobile{display:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cda787;outline-offset:5px}.review{background:#f3eee9;padding:8px 6%;font-size:12px}@media(max-width:760px){header{padding:18px 6%}nav a:first-child{display:none}nav{gap:12px}.hero,.split,.agent,.contact{grid-template-columns:1fr;gap:24px}.hero{padding-top:32px}.hero img{height:320px;grid-row:1;border-radius:70px 3px 3px}.stats{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.gallery{grid-template-columns:1fr}.gallery img{height:250px}.agent img{height:280px}.mobile{display:flex;position:sticky;bottom:0;background:#ffffff;padding:10px;gap:10px;justify-content:center}.section{padding-bottom:35px}h1{font-size:48px}}
/* Xcala brand guide: Space Blue, Champagne, Pale Blue; web equivalents from supplied CMYK values. */
:root{--space-blue:#12284c;--champagne:#cda787;--pale-blue:#c4cfda}
header{padding:20px 6%;background:#fff;gap:30px;border-bottom:3px solid var(--champagne)}
.brand-link{display:block;flex:0 1 420px;max-width:420px;text-decoration:none}
.logo-window{position:relative;display:block;width:100%;aspect-ratio:2600/710;overflow:hidden}
.logo-window .brand-art{position:absolute;left:-7.6923%;top:-22.6761%;width:115.3846%;max-width:none;height:auto;margin:0;object-fit:contain}
.footer>.logo-window{width:min(420px,100%);margin-bottom:26px}
h1,h2,h3{font-family:Gotham,'Avenir Next',Arial,sans-serif;font-weight:650;letter-spacing:-.045em}
h1{font-size:clamp(42px,4.8vw,70px)}h2{font-size:36px}
.eyebrow{font-weight:700}.hero .eyebrow:before{content:'';display:inline-block;width:28px;height:3px;background:var(--champagne);vertical-align:middle;margin-right:12px}
.stats{border-top:2px solid var(--champagne)}.stats strong,.price{font-family:Gotham,'Avenir Next',Arial,sans-serif;font-weight:600}
.button:hover{background:#213d68;border-color:#213d68;color:white}.button.secondary:hover{background:#edf1f5;color:var(--space-blue)}
.contact .button:hover{background:#e0bfa2;color:var(--space-blue)}.contact .secondary:hover{background:#fff;color:var(--space-blue)}
.footer{border-top:4px solid var(--champagne)}
@media(max-width:760px){header{flex-direction:column;gap:15px;padding:18px 6%}.brand-link{flex:auto;width:min(350px,100%)}nav{width:100%;justify-content:center;gap:25px}nav a:first-child{display:block}h1{font-size:43px}h2{font-size:31px}.footer>.logo-window{width:min(350px,100%)}}
/* Compact lockup, preserving Xcala colors and matching the brokerage mark to Space Blue. */
header .brand-link{flex:0 0 280px;width:280px;max-width:100%}
.logo-window .brand-art{clip-path:inset(0 48% 0 0)}
.logo-window:after{content:'';position:absolute;inset:0;background:var(--space-blue);mask:url('/assets/xcala-brokered-by-exp.png') 50% 36.5909%/115.3846% 161.9718% no-repeat;-webkit-mask:url('/assets/xcala-brokered-by-exp.png') 50% 36.5909%/115.3846% 161.9718% no-repeat;clip-path:inset(0 0 0 52.31%);pointer-events:none}
@media(max-width:760px){header .brand-link{flex:auto;width:min(260px,100%)}}

/* Give the primary brand visual priority while retaining the brokerage attribution. */
header .brand-link{flex:0 0 326px;width:326px;max-width:100%}
.brand-pair{display:flex;align-items:center;gap:24px;width:326px;max-width:100%}
.xcala-mark{display:block;flex:0 0 210px;height:74px;background:url('/assets/xcala-brokered-by-exp.png') 10.5263% 49.9348%/272.7273% 300.2611% no-repeat}
.exp-mark{display:block;flex:0 0 92px;height:60px;background:var(--space-blue);mask:url('/assets/xcala-brokered-by-exp.png') 89.4737% 36.5909%/272.7273% 161.9718% no-repeat;-webkit-mask:url('/assets/xcala-brokered-by-exp.png') 89.4737% 36.5909%/272.7273% 161.9718% no-repeat}
.footer>.brand-pair{margin-bottom:26px}
@media(max-width:760px){header .brand-link{flex:auto;width:302px}.brand-pair{width:302px;gap:18px}.xcala-mark{flex-basis:196px;height:69px}.exp-mark{flex-basis:88px;height:57px}}