/* Den gemensamma startsidan följer den första gröna skissen. */
.portal-home{--paper:#17231e;--white:#17231e;--ink:#edf2e8;--muted:#b7c5bb;--line:#46574c;--green:#c6dfb7;--soft:#233b2b;--copper:#c6dfb7;background:var(--paper);color:var(--ink)}
.portal-home .wrap{max-width:1220px;padding-left:32px;padding-right:32px}





.portal-home .global-nav a[data-resident-link]{display:none}

.portal-home .hero{grid-template-columns:1fr 1.12fr;gap:0;padding:0;min-height:360px}
.portal-home .hero-copy{padding:40px 32px 35px 0}
.portal-home .hero .eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:20px;font-weight:400}
.portal-home .hero h1{font-size:clamp(40px,5.5vw,66px);line-height:1.03;margin-bottom:22px;letter-spacing:-.04em}
.portal-home .hero p{font-size:15px;line-height:1.65;max-width:365px;margin-bottom:0}
.portal-home .hero-image img{height:360px;width:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
.portal-home .hero-image figcaption{background:var(--paper);color:var(--muted);font-size:10px;max-width:calc(100% - 26px)}
.portal-home .home-associations{padding-top:30px;padding-bottom:28px}
.portal-home .section-head{margin-bottom:20px;align-items:baseline;gap:15px}
.portal-home .section-head h2{font-size:30px;letter-spacing:-.035em}
.portal-home .home-note{font-size:12px;color:var(--muted)}
.portal-home .association-choice{padding-top:22px;padding-bottom:22px;min-height:100px}
.portal-home .association-choice .eyebrow{font-size:10px;font-weight:400;margin-bottom:8px}
.portal-home .association-choice .serif{font-size:25px;letter-spacing:-.035em}
.portal-home .association-choice .arrow{font-size:19px}
.portal-home .caption{font-size:11px;margin:14px 0 0;max-width:800px}
.portal-home .home-discover{padding-top:8px;padding-bottom:36px}
.portal-home .place-grid{gap:28px;margin-top:20px}
.portal-home .place{border-top:1px solid var(--line);padding-top:17px;display:flex}
.portal-home .place-number{display:none}
.portal-home .place .eyebrow{font-size:10px;margin-bottom:10px;font-weight:400}
.portal-home .place h3{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:500;letter-spacing:0;margin-bottom:10px}
.portal-home .place p{font-size:13px;line-height:1.6;margin-bottom:15px}
.portal-home .place .text-link{font-size:12px;color:var(--ink)}
.portal-home .site-footer{padding:18px 0 24px;background:var(--paper);border-top:1px solid var(--line);color:var(--ink)}
.portal-home .footer-grid{display:none}
.portal-home .footer-bottom{border:0;padding-top:0;color:var(--muted);font-size:10px}
.portal-home .footer-bottom a{color:var(--ink)}

@media(max-width:760px){
 .portal-home .wrap{padding-left:22px;padding-right:22px}
 
 .portal-home #main{display:grid;grid-template-columns:minmax(0,1fr)}
 .portal-home .hero{display:contents}
 .portal-home .hero-copy{grid-row:3;width:calc(100% - 44px);margin:0 auto;padding:34px 0 29px}
 .portal-home .hero-image{grid-row:1;width:calc(100% - 44px);margin:22px auto 0}
 .portal-home .hero h1{font-size:clamp(40px,8vw,60px)}
 .portal-home .hero p{max-width:520px}
 .portal-home .hero-image img{height:auto;aspect-ratio:1.55}
 .portal-home .section-head{flex-direction:column;gap:8px;align-items:flex-start}
 .portal-home .home-associations{grid-row:2;width:100%;padding-top:26px;padding-bottom:28px}
 .portal-home .association-choice .serif{font-size:24px}
 .portal-home .place-grid{gap:24px}
 .portal-home .home-discover{grid-row:4;width:100%;padding-bottom:30px}
}
@media(max-width:390px){
 .portal-home .wrap{padding-left:18px;padding-right:18px}
 .portal-home .hero-copy,.portal-home .hero-image{width:calc(100% - 36px)}
 
 
 .portal-home .hero h1{font-size:40px}
 .portal-home .association-choice .serif{font-size:22px}
}