.segment :is(h2,h3):lang(nl){hyphens:auto}.segment-heading{max-width:20ch;margin:0 0 var(--huzzah-space-6);font-family:var(--huzzah-font-display);letter-spacing:var(--huzzah-tracking-display);font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800;line-height:var(--huzzah-leading-tight);text-wrap:balance}.segment-steps{gap:var(--huzzah-space-5);max-width:60rem;margin:0 0 var(--huzzah-space-5);counter-reset:step;padding:0;list-style:none;display:grid}.segment-steps>li{gap:var(--huzzah-space-3);font-size:var(--huzzah-text-lg);text-wrap:pretty;counter-increment:step;grid-template-columns:2rem 1fr;line-height:1.45;display:grid}.segment-steps>li:before{content:counter(step);font-family:var(--huzzah-font-display);font-variant-numeric:tabular-nums;color:var(--muted-foreground);font-weight:800}.segment-sheets{max-width:52ch;color:var(--muted-foreground);margin:0}.segment-try{margin-top:var(--huzzah-space-6)}.segment-answer-grid>.segment-shown{display:none}@media (width>=900px){.segment-answer-grid{gap:var(--huzzah-space-7);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.segment-answer-grid>.segment-shown{display:block}}.night-grid{gap:var(--huzzah-space-7);display:grid}.night-sheet{gap:var(--huzzah-space-7);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.night-entry{min-width:0}.night-time{margin:0 0 var(--huzzah-space-1);color:var(--muted-foreground);font-family:var(--huzzah-font-display);font-size:var(--huzzah-text-xl);font-variant-numeric:tabular-nums;font-weight:700}.night-entry>h3{margin:0 0 var(--huzzah-space-2);font-family:var(--huzzah-font-display);font-size:var(--huzzah-text-xl);font-weight:700;line-height:var(--huzzah-leading-heading);text-wrap:balance}.night-text{max-width:40ch;margin:0 0 var(--huzzah-space-4);color:var(--muted-foreground)}.night-host{width:85%;margin:var(--huzzah-space-3) 0 0 auto}.night-tv{display:none}@media (width>=900px){[data-night][data-live] .night-grid{grid-template-columns:minmax(16rem,1fr) 1.6fr;align-items:start}[data-night][data-live] .night-still{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-night][data-live] .night-sheet{gap:0;padding-bottom:25svh}[data-night][data-live] .night-entry{flex-direction:column;justify-content:center;min-height:45svh;display:flex}[data-night][data-live] .night-entry:not([data-on])>h3{color:var(--muted-foreground)}[data-night][data-live] .night-entry[data-on] .night-time{color:var(--primary)}[data-night][data-live] .night-entry :is(.night-time,h3){transition:color var(--huzzah-duration-enter) var(--huzzah-ease-out)}[data-night][data-live] .night-tv{top:var(--site-head);height:calc(100svh - var(--site-head));align-content:center;display:grid;position:sticky}.night-screen{opacity:0;transition:opacity 0s var(--huzzah-duration-enter);grid-area:1/1;position:relative}.night-screen[data-on]{z-index:1;opacity:1;transition:opacity var(--huzzah-duration-enter) var(--huzzah-ease-out)}.night-inset{left:calc(-1 * var(--huzzah-space-4));bottom:calc(-1 * var(--huzzah-space-6));width:36%;position:absolute}.night-screen:not([data-on]) .night-inset{opacity:0;transition:opacity var(--huzzah-duration-enter) var(--huzzah-ease-out)}[data-night][data-jump] .night-screen,[data-night][data-jump] .night-inset,[data-night][data-jump] .night-entry :is(.night-time,h3){transition:none}}@media (prefers-reduced-motion:reduce){[data-night][data-live] .night-entry :is(.night-time,h3),.night-screen,.night-screen[data-on],.night-screen:not([data-on]) .night-inset{transition:none}}.segment-play{padding-top:clamp(4rem,9vw,7rem)}.segment-play>.lede{margin-top:calc(-1 * var(--huzzah-space-4));margin-bottom:var(--huzzah-space-6)}.questions{gap:var(--huzzah-space-6) var(--huzzah-space-7);display:grid}.question>h3{margin:0 0 var(--huzzah-space-2);font-family:var(--huzzah-font-display);font-size:var(--huzzah-text-lg);font-weight:700;line-height:var(--huzzah-leading-heading);text-wrap:balance}.question>p{max-width:52ch;color:var(--muted-foreground);text-wrap:pretty;margin:0}@media (width>=900px){.questions{grid-template-columns:repeat(2,1fr)}}.segment-scope{timeline-scope:--scene-night}.segment-scope:has(>.scene){background:var(--site-stage);overflow:clip}.scene{z-index:0;background:var(--site-stage);pointer-events:none;height:100svh;margin-bottom:-100svh;position:relative;overflow:hidden;container-type:size}.segment-scope:has(>.scene)>:not(.scene){position:relative}.scene-plate{--scene-width:max(100cqw, 100cqh * var(--scene-tall-ratio));top:0;left:calc((100cqw - var(--scene-width)) / 2);width:var(--scene-width);aspect-ratio:var(--scene-tall-ratio);position:absolute}.scene-plate picture,.scene-image{width:100%;height:100%;display:block}.scene-tv{left:calc(var(--scene-tall-tv-left) * 100%);top:calc(var(--scene-tall-tv-top) * 100%);width:calc(var(--scene-tall-tv-width) * 100%);height:calc(var(--scene-tall-tv-height) * 100%);object-fit:cover;position:absolute}.scene-hush,.scene-scrim,.scene-dim{position:absolute;inset:0}.scene-scrim{background:linear-gradient(to bottom, transparent 40%, color-mix(in oklab, var(--site-stage) 80%, transparent) 58%, var(--site-stage) 92%)}.scene-dim{background:var(--site-stage);opacity:0}.scene-hush{background:var(--site-stage);opacity:0;transition:opacity calc(3 * var(--huzzah-duration-enter)) var(--huzzah-ease-out)}.segment-scope:has(.night-entry[data-beat=hush][data-on]) .scene-hush{opacity:.45}.segment-scope:has([data-night][data-jump]) .scene-hush{transition:none}.segment-scope:has(>.scene) .segment-answer{color-scheme:dark;color:var(--foreground);padding-top:max(var(--huzzah-space-5), 52svh)}@media (width<=899px){.segment-scope:has(>.scene) .segment-answer-grid>div{flex-direction:column;align-items:flex-start;display:flex}.segment-scope:has(>.scene) .segment-try{margin:0 0 var(--huzzah-space-6);order:-1}.segment-scope:has(>.scene) .segment-heading{order:-2}}.segment-scope:has(>.scene) .segment-stage{background:color-mix(in oklab, var(--site-stage) 82%, transparent)}@supports (animation-timeline:view()){.segment-scope:has(>.scene) .night-grid{view-timeline:--scene-night block;view-timeline-inset:var(--site-head) 0px}.segment-scope:has(>.scene) .segment-stage{background:0 0}.scene-dim{animation:linear both scene-dim}:root .scene-dim{animation-timeline:--scene-night;animation-range:entry exit}}@keyframes scene-off{to{opacity:0}}@keyframes scene-dim{entry 0%{opacity:0}entry 100%{opacity:.72}exit 0%{opacity:.72}exit 100%{opacity:.5}}@media (width>=900px){.scene{position:sticky;top:0}.scene-plate{--scene-width:max(100cqw, 100cqh * var(--scene-wide-ratio));--scene-height:calc(var(--scene-width) / var(--scene-wide-ratio));--scene-tv-x:calc(var(--scene-wide-tv-left) + var(--scene-wide-tv-width) / 2);--scene-tv-y:calc(var(--scene-wide-tv-top) + var(--scene-wide-tv-height) / 2);top:clamp(100cqh - var(--scene-height), 55cqh - var(--scene-height) * var(--scene-tv-y), 0px);left:clamp(100cqw - var(--scene-width), 64cqw - var(--scene-width) * var(--scene-tv-x), 0px);aspect-ratio:var(--scene-wide-ratio);transform-origin:calc(var(--scene-tv-x) * 100%) calc(var(--scene-tv-y) * 100%)}.scene-tv{left:calc(var(--scene-wide-tv-left) * 100%);top:calc(var(--scene-wide-tv-top) * 100%);width:calc(var(--scene-wide-tv-width) * 100%);height:calc(var(--scene-wide-tv-height) * 100%)}.scene-scrim{background:linear-gradient(to right, var(--site-stage) 0%, color-mix(in oklab, var(--site-stage) 78%, transparent) 30%, transparent 52%)}.segment-scope:has(>.scene) .segment-answer{min-height:calc(100svh - var(--site-head));padding-top:var(--huzzah-space-5);align-content:center;display:grid}.segment-scope:has(>.scene) .segment-answer>.wrap{width:calc(100% - 2 * var(--site-gutter))}.segment-scope:has(>.scene) .segment-answer-grid>div{max-width:min(34rem, var(--scene-wide-tv-left) * 100vw - max(var(--site-gutter), (100vw - var(--site-width)) / 2) - 4rem)}@supports (animation-timeline:view()){.segment-scope:has(>.scene) [data-night][data-live] .night-tv{animation:linear both scene-tv}:root .segment-scope:has(>.scene) [data-night][data-live] .night-tv{animation-timeline:--scene-night;animation-range:entry exit}.scene-tv{animation:linear both scene-off}:root .scene-tv{animation-timeline:--scene-night;animation-range:exit exit 30%}}}@keyframes scene-tv{entry 0%,entry 80%{opacity:0}entry 100%{opacity:1}exit 0%{opacity:1}exit 30%,exit 100%{opacity:0}}@media (width>=900px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.scene-plate{animation:linear both scene-push}:root .scene-plate{animation-timeline:--scene-night;animation-range:entry exit}}}@keyframes scene-push{entry 0%{transform:none}entry 100%{transform:translate(var(--scene-dx,0px), var(--scene-dy,0px)) scale(var(--scene-push,1.6))}exit 0%{transform:translate(var(--scene-dx,0px), var(--scene-dy,0px)) scale(var(--scene-push,1.6))}exit 100%{transform:none}}@media (prefers-reduced-motion:reduce){.scene-hush{transition:none}}