:root{color:#f2eee7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#c6bdb3;--line:#f2eee73b;background:#0b0908;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:280px;min-height:100svh;margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #e4b78d}h1,h2,h3,p{margin:0}h1,h2{font-weight:500}h1{letter-spacing:-.055em;max-width:740px;font-size:clamp(36px,4.6vw,64px);line-height:1.07}h2{letter-spacing:-.045em;font-size:clamp(30px,3.1vw,44px);line-height:1.12}h3{letter-spacing:-.02em;font-size:19px;font-weight:500;line-height:1.4}p{line-height:1.65}.room{z-index:-1;background:linear-gradient(90deg,#0b0908e8 0%,#0b0908d4 46%,#0b090852 100%),url(/voorbeeld/ooms-warmtewereld-scroll-filmwebsite/assets/approved/hero-room.png) 60%/cover no-repeat;position:fixed;inset:0}.room:after{content:"";background:linear-gradient(#0b090833,#0000 62%,#0b0908bd);position:absolute;inset:0}.masthead{justify-content:space-between;align-items:center;gap:24px;padding:25px clamp(22px,4vw,64px);display:flex}.brand{align-items:center;min-height:44px;display:flex}.brand img{object-fit:contain;width:154px;height:auto;max-height:62px}.close-link{align-items:center;gap:17px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.close-link>span:last-child{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#26221e59;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:400;display:grid}.journey{align-items:center;width:100%;min-height:calc(100svh - 174px);padding:30px clamp(24px,10vw,160px) 45px;display:flex}.step-screen{width:min(690px,100%);animation:.32s ease-out arrive}.step-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px;font-size:14px;display:flex}.progress-track{background:#f2eee726;height:2px;margin-bottom:25px}.progress-track>span{background:#c99563;height:100%;transition:width .2s;display:block}.preview-notice{color:#e0d6ca;gap:10px;margin-bottom:30px;font-size:12px;line-height:1.5;display:flex}.preview-notice>span>span{color:var(--muted)}.status-dot{background:#c99563;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:7px}.question-help{color:var(--muted);max-width:590px;margin-top:20px;font-size:16px;line-height:1.6}.line-input{color:#f2eee7;letter-spacing:-.03em;background:0 0;border:0;border-bottom:1px solid #f2eee76e;border-radius:0;width:100%;min-height:72px;margin-top:21px;padding:21px 3px 18px;scroll-margin-block:25px;font-size:clamp(23px,3vw,35px);display:block}.line-input::placeholder{color:#aca298;opacity:.8}.line-input:focus{border-bottom-color:#e4b78d;outline:none;box-shadow:0 2px 0 -1px #e4b78d}.line-input[aria-invalid=true]{border-color:#f3ad9c}.question-error{color:#ffd0c3;min-height:24px;margin-top:12px;font-size:14px;line-height:1.5}.step-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:20px;display:flex}.glass-button{color:#f2eee7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(130deg,#f2eee729,#f2eee70e);border:1px solid #f2eee775;border-radius:100px;justify-content:center;align-items:center;gap:37px;min-height:55px;padding:15px 26px;font-size:15px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 6px 26px #0000001f}.glass-button:hover{background:#f2eee72b;border-color:#f2eee7}.glass-button>span{font-size:20px;line-height:1}.back-button,.text-button{color:var(--muted);background:0 0;border:0;min-height:44px;padding:9px 0;font-size:14px}.back-button:hover,.text-button:hover{color:#fff}.enter-hint{color:var(--muted);font-size:12px}.answer-options{border:0;gap:10px;min-width:0;margin:24px 0 0;padding:0;display:grid}.option{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#26221e47;border:1px solid #f2eee72e;border-radius:18px;align-items:center;min-height:70px;padding:14px 20px;transition:border-color .2s,background .2s;display:flex;position:relative}.option:hover{border-color:#f2eee780}.option:has(input:checked){background:#c995631f;border-color:#d3ac87}.option:has(input:focus-visible){outline-offset:3px;outline:2px solid #e4b78d}.option>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.option-content{gap:4px;padding-right:25px;font-size:16px;display:grid}.option-content small{color:var(--muted);font-size:12px;line-height:1.4}.radio-mark{border:1px solid #f2eee78c;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-left:auto}.option:has(input:checked) .radio-mark{background:#e4b78d;border-color:#e4b78d;box-shadow:inset 0 0 0 4px #2b221a}.page-footer{color:#b9afa4;justify-content:space-between;gap:20px;padding:18px clamp(24px,4vw,64px) 25px;font-size:12px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showing-result .room{background:linear-gradient(90deg,#0b0908f5,#0b0908c4),url(/voorbeeld/ooms-warmtewereld-scroll-filmwebsite/assets/approved/hero-room.png) 50%/cover}.showing-result .journey{padding-top:54px;display:block}.result-screen{width:min(980px,100%);margin:auto}.eyebrow{color:#d7af89;margin-bottom:24px;font-size:14px;display:block}.result-greeting{color:var(--muted);overflow-wrap:anywhere;margin-bottom:13px;font-size:16px}.result-intro h1{max-width:830px}.result-summary{max-width:660px;color:var(--muted);margin-top:23px;font-size:18px}.result-preview{color:#d7af89;margin-top:18px;font-size:13px}.preference-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.preference-tags span{border:1px solid var(--line);border-radius:50px;padding:8px 13px;font-size:12px}.result-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.save-feedback{color:var(--muted);min-height:22px;margin-top:12px;font-size:13px}.considerations{margin-top:63px}.considerations h2{margin-bottom:30px}.consideration{border-top:1px solid var(--line);grid-template-columns:65px 1fr;gap:15px;padding:29px 0;display:grid}.consideration-number{color:#c99563;padding-top:3px;font-size:16px}.consideration p,.preparation>p{color:var(--muted);max-width:700px;margin-top:10px;font-size:16px}.preparation{border-top:1px solid var(--line);margin-top:38px;padding-top:45px}.preparation ul{gap:18px;max-width:740px;margin:27px 0 40px;padding:0;list-style:none;display:grid}.preparation li{color:var(--muted);gap:15px;font-size:16px;line-height:1.6;display:flex}.preparation li>span{color:#d7af89}.contact-line{border-top:1px solid var(--line);color:var(--muted);gap:50px;margin-top:30px;padding-top:25px;font-size:14px;display:flex}.contact-line a{text-underline-offset:4px;color:#f2eee7}.result-limitation{max-width:760px;color:var(--muted);margin-top:40px;font-size:13px}.sources{color:var(--muted);margin-top:15px;font-size:13px}.sources summary{cursor:pointer;min-height:44px;padding:12px 0}.sources li{margin-bottom:10px}.sources a{text-underline-offset:3px}.restart-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:25px;padding-top:20px;display:flex}.print-guide{display:none}.no-script{max-width:650px}.no-script p{margin:25px 0}.no-script a{min-height:44px;display:block}.brand img{filter:brightness(0)invert(92%)sepia(12%)saturate(368%)hue-rotate(349deg)}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px){.journey{padding-left:max(160px,50vw - 590px)}}@media (max-width:700px){.masthead{padding:18px 22px}.brand img{width:126px;max-height:48px}.close-link{gap:10px}.close-link>span:last-child{width:38px;height:38px}.journey{align-items:flex-start;min-height:calc(100svh - 150px);padding:20px 24px 35px}.step-screen{margin-block:auto}.room{background:linear-gradient(90deg,#0b0908e6,#0b0908c2),url(/voorbeeld/ooms-warmtewereld-scroll-filmwebsite/assets/approved/hero-room.png) 61%/cover}.step-meta{font-size:12px}.progress-track{margin-bottom:19px}.preview-notice{margin-bottom:24px;font-size:11px}.question-help{margin-top:17px;font-size:14px}.line-input{margin-top:16px;padding-top:19px;padding-bottom:16px}.step-actions{gap:18px;margin-top:13px}.glass-button{gap:24px;min-height:53px;padding:14px 22px;font-size:14px}.enter-hint{display:none}.answer-options{gap:8px;margin-top:20px}.option{border-radius:16px;min-height:65px;padding:12px 15px}.option-content{font-size:14px}.option-content small{font-size:11px}.question-error{min-height:20px;font-size:12px}.page-footer{padding:16px 24px 20px;font-size:11px}.page-footer span:last-child{display:none}.showing-result .journey{padding-top:27px}.result-summary{font-size:16px}.result-actions{flex-direction:column;align-items:flex-start;gap:10px}.considerations{margin-top:40px}.consideration{grid-template-columns:30px 1fr;gap:10px;padding:23px 0}.consideration p,.preparation>p,.preparation li{font-size:14px}.consideration h3,.preparation h3{font-size:17px}.preparation{margin-top:25px;padding-top:32px}.contact-line{flex-direction:column;gap:18px}.restart-actions{gap:8px}.eyebrow{margin-bottom:20px;font-size:12px}}@media (max-height:700px) and (min-width:701px){.journey{align-items:flex-start;padding-top:16px}.preview-notice{margin-bottom:18px}.masthead{padding-block:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.step-meta,.preview-notice,.option-content small,.question-error,.enter-hint,.eyebrow,.preference-tags span,.result-preview,.save-feedback,.sources,.save-instruction{font-size:14px}.save-instruction{color:var(--muted);max-width:360px;line-height:1.5}@media print{@page{size:A4;margin:17mm}html,body{color:#25201c!important;background:#fff!important;min-width:0!important;min-height:0!important}.room,.masthead,.page-footer,.result-screen>*,.step-screen{display:none!important}.journey,.result-screen{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.result-screen>.print-guide{color:#25201c;overflow-wrap:anywhere;font-family:Manrope,Arial,sans-serif;font-size:10pt;line-height:1.5;display:block!important}.guide-page{break-after:page;page-break-after:always;flex-direction:column;min-height:258mm;display:flex}.guide-page:last-child{break-after:auto;page-break-after:auto}.guide-masthead{border-bottom:1px solid #b8a38e;justify-content:space-between;align-items:center;margin-bottom:10mm;padding-bottom:7mm;display:flex}.guide-masthead img{filter:none;width:56mm;height:auto}.guide-masthead>span{text-align:right;color:#645548;font-size:9pt;line-height:1.5}.guide-kicker{color:#795b3e;letter-spacing:.045em;margin-bottom:4mm;font-size:9pt;font-weight:600}.print-guide h1{letter-spacing:-.045em;max-width:165mm;margin:0 0 5mm;font-size:29pt;font-weight:500;line-height:1.1}.print-guide h2{letter-spacing:-.025em;margin:0 0 4mm;font-size:15pt;font-weight:600;line-height:1.25}.print-guide h3{letter-spacing:-.015em;margin:0 0 2mm;font-size:11pt;font-weight:600;line-height:1.3}.print-guide p{font-size:10pt;line-height:1.55}.print-guide .guide-lead{color:#594f45;max-width:160mm;margin-bottom:7mm;font-size:11pt;line-height:1.6}.guide-preferences{border-top:1px solid #d8ccbf;border-bottom:1px solid #d8ccbf;grid-template-columns:1fr 1fr 1fr;gap:6mm;margin:0 0 9mm;padding:5mm 0;display:grid}.guide-preferences dt{color:#795b3e;margin-bottom:2mm;font-size:8pt}.guide-preferences dd{margin:0;font-size:10pt;font-weight:500}.guide-considerations>section{break-inside:avoid;grid-template-columns:10mm 1fr;gap:3mm;margin-bottom:6mm;display:grid}.guide-number{color:#94704b;font-size:12pt;font-weight:500}.guide-considerations p{color:#594f45}.guide-limit{color:#645548;break-inside:avoid;border-top:1px solid #d8ccbf;padding:4mm 0;font-size:8.5pt;line-height:1.5}.guide-footer{color:#795b3e;border-top:1px solid #b8a38e;justify-content:space-between;gap:8mm;margin-top:auto;padding-top:5mm;font-size:8pt;display:flex}.guide-checklist{margin:0 0 9mm;padding:0;list-style:none}.guide-checklist li{break-inside:avoid;border-bottom:1px solid #e5ddd4;align-items:flex-start;gap:4mm;padding:3mm 0;font-size:10pt;line-height:1.5;display:flex}.guide-check{border:1px solid #94704b;flex-shrink:0;width:3.3mm;height:3.3mm;margin-top:1mm}.guide-process{break-inside:avoid;margin-bottom:8mm}.guide-process p{color:#594f45}.guide-contact{break-inside:avoid;border-top:1px solid #b8a38e;border-bottom:1px solid #b8a38e;margin-bottom:7mm;padding:5mm 0}.guide-contact>div{grid-template-columns:1fr 1fr;gap:6mm;display:grid}.guide-contact strong{font-weight:600}.guide-sources{break-inside:avoid;margin-bottom:6mm}.guide-sources h3{font-size:8.5pt}.guide-sources p{color:#645548;margin-bottom:3mm;font-size:8pt;line-height:1.5}}