.hw{--hw-vlak:var(--kleur-honing-vlak);max-width:var(--breedte-max);padding:0 var(--ruimte-rand) var(--ruimte-8);margin-inline:auto}@media (prefers-color-scheme:dark){.hw{--hw-vlak:var(--kleur-mist)}.hw .demo-toneel{background:var(--kleur-mist)}.hw .demo-label{color:var(--kleur-inkt)}}.hw h1{margin:0 0 var(--ruimte-3);letter-spacing:-.045em;text-wrap:balance;max-width:16ch;font-size:clamp(2.5rem,4.8vw,4.25rem);font-weight:900;line-height:1}.hw h2{margin:0 0 var(--ruimte-3);letter-spacing:-.035em;text-wrap:balance;scroll-margin-top:calc(var(--kopbalk) + 16px);font-size:clamp(1.75rem,3.2vw + .5rem,2.875rem);font-weight:800;line-height:1.05}.hw p:not(.demo *){margin:0 0 var(--ruimte-3);max-width:56ch;color:var(--kleur-inkt-zacht);line-height:1.55}.hw-intro{padding-block:clamp(28px, 5vw, 64px) var(--ruimte-5)}.hw-voor{font-family:var(--letter-kop);align-items:baseline;gap:10px;font-size:clamp(1.125rem,1.4vw + .5rem,1.375rem);font-weight:700;line-height:1.3;display:flex;max-width:34ch!important;color:var(--kleur-inkt)!important}.hw-voor:before{content:"";background:var(--kleur-honing);width:10px;height:10px;box-shadow:0 0 0 3px var(--kleur-honing-licht);border-radius:50%;flex:none;translate:0 -2px}.hw-inleiding{font-size:var(--maat-groot)}.hw-intro .acties-v{margin-top:var(--ruimte-4)}.hw-claim{font-size:var(--maat-klein);border-left:3px solid var(--kleur-honing);padding-left:12px}.hw-tekst .demo-kies,.hw-tekst .ov-schakelaar{margin-top:var(--ruimte-2)}.hw-wanneer-kaart{font-family:var(--letter-mono);font-size:var(--maat-klein);align-items:center;gap:10px;display:flex;color:var(--kleur-kobalt-tekst)!important;margin-bottom:8px!important}.hw-wanneer-kaart span{background:var(--kleur-honing);width:26px;height:26px;color:var(--kleur-op-honing);font-family:var(--letter-kop);border-radius:50%;place-items:center;font-weight:800;display:inline-grid}.hw-lijn{display:none}.hw-stappen{margin-inline:calc(-1 * var(--ruimte-rand));padding:0 var(--ruimte-rand) 6px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ruimte-rand);overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:88%;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.hw-stappen::-webkit-scrollbar{display:none}.hw-stappen:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:4px}.hw-stap{scroll-snap-align:start;border-radius:var(--rand-groot);background:var(--hw-vlak);align-content:start;gap:12px;min-width:0;padding:18px 16px;display:grid}.hw-stap h2{font-size:clamp(1.35rem,6vw,1.7rem)}.hw-stap p:not(.demo *){color:var(--kleur-inkt)}.hw-stap .demo figcaption,.hw-stappen .demo-klok{display:none}@media (min-width:40rem){.hw-stappen .demo-klok{display:flex}}.hw-beeld{min-width:0}.hw-beeld .demo{width:100%}.hw-blok{gap:var(--ruimte-4);padding-block:var(--ruimte-6);border-top:1.5px solid var(--kleur-lijn-zacht);display:grid}.hw-blok>*{min-width:0}.hw-probeer{margin-top:var(--ruimte-6)}.hw-foto{aspect-ratio:4/3;border-radius:var(--rand-groot);background:var(--kleur-mist);position:relative;overflow:hidden}.hw-foto>*{position:absolute;inset:0}.hw-foto img,.hw-foto video{object-fit:cover;width:100%;height:100%}.hw-video{aspect-ratio:16/9}.hw-slot{gap:var(--ruimte-3);margin-top:var(--ruimte-6);border-radius:var(--rand-groot);background:var(--kleur-mist);padding:24px 24px 22px;display:grid}.hw-slot h2{font-size:var(--maat-h3);margin:0}.hw-slot .acties-v{margin:0}.hw-slot p{margin:0!important}.hw-voetnoot{font-size:var(--maat-klein)}@media (max-width:39.99rem){.hw-foto,.hw-intro .acties-v{display:none}.hw-intro{padding-bottom:var(--ruimte-4)}.hw-blok{padding-block:var(--ruimte-5)}}@media (min-width:40rem){.hw-reis{row-gap:var(--ruimte-4);padding-bottom:var(--ruimte-5);grid-template-areas:"intro""podium""lijn""tekst";display:grid}.hw-intro{grid-area:intro}.hw-stappen,.hw-stap{display:contents}.hw-tekst{border-radius:var(--rand-groot);background:var(--kleur-mist);grid-area:tekst;align-self:start;padding:18px 20px}.hw-tekst p:last-child{margin-bottom:0}.hw-beeld{grid-area:podium}.hw-wanneer-kaart{display:none!important}.hw-stap>*{display:none}.hw-reis[data-nu="0"] .hw-stap[data-i="0"]>*,.hw-reis[data-nu="1"] .hw-stap[data-i="1"]>*,.hw-reis[data-nu="2"] .hw-stap[data-i="2"]>*,.hw-reis[data-nu="3"] .hw-stap[data-i="3"]>*,.hw-reis[data-nu="4"] .hw-stap[data-i="4"]>*,.hw-reis[data-nu="5"] .hw-stap[data-i="5"]>*{display:block}.hw-tekst h2{font-size:var(--maat-h3)}.hw-lijn{grid-area:lijn;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-knop{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--rand);border:1.5px solid var(--kleur-lijn-zacht);width:100%;height:100%;transition:background-color var(--beweging-kort) var(--beweging-gang), border-color var(--beweging-kort);grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:12px 14px;display:grid}.hw-knop:hover{background:var(--kleur-mist)}.hw-knop:focus-visible{outline:3px solid var(--kleur-focus);outline-offset:2px}.hw-nr{border:2px solid var(--kleur-lijn);width:28px;height:28px;font-family:var(--letter-kop);font-weight:800;font-size:var(--maat-klein);color:var(--kleur-inkt-zacht);border-radius:50%;grid-row:span 2;place-items:center;display:inline-grid}.hw-wanneer{font-family:var(--letter-mono);color:var(--kleur-inkt-zacht);font-size:.8rem}.hw-kop{font-size:var(--maat-klein);color:var(--kleur-inkt);font-weight:700;line-height:1.3}.hw-knop[aria-current]{background:var(--hw-vlak);border-color:var(--kleur-honing)}.hw-knop[aria-current] .hw-nr{background:var(--kleur-honing);border-color:var(--kleur-honing);color:var(--kleur-op-honing)}.hw-blok-tekst{max-width:60ch}.hw-client{align-items:start;column-gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tekst toestel""foto toestel"}.hw-client .hw-blok-tekst{grid-area:tekst}.hw-client .hw-foto{grid-area:foto}.hw-client .hw-toestel{grid-area:toestel}.hw-coach{align-items:center;column-gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tekst foto""toestel toestel"}.hw-coach .hw-blok-tekst{grid-area:tekst}.hw-coach .hw-foto{grid-area:foto}.hw-coach .hw-toestel{grid-area:toestel}.hw-slot{column-gap:var(--ruimte-6);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kop knoppen""zin knoppen""noot noot";align-items:center;padding:32px 36px 28px}.hw-slot h2{grid-area:kop}.hw-slot>p:not(.hw-voetnoot,.acties-v){grid-area:zin}.hw-slot .acties-v{grid-area:knoppen}.hw-voetnoot{padding-top:var(--ruimte-3);border-top:1px solid var(--kleur-lijn);grid-area:noot}}@media (min-width:64rem){.hw-reis{column-gap:clamp(32px,4vw,72px);row-gap:var(--ruimte-4);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"intro podium""tekst podium""lijn lijn";align-items:start}.hw-beeld{margin-top:clamp(24px,3vw,48px)}.hw-lijn{grid-template-columns:repeat(6,minmax(0,1fr))}.hw-knop{grid-template-columns:1fr;align-content:start;row-gap:6px}.hw-nr{grid-row:auto}.hw-apps{border-top:1.5px solid var(--kleur-lijn-zacht);grid-template-columns:minmax(20rem,26rem) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);display:grid}.hw-apps .hw-blok{border-top:0;align-content:start}.hw-client{grid-template-columns:1fr;grid-template-areas:"tekst""toestel"}.hw-client .hw-foto{display:none}}@media (prefers-reduced-motion:reduce){.hw-knop{transition:none}}