/* Responsive repair, 25 September 2026. Existing Bairsites identity retained. */
.skip-link{position:absolute;left:18px;top:-100px;z-index:100;background:#0a0a0a;color:#fff;padding:12px 20px}
.skip-link:focus{top:12px}
.pv-card{container-type:inline-size;overflow-wrap:normal}
.pv-card .pv-price strong{font-size:clamp(24px,16cqw,62px);white-space:nowrap;overflow-wrap:normal;word-break:normal}
.pv-card h3{font-size:clamp(16px,7.1cqw,27px);white-space:nowrap}
.pv-tag{min-height:3.2em}
.price strong{white-space:nowrap}
.project,.project-image,.project-label,.project-label>*{min-width:0}
.project-label{flex-wrap:wrap}
.project-label span{overflow-wrap:anywhere}
.reading h1,.reading h2{overflow-wrap:normal;hyphens:none;text-wrap:balance}
.reading.legal h1,.reading.legal h2{overflow-wrap:anywhere}
.reading h1{font-size:clamp(28px,4.8vw,68px)}
.reading .about-intro h1{font-size:clamp(28px,3.5vw,50px)}
.reading .example img{max-width:100%}
.reading li,.reading td{overflow-wrap:anywhere}
.contact input,.contact select,.contact textarea{font-size:16px}
.phone-device{--bezel:6px;--outer-radius:28px;padding:var(--bezel);border-radius:var(--outer-radius)}
.phone-device .screen-viewport,.phone-device .premium-mobile{border-radius:calc(var(--outer-radius) - var(--bezel) - 1px);overflow:hidden;isolation:isolate;transform:translateZ(0)}
.phone-device .screen-viewport{aspect-ratio:5/9}
.phone-device .screen-viewport>img.footage-home{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;will-change:auto}
.phone-device .case-footage{object-fit:cover;object-position:top center}
.motion-control,.project-switcher button{min-height:44px}
.motion-control{white-space:nowrap}
.motion-status{font:400 13px/1.5 DM,Arial,sans-serif;margin-top:8px;color:#514b46}
.motion-status:empty{display:none}
.case-footage[data-user-motion=true]{display:block}
.nav-toggle{display:none}
@media(min-width:701px) and (max-width:1000px){
 .nav,.conversion-home header.nav{display:grid;grid-template-columns:1fr auto;gap:16px}
 .nav nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:12px 24px}
 .nav>.button.small{grid-column:2;grid-row:1}
 .conversion-home #werk,.conversion-home #pakketten,.conversion-home #contact{scroll-margin-top:150px}
}
@media(max-width:760px){
 .phone-device{--bezel:4px;--outer-radius:16px}
 .showcase-toolbar{display:block}
 .project-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
 .project-switcher button{text-align:left;font-size:13px}
 .motion-control{font-size:13px;text-align:left;margin-top:8px}
 .showcase-foot{display:block}
 .showcase-foot span{display:block;max-width:none;margin-bottom:8px}
 .pv-tag{min-height:0}
}
@media(max-width:700px){
 .nav{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding-block:18px}
 .nav img{width:clamp(126px,36vw,163px)}
 .nav>.button.small{font-size:11px;gap:9px;padding:9px 10px;min-height:44px}
 .nav-toggle{display:block;background:none;border:0;padding:8px;font-size:0;min-height:44px;grid-column:3;grid-row:1}
 .nav-toggle::before{content:'☰';font:24px/1 Arial,sans-serif}
 .nav-toggle[aria-expanded=true]::before{content:'×'}
 .nav>.button.small{grid-column:2;grid-row:1}
 .nav nav{display:flex;flex-wrap:wrap;grid-column:1/-1;grid-row:2;gap:0 20px;font-size:14px}
 .nav nav a{display:inline-flex;align-items:center;min-height:44px}
 .nav.nav-enhanced nav[hidden]{display:none}
 .reading h1{font-size:clamp(28px,7.8vw,43px)}
 .reading h2{font-size:clamp(24px,6.6vw,32px)}
 .page-price{font-size:clamp(30px,8vw,48px)}
 .package-full .price strong{font-size:clamp(26px,8vw,40px)}
}
@media(min-width:701px){.nav nav[hidden]{display:flex}}
@media(max-width:360px){.pv-card{padding:22px}.showcase-heading h1{font-size:8.8vw}.contact .button{font-size:14px;gap:12px;padding-inline:18px}}