:root{--navy:#103449;--deep:#102f43;--blue:#84d8f6;--line:#d8e2e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#15374a;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.header{border-top:5px solid #cc0a25;min-height:114px;display:flex;align-items:center;gap:20px;padding:12px min(4vw,60px);background:white}.brand img{height:94px;max-width:150px;object-fit:contain}.partnership{display:flex;align-items:center;gap:14px;color:#9ab3bf;font-size:25px}.partnership span{font-size:16px;color:var(--navy);font-weight:800;line-height:1.1}.partnership small{font-size:10px;color:#879aa4;font-weight:500}.header nav{margin-left:auto;display:flex;gap:26px;font-size:13px;font-weight:700}.header nav a:last-child{border-bottom:1px solid #9cb5c1}.hero{background:var(--deep);color:#fff;display:grid;grid-template-columns:1.04fr .96fr;min-height:620px;gap:40px;padding:36px min(4vw,60px) 48px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#67b8d5}.hero h1{font-size:clamp(50px,6vw,88px);letter-spacing:-.065em;line-height:1.04;margin:24px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p:not(.eyebrow){line-height:1.7;max-width:520px;color:#d1e0e7;font-size:17px}.hero-partner{font-size:12px!important;letter-spacing:.12em;font-weight:800;margin:25px 0}.hero-partner small{display:block;letter-spacing:0;font-weight:400}.hero-link{font-weight:800;font-size:13px;margin-top:10px}.hero-visual{background:#dfe7e6;padding:13px;display:flex;flex-direction:column;min-height:490px;align-self:center;color:var(--navy)}.hero-visual img{width:100%;flex:1;min-height:0;object-fit:contain}.visual-label,.hero-visual span{font-size:10px;letter-spacing:.14em;font-weight:800;padding:12px}.jumpbar{display:grid;grid-template-columns:repeat(4,1fr);background:#e4f1f6;padding:0 min(4vw,60px)}.jumpbar a{padding:22px;border-right:1px solid #bfd1d8;font-size:22px;font-weight:800}.jumpbar small{display:block;font-size:10px;letter-spacing:.1em}.section{padding:100px min(5vw,82px)}h2{font-size:clamp(36px,4.5vw,65px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 30px}h3{font-size:24px;letter-spacing:-.04em;margin:15px 0}p{line-height:1.72}.partners{background:#f2f7f8}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.partner-grid>div{background:white;padding:32px;min-height:300px}.partner-logo{height:95px;max-width:180px;object-fit:contain}.builder-mark{display:grid;place-items:center;width:160px;height:100px;border:2px dashed #96acb9;color:#748d9b;font-weight:800;letter-spacing:.1em}.partner-grid p{max-width:480px;color:#526b7a}.project{display:grid;grid-template-columns:1.1fr .9fr;gap:11%;align-items:center}.project p{max-width:640px;color:#4f6876}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.facts div{border-top:1px solid var(--line);padding:25px 0}.facts strong{display:block;font-size:34px;letter-spacing:-.06em}.facts span{font-size:12px}.units{background:#edf3f4}.section-intro{max-width:730px;color:#58717d;margin-bottom:50px}.apartment{background:white;display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-bottom:20px;padding:26px;align-items:center}.apartment:nth-of-type(even) .floorplan{order:2}.floorplan{background:#f2f4f1;min-height:315px;display:grid;align-items:center;text-align:center;padding:16px}.floorplan img{max-width:100%;width:100%;height:295px;object-fit:contain}.floorplan span{font-size:11px;font-weight:800;color:#607c8e}.apartment-info{padding:15px 20px}.apartment h3{font-size:clamp(26px,3vw,40px)}.apartment-info>p:not(.eyebrow){color:#536d7a}.specs{display:flex;flex-wrap:wrap;gap:28px;border-block:1px solid var(--line);padding:20px 0}.specs strong{font-size:20px}.specs small{display:block;font-size:11px;font-weight:500}.price-note{font-size:12px}.apartment-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button,.apartment-actions button{background:var(--navy);border:0;color:white;padding:14px 18px;font-size:12px;font-weight:800}.apartment-actions a{font-size:12px;font-weight:800;text-decoration:underline}.highlight{border:2px solid #9dddec}.footnote{font-size:12px;color:#5a727e;margin-top:35px}.parking{background:#d8e9ee}.parking p{max-width:800px}.contact{background:var(--deep);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact p{color:#d9e6eb}.contact-card{background:#fff;color:var(--navy);padding:30px}.contact-card button,.contact-card a{border:0;border-top:1px solid var(--line);background:transparent;width:100%;padding:22px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;font-weight:800;font-size:18px}.contact-card span{font-size:13px}.contact-card small{color:#647c8a}footer{display:flex;justify-content:space-between;gap:20px;padding:30px min(5vw,82px);background:#0d2839;color:#dbe7ea;font-size:12px}footer span{display:flex;gap:20px}dialog{border:0;max-width:480px;padding:38px;box-shadow:0 20px 80px #0005;color:var(--navy)}dialog::backdrop{background:#0b2939bc}dialog h2{font-size:38px}dialog .close{float:right;border:0;background:none;font-size:26px}dialog .button{display:inline-block;margin-top:15px}@media(max-width:800px){.header nav{gap:12px}.header nav a:nth-child(-n+3){display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:320px}.project,.contact{grid-template-columns:1fr}.apartment{grid-template-columns:1fr}.apartment:nth-of-type(even) .floorplan{order:0}.partner-grid{grid-template-columns:1fr}}@media(max-width:550px){.header{min-height:80px}.brand img{height:60px}.partnership{font-size:16px}.partnership span{font-size:11px}.header nav{font-size:11px}.hero{padding:35px 22px}.hero h1{font-size:50px}.section{padding:70px 22px}.jumpbar{grid-template-columns:1fr 1fr;padding:0 15px}.jumpbar a{font-size:16px}.apartment{padding:15px}.floorplan{min-height:230px}.floorplan img{height:210px}.apartment-info{padding:10px}.contact-card a,.contact-card button{flex-direction:column;gap:3px}footer{flex-direction:column}}
.partnership img{height:95px;width:140px;object-fit:contain}.partner-grid .bas{height:95px}.partner-grid a,.about-builder a{font-size:13px;font-weight:800;text-decoration:underline}.film{background:#e3edf1;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.film-poster{position:relative;height:440px;overflow:hidden;background:#c9d8de}.film-poster img{width:100%;height:100%;object-fit:cover}.film-poster span{position:absolute;bottom:0;left:0;right:0;background:#103449dd;color:#fff;font-size:10px;letter-spacing:.1em;padding:14px}.film-state{font-size:12px;color:#58717d}.unit-views{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;order:3}.unit-views figure{margin:0;background:#f2f5f4}.view-panel{height:170px;background-size:300% 100%;background-repeat:no-repeat}.v1{background-position:0% 50%}.v2{background-position:50% 50%}.v3{background-position:100% 50%}.unit-views figcaption{font-size:11px;font-weight:700;padding:9px}.unit-views p{grid-column:1/-1;font-size:11px;color:#607987;margin:1px 0 8px}.object-gallery{background:#f7f8f5}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0;background:#e7edee}.gallery-grid img{width:100%;height:310px;object-fit:cover}.gallery-grid figcaption{font-size:11px;font-weight:700;padding:12px}.specs-section{background:#eaf4f6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.feature-grid article{background:white;padding:26px}.feature-grid b{color:#75bad4}.feature-grid p{font-size:13px}.fine{font-size:12px;margin-top:30px;color:#5e7180}.about-builder{display:grid;grid-template-columns:1.4fr .6fr;gap:10%;align-items:center}.about-builder img{width:100%;max-width:320px}.about-builder p{max-width:650px}@media(max-width:800px){.film,.about-builder{grid-template-columns:1fr}.feature-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.partnership img{height:62px;width:88px}.unit-views{grid-template-columns:repeat(3,1fr)}.view-panel{height:95px}.gallery-grid,.feature-grid{grid-template-columns:1fr}.film-poster{height:320px}}

/* Furnished apartment plans */
.plan-block{min-width:0}.floorplan{display:flex;flex-direction:column;gap:12px;background:#fff;min-height:0;border:1px solid #dce7e8}.floorplan img{height:auto;max-height:680px;width:100%;object-fit:contain}.plan-disclaimer{font-size:12px;line-height:1.45;color:#516b78;margin:10px 0 0}.plan-disclaimer a{color:#057ca7;text-decoration:underline}.apartment:nth-of-type(even) .plan-block{order:2}@media(max-width:800px){.apartment:nth-of-type(even) .plan-block{order:0}}

.project-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.project-highlights div{border-top:3px solid #15a5c4;background:#f4f9f9;padding:20px}.project-highlights strong,.project-highlights span{display:block}.project-highlights strong{font-size:18px;color:#15374a}.project-highlights span{font-size:14px;color:#496573;line-height:1.5;margin-top:7px}.level-heading{margin:75px 0 24px;border-top:1px solid #b8cdd1;padding:26px 0 0}.level-heading:first-of-type{margin-top:35px}.level-heading span{color:#0884a7;font-size:12px;font-weight:800;letter-spacing:.14em}.level-heading h3{font-size:clamp(28px,3vw,42px);margin:6px 0}.level-heading p{color:#53717e;margin:0}.unit-custom{font-size:14px;font-weight:700;color:#116b86!important;background:#edf8f9;padding:12px 15px;border-left:3px solid #0aa4c4}@media(max-width:800px){.project-highlights{grid-template-columns:1fr}}

.garage-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:7%;align-items:center;background:#edf5f6}.level-picture{display:block;max-width:480px;margin:20px auto 0;text-decoration:none;background:#e5eaeb;border:1px solid #d9e6e8;padding:8px}.level-picture img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}.level-picture span{display:block;text-align:right;color:#087fa4;font-size:12px;font-weight:800;padding:10px}.level-heading .level-picture{max-width:480px;margin:24px auto 0}.visual-note{font-size:12px!important;line-height:1.5;color:#627d85!important;margin:10px 0 0}.level-heading .visual-note{max-width:550px;margin:10px auto 25px;text-align:center}@media(max-width:800px){.garage-overview{grid-template-columns:1fr}.level-picture img{max-height:600px}}

.hero-film{position:relative;min-height:620px;background:#0d293b;overflow:hidden}.hero-film video{display:block;width:100%;height:100%;min-height:620px;max-height:760px;object-fit:cover;object-position:center center}.hero-film-caption{position:absolute;left:0;right:0;bottom:0;padding:44px 24px 22px;color:#fff;background:linear-gradient(transparent,#081e2ce6)}.hero-film-caption strong,.hero-film-caption span,.hero-film-caption a{display:block}.hero-film-caption strong{font-size:13px;letter-spacing:.13em}.hero-film-caption span{font-size:12px;line-height:1.5;margin:8px 0}.hero-film-caption a{color:#9ce1f0;font-size:13px;font-weight:800}.film{grid-template-columns:.65fr 1.35fr}.film-player{background:#0c2535;display:flex;justify-content:center;align-items:center;min-height:650px}.film-player video{display:block;height:min(78vh,750px);width:100%;object-fit:contain}.film-state{border-left:3px solid #16a5c3;padding-left:14px;line-height:1.6}@media(max-width:800px){.hero-film,.hero-film video{min-height:490px;max-height:590px}.film{grid-template-columns:1fr}.film-player{min-height:420px}.film-player video{height:min(72vh,640px)}}

.unit-benefits{margin:18px 0;padding-left:20px;color:#436476;line-height:1.6;font-size:14px}.unit-benefits li{margin:6px 0}.level-heading .level-picture{max-width:800px}.level-heading .level-picture img{max-height:610px;object-fit:contain}.garage-overview .level-picture{max-width:520px}.floorplan img{max-height:440px}.project-highlights strong{line-height:1.3}@media(max-width:550px){.level-heading .level-picture img{max-height:360px}.unit-benefits{font-size:13px}}

.customization{background:#103548;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.customization h2{color:#fff}.customization p{line-height:1.65;color:#e4eff1}.customization .hero-link{display:inline-block;margin-top:12px;color:#9ee3ef}.custom-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-tags span{border:1px solid #92c8d283;padding:24px;font-size:18px;font-weight:700}@media(max-width:800px){.customization{grid-template-columns:1fr}.custom-tags{grid-template-columns:1fr 1fr}}@media(max-width:550px){.custom-tags span{padding:15px;font-size:14px}}

/* Match the Rosenstraße presentation: full portrait film, controls and separate caption. */
.hero{grid-template-columns:minmax(0,.9fr) minmax(350px,1fr);align-items:start;min-height:0;gap:clamp(28px,4vw,58px);padding-top:24px;padding-bottom:44px}
.hero-copy{align-self:center}
.hero-film{margin:0;min-height:0;max-height:none;align-self:start;justify-self:center;width:100%;max-width:570px;background:transparent;overflow:visible;display:block;padding:0;color:inherit}
.hero-film video{display:block;width:100%;height:auto;min-height:0;max-height:min(74vh,700px);aspect-ratio:9/16;object-fit:contain;object-position:center;background:#0b2534;box-shadow:none}
.hero-film figcaption{font-size:12px;line-height:1.45;color:#d2e9f3;margin-top:9px;text-align:left}
.hero-film figcaption a{display:inline-block;margin-left:.35em;color:#9ce1f0;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.film-player{background:#193e52;border:1px solid #376177;min-height:0;display:flex;align-items:center;justify-content:center;padding:22px;box-shadow:12px 12px 0 #0877aa}
.film-player video{display:block;width:min(100%,435px);height:auto;max-height:740px;aspect-ratio:9/16;object-fit:contain;background:#0b2534}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:25px;padding-top:20px}.hero-film{order:-1;max-width:460px}.hero-film video{max-height:min(64vh,590px)}.hero-copy{align-self:start}.film-player{padding:14px;box-shadow:8px 8px 0 #0877aa}.film-player video{max-height:650px}}
@media(max-width:550px){.hero-film{max-width:100%}.hero-film video{max-height:58vh}.hero-film figcaption{font-size:11px}.hero h1{font-size:clamp(39px,11vw,50px)}}
/* Rosenstraße mobile composition: compact portrait film beside the headline. */
@media(max-width:780px){
  .hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0 12px;align-items:start;padding:20px 22px 35px}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{grid-column:1;grid-row:1;font-size:11px;line-height:1.4;letter-spacing:.09em}
  .hero-copy h1{grid-column:1;grid-row:2;margin:12px 0;font-size:clamp(27px,6.2vw,43px);line-height:1.06;letter-spacing:-.055em}
  .hero-film{grid-column:2;grid-row:1/4;order:0;justify-self:stretch;align-self:start;width:100%;max-width:none}
  .hero-film video{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:9/16;object-fit:contain}
  .hero-film figcaption{font-size:11px;line-height:1.35;margin-top:8px}
  .hero-film figcaption a{display:block;margin:4px 0 0}
  .hero-copy>p:not(.eyebrow):not(.hero-partner){grid-column:1/-1;grid-row:4;margin:25px 0 0;font-size:16px;line-height:1.5}
  .hero-copy .hero-partner{grid-column:1/-1;grid-row:5;margin:22px 0 6px}
  .hero-copy .hero-link{grid-column:1/-1;grid-row:6}
}
@media(max-width:390px){.hero-copy h1{font-size:27px}.hero{gap:0 12px}.hero-film figcaption{font-size:10px}}
/* Rosenstraße partner presentation, adapted to Scheffelstraße. */
.header{min-height:0;border-top:4px solid #e30613;box-shadow:0 9px 28px rgba(15,56,75,.07);padding:0 min(4vw,60px)}
.header-inner{width:100%;min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand-pair{display:flex;align-items:center;gap:19px;flex:none}
.brand-pair img{display:block;object-fit:contain}
.brand-koch img{width:153px;height:115px}
.brand-bas img{width:205px;height:118px}
.brand-divider{font-size:32px;color:#9cb2be;font-weight:300}
.header .nav{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700}
.header .nav .nav-contact{border-bottom:2px solid #b5d8e7;padding:8px 3px}
.hero-partner{margin:30px 0 26px!important;letter-spacing:normal!important}
.hero-partner>span{display:block;color:#9fc5d8;font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px}
.hero-co-brand{display:flex;align-items:center;gap:15px}
.hero-co-brand img{display:block;width:140px;height:101px;padding:12px 15px;border-radius:2px;background:#fff;object-fit:contain;box-shadow:0 13px 28px rgba(0,0,0,.11)}
.hero-co-brand img:last-child{width:116px}
.hero-co-brand>span{font-size:27px;font-weight:300;color:#b4cedb}
.partners{background:#fff}
.partner-head{max-width:920px;margin-bottom:35px}
.partner-head>p:last-child{font-size:18px;color:#526b7a;max-width:800px}
.partner-grid{gap:22px}
.partner-grid .partner-item{display:block;min-height:0;padding:35px 40px 38px;background:#f5f9fb;border:0;border-top:4px solid #f1762b}
.partner-grid .partner-item:last-child{border-top-color:#e30613}
.partner-item>img{display:block;width:242px;height:172px;max-width:100%;object-fit:contain;object-position:left center;margin-bottom:25px}
.partner-item:last-child>img{width:205px}
.partner-role{display:block;font-size:12px;color:#5b7785;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.partner-item h3{font-size:32px;margin:7px 0 15px}
.partner-item p{font-size:17px;min-height:76px}
.partner-item a{color:#0877aa;text-decoration:none;font-size:15px;font-weight:800}
.partner-item a:hover{text-decoration:underline}
.about-builder{display:block;background:#f4f8fa}
.builder-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}
.builder-heading>img{width:205px;height:145px;object-fit:contain}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:7%;align-items:start}
.builder-grid p{max-width:800px;color:#405b69;font-size:17px;line-height:1.65}
.builder-links{display:flex;flex-wrap:wrap;gap:18px}
.builder-links a{font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.builder-facts{display:grid;gap:14px;background:#e7f1f5;padding:30px;color:#315466;font-size:15px;line-height:1.45}
.builder-facts strong{font-size:21px;color:#12394d}
.contact-card>strong{display:block;font-size:22px;line-height:1.2;margin-bottom:12px}
.contact-card>p{color:#4d6977;margin:0 0 22px}
@media(max-width:1100px){.header-inner{min-height:112px}.brand-koch img{width:116px;height:95px}.brand-bas img{width:155px;height:100px}.header .nav a:not(.nav-contact){display:none}}
@media(max-width:800px){.header-inner{min-height:95px}.brand-koch img{width:91px;height:77px}.brand-bas img{width:117px;height:82px}.brand-divider{font-size:25px}.hero-co-brand img{height:86px;width:119px}.hero-co-brand img:last-child{width:100px}.builder-grid{grid-template-columns:1fr}.partner-grid{grid-template-columns:1fr}.partner-item p{min-height:0}}
@media(max-width:620px){.header-inner{min-height:83px;gap:8px}.brand-pair{gap:8px}.brand-koch img{width:70px;height:63px}.brand-bas img{width:91px;height:70px}.brand-divider{font-size:20px}.header .nav{gap:8px}.header .nav .nav-contact{font-size:12px;padding:5px 1px}.hero-co-brand img{height:77px;width:103px;padding:9px}.hero-co-brand img:last-child{width:86px}.partner-grid .partner-item{padding:25px}.partner-item>img{width:170px;height:130px;margin-bottom:15px}.partner-item:last-child>img{width:145px}.builder-heading>img{width:125px;height:95px}}
@media(max-width:390px){.brand-koch img{width:54px;height:52px}.brand-bas img{width:71px;height:58px}.brand-divider{font-size:18px}.header .nav .nav-contact{font-size:11px}.hero-co-brand img{height:70px;width:95px}.hero-co-brand img:last-child{width:80px}}
/* Clearly interactive route from the first screen to each level. */
.jumpbar{display:block;background:#edf5f7;padding:44px min(5vw,82px) 50px;border-bottom:1px solid #cadce3}
.jumpbar-intro{max-width:730px;margin-bottom:24px}
.jumpbar-intro h2{font-size:clamp(28px,3vw,40px);margin:10px 0 9px}
.jumpbar-intro p{color:#526b79;font-size:16px;line-height:1.55;margin:0}
.jumpbar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jumpbar-grid>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:190px;background:#fff;border:1px solid #c7dce5;border-top:4px solid #0b94c3;padding:22px 20px;color:#15374a;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.jumpbar-grid>a:hover,.jumpbar-grid>a:focus-visible{transform:translateY(-4px);box-shadow:0 13px 27px #12394d25;border-color:#0b94c3;outline:0}
.jumpbar-grid .floor-index{font-size:11px;letter-spacing:.12em;color:#496c7d;font-weight:800}
.jumpbar-grid strong{display:block;font-size:clamp(19px,2vw,27px);line-height:1.13;letter-spacing:-.035em;margin:15px 0}
.jumpbar-grid .floor-action{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;color:#0877aa;font-size:13px;font-weight:800;border-top:1px solid #dbe7ec;padding-top:15px}
.floor-action b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2f3fa;font-size:19px;line-height:1}
.level-heading{scroll-margin-top:120px}
.level-heading:target{outline:3px solid #71c8e5;outline-offset:8px}
@media(max-width:900px){.jumpbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.jumpbar{padding:34px 22px 42px}.jumpbar-grid{gap:9px}.jumpbar-grid>a{min-height:165px;padding:16px 13px}.jumpbar-grid strong{font-size:18px}.jumpbar-grid .floor-index{font-size:10px;letter-spacing:.08em}.jumpbar-grid .floor-action{font-size:11px;line-height:1.2}.floor-action b{width:24px;height:24px;flex:none}}

.level-unit-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin:18px 0 42px}
.level-unit-nav a{display:grid;gap:5px;padding:19px 22px;border:1px solid #c8c7bf;border-radius:16px;background:#f4f3ee;color:#263a39;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.level-unit-nav a:hover,.level-unit-nav a:focus-visible{transform:translateY(-3px);border-color:#4d7470;box-shadow:0 8px 24px #172e2818}
.level-unit-nav strong{font-size:1.35rem}.unit-nav-action{font-size:.83rem;color:#4c746d}
.floorplan img{image-rendering:auto;max-height:650px;object-fit:contain}
.apartment{scroll-margin-top:30px}

.location{background:#e9efec;color:#183b39;padding-block:clamp(54px,7vw,110px)}
.location-head{max-width:820px}.location-head h2{max-width:770px;margin:.25em 0 .45em}.location-head>p:last-child{font-size:clamp(1.04rem,1.4vw,1.25rem);line-height:1.65}
.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}
.location-card{padding:clamp(22px,3vw,38px);border-radius:18px;background:#fffaf4;border:1px solid #d8e1db;min-height:225px}
.location-card>span{font-size:.72rem;letter-spacing:.15em;font-weight:700;color:#527f72}.location-card h3{font-size:clamp(1.35rem,2vw,1.9rem);margin:20px 0 10px}.location-card p{line-height:1.55;margin:0}
.location-note{font-size:.78rem;opacity:.75;margin:20px 0 0}
@media(max-width:760px){.location-grid{grid-template-columns:1fr}.location-card{min-height:0}}

.koch-profile{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.75fr);align-items:center;gap:clamp(30px,5vw,80px);background:#f6f4ef}
.koch-profile-copy{max-width:750px}.koch-profile-copy>p{line-height:1.68}.koch-signature{display:grid;gap:3px;margin:25px 0 27px}.koch-signature strong{font-size:1.2rem}.koch-signature span{color:#596f6a}
.koch-website{display:inline-flex;align-items:center;padding:13px 19px;border:1px solid #466b67;border-radius:9px;color:#1b504b;text-decoration:none;font-weight:700}.koch-website:hover,.koch-website:focus-visible{background:#e2ece8}
.koch-portrait{margin:0;background:#d8dbd8;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #152b2d18}.koch-portrait img{display:block;width:100%;height:clamp(320px,35vw,460px);object-fit:cover;object-position:45% center}.koch-portrait figcaption{padding:17px 22px;background:#173f40;color:white;line-height:1.5}.koch-team{grid-column:1/-1;margin:0;background:white;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #152b2d14}.koch-team img{display:block;width:100%;height:auto}.koch-team figcaption{padding:14px 20px;color:#173f40;font-weight:700}
.booking-option{display:grid;gap:6px}.booking-option small{display:block;padding:0 12px 8px;line-height:1.45;color:#375c55}
@media(max-width:760px){.koch-profile{grid-template-columns:1fr}.koch-portrait img{height:350px}}

.apartment-actions .unit-whatsapp{color:#1b6857;border-color:#67a28b;font-weight:700}
.apartment-actions .unit-whatsapp:hover,.apartment-actions .unit-whatsapp:focus-visible{background:#e3f2e9}
.contact-card .contact-whatsapp{border-color:#56a982;color:#115f47;font-weight:700;background:#eef8f0}
.contact-card .contact-whatsapp:hover,.contact-card .contact-whatsapp:focus-visible{background:#dbf2e3}
.header .nav .nav-whatsapp{border-color:#5aa887;color:#1c6e50}
@media(max-width:620px){.header-inner{flex-wrap:wrap;justify-content:center}.header .nav{width:100%;margin:0;justify-content:center;gap:clamp(12px,5vw,30px)}.header .nav .nav-contact{font-size:13px;padding:8px 2px}}

.area-check{border-left:3px solid #bd9d59;padding:10px 14px;background:#f7f1e6;font-size:.84rem;line-height:1.5}

.jumpbar-grid .floor-areas{display:block;font-size:14px;line-height:1.6;font-weight:600;color:#37596a;margin:-3px 0 18px;letter-spacing:0}
@media(max-width:550px){.jumpbar-grid .floor-areas{font-size:12px;line-height:1.5;margin:0 0 12px}.jumpbar-grid>a{min-height:205px}}

#bautraeger,#koch{scroll-margin-top:22px}

/* Each apartment reads as details, architectural plan, then interior examples. */
.apartment{grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch;padding:clamp(18px,3vw,36px)}
.apartment>.apartment-info{order:0;padding:0;max-width:1000px}
.apartment>.plan-block,.apartment:nth-of-type(even)>.plan-block{order:1;max-width:950px;width:100%;margin:0 auto}
.apartment>.unit-views{order:2;width:100%}
.apartment .floorplan,.apartment:nth-of-type(even) .floorplan{order:0}
.apartment .floorplan img{max-height:950px}
@media(max-width:550px){.apartment>.apartment-info{padding:0}.apartment .floorplan img{height:auto;max-height:670px}}

.apartment-actions a.unit-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#147d4d;color:#fff;border:2px solid #147d4d;border-radius:8px;padding:13px 17px;font-size:14px;font-weight:800;line-height:1.25;text-decoration:none;box-shadow:0 5px 14px rgba(20,125,77,.22);transition:background .2s,transform .2s,box-shadow .2s}
.apartment-actions a.unit-whatsapp:hover,.apartment-actions a.unit-whatsapp:focus-visible{background:#0c6039;color:#fff;border-color:#0c6039;transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,125,77,.3);outline:2px solid #fff;outline-offset:2px}
.whatsapp-mark{display:inline-grid;place-items:center;border:2px solid currentColor;border-radius:50%;height:26px;width:26px;flex:none;font-size:17px;line-height:1;transform:rotate(-20deg)}
@media(max-width:550px){.apartment-actions a.unit-whatsapp{width:100%;min-height:52px}}

.whatsapp-privacy-note{font-size:13px;line-height:1.5;color:#486774;max-width:900px;margin:6px 0 24px}.whatsapp-privacy-note a,.contact-privacy-note a{text-decoration:underline;text-underline-offset:2px;font-weight:700}.contact-privacy-note{display:block;font-size:12px;line-height:1.45;color:#bcd5d5;margin:-2px 0 10px}.contact-privacy-note a{color:inherit}

.hero-copy .hero-subtitle{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.22!important;font-weight:700;color:#fff!important;max-width:560px;margin:0 0 16px;letter-spacing:-.02em}
/* Keep the new project subtitle in its own grid row on small screens. */
@media(max-width:780px){
  .hero-copy h1{font-size:clamp(18px,5.4vw,39px);overflow-wrap:normal;min-width:0}
  .hero-copy .hero-subtitle{grid-column:1/-1;grid-row:4;margin:18px 0 0!important;max-width:none;font-size:clamp(21px,4.5vw,29px)!important}
  .hero-copy>p:not(.eyebrow):not(.hero-partner):not(.hero-subtitle){grid-column:1/-1;grid-row:5;margin:14px 0 0}
  .hero-copy .hero-partner{grid-row:6}
  .hero-copy .hero-link{grid-row:7}
}

/* Stronger project introduction alongside the portrait film. */
@media(min-width:781px){.hero-copy{align-self:stretch;justify-content:center}.hero h1{font-size:clamp(57px,5.3vw,78px);margin:20px 0 25px;line-height:1.02}.hero-copy .hero-subtitle{font-size:clamp(24px,2.3vw,31px)!important;padding:14px 10px 14px 20px;border-left:4px solid #84d8f6;background:linear-gradient(90deg,#ffffff12,transparent);margin:0 0 14px}.hero-copy>p:not(.eyebrow):not(.hero-subtitle):not(.hero-partner){margin:3px 0 15px}}
.hero-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:100%;margin:17px 0 7px}.hero-keyfacts>div{border-top:1px solid #85bfd3;padding:12px 5px 3px 0;min-width:0}.hero-keyfacts strong{display:block;font-size:clamp(20px,2.1vw,29px);letter-spacing:-.04em;color:#fff}.hero-keyfacts span{display:block;font-size:11px;line-height:1.35;color:#b6d4df;margin-top:4px}
@media(max-width:780px){.hero-copy .hero-subtitle{border-left:4px solid #84d8f6;padding:7px 0 7px 14px;background:linear-gradient(90deg,#ffffff12,transparent)}.hero-keyfacts{grid-column:1/-1;grid-row:6;margin:16px 0 0}.hero-copy .hero-partner{grid-row:7}.hero-copy .hero-link{grid-row:8}}
@media(max-width:430px){.hero-keyfacts{gap:5px}.hero-keyfacts strong{font-size:18px}.hero-keyfacts span{font-size:10px}}
/* Percentage grid gaps overflow the project section once it stacks on mobile. */
.project{column-gap:7%;row-gap:0}
@media(max-width:800px){
  .project{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
  .project>.facts{width:100%;margin:0;align-self:start}
  .facts{gap:12px 20px}
  .facts div{min-width:0;padding:18px 0 10px}
  .facts strong{font-size:clamp(27px,6vw,36px);overflow-wrap:anywhere}
  .facts span{display:block;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
}