/* Coastal motion, with a single off switch and reduced-motion support. */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#dfa87e;z-index:100;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}.hero-art{isolation:isolate}.orbit-trail{position:absolute;inset:-20px -15px 15px 5px;border:1px solid #7a99bf65;border-radius:47% 53% 43% 57%;animation:orbit-shape 22s linear infinite;z-index:-1}.orbit-trail:after{content:'';position:absolute;left:23%;top:0;width:13px;height:13px;border-radius:50%;background:#dca177}.floating-pebble{position:absolute;width:65px;height:85px;background:#b8cde7;left:0;top:65px;border-radius:60% 40% 55% 45%;transform:rotate(-25deg);animation:pebble-drift 8s ease-in-out infinite;z-index:0}.hero-art .star{animation:slow-turn 30s linear infinite}.hero-art .peach-orbit{animation:coastal-breathe 12s ease-in-out infinite}.hero-art .sticker{animation:sticker-float 8s ease-in-out infinite}.hero-main{box-shadow:0 18px 45px #16386e12;transition:translate .4s ease-out;translate:var(--hero-x,0px) var(--hero-y,0px)}.hero-small{box-shadow:0 14px 35px #16386e13}.ribbon{padding:23px 0;overflow:hidden;position:relative}.ribbon-inner{display:flex;align-items:center;justify-content:center;gap:55px;min-width:max-content;width:100%;animation:ribbon-sway 14s ease-in-out infinite}.ribbon b{animation:slow-turn 22s linear infinite}.blue-section:after{animation:pattern-drift 16s ease-in-out infinite}.cta:before{animation:pattern-drift 18s ease-in-out infinite}.cta:after{animation:pattern-drift 18s ease-in-out infinite reverse}.dcp-orbit{animation:coastal-breathe 14s ease-in-out infinite}.page-heading:after{animation:dots-drift 10s ease-in-out infinite}.button{transition:background .25s,box-shadow .25s,transform .25s}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}a[download]:hover span{transform:translateY(3px)}.button:hover{box-shadow:0 8px 20px #16386e18}.service-card{transition:transform .35s ease,box-shadow .35s ease;border-radius:16px;padding:12px 12px 28px;background:#fffaf466}.service-card img{transition:filter .4s,border-radius .5s}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #173c750c}.service-card:hover img{border-radius:18px 65px 18px 18px;filter:saturate(1.08)}.profile-card{transition:transform .35s,box-shadow .35s}.profile-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #173c7510}.portrait-wrap img{transition:filter .35s}.profile-card:hover img{filter:saturate(1.08)}.reveal-pending{opacity:0;transform:translateY(22px)}.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s cubic-bezier(.22,.7,.3,1)}.interest-explorer{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:95px;padding-bottom:40px;align-items:center}.explorer-heading>p{max-width:480px}.interest-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.interest-options button{font:500 14px 'DM Sans',sans-serif;color:#173c75;background:transparent;border:1px solid #a6b8ce;border-radius:30px;padding:13px 18px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.interest-options button:hover{transform:translateY(-2px);background:#e7edf6}.interest-options button[aria-pressed=true]{background:#173c75;color:#fff;border-color:#173c75}.interest-scene{position:relative;min-height:455px;background:#173c75;border-radius:100px 20px 100px 20px;padding:95px 45px 32px;overflow:hidden;color:#fffaf4;isolation:isolate;transition:background .6s}.interest-scene .eyebrow{color:#efc3a0;font-size:10px}.interest-scene h3{font-size:38px;letter-spacing:-.045em}.interest-scene p{color:#e3ecf8;font-size:15px}.scene-pattern{position:absolute;inset:-80px -120px -160px 60%;background:repeating-radial-gradient(circle,transparent 0 24px,#adc6e22b 25px 26px,transparent 27px 45px);border-radius:50%;z-index:-1;animation:slow-turn 65s linear infinite}.scene-mark{position:absolute;right:42px;top:22px;font-size:65px;color:#efc3a0;animation:slow-turn 28s linear infinite}.activity-example{display:inline-block;font-size:12px;color:#173c75;background:#f2c9a9;padding:9px 13px;border-radius:6px}.interest-scene .scene-note{font-size:10px;margin-top:30px;max-width:340px;margin-bottom:0;opacity:.8}.interest-result.is-changing{animation:result-enter .4s ease both}.interest-scene[data-theme=outside]{background:#254e81}.interest-scene[data-theme=games]{background:#343f73}.interest-scene[data-theme=everyday]{background:#1e4a69}.motion-control{border:1px solid #ffffff65;border-radius:20px;color:#fffaf4;background:transparent;padding:6px 12px;cursor:pointer;font:inherit}.motion-control:hover{background:#ffffff15}
@keyframes slow-turn{to{rotate:360deg}}@keyframes orbit-shape{50%{border-radius:55% 45% 59% 41%;rotate:8deg}100%{rotate:0deg}}@keyframes coastal-breathe{50%{scale:1.035;rotate:3deg}}@keyframes sticker-float{50%{translate:0 -9px;rotate:-3deg}}@keyframes pebble-drift{50%{translate:8px -14px;rotate:10deg}}@keyframes pattern-drift{50%{translate:-18px 15px;rotate:9deg}}@keyframes dots-drift{50%{translate:0 9px}}@keyframes ribbon-sway{50%{translate:-15px 0}}@keyframes result-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
html.motion-off *,html.motion-off *:before,html.motion-off *:after{animation-play-state:paused!important;transition:none!important}html.motion-off .reveal-pending{opacity:1;transform:none}html.motion-off .hero-main{translate:none}html.motion-off .reveal-visible{transition:none}html.motion-off .reading-progress{display:none}
@media(max-width:900px){.orbit-trail{inset:-12px 0 15px 0}.floating-pebble{width:45px;height:60px;left:-5px;top:50px}.hero-art .star{font-size:67px;right:0}.ribbon-inner{gap:23px;flex-wrap:wrap;min-width:0;padding:0 15px;font-size:9px}.interest-explorer{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:0}.interest-scene{min-height:415px;border-radius:65px 18px 65px 18px;padding:80px 28px 28px}.interest-scene h3{font-size:31px}.interest-options button{padding:12px 14px;font-size:12px}.service-card{padding:0 0 25px;background:transparent}.scene-mark{font-size:55px;right:25px;top:15px}.reveal-pending{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending{opacity:1;transform:none}.hero-main{translate:none!important}.reading-progress{display:none}}
@media(min-width:901px) and (max-width:1100px){.hero-art{overflow:clip;overflow-clip-margin:12px}.hero-art .peach-orbit{inset:40px 20px 20px 30px;transform:none}.hero-art .star{right:0}.hero-art .sticker{right:0}.hero-art .orbit-trail{inset:0 8px 15px 5px}}
/* More expressive movement on the homepage, kept clear of text. */
.homepage .hero-art .orbit-trail{border:2px solid #6088b28c;animation:home-orbit 14s ease-in-out infinite}
.homepage .orbit-trail:after{width:18px;height:18px;background:#d49360;box-shadow:0 0 0 7px #efc3a138}
.homepage .floating-pebble{width:78px;height:96px;background:#9cbbe0;animation:home-pebble 7s ease-in-out infinite}
.homepage .floating-ring{position:absolute;width:55px;height:55px;left:5px;bottom:115px;border:8px solid #dfa77e;border-radius:50%;z-index:3;pointer-events:none;animation:home-ring 9s ease-in-out infinite}
.homepage .hero-art .star{animation-duration:20s;font-size:112px;color:#285d9c}
.homepage .hero-art .peach-orbit{background-color:#e9bc97;background-image:repeating-radial-gradient(ellipse at 0 100%,transparent 0 19px,#9b65453d 20px 22px,transparent 23px 37px);animation:home-breathe 10s ease-in-out infinite}
.homepage .hero-art .sticker{animation:home-sticker 7s ease-in-out infinite}
.homepage .blue-section:after{background:repeating-radial-gradient(circle,transparent 0 23px,#3264a037 24px 26px,transparent 27px 45px);right:-125px;bottom:-190px;animation:home-waves 13s ease-in-out infinite}
.homepage .cta:before,.homepage .cta:after{background:repeating-radial-gradient(circle,transparent 0 19px,#7a4b3547 20px 22px,transparent 23px 37px);animation:home-waves 15s ease-in-out infinite}
.homepage .cta:after{animation-direction:reverse}
.homepage .scene-pattern{background:repeating-radial-gradient(circle,transparent 0 24px,#b9d0ed55 25px 27px,transparent 28px 45px);animation:home-scene 16s ease-in-out infinite}
.homepage .scene-mark{font-size:74px;animation-duration:22s}
.homepage .ribbon b{font-size:33px;animation-duration:16s}
@keyframes home-orbit{50%{border-radius:56% 44% 56% 44%;rotate:10deg;scale:.96}}
@keyframes home-pebble{50%{translate:14px -24px;rotate:16deg}}
@keyframes home-ring{50%{translate:10px -20px;scale:.88}}
@keyframes home-breathe{50%{scale:1.045;rotate:5deg}}
@keyframes home-sticker{50%{translate:0 -15px;rotate:-4deg}}
@keyframes home-waves{50%{translate:-28px 22px;rotate:13deg}}
@keyframes home-scene{50%{translate:-25px 15px;rotate:18deg;scale:1.05}}
@media(max-width:900px){.homepage .hero-art{overflow:clip;overflow-clip-margin:12px}.homepage .hero-art .star{font-size:80px;right:0}.homepage .floating-pebble{width:55px;height:70px;left:4px;top:55px}.homepage .floating-ring{width:42px;height:42px;border-width:6px;left:8px;bottom:120px}.homepage .orbit-trail{inset:0 5px 15px}.homepage .hero-art .peach-orbit{inset:40px 20px 20px 30px}.homepage .scene-mark{font-size:63px}.homepage .ribbon b{font-size:23px}.homepage .blue-section:after{right:-220px;bottom:-230px}}
@media(prefers-reduced-motion:reduce){.homepage *,.homepage *:before,.homepage *:after{animation:none!important}}
.homepage .hero-art{overflow:clip;overflow-clip-margin:12px}
/* A shared coastal identity across the inner pages. */
.inner-page .page-heading{padding-right:300px;min-height:330px;isolation:isolate}.inner-page .page-heading:after{display:none}.page-motif{position:absolute;right:5px;top:45px;width:260px;height:250px;overflow:hidden;pointer-events:none;isolation:isolate}.motif-waves{position:absolute;width:220px;height:220px;right:8px;top:25px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18px,#396ba843 19px 21px,transparent 22px 34px);animation:home-waves 15s ease-in-out infinite}.motif-pebble{position:absolute;width:90px;height:115px;left:24px;top:48px;background:#e9bc97;border-radius:60% 40% 55% 45%;rotate:-20deg;animation:home-pebble 9s ease-in-out infinite}.motif-ring{position:absolute;width:50px;height:50px;left:35px;bottom:24px;border:7px solid #9db9db;border-radius:50%;animation:home-ring 11s ease-in-out infinite}.motif-star{position:absolute;font-size:75px;line-height:1;color:#285d9c;right:18px;top:22px;animation:slow-turn 24s linear infinite}.service-visual{position:relative;isolation:isolate;min-width:0;padding:16px 15px;overflow:clip;overflow-clip-margin:10px}.service-hero .service-visual img{height:480px;width:100%;border-radius:150px 150px 20px 20px;box-shadow:10px 10px 0 #e9c4a7}.visual-orbit{position:absolute;inset:5px 3px 4px;border:2px solid #6088b280;border-radius:47% 53% 43% 57%;z-index:-1;animation:home-orbit 16s ease-in-out infinite}.visual-star{position:absolute;right:10px;top:0;font-size:82px;line-height:1;color:#285d9c;animation:slow-turn 24s linear infinite;pointer-events:none}.visual-ring{position:absolute;width:48px;height:48px;left:3px;bottom:25px;border:7px solid #dfa77e;border-radius:50%;animation:home-ring 10s ease-in-out infinite;pointer-events:none}.inner-page .blue-section:after{background:repeating-radial-gradient(circle,transparent 0 23px,#3264a037 24px 26px,transparent 27px 45px);animation:home-waves 15s ease-in-out infinite}.inner-page .cta:before,.inner-page .cta:after{background:repeating-radial-gradient(circle,transparent 0 19px,#7a4b3547 20px 22px,transparent 23px 37px);animation:home-waves 16s ease-in-out infinite}.inner-page .cta:after{animation-direction:reverse}.inner-page .dcp-orbit{animation:home-breathe 12s ease-in-out infinite;border-color:#9cb9dc99}.inner-page .orbit-two{animation-delay:-4s}.inner-page .orbit-three{animation-delay:-8s}.dcp-star{position:absolute;right:42px;top:65px;font-size:65px;color:#efc3a0;animation:slow-turn 24s linear infinite}.inner-page .portrait-wrap{overflow:hidden}.inner-page .portrait-wrap:after{content:'';position:absolute;right:5px;top:12px;width:56px;height:56px;border:2px solid #35669e70;border-radius:50%;box-shadow:0 0 0 10px #ffffff45;animation:home-ring 12s ease-in-out infinite;pointer-events:none}.inner-page .profile-card:nth-child(even) .portrait-wrap:after{animation-delay:-5s;border-color:#ad7956a0}
@media(max-width:1100px) and (min-width:901px){.inner-page .page-heading{padding-right:245px}.page-motif{width:220px;right:0}.motif-waves{width:190px;height:190px}.service-hero .service-visual img{height:450px}}
@media(max-width:900px){.inner-page .page-heading{padding-right:0;min-height:0}.page-motif{position:relative;right:auto;top:auto;width:100%;height:95px;margin:25px 0 0;overflow:hidden}.motif-waves{width:180px;height:180px;right:22%;top:5px}.motif-pebble{width:50px;height:66px;left:12%;top:25px}.motif-ring{width:35px;height:35px;border-width:5px;left:48%;bottom:12px}.motif-star{font-size:52px;right:9%;top:25px}.service-visual{padding:14px 10px;overflow-clip-margin:4px}.service-hero .service-visual img{height:380px;border-radius:120px 120px 18px 18px;box-shadow:7px 7px 0 #e9c4a7}.visual-star{font-size:64px;right:5px;top:5px}.visual-ring{width:38px;height:38px;border-width:6px;left:5px;bottom:20px}.dcp-star{font-size:50px;right:27px;top:35px}.inner-page .portrait-wrap:after{width:40px;height:40px;right:8px;top:15px}.inner-page .blue-section:after{right:-220px;bottom:-230px}}
@media(prefers-reduced-motion:reduce){.inner-page *,.inner-page *:before,.inner-page *:after{animation:none!important}}