.hero-selector{position:relative;isolation:isolate;margin:0 -4.95%;min-height:550px;height:min(690px,calc(100svh - 170px));color:#fff;background:#344752;overflow:hidden;display:flex;align-items:center}
.hero-selector-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:none}
.hero-selector-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#142732e8 0%,#1c303ac4 26%,#24384375 46%,#24384312 69%,transparent 85%)}
.hero-selector-content{position:relative;width:100%;padding:48px 7% 78px}
.hero-selector-location{font-size:10px;font-weight:500;letter-spacing:1.7px;color:#d2e0e8;margin:0 0 29px;line-height:1.6}
.hero-selector-project{font-size:21px;line-height:1.4;letter-spacing:-.3px;color:#f0f5f8;margin:0 0 18px}
.hero-selector h1{font:550 clamp(31px,3.3vw,52px) var(--body);letter-spacing:-1.4px;line-height:1.14;color:white;margin:0;white-space:nowrap}
.hero-selector h1>span{white-space:nowrap}
.hero-selector-description{font-size:15px;line-height:1.7;color:#e1eaf0;margin:22px 0 0}
.hero-selection{max-width:580px;margin-top:38px}
.hero-selection-label{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:20px;margin-bottom:12px}
.hero-selection-label p{font-size:13px;line-height:1.5;color:#dae6ec;margin:0}
#hero-room-reset{border:0;background:none;color:#c1d2de;text-decoration:underline;text-underline-offset:4px;font:11px var(--body);padding:0;cursor:pointer}
.hero-room-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hero-room-options button{min-height:49px;padding:12px 8px;border:1px solid #d0e0eb66;border-radius:5px;color:#f2f7fa;background:#2137446b;font:13px var(--body);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.hero-room-options button:hover{border-color:#fff;background:#344e60bf}
.hero-room-options button[aria-pressed=true]{background:#fff;border-color:#fff;color:#2f4a5d;font-weight:500}
.hero-selection-actions{display:grid;grid-template-columns:1.12fr 1fr;gap:12px;margin-top:19px;align-items:stretch}
.hero-primary-action,.hero-secondary-action{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;min-height:57px;border-radius:5px;font-size:13px;line-height:1.5;text-decoration:none;font-weight:500}
.hero-primary-action{background:#c54e33;color:#fff;border:1px solid #c54e33}.hero-primary-action:hover{background:#d75a3d;border-color:#d75a3d}
.hero-secondary-action{background:transparent;color:#e7f0f5;border:1px solid #d0e0eb70}.hero-secondary-action:hover{background:#ffffff0e;border-color:#e7f0f5}
.hero-primary-action>span:last-child,.hero-secondary-action>span:last-child{font-size:18px;font-weight:400;flex:none}
.hero-selector-source{position:absolute;bottom:22px;left:7%;font-size:9px;color:#b5c9d6;text-decoration:underline;text-decoration-color:#91a9b755;text-underline-offset:4px;line-height:1.5}
.hero-selector-source:hover{color:white}
.hero-selector button:focus-visible,.hero-selector a:focus-visible{outline:2px solid white;outline-offset:4px}
.hero-selector [hidden]{display:none!important}
.hero-selector+#location{margin-top:65px}
@media(min-width:1700px){.hero-selector h1{font-size:52px}}
@media(max-width:1100px){.hero-selector-content{padding:43px 6% 70px}.hero-selector-source{left:6%}.hero-selector h1{font-size:clamp(29px,3.25vw,37px)}.hero-selector-project{font-size:19px}.hero-selector-location{font-size:9px;margin-bottom:24px}.hero-selection{margin-top:30px;max-width:545px}.hero-selector-shade{background:linear-gradient(90deg,#172b36ed,#1d323fd1 35%,#22394368 60%,transparent 90%)}.hero-selector-description{font-size:14px}}
@media(max-width:700px){.hero-selector{margin:0 -18px;height:auto;min-height:590px;align-items:flex-start}.hero-selector-image{object-position:59% center}.hero-selector-shade{background:linear-gradient(90deg,#172b36e6,#1e3442c7 65%,#243c4875),linear-gradient(0deg,#14283270,transparent 70%)}.hero-selector-content{padding:39px 25px 73px}.hero-selector-location{font-size:8px;letter-spacing:1.3px;margin-bottom:24px}.hero-selector-project{font-size:17px;margin-bottom:16px}.hero-selector h1{white-space:normal;font-size:32px;letter-spacing:-.9px;line-height:1.16;max-width:430px}.hero-selector-description{font-size:13px;margin-top:18px;max-width:300px}.hero-selection{margin-top:28px;max-width:430px}.hero-selection-label p{font-size:12px}#hero-room-reset{font-size:10px}.hero-room-options{grid-template-columns:1fr 1fr;gap:7px}.hero-room-options button{min-height:43px;padding:10px;font-size:12px}.hero-selection-actions{grid-template-columns:1fr;gap:10px;margin-top:15px}.hero-primary-action{min-height:51px;padding:14px 17px;font-size:13px}.hero-secondary-action{min-height:43px;padding:10px 17px;font-size:12px}.hero-selector-source{left:25px;bottom:20px;font-size:8px}.hero-selector+#location{margin-top:49px}}
@media(prefers-reduced-motion:reduce){.hero-room-options button{transition:none}}
/* Quarter overview in the first screen; the detailed masterplan below stays independent. */
.hero-selector.hero-quarter{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.8fr);align-items:center;gap:0;height:auto;min-height:620px;background:#2c3c47;overflow:visible}
.hero-quarter .hero-selector-content{padding:43px 30px 43px 38px;min-width:0}
.hero-quarter .hero-selector-location{font-size:8px;letter-spacing:1.4px;line-height:1.8;margin-bottom:25px}
.hero-quarter .hero-selector-project{font-size:16px;letter-spacing:-.2px;margin:0 0 17px;line-height:1.6}
.hero-quarter h1{font-size:clamp(27px,2.5vw,39px);white-space:normal;line-height:1.16;letter-spacing:-1px}
.hero-ready-fact{display:flex;gap:14px;align-items:center;padding:22px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin-top:27px}
.hero-ready-fact>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #abc7d84d;border-radius:50%;color:#d7e9ee;font-size:15px;flex:none}
.hero-ready-fact p{margin:0}.hero-ready-fact strong{display:block;font-size:15px;font-weight:500;color:#fff;line-height:1.5}.hero-ready-fact small{display:block;font-size:11px;color:#9fbaca;margin-top:6px}
.hero-quarter .hero-selection{margin-top:25px;max-width:none}.hero-quarter .hero-selection-label{gap:12px}.hero-quarter .hero-selection-label p{font-size:12px}.hero-quarter #hero-room-reset{font-size:9px;white-space:nowrap}
.hero-quarter .hero-room-options{grid-template-columns:1fr 1fr;gap:7px}.hero-quarter .hero-room-options button{font-size:12px;min-height:42px;padding:10px 8px;background:transparent;border-color:#c6dce53d}.hero-quarter .hero-room-options button[aria-pressed=true]{background:white;color:#34515f}.hero-quarter .hero-room-options button:hover:not([aria-pressed=true]){background:#ffffff0a;border-color:#c6dce580}
.hero-quarter .hero-selection-actions{grid-template-columns:1fr;gap:8px;margin-top:16px}.hero-quarter .hero-primary-action{min-height:52px;padding:14px 16px;font-size:13px}.hero-quarter .hero-secondary-action{border:0;padding:11px 0 0;min-height:34px;font-size:11px;color:#afc8d8}.hero-quarter .hero-secondary-action:hover{background:none;color:#fff}
.hero-quarter-visual{position:relative;min-width:0;width:100%;padding:24px 25px 24px 0;max-width:950px;justify-self:center}
.hero-quarter-toolbar{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:14px}.hero-quarter-toolbar p{font-size:13px;line-height:1.5;color:#dbe8ef;margin:0}.hero-quarter-toolbar>span{font-size:10px;color:#9ab4c5}
.hero-quarter-scene{position:relative;aspect-ratio:3/2;border-radius:8px;background:#455c68;isolation:isolate;overflow:hidden}
.hero-quarter-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-building-pin{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffffb3;border-radius:6px;background:#f8fbfcee;color:#2f4c5f;box-shadow:0 3px 12px #12273730;text-align:left;cursor:pointer;min-height:46px;z-index:1}
.hero-pin-copy strong{display:block;font:500 13px var(--body);white-space:nowrap}.hero-pin-copy small{display:block;font-size:9px;white-space:nowrap;line-height:1.4;margin-top:4px;color:#607e91}
.hero-pin-symbol{font-size:14px;color:#496f78}.hero-building-pin.new{background:#b94c34;color:white;border-color:#e09b87}.hero-building-pin.new .hero-pin-symbol,.hero-building-pin.new small{color:#ffe0d4}.hero-building-pin.partial .hero-pin-symbol{color:#b34c33;font-size:18px}
.hero-building-pin:hover,.hero-building-pin[aria-expanded=true]{box-shadow:0 0 0 3px #ffffffa6,0 5px 17px #19344357;z-index:2}.hero-building-pin:focus-visible{outline:2px solid white;outline-offset:4px}
.hero-quarter-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:15px;color:#c8dce7;font-size:10px;line-height:1.5}.hero-quarter-legend>span{display:flex;align-items:center;gap:6px}.hero-quarter-legend i{display:inline-grid;place-items:center;width:16px;height:16px;font-style:normal;color:#e9f2f6}.hero-quarter-legend i.new{color:#e89a7c;font-size:23px}.hero-quarter-legend i.partial{color:#dba38c;font-size:15px}
.hero-quarter-source{color:#829fb2;font-size:9px;line-height:1.7;margin:10px 0 0}.hero-quarter-source a{color:#9cb8ca;text-decoration:underline;text-underline-offset:3px}
.hero-house-card{position:absolute;left:18px;bottom:82px;width:275px;max-width:calc(100% - 40px);z-index:4;background:white;color:#37576b;border:1px solid #dfe7ec;box-shadow:0 12px 35px #0c253e40;border-radius:8px;padding:24px}
.hero-house-card>button{position:absolute;top:10px;right:12px;border:0;background:none;color:#8099a9;font-size:23px;cursor:pointer;padding:4px;width:29px;height:29px}.hero-house-tag{display:block;font-size:9px;letter-spacing:.5px;color:#899eab;padding-right:18px}
.hero-house-card h2{font:500 28px var(--body);letter-spacing:-.7px;color:#314c5f;margin:12px 0 19px}.hero-house-status{font-size:12px;line-height:1.65;color:#657f90;margin:0}.hero-house-date{display:block;font-size:21px;font-weight:500;line-height:1.3;color:#35546a;margin:6px 0 0}.hero-house-copy{font-size:12px;line-height:1.7;color:#718b9d;margin:13px 0 0}
.hero-house-stock{font-size:12px;color:#59778c;margin-top:20px;border-top:1px solid #e2ebf1;padding-top:17px}.hero-house-card>a{display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:4px;padding:14px 15px;margin-top:14px;text-decoration:none;color:white;background:#b94c34;font-size:12px}.hero-house-card>a:hover{background:#a53f29}.hero-house-card>small{display:block;margin-top:9px;font-size:9px;line-height:1.6;color:#99aab5}.hero-house-no-stock{font-size:12px;line-height:1.7;color:#8299a7;margin:18px 0 0}
.hero-house-card:focus{outline:none}.hero-house-card a:focus-visible,.hero-house-card button:focus-visible{outline:2px solid #b74d33;outline-offset:3px}
@media(min-width:1600px){.hero-quarter .hero-selector-content{padding-left:50px;padding-right:40px}.hero-quarter h1{font-size:38px}}
@media(max-width:1100px){.hero-selector.hero-quarter{grid-template-columns:315px minmax(0,1fr)}.hero-quarter .hero-selector-content{padding:35px 25px}.hero-quarter h1{font-size:29px}.hero-quarter .hero-selector-project{font-size:15px}.hero-ready-fact strong{font-size:14px}.hero-quarter-visual{padding:22px 18px 22px 0}.hero-quarter-toolbar{display:block}.hero-quarter-toolbar>span{display:block;margin-top:5px}.hero-building-pin{gap:6px;padding:7px 9px;min-height:40px}.hero-pin-copy strong{font-size:11px}.hero-pin-copy small{font-size:8px}.hero-quarter-legend{gap:12px;font-size:9px}.hero-house-card{width:250px;padding:21px}}
@media(max-width:850px) and (min-width:701px){.hero-selector.hero-quarter{grid-template-columns:285px minmax(0,1fr)}.hero-quarter .hero-selector-content{padding:30px 21px}.hero-quarter h1{font-size:27px}.hero-quarter .hero-selector-project{font-size:14px}.hero-pin-copy small{display:none}.hero-building-pin{padding:8px;min-height:36px}.hero-house-card{left:0;bottom:70px}}
@media(max-width:700px){.hero-selector.hero-quarter{display:flex;flex-direction:column;align-items:stretch;padding:31px 22px 29px;min-height:0;gap:0}.hero-quarter .hero-selector-content{display:contents}.hero-quarter .hero-selector-location{order:1;font-size:8px;margin:0 0 15px}.hero-quarter .hero-selector-project{order:2;font-size:17px;margin:0 0 14px}.hero-quarter h1{order:3;font-size:31px;letter-spacing:-.8px;max-width:430px}.hero-ready-fact{order:4;margin-top:22px;padding:17px 0;gap:11px}.hero-ready-fact strong{font-size:14px}.hero-ready-fact small{font-size:10px;margin-top:4px}.hero-quarter-visual{order:5;padding:0;margin-top:23px;max-width:none}.hero-quarter-toolbar{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.hero-quarter-toolbar p{font-size:11px}.hero-quarter-toolbar>span{font-size:9px;max-width:100px;line-height:1.6;margin:0}.hero-quarter-scene{border-radius:6px}.hero-building-pin{width:38px;height:38px;min-height:38px;border-radius:50%;padding:0;justify-content:center;gap:0}.hero-pin-prefix,.hero-pin-copy small{display:none}.hero-pin-copy strong{font-size:13px;text-align:center}.hero-pin-symbol{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #cfdee7;font-size:10px;color:#3f6675}.hero-building-pin.new .hero-pin-symbol{display:none}.hero-building-pin.partial .hero-pin-symbol{font-size:13px;color:#b64b33}.hero-quarter-legend{justify-content:space-between;gap:5px;font-size:8px;margin-top:12px}.hero-quarter-legend i{width:13px}.hero-quarter-source{font-size:8px}.hero-house-card{position:relative;left:auto;bottom:auto;max-width:none;width:auto;margin:15px 0 0;box-shadow:none;padding:22px}.hero-house-card h2{font-size:25px;margin-bottom:15px}.hero-house-card>small{font-size:10px}.hero-quarter .hero-selection{order:6;margin-top:26px;width:100%;max-width:none}.hero-quarter .hero-selection-actions{margin-top:14px}.hero-quarter .hero-selection-label p{font-size:12px}.hero-quarter .hero-room-options button{min-height:44px;font-size:12px}.hero-quarter .hero-primary-action{min-height:51px}.hero-quarter .hero-secondary-action{font-size:12px;min-height:36px}}
/* Full image hero, with two light text groups instead of a left panel. */
.hero-selector.hero-quarter.hero-overview{position:relative;display:block;height:clamp(590px,55vw,760px);min-height:0;overflow:hidden;background:#273f4c;isolation:isolate}
.hero-overview .hero-quarter-visual{position:absolute;inset:0;max-width:none;width:100%;height:100%;padding:0;margin:0;z-index:-1}
.hero-overview .hero-quarter-scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0;overflow:hidden}
.hero-overview .hero-quarter-scene>img{object-fit:cover;object-position:center}
.hero-overview .hero-quarter-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(215deg,#152b3bcb 0%,#172f404d 26%,transparent 51%),linear-gradient(32deg,#102637e6 0%,#17334580 27%,transparent 54%)}
.hero-overview .hero-selector-content{display:contents;padding:0}
.hero-overview .hero-selector-location{position:absolute;top:7%;left:56%;right:5%;margin:0;color:#d1e1e9;font-size:9px;letter-spacing:1.5px}
.hero-overview .hero-selector-project{position:absolute;top:calc(7% + 30px);left:56%;right:5%;margin:0;color:#fff;font-size:18px}
.hero-overview h1{position:absolute;top:calc(7% + 72px);left:56%;right:5%;margin:0;font-size:clamp(31px,3vw,45px);line-height:1.12;letter-spacing:-1.2px;text-shadow:0 2px 17px #142a3a33;max-width:570px}
.hero-overview .hero-selection{position:absolute;left:5%;bottom:6%;width:clamp(400px,43vw,570px);max-width:calc(100% - 10%);margin:0}
.hero-overview .hero-selection-label p{font-size:13px;color:#e2edf3}.hero-overview #hero-room-reset{font-size:11px}
.hero-overview .hero-room-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hero-overview .hero-room-options button{background:#223e4c85;border-color:#d5e7ef75;min-height:45px;font-size:12px}.hero-overview .hero-room-options button:hover:not([aria-pressed=true]){background:#304e60c7}.hero-overview .hero-room-options button[aria-pressed=true]{background:#fff;border-color:#fff}
.hero-overview .hero-selection-actions{display:block;margin-top:16px}.hero-overview .hero-primary-action{width:285px;max-width:100%;font-size:13px;min-height:54px}
.hero-overview .hero-building-pin{min-height:34px;height:auto;width:auto;padding:8px 10px;gap:0;border-radius:5px;box-shadow:0 2px 7px #163a4533;z-index:1}
.hero-overview .hero-pin-copy{display:flex;align-items:center;gap:6px}.hero-overview .hero-pin-copy strong{font-size:12px}.hero-overview .hero-pin-copy small{display:inline;font-size:9px;margin:0}.hero-overview .hero-pin-copy small:before{content:'·';margin-right:6px}
.hero-overview .hero-building-pin[aria-expanded=true],.hero-overview .hero-building-pin:hover{box-shadow:0 0 0 2px #ffffffa6,0 3px 9px #19344340;z-index:2}
.hero-overview .hero-house-card{left:39%;bottom:7%;width:275px;max-width:calc(100% - 40px);margin:0;z-index:4}
.hero-popup-source{font-size:9px;line-height:1.6;color:#91a5b1;margin:13px 0 0}.hero-popup-source a{color:#6d899b;text-underline-offset:3px}
@media(min-width:701px) and (max-width:1050px){.hero-overview h1{font-size:32px;left:53%}.hero-overview .hero-selector-project,.hero-overview .hero-selector-location{left:53%}.hero-overview .hero-selection{left:4%;bottom:5%;width:450px}.hero-overview .hero-house-card{left:40%;bottom:5%}.hero-overview .hero-pin-copy strong{font-size:11px}.hero-overview .hero-pin-copy small{font-size:8px}}
@media(max-width:700px){.hero-selector.hero-quarter.hero-overview{display:flex;flex-direction:column;align-items:stretch;padding:28px 22px 26px;height:auto;overflow:visible;background:#2c3e49;isolation:auto}.hero-overview .hero-selector-content{display:contents}.hero-overview .hero-selector-location{position:static;order:1;margin:0 0 15px;font-size:8px}.hero-overview .hero-selector-project{position:static;order:2;margin:0 0 14px;font-size:17px}.hero-overview h1{position:static;order:3;font-size:31px;max-width:420px;text-shadow:none}.hero-overview .hero-quarter-visual{position:relative;order:4;inset:auto;height:auto;z-index:auto;margin:23px -22px 0;width:calc(100% + 44px);padding:0}.hero-overview .hero-quarter-scene{position:relative;inset:auto;aspect-ratio:3/2;height:auto;width:100%;border-radius:0}.hero-overview .hero-quarter-scene:after{display:none}.hero-overview .hero-selection{position:static;order:5;inset:auto;width:100%;max-width:none;margin:23px 0 0}.hero-overview .hero-room-options{grid-template-columns:1fr 1fr;gap:7px}.hero-overview .hero-primary-action{width:100%;min-height:50px}.hero-overview .hero-selection-label p{font-size:12px}.hero-overview .hero-building-pin{padding:6px 7px;min-height:31px;border-radius:4px}.hero-overview .hero-pin-copy{gap:3px}.hero-overview .hero-pin-copy strong{font-size:12px}.hero-overview .hero-pin-copy small{font-size:8px}.hero-overview .hero-pin-copy small:before{margin-right:3px}.hero-overview .hero-building-pin.partial .hero-pin-copy small{max-width:47px;line-height:1.2}.hero-overview .hero-house-card{position:relative;left:auto;bottom:auto;width:auto;max-width:none;margin:14px 22px 0;z-index:auto;padding:21px}.hero-overview .hero-popup-source{font-size:10px}}
@media(min-width:701px){.hero-overview .hero-house-card{left:auto;right:4%;bottom:5%}}
/* Keep the offer and apartment selection in one readable group. */
@media(min-width:701px){
 .hero-overview .hero-selector-content{position:absolute;top:7%;left:59%;right:5%;width:auto;padding:0;display:block;z-index:1}
 .hero-overview .hero-selector-location{position:static;margin:0 0 18px;font-size:9px;line-height:1.6}
 .hero-overview .hero-selector-project{position:static;margin:0 0 16px;font-size:18px;line-height:1.4}
 .hero-overview h1{position:static;margin:0;max-width:none;font-size:clamp(31px,3vw,45px);line-height:1.12}
 .hero-overview .hero-selection{position:static;width:100%;max-width:none;margin:27px 0 0}
 .hero-overview .hero-selection-label{margin-bottom:12px}
 .hero-overview .hero-house-card{left:4%;right:auto;bottom:5%}
 .hero-overview .hero-quarter-scene:after{background:linear-gradient(270deg,#152b3bd6 0%,#172f4087 32%,transparent 65%)}
 .hero-overview .hero-pin-copy strong{font-size:14px}
 .hero-overview .hero-pin-copy small{font-size:11px;color:#405f73}
 .hero-overview .hero-building-pin{padding:9px 12px;min-height:37px;background:#fff;border-color:#fff}
 .hero-overview .hero-building-pin.new{background:#b94c34;border-color:#edb6a4}
 .hero-overview .hero-building-pin.new small{color:#fff}
}
@media(min-width:701px) and (max-width:1100px){
 .hero-overview .hero-selector-content{left:60%;right:4%}
 .hero-overview .hero-selector-location{font-size:8px;letter-spacing:1px;margin-bottom:15px}
 .hero-overview .hero-selector-project{font-size:17px;margin-bottom:14px}
 .hero-overview h1{font-size:30px;letter-spacing:-1px}
 .hero-overview .hero-selection{margin-top:23px}
 .hero-overview .hero-room-options{grid-template-columns:1fr 1fr;gap:7px}
 .hero-overview .hero-room-options button{min-height:41px;font-size:12px;padding:9px}
 .hero-overview .hero-primary-action{width:100%;min-height:51px;padding:14px 16px}
 .hero-overview .hero-selection-actions{margin-top:13px}
 .hero-overview .hero-pin-copy strong{font-size:13px}
 .hero-overview .hero-pin-copy small{font-size:10px}
}
@media(min-width:701px) and (max-width:850px){.hero-overview .hero-selector-content{left:55%;right:4%}.hero-overview h1{font-size:28px}.hero-overview .hero-selection-label p{font-size:12px}.hero-overview #hero-room-reset{font-size:10px}}
@media(max-width:700px){
 .hero-overview .hero-selector-content{position:static;display:block;padding:0;width:100%;order:1}
 .hero-overview .hero-selection{margin-top:24px}
 .hero-overview .hero-quarter-visual{order:2}
 .hero-overview .hero-pin-copy strong{font-size:13px}
 .hero-overview .hero-pin-copy small{font-size:9px;color:#405f73}
 .hero-overview .hero-building-pin{background:#fff;border-color:#fff}
 .hero-overview .hero-building-pin.new{background:#b94c34;border-color:#edb6a4}
 .hero-overview .hero-building-pin.new small{color:#fff}
}
@media(min-width:701px) and (max-width:850px){.hero-overview .hero-selector-content{left:64%;right:3%}.hero-overview h1{font-size:26px}.hero-overview .hero-selector-project{font-size:16px}.hero-overview .hero-room-options button{font-size:11px;padding:9px 5px}.hero-overview .hero-primary-action{font-size:12px;padding:13px 12px;gap:10px}}
/* Centre the complete offer group vertically without changing the hero height. */
@media(min-width:701px){.hero-overview .hero-selector-content{top:46%;transform:translateY(-50%)}}
/* User layout: offer above the centre of the quarter, selection at bottom left. */
@media(min-width:701px){
 .hero-overview .hero-selector-content{display:contents;position:static;inset:auto;transform:none;width:auto;padding:0}
 .hero-overview .hero-title-group{position:absolute;top:11%;left:42%;right:5%;z-index:1}
 .hero-overview .hero-selector-location{position:static;margin:0 0 17px;font-size:9px}
 .hero-overview .hero-selector-project{position:static;margin:0 0 16px;font-size:18px}
 .hero-overview h1{position:static;font-size:clamp(32px,3vw,45px);max-width:650px;margin:0}
 .hero-overview .hero-selection{position:absolute;left:4%;right:auto;top:auto;bottom:6%;width:min(460px,42%);max-width:none;margin:0;z-index:1}
 .hero-overview .hero-room-options{grid-template-columns:1fr 1fr;gap:8px}
 .hero-overview .hero-primary-action{width:100%;min-height:54px}
 .hero-overview .hero-house-card{left:auto;right:4%;bottom:5%}
 .hero-overview .hero-quarter-scene:after{background:radial-gradient(ellipse at 71% 15%,#132b3cb8 0%,#17344645 34%,transparent 63%),linear-gradient(35deg,#102837e0 0%,#18384a70 26%,transparent 52%)}
}
@media(min-width:701px) and (max-width:1050px){
 .hero-overview .hero-title-group{left:42%;right:4%}
 .hero-overview .hero-selector-location{font-size:8px;margin-bottom:15px}
 .hero-overview .hero-selector-project{font-size:17px;margin-bottom:14px}
 .hero-overview h1{font-size:32px}
 .hero-overview .hero-room-options button{min-height:42px;font-size:12px;padding:10px}
 .hero-overview .hero-primary-action{font-size:13px;padding:14px 16px}
}
@media(max-width:700px){.hero-overview .hero-title-group{position:static;margin:0}}
/* A single long headline across the marked desktop area. */
@media(min-width:701px){
 .hero-overview .hero-title-group{right:2.5%}
 .hero-overview .hero-title-group h1{white-space:nowrap;max-width:none;font-size:clamp(21px,3vw,45px);letter-spacing:-.8px}
}
@media(max-width:700px){.hero-overview .hero-title-group h1{white-space:normal}}
/* Wider, larger headline for the new-house sales offer. */
@media(min-width:701px){
 .hero-overview .hero-title-group{left:31.5%;right:2.5%;top:11%}
 .hero-overview .hero-selector-location{font-size:12px;letter-spacing:.4px;margin-bottom:16px;line-height:1.5}
 .hero-overview .hero-selector-project{font-size:20px;margin-bottom:18px;line-height:1.4}
 .hero-overview .hero-title-group h1{font-size:clamp(24px,3.5vw,54px);white-space:nowrap;letter-spacing:-1px;line-height:1.12;text-shadow:none}
 .hero-overview .hero-quarter-scene:after{background:radial-gradient(ellipse at 67% 17%,#132b3cd1 0%,#17344670 30%,transparent 61%),linear-gradient(35deg,#102837e0 0%,#18384a70 26%,transparent 52%)}
}
@media(min-width:701px) and (max-width:850px){.hero-overview .hero-selector-location{font-size:10px}.hero-overview .hero-selector-project{font-size:17px}}
@media(max-width:700px){.hero-overview .hero-selector-location{letter-spacing:.3px;font-size:10px}.hero-overview .hero-selector-project{font-size:16px}.hero-overview .hero-title-group h1{font-size:32px;white-space:normal}}
/* Centre all three title lines within the existing headline area. */
.hero-overview .hero-title-group{text-align:center}
.hero-overview .hero-title-group h1{margin-left:auto;margin-right:auto}