.domain-mark{display:flex;align-items:center;gap:22px;margin-bottom:14px}.domain-mark svg{width:48px;height:48px;stroke:#9c245f;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.domain-mark .domain-number{margin:0}
.playful .syllabus:before{height:7px;background:#ac2468;border-radius:5px;box-shadow:0 3px 0 #fff6;z-index:2}.playful .syllabus:after{content:"";position:absolute;top:-4px;left:clamp(0px,calc(var(--progress)*100% - 7px),calc(100% - 14px));width:14px;height:14px;border:3px solid #ac2468;border-radius:50%;background:#fff;z-index:3}
.raggy-tour{position:relative;overflow:hidden;background:#fff;border:1px solid #d8c9d1;aspect-ratio:1.8}.raggy-tour-image{width:100%;height:100%;object-fit:cover;object-position:top;max-width:none}.raggy-focus{position:absolute;pointer-events:none;border:3px solid #cc2c79;border-radius:6px;left:1%;top:6%;width:20%;height:65%;box-shadow:0 0 0 100vmax #20142108}.raggy-tour[data-frame="1"] .raggy-focus{left:27%;top:12%;width:68%;height:43%}.raggy-tour[data-frame="2"] .raggy-focus{left:23%;top:8%;width:76%;height:65%}.raggy-tour-steps{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.raggy-tour-steps button,.raggy-tour-button{padding:12px 17px;border:1px solid #9d2260;background:white;color:#811d4e;border-radius:8px;font:inherit;cursor:pointer}.raggy-tour-steps button[aria-pressed="true"]{background:#9d2260;color:white}.raggy-free{padding:22px 0;font-size:18px}.raggy-free strong{color:#9b205c}.raggy-tour-caption{font-weight:600}.hero-current{stroke:#ed3a90;stroke-width:3;stroke-dasharray:12 32;opacity:.8;animation:hero-current 16s linear infinite}@keyframes hero-current{to{stroke-dashoffset:-220}}
body.motion-off .hero-current{animation:none}@media(prefers-reduced-motion:reduce){.hero-current{animation:none}}@media(max-width:650px){.domain-mark svg{width:40px;height:40px}.raggy-tour{aspect-ratio:1.25}.raggy-tour-image{width:145%;object-fit:cover;object-position:left top}.raggy-tour[data-frame="1"] .raggy-tour-image,.raggy-tour[data-frame="2"] .raggy-tour-image{margin-left:-40%}.raggy-tour .raggy-focus{width:29%}.raggy-tour[data-frame="1"] .raggy-focus{left:4%;width:91%}.raggy-tour[data-frame="2"] .raggy-focus{left:2%;width:96%;height:70%}.raggy-tour-steps button{font-size:12px;padding:12px 9px}.raggy-free{font-size:16px}}
.raggy-tour{aspect-ratio:2.4}.raggy-tour-image{height:auto;object-fit:initial}.raggy-tour[data-frame="1"] .raggy-focus{height:65%}.raggy-tour[data-frame="2"] .raggy-focus{height:82%}
@media(max-width:650px){.raggy-tour{aspect-ratio:1.15}.raggy-tour-image{width:250%;height:auto}.raggy-tour[data-frame="1"] .raggy-tour-image,.raggy-tour[data-frame="2"] .raggy-tour-image{margin-left:-55%}.raggy-tour .raggy-focus{width:54%;height:88%}.raggy-tour[data-frame="1"] .raggy-focus{top:15%;height:60%}.raggy-tour[data-frame="2"] .raggy-focus{height:80%}}

.hero-sea{position:relative!important;width:100%;height:105px;overflow:hidden;z-index:7!important;margin-top:15px}.hero-sea-lines{width:100%;height:100%;overflow:visible}.hero-sea-lines path{fill:none;stroke-linecap:round}.sea-shadow{stroke:#f783bd;stroke-width:18;opacity:.14}.sea-path{stroke:#ed65a5;stroke-width:2.5;opacity:.8}.sea-dots{stroke:#fff;stroke-width:1;stroke-dasharray:2 17;opacity:.65}.hero-boat{position:absolute;top:0;left:0;width:34px;height:34px;offset-distance:16%;offset-rotate:0deg;animation:sail-across 32s linear infinite;filter:drop-shadow(0 2px 2px #26192b33)}@keyframes sail-across{from{offset-distance:5%}to{offset-distance:95%}}.sea-hidden .hero-boat,body.motion-off .hero-boat{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-boat{animation:none;offset-distance:35%}}@media(max-width:650px){.hero-sea{height:90px;margin-top:0}.hero-boat{width:26px;height:26px}}

.hero-sea{grid-column:1/-1}

/* An original adventure ship crosses the hero behind its content. */
.playful .hero{position:relative}.playful .hero-sea{position:absolute!important;left:calc((100% - 100vw)/2);top:46%;width:100vw;height:115px;margin:0;z-index:0!important;pointer-events:none;overflow:hidden}.hero-boat{width:62px;height:59px;offset-distance:25%;animation-duration:40s}.hero-sea .sea-path{stroke-width:2;opacity:.65}.hero-sea .sea-shadow{stroke-width:12;opacity:.12}.voyage-ship{stroke:none;fill:none}
@media(max-width:650px){.playful .hero-sea{top:39%;height:100px;z-index:7!important}.hero-boat{width:43px;height:41px}.hero-sea .sea-shadow{opacity:.08}.hero-sea .sea-path{opacity:.5}}
.playful .hero-sea{top:49%}@media(max-width:650px){.playful .hero-sea{top:23%}}

.playful .hero-sea{inset:0;left:0;top:0;width:100%;height:100%;z-index:5!important;overflow:hidden}.hero-sea .sea-shadow{stroke-width:7;opacity:.08}.hero-sea .sea-path{stroke:#eda1c9;stroke-width:1.5;opacity:.72}.hero-sea .sea-dots{stroke:#ef82bb;stroke-width:3;stroke-dasharray:2 13;opacity:.55}.hero-boat{width:52px;height:49px;animation:sail-to-world 30s linear infinite}.sea-globe{display:none}@keyframes sail-to-world{0%{offset-distance:4%;opacity:0}8%{opacity:1}85%{opacity:1}96%,100%{offset-distance:96%;opacity:0}}
@media(max-width:760px){.playful .hero-sea{inset:0;height:100%;z-index:5!important}.sea-globe{display:block;position:absolute;right:12px;top:23%;width:92px;height:auto}.hero-boat{width:36px;height:34px}.hero-sea .sea-path{opacity:.65}.hero-sea .sea-dots{opacity:.35}}
body.motion-off .hero-boat{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-boat{animation:none;offset-distance:35%;opacity:1}}
.playful .hero-sea{z-index:7!important}.hero-sea .sea-path{opacity:.55}.hero-sea .sea-dots{opacity:.35}.hero-boat{filter:drop-shadow(0 2px 3px #241f2866)}