.home .hero{padding-top:24px}.living-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1640/624;border-radius:12px;background:#f9fbfe}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:cover-drift 18s ease-in-out infinite alternate;transform-origin:50% 60%}.cover-heading{position:absolute;top:31%;left:30%;width:51%;z-index:2}.cover-welcome{font-size:clamp(9px,.85vw,12px);letter-spacing:.17em;text-transform:uppercase;font-weight:700;display:block;margin-bottom:14px;color:#516982}.cover-heading h1{font-size:clamp(25px,4.6vw,62px);letter-spacing:-.045em;line-height:1.17;margin:0;padding-bottom:.15em;max-width:none;font-weight:800}.cover-heading h1 span{white-space:nowrap}.cover-underline{display:block;width:56px;height:3px;background:var(--navy);margin-top:17px;border-radius:3px;transform-origin:left;animation:cover-line 1.2s ease-out both}.cover-ripple{position:absolute;border:1px solid #0e274f18;border-radius:50%;width:10%;height:3%;left:22%;bottom:8%;animation:water-ripple 7s ease-out infinite;pointer-events:none}.ripple-two{animation-delay:3.5s;left:25%;bottom:12%}.motion-toggle{position:absolute;z-index:3;right:16px;bottom:14px;display:flex;align-items:center;gap:7px;color:var(--navy);background:#fffffff2;border:1px solid #d5dfec;border-radius:20px;padding:7px 11px;font-size:10px;min-height:34px}.motion-toggle>span:first-child{font-size:14px}.motion-toggle:hover{background:white;border-color:var(--navy)}.motion-paused .cover-art,.motion-paused .cover-ripple,.motion-paused .cover-underline{animation-play-state:paused}.motion-paused .cover-ripple{opacity:0}.hero-bottom{padding:22px 0 28px}.hero-bottom p{font-size:18px;line-height:1.55}.hero-bottom p span{font-size:13px;margin-top:8px}.home .paths{padding-top:40px}.home .section-title{margin-bottom:26px}.home-paths{gap:20px}.home-paths .path{padding:0;background:white;border:1px solid #dbe4ef;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.home-paths .path:hover,.home-paths .path:focus-visible{transform:translateY(-5px);border-color:#829ab8;box-shadow:0 14px 30px #0e274f0c}.path-art{height:150px;position:relative;background:#edf3fb;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e1e8f1}.path-2 .path-art{background:#e9eff7}.path-3 .path-art{background:#f0f3f8}.path-4 .path-art{background:#e7eff9}.path-copy{padding:24px 23px 20px;display:flex;flex-direction:column;flex:1}.home-paths .number{font-size:9px;letter-spacing:1.5px;color:#5c708b}.home-paths .path h3{margin:13px 0 12px;font-size:26px;letter-spacing:-.8px}.home-paths .path p{margin:0 0 21px;font-size:13px;line-height:1.75}.home-paths .path p strong{display:block;color:var(--navy);font-weight:500;margin-bottom:5px}.path-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.round-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #cdd9e9;border-radius:50%;font-size:17px;transition:background .2s,color .2s}.path:hover .round-arrow{background:var(--navy);color:white}.mini-sheet{width:82%;padding:18px 13px;background:#fff;border:1px solid #d4dfed;transform:rotate(-4deg) translateY(8px);box-shadow:4px 5px 0 #dce5f1;transition:transform .3s}.mini-caption{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#5c708b}.sentence-chips{display:flex;gap:4px;margin:13px 0 8px;white-space:nowrap}.sentence-chips b{font-size:12px;background:#edf2f9;padding:5px 7px;border-radius:3px}.sentence-chips b:nth-child(2){background:var(--navy);color:white}.mini-translation{font-size:9px;color:#5c708b}.mini-sheet>i{display:block;height:3px;margin-top:9px;background:#e8edf5;width:82%}.mini-sheet>i:last-child{width:55%;margin-top:5px}.path:hover .mini-sheet{transform:rotate(-1deg) translateY(3px)}.mini-video{width:82%;height:112px;background:var(--navy);border-radius:7px;color:white;padding:15px 17px;position:relative;box-shadow:5px 5px 0 #d0dced}.mini-video .mini-caption{color:#b4c6de}.mini-video strong{display:block;font-size:23px;margin-top:12px;letter-spacing:-.4px}.play-circle{position:absolute;right:15px;top:35px;width:32px;height:32px;border:1px solid #ffffff60;display:grid;place-items:center;border-radius:50%;font-size:11px;padding-left:2px;transition:transform .3s}.path:hover .play-circle{transform:scale(1.12)}.mini-wave{position:absolute;bottom:13px;display:flex;gap:3px;align-items:center;height:12px}.mini-wave i{width:2px;height:5px;background:#c4d5ed;border-radius:2px}.mini-wave i:nth-child(3n){height:12px}.mini-wave i:nth-child(3n + 1){height:8px}.mini-card{position:absolute;width:76%;height:102px;background:white;border:1px solid #d4dfed;border-radius:5px;padding:16px;text-align:center;transition:transform .3s}.card-back{transform:translate(7px,-5px) rotate(7deg);background:#d9e4f3;color:#4e6889;display:flex;flex-direction:column;justify-content:center}.card-back small{font-size:8px}.card-front{transform:rotate(-5deg) translate(-5px,6px)}.card-front small{display:block;font-size:8px;color:#5c708b}.card-front strong{display:block;font-size:24px;margin:7px 0 3px}.card-front>span{font-size:9px}.path:hover .card-front{transform:rotate(-2deg) translate(-8px,2px)}.mini-scenes{display:flex;gap:7px;width:86%;height:88px;align-items:center}.mini-scenes span{background-image:url('assets/stories-v31/02/02. kaart_01.jpg');background-size:400% 200%;background-position:66.666% 0;width:33.333%;height:78px;border:3px solid white;border-radius:5px;box-shadow:0 3px 8px #0e274f15;transform:rotate(-7deg);transition:transform .3s}.mini-scenes span:nth-child(2){background-position:100% 0;transform:translateY(-6px) rotate(2deg)}.mini-scenes span:nth-child(3){background-position:100% 100%;transform:rotate(9deg)}.path:hover .mini-scenes span{transform:rotate(0)}.story-prompt{position:absolute;bottom:12px;font-size:9px;letter-spacing:.3px;color:#506887}.social-links{gap:12px}.social-links a{display:inline-flex;align-items:center;gap:7px;min-height:40px;text-decoration:none!important;font-weight:600}.social-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--navy);background:#eaf0f9;flex-shrink:0;transition:transform .2s}.social-symbol svg{display:block;fill:currentColor}.social-links a:hover .social-symbol{transform:translateY(-2px)}footer .social-symbol{background:white;color:var(--navy)}.social-links a>span:last-child{font-size:11px;opacity:.65}.home-note{gap:60px}.download-note{border-radius:12px;background:#edf3fb}.home-note .button,.menu{border-radius:5px}
@keyframes cover-drift{from{transform:scale(1)}to{transform:scale(1.025) translateY(-2px)}}@keyframes water-ripple{0%{transform:scale(.35);opacity:0}25%{opacity:.6}100%{transform:scale(1.7);opacity:0}}@keyframes cover-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1051px) and (max-width:1200px){.home-paths .path h3{font-size:23px}.path-copy{padding:20px 16px}.sentence-chips b{font-size:10px;padding:4px}.mini-video strong{font-size:20px}}
@media(max-width:1050px){.path-art{height:160px}.mini-sheet,.mini-video{max-width:260px}.mini-card{max-width:250px}.mini-scenes{max-width:280px}.cover-heading h1{font-size:4.6vw}.cover-welcome{margin-bottom:9px}.cover-underline{margin-top:12px}.home-paths .path h3{font-size:28px}}
@media(max-width:650px){.home .hero{padding-top:14px}.living-cover{aspect-ratio:1.25;border-radius:10px}.cover-art{object-fit:cover;object-position:40% 50%;opacity:.30}.cover-heading{top:26%;left:7%;width:88%}.cover-heading h1{font-size:clamp(31px,8.1vw,49px);line-height:1.2;letter-spacing:-1.7px}.cover-welcome{font-size:9px;letter-spacing:.16em;margin-bottom:16px}.cover-underline{margin-top:18px}.motion-toggle{bottom:12px;right:12px}.cover-ripple{display:none}.hero-bottom{padding:20px 0 24px}.hero-bottom p{font-size:16px}.hero-bottom p span{font-size:12px}.home .section-title{gap:12px}.home .section-title h2{font-size:28px}.home .section-title p{font-size:13px}.home-paths{gap:16px}.home-paths .path{display:grid;grid-template-columns:105px minmax(0,1fr)}.path-art{height:100%;min-height:235px;border-bottom:0;border-right:1px solid #e1e8f1}.path-copy{padding:21px 17px}.home-paths .path h3{font-size:23px;margin-top:10px}.home-paths .path p{font-size:12px;margin-bottom:16px}.path-link{font-size:11px}.round-arrow{width:25px;height:25px;flex-shrink:0}.home-paths .number{font-size:8px;letter-spacing:.9px}.mini-sheet{width:135px;flex-shrink:0;transform:rotate(-9deg) translateX(4px);padding:12px 9px}.sentence-chips{gap:3px}.sentence-chips b{font-size:9px;padding:4px}.mini-caption{font-size:6px}.mini-translation{font-size:7px}.mini-video{width:130px;flex-shrink:0;height:104px;padding:14px 10px;transform:rotate(-7deg) translateX(4px)}.mini-video strong{font-size:16px}.play-circle{top:70px;right:20px;width:23px;height:23px;font-size:9px}.mini-wave{bottom:18px}.mini-wave i:nth-child(n+9){display:none}.mini-card{width:130px;flex-shrink:0;height:100px;padding:18px 8px}.card-front strong{font-size:21px}.card-front small{font-size:7px}.card-front>span{font-size:8px}.mini-scenes{flex-direction:column;justify-content:center;gap:9px;height:auto}.mini-scenes span{width:75px;height:64px;flex-shrink:0}.story-prompt{display:none}.home-note{gap:25px}.social-links{gap:10px}.social-links a{font-size:12px}.social-symbol{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.cover-art,.cover-ripple,.cover-underline{animation:none!important}.path,.path-art *,.round-arrow,.social-symbol{transition:none!important}.home-paths .path:hover{transform:none}.cover-ripple{display:none}.motion-toggle{display:none}}
@media(max-width:650px){.cover-art{opacity:.55}}
@media(max-width:360px){.home-paths .path{grid-template-columns:85px minmax(0,1fr)}.path-copy{padding:20px 14px}.home-paths .path h3{font-size:21px}}
/* Visible, layered motion without video, sound or external services. */
.cover-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.living-cover{border:1px solid #d8e4f1;box-shadow:inset 0 0 70px #6298d817}.cover-scan{position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#94c6ff00 43%,#b7d9ff55 49%,#80b9f52b 51%,transparent 58%);mix-blend-mode:multiply;animation:light-travel 6s ease-in-out infinite;z-index:1}.cover-heading h1 span{background:linear-gradient(105deg,#0e274f 15%,#306caa 35%,#0e274f 55%,#0e274f 80%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-light 7s ease-in-out infinite}.cover-art{animation:cover-drift 10s ease-in-out infinite alternate}.word-orbit{display:flex;align-items:center;gap:9px;margin-top:20px;width:max-content}.word-orbit>span{font-size:12px;letter-spacing:.04em;color:#244b7b;background:#ffffffd9;border:1px solid #b2c9e3;border-radius:7px;padding:7px 14px;box-shadow:0 5px 16px #366eac12;animation:word-float 4s ease-in-out infinite;backdrop-filter:blur(6px)}.word-orbit>span:nth-of-type(2){background:#0e274f;color:white;animation-delay:-1.3s}.word-orbit>span:nth-of-type(3){animation-delay:-2.6s}.word-orbit>i{width:21px;height:1px;background:#abc3dd;position:relative}.word-orbit>i:after{content:'';position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#306caa;box-shadow:0 0 8px #74b7ff;animation:signal-travel 2s linear infinite}.word-orbit>i:nth-of-type(2):after{animation-delay:-1s}.cover-heading{top:27%}.motion-paused .cover-scan,.motion-paused .cover-heading h1 span,.motion-paused .word-orbit>span,.motion-paused .word-orbit>i:after{animation-play-state:paused}.social-links a>span:last-child{font-size:inherit;opacity:1}.path-link{padding-top:8px;min-height:30px}.path:hover .path-link{text-decoration:underline;text-underline-offset:4px}.motion-toggle{display:flex;min-height:36px}
@keyframes light-travel{0%{transform:translateX(-48%);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateX(48%);opacity:0}}@keyframes title-light{0%,100%{background-position:100% 50%}50%{background-position:0 50%}}@keyframes word-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes signal-travel{from{transform:translateX(0);opacity:0}25%,75%{opacity:1}to{transform:translateX(20px);opacity:0}}
@media(max-width:650px){.cover-heading{top:23%}.cover-art{opacity:.65}.word-orbit{margin-top:16px;gap:6px}.word-orbit>span{font-size:10px;padding:6px 10px}.word-orbit>i{width:14px}.cover-heading h1{font-size:clamp(29px,7.7vw,47px)}.cover-welcome{margin-bottom:12px}.living-cover{aspect-ratio:1.15}.cover-network{opacity:.7}.motion-toggle{bottom:10px}.word-orbit>i:after{animation-name:signal-mobile}@keyframes signal-mobile{from{transform:translateX(0);opacity:0}25%,75%{opacity:1}to{transform:translateX(12px);opacity:0}}}
@media(prefers-reduced-motion:reduce){.cover-scan,.cover-heading h1 span,.word-orbit>span,.word-orbit>i:after{animation:none}.motion-toggle{display:flex}.motion-active .cover-scan{animation:light-travel 6s ease-in-out infinite!important}.motion-active .cover-heading h1 span{animation:title-light 7s ease-in-out infinite!important}.motion-active .word-orbit>span{animation:word-float 4s ease-in-out infinite!important}.motion-active .word-orbit>span:nth-of-type(2){animation-delay:-1.3s!important}.motion-active .word-orbit>span:nth-of-type(3){animation-delay:-2.6s!important}}
@media(max-width:650px){.living-cover{aspect-ratio:1}.cover-heading{top:20%}}

/* Continuous decorative cover motion, with no playback controls. */
.living-cover .cover-art{animation:cover-drift 10s ease-in-out infinite alternate!important}
.living-cover .cover-scan{animation:light-travel 6s ease-in-out infinite!important}
.living-cover .cover-heading h1 span{animation:title-light 7s ease-in-out infinite!important}
.living-cover .word-orbit>span{animation:word-float 4s ease-in-out infinite!important}
.living-cover .word-orbit>span:nth-of-type(2){animation-delay:-1.3s!important}
.living-cover .word-orbit>span:nth-of-type(3){animation-delay:-2.6s!important}
.living-cover .word-orbit>i:after{animation:signal-travel 2s linear infinite!important}
.living-cover .word-orbit>i:nth-of-type(2):after{animation-delay:-1s!important}
@media(max-width:650px){.living-cover .word-orbit>i:after{animation-name:signal-mobile!important}}