.journey{color:var(--cream);overscroll-behavior:none;touch-action:none;background:#d8b49a;position:fixed;inset:0;overflow:hidden}.journey__stage{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease-out);position:absolute;inset:0}.journey[data-ready] .journey__stage{opacity:1}.steps{position:absolute;inset:0}.step{opacity:0;visibility:hidden;font-size:clamp(.9rem,1.05vw,1.0625rem);transition:opacity .45s,visibility 0s linear .45s;position:absolute;inset:0}.step p{margin:0 0 1em}.step:before{content:"";pointer-events:none;position:absolute;inset:0}.journey[data-active=aankomst] .step--aankomst,.journey[data-active=astheria] .step--astheria,.journey[data-active=waarom] .step--waarom,.journey[data-active=corporate] .step--corporate,.journey[data-active=private] .step--private,.journey[data-active=werkwijze] .step--werkwijze,.journey[data-active=portfolio] .step--portfolio,.journey[data-active=contact] .step--contact{opacity:1;visibility:visible;transition:opacity .9s var(--ease-out), visibility 0s}.step__col{max-width:min(23rem,30vw);position:absolute}.step__claim{margin:0 0 .6em;font-size:clamp(1.9rem,4.6vh,3.4rem);line-height:1.12}.step__catchphrase{font-family:var(--font-accent);color:#fdf7f0;text-shadow:0 1px 3px #3c1e0f59,0 1px 30px #3c1e0f8c;margin:0;font-size:clamp(1.4rem,3.4vh,2.4rem);font-style:italic;position:absolute;top:72%;left:55%}.step__hint{width:1px;height:3.2rem;animation:hint 2.6s var(--ease-inout) infinite;background:linear-gradient(#0000,#fdf7f0);position:absolute;bottom:2.2rem;left:50%}@keyframes hint{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.step__logo{color:#f3e8dc;filter:drop-shadow(0 2px 18px #5a2d1459);width:min(90vh,88vw);margin:0;position:absolute;top:74%;left:50%;transform:translate(-50%)}.step__logo svg{width:100%;height:auto}.step--waarom:before{background:linear-gradient(90deg,#46221280,#46221200 42%),linear-gradient(#67342100 55%,#673421bf)}.step--waarom .step__col{max-width:min(21.5rem,26vw);bottom:5.5%;left:3%}.step--waarom .step__claim{color:#fdf7f0}.step--waarom .title{margin:1.6em 0 .6em;font-size:clamp(1.4rem,3vh,2rem)}.step__doors{justify-items:start;gap:.75rem;margin-top:1.6rem;display:grid}.step--corporate{color:var(--dark)}.step--corporate:before{background:linear-gradient(270deg,#faece08c,#faece000 38%)}.step--corporate .step__col{max-width:min(21rem,22vw);top:14%;left:74.5%}.step--corporate .step__claim{color:var(--terracotta)}.step--corporate .button{margin-top:1rem;margin-left:4vw}.step--private:before{background:linear-gradient(90deg,#4622128c,#46221200 45%)}.step--private .step__col{max-width:min(22rem,26vw);top:16%;left:6%}.step--private .step__claim{color:#fdf7f0}.step--private .button{margin-top:1rem}.step--private .link{width:max-content;margin-top:1.4rem;display:block}.step--werkwijze:before{background:linear-gradient(#3d2c2100 52%,#3d2c219e)}.step__method-title{color:#fdf7f0;text-shadow:0 1px 20px #3d2c2159;font-size:clamp(1.8rem,4.6vh,3rem);position:absolute;top:54%;right:3.5%}.method{grid-template-columns:repeat(6,1fr);align-items:end;gap:2%;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:5.5%;left:3.3%;right:3.3%}.method__card{-webkit-backdrop-filter:blur(10px)saturate(1.1);min-height:27vh;transition:background-color .5s var(--ease-out), border-color .5s var(--ease-out);background:#fdf7f014;border:1px solid #fdf7f073;padding:1.1rem 1.15rem 1.2rem}.method__card[open],.method__card:hover{background:#3d2c2161;border-color:#fdf7f0bf}.method__card summary{cursor:pointer;align-items:baseline;gap:.6rem;font-size:clamp(1.1rem,2.6vh,1.6rem);line-height:1.15;list-style:none;display:flex}.method__card summary::-webkit-details-marker{display:none}.method__n{font-family:var(--font-title);color:#f0c7a8;font-size:.7em}.method__card p{margin:.9rem 0 0;font-size:.875rem;line-height:1.55}.step__method-more{position:absolute;top:calc(54% + 3.6rem);right:3.5%}.step--portfolio:before{background:linear-gradient(90deg,#46221280,#46221200 42%),linear-gradient(#67342100 60%,#67342199)}.step--portfolio .step__col{max-width:min(22rem,24vw);top:42%;left:8.6%}.step--portfolio .title{margin-bottom:.6em;font-size:clamp(2rem,4.6vh,3rem)}.step--portfolio .button{margin-top:1.5rem}.step__contact{justify-items:center;gap:1.4rem;display:grid;position:absolute;top:72%;left:50%;transform:translate(-50%)}.step__contact .button{white-space:nowrap;background:#fdf7f01a;min-height:2.8em;padding-inline:2.2em;font-size:clamp(1.3rem,3vh,2rem)}.step__footer{color:#fdf7f0b8;justify-content:center;gap:2.2rem;font-size:.75rem;display:flex;position:absolute;bottom:1.1rem;left:0;right:0}.step__footer a{text-decoration:none}.journey[data-active=aankomst] .site-header,.journey[data-active=contact] .site-header{color:#fdf7f0;text-shadow:0 1px 14px #28140a59}.pager{z-index:10;position:absolute;top:50%;right:clamp(.8rem,1.6vw,1.6rem);transform:translateY(-50%)}.pager ol{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.pager a{width:1.6rem;height:1.6rem;color:var(--dark);opacity:.45;place-items:center;transition:opacity .4s,color .6s;display:grid}.pager svg{width:.5rem;height:.5rem;transition:transform .5s var(--ease-out)}.pager a:hover{opacity:.85}.pager a[aria-current]{opacity:1;color:var(--terracotta)}.pager a[aria-current] svg{transform:scale(1.7)}.journey[data-active=contact] .pager a,.journey[data-active=waarom] .pager a,.journey[data-active=werkwijze] .pager a{color:#fdf7f0}.journey.no-webgl{background:url(/images/dusk.webp) 50%/cover}.journey.no-webgl[data-active=contact]{background-image:url(/images/night.webp)}@media (max-aspect-ratio:9/10){.step{font-size:.9375rem}.step:before{background:linear-gradient(#3d241800 38%,#3d24188c 62%,#3d2418d1)!important}.step__col,.step--waarom .step__col,.step--corporate .step__col,.step--private .step__col,.step--portfolio .step__col{max-width:none;inset:auto 1.25rem 2rem}.step--corporate{color:var(--cream)}.step--corporate .step__claim{color:#fdf7f0}.step--corporate .button{margin-left:0}.step__claim{font-size:1.85rem}.step--waarom .title{margin-top:.8em}.step__doors{grid-auto-flow:column;justify-content:start}.step__catchphrase{text-align:center;inset:auto 1.25rem 22%}.step__logo{width:86vw;top:66%}.step__method-title{top:44%;left:1.25rem;right:auto}.step__method-more{inset:auto auto 1.25rem 1.25rem}.method{grid-template-columns:1fr 1fr;gap:.5rem;bottom:3.6rem;left:1.25rem;right:1.25rem}.method__card{min-height:0;padding:.7rem .8rem}.method__card summary{font-size:1.05rem}.pager{right:.25rem}.step__contact{top:66%}.step__footer{flex-direction:column;align-items:center;gap:.2rem;bottom:1rem}}