.bands{position:relative;background:var(--paper)}.bands:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(26px,7vw,70px);z-index:16;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23fcf7fd' d='M0 80 L0 46 C140 30 260 60 400 44 C540 28 620 62 780 46 C940 30 1040 60 1180 40 C1300 24 1380 50 1440 36 L1440 80Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat}.band{--seam: clamp(46px, 13vw, 120px);--scrim: #ffd9ff;position:relative;display:block;height:max(370px,48svh);margin-top:calc(var(--seam) * -1);color:var(--plum);text-decoration:none;-webkit-tap-highlight-color:transparent}.band--first{height:max(500px,64svh);margin-top:0}.band__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;-webkit-mask:url(seam-a.svg) top center / 100% var(--seam) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--seam) - 2px) / 100% 100% no-repeat;mask:url(seam-a.svg) top center / 100% var(--seam) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--seam) - 2px) / 100% 100% no-repeat;transition:transform .5s var(--pop)}.band--seam-b .band__scene{-webkit-mask:url(seam-b.svg) top center / 100% var(--seam) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--seam) - 2px) / 100% 100% no-repeat;mask:url(seam-b.svg) top center / 100% var(--seam) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--seam) - 2px) / 100% 100% no-repeat}.band--first .band__scene{-webkit-mask:none;mask:none}.band:active .band__scene{transform:scale(.985)}.band--paint .band__scene{background:linear-gradient(#ffd9ff,#ffb0ff 38%,#c58fe8 66%,#96c)}.band--learn{--scrim: #1c0c2c}.band--learn .band__scene{background:linear-gradient(#1c0c2c,#2a1340 55%,#3a1b58)}.band--celebrate{--scrim: #fff0ff}.band--celebrate .band__scene{background:linear-gradient(#fff3ff,#ffd6ff 62%,#ffc9ff)}.band--create{--scrim: #f1e2fb}.band--create .band__scene{background:linear-gradient(#e2c6f6,#c69bea 42%,#96c)}.band .layer{top:-14%;right:-4%;bottom:-14%;left:-4%}.band [data-l=fg],.band [data-l=canopy]{top:0;right:0;bottom:0;left:0}.band .plant--palm{top:clamp(3.6rem,8svh,5rem)}.band__text{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:grid;align-content:start;justify-items:center;text-align:center;padding:calc(var(--seam) + 1.6rem) var(--gutter) 0}.band--first .band__text{padding-top:clamp(5.2rem,12svh,7.5rem)}.band__text:before{content:none}.band__kicker{font:800 .74rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.7rem}.band__title{font-size:clamp(4.4rem,22vw,9.5rem);line-height:.8;overflow:hidden;padding:.02em .04em .06em}.band__title>span{display:inline-block}.band__tagline{margin:.5rem 0 0;font-size:1.02rem;font-weight:600;line-height:1.35;max-width:28ch}.band__go{margin-top:.9rem;display:inline-flex;align-items:center;gap:.45rem;padding:.62rem 1.1rem .62rem 1.2rem;border-radius:999px;font:800 .9rem/1 var(--body);background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #2a134024}.band__go svg{width:1.1em;height:1.1em;transition:transform .35s var(--pop)}.band:hover .band__go svg,.band:focus-visible .band__go svg{transform:translate(4px)}.band--dark{color:#fff}.band--dark .band__go{background:#1c0c2c9e;color:#fff;box-shadow:0 8px 24px #00000040}.band:focus-visible{outline:none}.band:focus-visible .band__go{outline:3px solid var(--pink);outline-offset:3px}.band__plant{position:relative;z-index:12;height:0;pointer-events:none}.band__plant>.plant{top:calc(var(--seam-h, clamp(46px, 13vw, 120px)) * -2.1);height:clamp(150px,40vw,300px)}.band__plant--r>.plant{right:-7vw;--o: 100% 40%;--a: 2deg;--d: 5.6s}.band__plant--l>.plant{left:-7vw;--o: 0% 60%;--a: 1.6deg;--d: 6.4s;--delay: -2s}@media(min-width:900px){.band{height:clamp(460px,62vh,620px)}.band--first{height:min(86vh,820px)}.band__text:before{top:0;right:20%;bottom:30%;left:20%}}.hello{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:24px 8px;background:var(--plum);color:#fff;text-decoration:none;box-shadow:0 14px 36px #2a134038}.hello b{display:block;font:900 1.25rem/1 var(--display);letter-spacing:.01em}.hello .small{display:block;color:var(--blush);margin-top:.3rem;line-height:1.35}.hello__badge svg{width:44px;height:44px;display:block}.hello__arrow{width:22px;height:22px}.hello--in{display:block;padding:1.2rem 1.2rem 1.1rem}.session{scroll-snap-align:start;display:block;overflow:hidden;text-decoration:none;background:#fff;border-radius:24px 8px;box-shadow:0 10px 28px #2a134017;transition:transform .35s var(--pop)}.session:active{transform:scale(.97)}.session h3{font-size:1.45rem;line-height:.95}.progress-line__track{position:relative;height:10px;margin:0 18px 0 2px;border-radius:99px;background:#ffffff29}.progress-line__fill{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit;background:linear-gradient(90deg,var(--pink),var(--sun))}.progress-line__mark{position:absolute;left:var(--at);top:50%;translate:-50% -50%}.progress-line__mark b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--plum-2);color:#fff;border:3px solid var(--plum);font:900 .95rem/1 var(--display)}.progress-line__mark svg{width:17px;height:17px}.progress-line__mark.is-done b{background:var(--sun);color:var(--plum)}.progress-line__mark.is-next b{background:#fff;color:var(--plum);animation:next-ping 2.4s ease-in-out infinite}@keyframes next-ping{0%,to{box-shadow:0 0 #ff99ffb3}50%{box-shadow:0 0 0 8px #f9f0}}.progress-line__note{margin:1.3rem 0 0;color:var(--blush);font-size:.92rem}.progress-line__note strong{color:#fff}.tabbar{position:fixed;z-index:85;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-radius:24px;background:color-mix(in srgb,var(--plum) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px #2a134059;view-transition-name:tabbar}::view-transition-group(tabbar){animation-duration:0s}.tabbar a{display:grid;justify-items:center;gap:4px;padding:8px 0 7px;border-radius:18px;color:#ffffffb8;font:700 .7rem/1 var(--body);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .25s,color .25s,transform .3s var(--pop)}.tabbar a:active{transform:scale(.92)}.tabbar svg{width:23px;height:23px}.tabbar a[aria-current]{color:#fff;background:#ffffff1f}.tabbar .tab--book{color:var(--plum);background:var(--pink)}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.wa{bottom:calc(94px + env(safe-area-inset-bottom));width:50px;height:50px;right:14px}.wa svg{width:24px;height:24px}@media(min-width:900px){.tabbar{display:none}body{padding-bottom:0}.wa{bottom:1.5rem;width:58px;height:58px;right:1.5rem}.wa svg{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.progress-line__mark.is-next b{animation:none}}.band__cut{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.band--first .band__cut{z-index:1}.band__spill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.band__spill .layer{top:0;right:0;bottom:0;left:0}.band__spill svg{overflow:visible}.spill{position:absolute}.spill>svg{display:block;width:100%;height:auto}.band--mural{--scrim: #fcf7fd}.band--mural .band__scene{background:#fcf7fd}.band--mural .layer{top:-6%;right:-3%;bottom:0;left:-3%}.band--products{--scrim: #fff2ff}.band--products .band__scene{background:linear-gradient(#fff2ff,#ffd6ff 70%,#ffc9ff 86%)}.band--products .layer{top:-16%;right:-4%;bottom:0;left:-4%}.bands--duo{--cut: clamp(80px, 20vw, 160px);--shadow: drop-shadow(0 -4px 8px rgba(42, 19, 64, .16))}.bands--duo .band{height:max(440px,56svh)}.bands--duo .band--first{height:max(470px,58svh)}.bands--duo .band+.band{margin-top:calc(var(--cut) * -.78)}.bands--duo .band+.band .band__cut{filter:var(--shadow)}.bands--duo .band+.band .band__scene{-webkit-mask:url(cut-v0.svg) top center / 100% var(--cut) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--cut) - 1px) / 100% 100% no-repeat;mask:url(cut-v0.svg) top center / 100% var(--cut) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--cut) - 1px) / 100% 100% no-repeat}.band__strata{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.st{position:absolute;inset:calc(var(--off) * -1) 0 0;filter:var(--shadow)}.st b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c)}.st--1{--off: clamp(8px, 2vw, 14px);--c: #ffc9ff}.bands--duo .st--1 b{-webkit-mask:url(cut-v1.svg) top center / 100% var(--cut) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--cut) - 1px) / 100% 100% no-repeat;mask:url(cut-v1.svg) top center / 100% var(--cut) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--cut) - 1px) / 100% 100% no-repeat}.bands--duo .band__title{font-size:clamp(3.2rem,15vw,7rem)}.bands--duo .band--first .band__text{padding-top:clamp(5.8rem,13svh,8rem)}.bands--duo .band+.band .band__text{padding-top:calc(var(--cut) * .78)}.band--paint .plant--palm{display:none}.nja-intro .bands .band__title>span{transform:translateY(105%)}.nja-intro .bands .band__text>:not(.band__title){opacity:0}.nja-intro .bands .band--first .layer>svg{transform:scale(1.08) translateY(3%)}.bands.is-leaving .band{transition:opacity .35s var(--pop)}.bands.is-leaving .band:not(.is-chosen){opacity:.35}@media(min-width:900px){.bands--duo{--cutx: clamp(120px, 12vw, 200px);--shadow: drop-shadow(-5px 0 10px rgba(42, 19, 64, .16));display:grid;grid-template-columns:1fr 1fr}.bands--duo .band,.bands--duo .band--first{height:100vh;height:100svh}.bands--duo .band+.band{margin:0 0 0 calc(var(--cutx) * -.5);width:calc(100% + var(--cutx) * .5)}.bands--duo .band+.band .band__scene{-webkit-mask:url(cut-h0.svg) left center / var(--cutx) 100% no-repeat,linear-gradient(#000 0 0) calc(var(--cutx) - 1px) 0 / 100% 100% no-repeat;mask:url(cut-h0.svg) left center / var(--cutx) 100% no-repeat,linear-gradient(#000 0 0) calc(var(--cutx) - 1px) 0 / 100% 100% no-repeat}.st{inset:0 0 0 calc(var(--off) * -1)}.bands--duo .st--1 b{-webkit-mask:url(cut-h1.svg) left center / var(--cutx) 100% no-repeat,linear-gradient(#000 0 0) calc(var(--cutx) - 1px) 0 / 100% 100% no-repeat;mask:url(cut-h1.svg) left center / var(--cutx) 100% no-repeat,linear-gradient(#000 0 0) calc(var(--cutx) - 1px) 0 / 100% 100% no-repeat}.bands--duo .band__text,.bands--duo .band--first .band__text,.bands--duo .band+.band .band__text{padding-top:clamp(7rem,22vh,13rem)}.bands--duo .band+.band .band__text{padding-left:calc(var(--cutx) * .5)}.bands--duo .band__title{font-size:clamp(3rem,6.2vw,7rem);white-space:nowrap}.bands--duo .band--products .layer{top:-14%;right:-4%;bottom:10%;left:-4%}.bands--duo .band--mural .layer{inset:-6% -3% 0 calc(var(--cutx) * .3)}.bands--duo .band--paint .plant--banana{left:calc(var(--cutx) * .05);height:54%}.bands--duo .band--paint .plant--fronds{height:40%}.bands--duo .band--paint .plant--hibiscus{height:16%}.band--paint .plant--palm{display:block;height:26%}}.bands--duo:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%232a1340' d='M0 80 L0 46 C140 30 260 60 400 44 C540 28 620 62 780 46 C940 30 1040 60 1180 40 C1300 24 1380 50 1440 36 L1440 80Z'/%3E%3C/svg%3E")}.bands--duo .band+.band .band__spill{clip-path:inset(-200vh -100vw 0 -100vw)}@media(min-width:900px){.bands--duo .band__spill{clip-path:inset(-200vh -100vw 0 -100vw)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/nja-home.css.map */