:root{--paper:#f6f4ed;--white:#fffdf8;--ink:#202c24;--muted:#535d53;--line:#d9dcd1;--navy:#00172a;--navy-hover:#14334d;--light:#e8eef3;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--ink);background:var(--paper);font:16px/1.55 var(--sans)}
a{color:inherit} button,select{font:inherit}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a05c36;outline-offset:4px}
.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}
main{flex:1}
header,footer{background:var(--navy);color:#fff}
header a:focus-visible,footer a:focus-visible{outline-color:#a8d4f3}
.bar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:inline-flex;flex-shrink:0;border-radius:3px;overflow:hidden}
.brand img{display:block;width:126px;height:auto}
nav{display:flex;align-items:center;gap:25px;font-size:14px}
nav a{text-decoration:none} nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns: .87fr 1.13fr;align-items:center;gap:52px;padding:48px 0 34px}
.eyebrow{margin:0 0 14px;color:var(--navy);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3{font:600 clamp(32px,5.3vw,76px)/1.06 var(--sans);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0}
h2{font-size:clamp(30px,4.1vw,54px)} h3{font-size:26px}
.lead{font-size:19px;color:var(--muted);max-width:36ch;margin:22px 0 27px}
.cta{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:51px;padding:11px 20px;background:var(--navy);color:white;text-decoration:none;font-weight:700;border:1px solid var(--navy);border-radius:4px;cursor:pointer}
.cta:hover{background:var(--navy-hover)} .cta.secondary{background:transparent;color:var(--navy)}
.cta.secondary:hover{background:var(--light)}
figure{margin:0} figure img{display:block;width:100%;object-fit:cover}
.hero figure img{height:clamp(320px,37vw,510px);border-radius:4px;object-position:50% 55%}
figcaption{color:var(--muted);font-size:13px;margin-top:8px}
.quick{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:0 0 72px}
.quick div{padding:21px 20px;border-right:1px solid var(--line)}.quick div:first-child{padding-left:0}.quick div:last-child{border:0}
.quick strong{display:block;font:600 24px/1.15 var(--sans);letter-spacing:-.035em}.quick span,.muted{color:var(--muted)}
.section{padding:54px 0 68px}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.type-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:4px;text-decoration:none}
.type-card:hover{background:var(--light)}.type-card span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.info{background:var(--light)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.info img{aspect-ratio:1.6;border-radius:4px}
.info p:not(.eyebrow){max-width:48ch}
.map-heading{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:16px;margin-bottom:22px}
.map-heading p{margin:12px 0 0;color:var(--muted);font-size:19px}
.project-map{display:block;width:100%;height:clamp(320px,42vw,470px);border:1px solid var(--line);border-radius:4px;background:var(--light)}
footer{padding:27px 0}footer .muted{color:#dbe5ee}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}
.page{padding:48px 0 72px;min-height:68vh}.back{display:inline-block;margin-bottom:27px;color:var(--navy);text-underline-offset:4px}.page h1{font-size:clamp(31px,6.2vw,70px)}
.filters{margin:26px 0 14px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.filters label{display:grid;gap:4px;font-weight:700;font-size:14px}.filters select{padding:9px 28px 9px 10px;background:var(--white);border:1px solid #a4aea2;color:var(--ink);border-radius:4px}
.count{color:var(--muted);margin:0 0 10px}.table{background:var(--white);border:1px solid var(--line);border-radius:4px}
table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:13px 15px}th{font-size:13px;color:var(--muted);background:var(--light)}td{border-top:1px solid var(--line)}td a{font-weight:700;text-underline-offset:3px}
.badge{display:inline-block;border-radius:20px;background:#ecebe5;padding:3px 10px;font-size:13px;white-space:nowrap}.ledig{background:#dcebdd}.utleid{background:#eee1d7}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:22px;margin-top:24px}
.panel{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:4px}
.plan{display:grid;place-items:center;min-height:310px;margin-top:16px;background:var(--light);background-image:linear-gradient(#d6e0e9 1px,transparent 1px),linear-gradient(90deg,#d6e0e9 1px,transparent 1px);background-size:22px 22px;text-align:center}
.plan span{background:var(--white);padding:8px 13px;border:1px solid var(--line);border-radius:3px}.plan img{width:100%;display:block}
.plan.plan-filled{min-height:0;background:#fff;border:1px solid var(--line)}
.plan-filled img{height:auto;max-height:650px;object-fit:contain}
.plan-link{margin:14px 0 0}
dl{margin:18px 0 22px}dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:700}
details p{margin:12px 0 0}summary.cta{list-style:none}summary.cta::-webkit-details-marker{display:none}
@media(max-width:920px){.wrap{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:clamp(33px,5.35vw,64px)}}
@media(max-width:690px){.wrap{width:calc(100% - 32px)}.bar{min-height:67px;gap:12px}.brand img{width:108px}nav{gap:12px;font-size:13px}.hero,.info-grid,.detail-grid{grid-template-columns:1fr}.hero{padding-top:33px}.hero figure img{height:auto;aspect-ratio:1.35}.quick{grid-template-columns:1fr 1fr;margin-bottom:26px}.quick div{padding:14px}.quick div:nth-child(odd){padding-left:0}.quick div:nth-child(2){border-right:0}.quick div:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick strong{font-size:20px}.type-grid{grid-template-columns:1fr}.section{padding:39px 0 44px}.foot{flex-wrap:wrap}.page{padding:35px 0 50px}.table{overflow-x:auto}th,td{padding:9px}.optional{display:none}.panel{padding:17px}.plan{min-height:245px}}

.neighborhood .lead{max-width:58ch;margin-bottom:44px}
.neighborhood-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:35px;padding:34px 0;border-top:1px solid var(--line)}
.neighborhood-section h2{font-size:clamp(27px,3.4vw,44px)}
.neighborhood-section p{margin:0 0 16px;max-width:59ch}
.neighborhood-section p:last-child{margin-bottom:0}
.neighborhood-vestby{padding:34px;background:var(--light);border:0;border-radius:4px}
@media(max-width:690px){
  .bar{flex-wrap:wrap;justify-content:space-between;column-gap:16px;row-gap:0;padding-bottom:8px}
  .neighborhood-section{grid-template-columns:1fr;gap:14px;padding-block:26px}
  .neighborhood-vestby{padding-inline:22px}
}

nav{flex-wrap:wrap;row-gap:8px}
.interest .lead{max-width:55ch}
.interest-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}
.interest-form{display:grid;gap:14px}
.interest-form label{display:grid;gap:4px;font-weight:700}
.interest-form input:not([type=checkbox]),.interest-form select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #8b989e;border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-weight:400}
.interest-form input:focus-visible{outline:3px solid #a05c36;outline-offset:3px}
.interest-form .consent{display:flex;align-items:flex-start;gap:8px;font-weight:400}
.interest-form .consent input{margin-top:5px;accent-color:var(--navy)}
.interest-form button{justify-self:start}
.privacy h2,.interest-grid .panel h2{font-size:clamp(27px,3.4vw,42px)}
.privacy summary{cursor:pointer;font-weight:700}
.withdrawal{margin-top:12px}
.receipt-code{overflow-wrap:anywhere}
@media(max-width:690px){.interest-grid{grid-template-columns:1fr}}

.detail-heading{font-size:clamp(26px,3vw,38px)}
.receipt-code{font-family:inherit}