/* Waterplein family · October 2026 */
:root{--family-ink:#123342;--family-line:#cedbe0;--family-accent:#006b92}
html{scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased}h1,h2,h3{overflow-wrap:normal;text-wrap:balance}p,li{hyphens:auto}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #009cc7;outline-offset:4px}input,textarea,select{font-size:16px!important}input:focus,textarea:focus,select:focus{border-color:#00769b}textarea[readonly]{line-height:1.75;background:#f5f8f9}summary{list-style-position:outside}img{max-width:100%}.footer a:not(.brand),.footer-col a{min-height:36px;align-content:center}.navigation>a:not(.button),#navigation>a:not(.button){min-height:44px}.group-bar{display:none}
.family-section{background:#edf3f4;color:var(--family-ink);border-top:1px solid var(--family-line);padding:64px 0}.family-section .wrap{max-width:1280px}.family-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.family-head .eyebrow{color:#006b92;margin-bottom:14px}.family-head h2{font-size:clamp(28px,3vw,40px);line-height:1.18;margin:0;letter-spacing:-.04em}.family-head p{font-size:15px;line-height:1.8;color:#486370;max-width:480px;margin:0}.family-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--family-line)}.family-link{display:grid;grid-template-columns:1fr 20px;gap:8px 16px;padding:23px 24px 23px 0;border-bottom:1px solid var(--family-line);position:relative;transition:background 180ms,color 180ms}.family-link strong{font-size:18px;font-weight:650;letter-spacing:-.035em}.family-link small{grid-column:1;font-size:13px;line-height:1.6;color:#486370}.family-link span{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;color:#006b92}.family-link:hover{background:#e1edf0}.family-link[aria-current=page]{background:#dce9ed;padding-left:18px}.family-current{font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.09em;color:#006b92}.family-link:nth-child(3n+2),.family-link:nth-child(3n+3){padding-left:24px;border-left:1px solid var(--family-line)}.draft-download{margin-top:16px}.family-section + .footer{border-top:0}
/* A quiet first impression: content is visible immediately; movement is optional. */
.motion-enabled .abl-intro-copy>*,.motion-enabled .abl-intro-image,.motion-enabled .ha-hero-copy>*,.motion-enabled .ha-route-panel,.motion-enabled .hub-hero-copy>*,.motion-enabled .hub-hero-visual,.motion-enabled .mw-hero-copy>*,.motion-enabled .mw-hero-visual{animation:none!important;opacity:1!important;transform:none!important}.abl-intro .lead,.ha-hero .lead,.mw-hero .lead,.hub-hero .lead{line-height:1.8}.ha-route-panel{box-shadow:0 20px 60px #061d2820}.abl-intro-image figcaption,.mw-hero-visual figcaption{border-radius:0}
@media(max-width:900px){.family-head{gap:28px}.family-links{grid-template-columns:repeat(2,minmax(0,1fr))}.family-link:nth-child(n){border-left:0;padding-left:0}.family-link:nth-child(2n){border-left:1px solid var(--family-line);padding-left:20px}.family-section{padding:48px 0}.family-head p{font-size:14px}}
@media(max-width:600px){:root{--gutter:24px}.wrap{width:calc(100% - 48px)}.family-head{grid-template-columns:1fr;gap:18px}.family-section{padding:40px 0}.family-links{grid-template-columns:1fr}.family-link:nth-child(n){border-left:0;padding:19px 0}.family-link[aria-current=page]{padding-left:14px;padding-right:14px}.family-link strong{font-size:18px}.family-head h2{font-size:29px}.footer-grid,.footer-top{column-gap:24px}.form-grid{grid-template-columns:1fr!important}.form-grid .full{grid-column:1/-1}.actions{gap:16px}.actions .button{max-width:100%}.header .brand{max-width:160px}.navigation.open,#navigation.is-open{overscroll-behavior:contain}.section-heading>p,.lead{font-size:16px!important}.eyebrow{font-size:10px!important;letter-spacing:.1em!important}.ha-route-panel>a{min-height:76px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.family-section,.motion-control,.draft-download{display:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}
.motion-enabled .hub-hero-photo,.motion-enabled .mw-hero-image,.motion-enabled .hub-hero-field,.motion-enabled .mw-hero-field,.motion-enabled .hub-index>a,.motion-enabled .mw-stages>a{animation:none!important;opacity:1!important;transform:none!important}

h1,h2,h3,.project-card strong,.project-card h3{overflow-wrap:anywhere;hyphens:auto}.family-links strong{overflow-wrap:anywhere}
@media(max-width:360px){.hub-index{grid-template-columns:1fr!important}.hub-index>a{min-width:0;overflow-wrap:anywhere}}