/* A short introduction lets the actual projects lead the page. */
.portfolio-intro{padding:42px 0 20px}
.portfolio-intro .eyebrow{font-size:.6875rem;letter-spacing:.14em}
.portfolio-intro h1{font-size:clamp(2.5rem,4.5vw,4.1rem);line-height:1.08;letter-spacing:-.035em;margin:14px 0 20px;max-width:none}
.portfolio-intro-bottom{align-items:center;padding:0;border:0;gap:20px}
.portfolio-intro-bottom p{font-size:1rem;line-height:1.55;max-width:none}
.portfolio-jumps{gap:10px;flex-wrap:nowrap}
.portfolio-jumps .text-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #d0bfaa;border-radius:999px;font-size:.8125rem;line-height:1.35;font-weight:500;color:#5b3a24;background:#f2ebe1;white-space:nowrap;text-decoration:none;transition:background .2s,border-color .2s}
.portfolio-jumps .text-link:hover{background:#e7dbca;border-color:#a98c70}
.portfolio-jumps .text-link:focus-visible{outline:2px solid #5b3a24;outline-offset:3px}
#projectverhalen{padding-top:30px;scroll-margin-top:108px}
#projectverhalen .section-head{margin-bottom:18px;display:block}
#projectverhalen .section-head h2{font-size:1.7rem;line-height:1.2;margin:0;letter-spacing:-.02em}
#los-maatwerk{scroll-margin-top:108px}
@media(max-width:1000px){.portfolio-intro-bottom{align-items:flex-start;gap:18px}}
@media(max-width:700px){
 .portfolio-intro{padding:26px 0 12px}
 .portfolio-intro .eyebrow{font-size:.625rem;line-height:1.5;letter-spacing:.13em}
 .portfolio-intro h1{font-size:clamp(2rem,8.9vw,2.6rem);line-height:1.08;letter-spacing:-.04em;margin:10px 0 12px}
 .portfolio-intro-bottom{gap:18px;padding:0}
 .portfolio-intro-bottom p{font-size:.875rem;line-height:1.55;max-width:32ch}
 .portfolio-jumps{display:grid;grid-template-columns:1.15fr 1fr;gap:8px;width:100%}
 .portfolio-jumps .text-link{font-size:.75rem;padding:10px 9px;min-height:44px}
 #projectverhalen{padding:18px 0 28px;scroll-margin-top:92px}
 #projectverhalen .section-head{margin-bottom:14px}
 #projectverhalen .section-head h2{font-size:1.25rem;line-height:1.25;margin:0}
 #projectverhalen .property-feature{border-radius:18px}
 #los-maatwerk{scroll-margin-top:92px}
}
@media(prefers-reduced-motion:reduce){.portfolio-jumps .text-link{transition:none}}