:root{--paper: #faf8f3;--panel: #ffffff;--soft: #f1ede3;--soft-2: #f6f3ec;--ink: #1b2421;--ink-soft: #34423d;--muted: #5b6862;--line: #e7e1d4;--line-strong: #d9d2c2;--accent: #156b5d;--accent-strong: #0d4f44;--accent-tint: #e4efeb;--on-accent: #ffffff;--c-knie: #156b5d;--c-schouder: #3a5a86;--c-sport: #c0683b;--c-trauma: #9a7430;--card-accent: var(--accent);--sand: #f3e7d3;--sand-strong: #ead8bb;--warning: #fdf3e0;--warning-line: #ecca8e;--shadow: 0 22px 50px -22px rgba(27, 36, 33, .28);--shadow-sm: 0 2px 6px -2px rgba(27, 36, 33, .1);--shadow-border: 0 0 0 1px rgba(27, 36, 33, .06), 0 1px 2px -1px rgba(27, 36, 33, .06), 0 4px 12px -8px rgba(27, 36, 33, .18);--shadow-border-hover: 0 0 0 1px rgba(27, 36, 33, .09), 0 2px 4px -1px rgba(27, 36, 33, .08), 0 18px 40px -18px rgba(27, 36, 33, .26);--radius-sm: 10px;--radius: 14px;--radius-lg: 22px;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(60% 50% at 18% -8%,rgba(21,107,93,.07),transparent 70%),radial-gradient(46% 40% at 100% 0%,rgba(192,104,59,.05),transparent 70%);background-repeat:no-repeat;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:18px;line-height:1.62}a{color:inherit}img,svg{max-width:100%}img{outline:1px solid rgba(27,36,33,.07);outline-offset:-1px}h1,h2,h3{margin:0;font-family:Newsreader,Georgia,serif;font-weight:650;line-height:1.04;letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}h1{font-size:clamp(2.9rem,5.5vw + 1rem,5.1rem)}h2{font-size:clamp(1.85rem,2.4vw + .9rem,2.55rem)}h3{font-size:clamp(1.2rem,.6vw + 1.05rem,1.4rem);font-weight:600}p{margin:0;text-wrap:pretty}ul{margin:0;padding:0}li{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:#156b5d29}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--ink);color:#fff}.skip-link:focus{top:1rem}.main-nav{position:sticky;top:0;z-index:5;background:#faf8f3c7;border-bottom:1px solid var(--line);backdrop-filter:saturate(140%) blur(14px)}.nav-container{width:min(var(--max),calc(100% - 2rem));margin:0 auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.nav-logo{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink)}.nav-logo strong,.nav-logo small{display:block}.nav-logo strong{font-size:1.02rem;letter-spacing:-.01em}.nav-logo small{color:var(--muted);font-size:.82rem}.nav-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--accent-strong);color:var(--paper);font-family:Newsreader,Georgia,serif;font-weight:700;font-size:1.15rem;letter-spacing:.01em}.nav-links{display:flex;align-items:center;gap:.15rem;list-style:none}.nav-links a{display:block;position:relative;padding:.55rem .8rem;border-radius:999px;color:var(--muted);font-size:.95rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--ink);background:#1b24210d}.nav-links a[aria-current=page]{color:var(--accent-strong);background:var(--accent-tint)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:2px;background:var(--ink)}.hero,.page-hero,.section{width:min(var(--max),calc(100% - 2rem));margin:0 auto}.hero{min-height:min(640px,calc(100svh - 118px));display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.25rem);align-items:center;padding:clamp(2.5rem,4vw,3.75rem) 0}.hero-content,.page-hero{display:grid;gap:1.4rem}.hero-subtitle,.page-hero p,.section-heading p,.prose-block p,.info-card p,.split p,article p{color:var(--muted)}.hero-subtitle,.page-hero p{max-width:760px;font-size:1.24rem;line-height:1.55}.eyebrow,.panel-label{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:1.6rem;height:2px;border-radius:2px;background:var(--card-accent)}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.78rem 1.5rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 24px -12px #0d4f44b3}.btn-outline{background:var(--panel);border-color:var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.section{padding:clamp(3rem,5vw,4.5rem) 0}.page-hero{padding:clamp(3.25rem,5vw,5rem) 0 clamp(2rem,3vw,3rem);max-width:880px}.section-heading{max-width:760px;margin-bottom:2.25rem;display:grid;gap:.85rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.35rem}.card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.topic-block{display:grid;gap:1.4rem}.info-card{position:relative;min-height:0;display:flex;flex-direction:column;gap:.65rem;padding:1.7rem 1.6rem 1.55rem;border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-border);text-decoration:none;overflow:hidden}.info-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.85;transform:scaleX(1);transform-origin:left}.info-card[data-cat=knie]{--card-accent: var(--c-knie)}.info-card[data-cat=schouder]{--card-accent: var(--c-schouder)}.info-card[data-cat=sport]{--card-accent: var(--c-sport)}.info-card[data-cat=trauma]{--card-accent: var(--c-trauma)}.info-card h3{margin-top:.2rem}.info-card span,.text-link{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-strong);font-weight:700;font-size:.96rem;text-decoration:none}.info-card span:after,.text-link:after{content:"→";transition:transform .18s ease-out}.info-card.muted{background:var(--soft-2);box-shadow:0 0 0 1px #1b24210d}.section[data-topic=knie]{--card-accent: var(--c-knie)}.section[data-topic=schouder]{--card-accent: var(--c-schouder)}.section[data-topic=sportletsels]{--card-accent: var(--c-sport)}.section-band{width:100%;max-width:none;margin-block:clamp(1rem,2vw,1.5rem);padding:0;background:transparent;border:0}.section-band>*{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.section-band .split{position:relative;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,4vw,2.85rem) clamp(1.75rem,4vw,3rem);border-radius:var(--radius-lg);background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.08),transparent 55%),linear-gradient(135deg,var(--accent),var(--accent-strong));color:#ffffffeb;box-shadow:var(--shadow);overflow:hidden}.section-band .split:after{content:"";position:absolute;right:-60px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);pointer-events:none}.section-band .split>div{display:grid;gap:.7rem;max-width:640px}.section-band .split>p{max-width:640px;margin:0;font-size:1.12rem}.section-band .split h2{color:#fff}.section-band .split p{color:#ffffffd6;margin:0}.section-band .split .eyebrow{color:#ffffffd9}.section-band .split .eyebrow:before{background:var(--sand)}.section-band .btn-primary{flex:none;background:var(--sand);color:var(--accent-strong);box-shadow:0 12px 26px -14px #00000080}.split{display:flex;align-items:center;justify-content:space-between;gap:2rem}.two-column,.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.content-grid{grid-template-columns:340px minmax(0,1fr);align-items:start}.side-note,.prose-block{border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-border);padding:1.7rem 1.6rem}.side-note{position:sticky;top:94px;display:grid;gap:.85rem}.side-note.warning{background:var(--warning);box-shadow:0 0 0 1px #ecca8ecc,var(--shadow)}.appointment-note{gap:1rem}.appointment-note h2{font-size:clamp(2rem,3vw,2.35rem);line-height:1.02}.appointment-contact-list{display:grid;gap:.7rem}.appointment-contact{display:grid;gap:.1rem;padding:.78rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft-2);text-decoration:none}.appointment-contact:hover{border-color:var(--line-strong);background:var(--accent-tint)}.appointment-contact span,.appointment-contact small{color:var(--muted);font-size:.86rem;line-height:1.35}.appointment-contact strong{color:var(--ink);font-size:1.16rem;line-height:1.25;letter-spacing:-.01em}.prose-block{display:grid;gap:.95rem}.prose-block h2{margin-bottom:.1rem}.prose-block a:not(.btn):not(.text-link){color:var(--accent-strong);text-decoration:underline;text-decoration-color:#0d4f4459;text-underline-offset:3px}.schedule-block{gap:1.25rem}.schedule-block .panel-label{margin-bottom:.55rem}.schedule-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft-2)}.schedule-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.98rem}.schedule-table th,.schedule-table td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.schedule-table thead th{color:var(--ink-soft);background:var(--soft);font-size:.76rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.schedule-table tbody th{width:9.5rem;color:var(--ink);font-weight:750}.schedule-table tbody tr:last-child th,.schedule-table tbody tr:last-child td{border-bottom:0}.schedule-table td a{display:inline-flex;max-width:100%;padding:.32rem .58rem;border-radius:999px;background:var(--accent-tint);color:var(--accent-strong);font-size:.94rem;font-weight:750;line-height:1.25;text-decoration:none}.schedule-table td a:hover{background:#d8e9e4}.schedule-muted{color:var(--muted);font-size:.94rem}.stack{display:grid;gap:1.5rem}.check-list,.prose-block ul{display:grid;gap:.7rem;list-style:none}.check-list li,.prose-block li{position:relative;padding-left:1.7rem;color:var(--muted)}.check-list li:before,.prose-block li:before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--card-accent)}.large{color:var(--ink);font-size:1.7rem;font-weight:700;letter-spacing:-.01em}footer{margin-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line);background:var(--soft-2)}.footer-container{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,4vw,3.5rem) 0 1.5rem}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.footer-brand{display:grid;gap:.55rem;align-content:start;max-width:30ch}.footer-name{color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:1.5rem;font-weight:650}.footer-motto,.footer-note{color:var(--muted);margin:0}.footer-col h3{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.9rem}.footer-col ul{display:grid;gap:.55rem;list-style:none}.footer-col li{color:var(--muted);font-size:.98rem}.footer-col a{color:var(--muted);text-decoration:none;font-size:.98rem}.footer-col a:hover{color:var(--accent-strong)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1.5rem;color:var(--muted);font-size:.9rem}@media(max-width:860px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;inset:74px 1rem auto;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.nav-links.open{display:grid}.hero,.two-column,.content-grid,.split{grid-template-columns:1fr}.hero{min-height:auto;padding:2.25rem 0 2.75rem;gap:1.75rem}.hero-content,.page-hero{gap:1.15rem}.side-note{position:static}.section-heading{margin-bottom:1.5rem}.schedule-table-wrap{overflow:visible}.schedule-table{min-width:0;font-size:1rem}.schedule-table,.schedule-table thead,.schedule-table tbody,.schedule-table tr,.schedule-table th,.schedule-table td{display:block}.schedule-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.schedule-table tbody tr{padding:1rem 1rem .85rem;border-bottom:1px solid var(--line)}.schedule-table tbody tr:last-child{border-bottom:0}.schedule-table tbody th,.schedule-table td{padding:0;border-bottom:0}.schedule-table tbody th{width:auto;margin-bottom:.65rem;font-size:1.08rem}.schedule-table td{display:grid;grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr);gap:.75rem;align-items:start;min-height:2rem}.schedule-table td+td{margin-top:.55rem}.schedule-table td:before{content:attr(data-label);color:var(--muted);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.schedule-table td a{width:fit-content;max-width:100%}.split{align-items:flex-start;flex-direction:column;gap:1.35rem}.footer-top{grid-template-columns:1fr 1fr;gap:1.75rem}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column}}@media(max-width:520px){.footer-top{grid-template-columns:1fr}}.nav-links a{transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}.nav-links a:active{scale:.96}.nav-toggle{transition-property:background-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:ease-out}.nav-toggle:active{scale:.96}.btn{transition-property:transform,scale,background-color,border-color,box-shadow;transition-duration:.18s;transition-timing-function:ease-out}.btn:hover{transform:translateY(-2px)}.btn:active{scale:.97;transform:translateY(0)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 16px 30px -14px #0d4f44bf}.btn-outline:hover{border-color:var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-border-hover)}.section-band .btn-primary:hover{background:var(--sand-strong);color:var(--accent-strong)}.info-card{transition-property:transform,box-shadow;transition-duration:.2s;transition-timing-function:ease-out}.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-border-hover)}.info-card:active{transform:translateY(-1px)}.info-card:hover span:after{transform:translate(3px)}.text-link{transition:gap .18s ease-out,color .18s ease-out}.text-link:hover{color:var(--accent)}.text-link:hover:after{transform:translate(3px)}.footer-col a{transition:color .15s ease-out}@media(prefers-reduced-motion:reduce){.btn,.info-card,.text-link{transition:none}}
