/* Quiet disclosures and a section-bound mascot. No layout shift from the mascot. */
.jpn-home .jpn-group-details,.jpn-home .jpn-process-details{border:0;border-radius:0;background:transparent;overflow:visible}
.jpn-home .jpn-group-details{border-top:1px solid #75538270;margin-bottom:38px}
.jpn-home .jpn-steps-disclosure{padding-top:0;padding-bottom:0}
.jpn-home .jpn-process-details{border-top:1px solid var(--line);margin:0}
.jpn-home .jpn-group-details>.jpn-discreet-summary,.jpn-home .jpn-process-details>.jpn-discreet-summary{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:34px 20px 28px;min-height:132px;list-style:none;background:transparent;border:0}
.jpn-home .jpn-discreet-summary strong{display:block;font:550 clamp(16px,1.5vw,20px)/1.5 JPNManrope,sans-serif;letter-spacing:-.2px;color:var(--ink)}
.jpn-home .jpn-discreet-summary small{display:block;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400;color:#80638d;margin:6px 0 0}
.jpn-home .jpn-group-details>.jpn-discreet-summary strong{color:#f3e8fa}
.jpn-home .jpn-group-details>.jpn-discreet-summary small{color:#c8add7}
.jpn-home .jpn-discreet-summary>.jpn-disclosure-chevron{display:block;line-height:1;font-size:0;color:#a47cb9;transform:none;transition:transform .2s}
.jpn-home .jpn-group-details[open]>.jpn-discreet-summary>span:first-child,.jpn-home .jpn-process-details[open]>.jpn-discreet-summary>span:first-child{transform:none}
.jpn-home .jpn-group-details[open]>.jpn-discreet-summary>.jpn-disclosure-chevron,.jpn-home .jpn-process-details[open]>.jpn-discreet-summary>.jpn-disclosure-chevron{transform:rotate(180deg)}
.jpn-home .jpn-process-details .jpn-process-story{padding:0 0 36px;border-radius:0;background:transparent}
.jpn-home .jpn-group-details .jpn-group-story{padding-left:0;padding-right:0}
.jpn-home .jpn-group-details .jpn-example-feedback,.jpn-home .jpn-group-details .jpn-cap-caption{color:#d5bce0}
.jpn-home .jpn-finds{padding-top:65px}
.jpn-home .jpn-finds+.jpn-faq{padding-top:35px}
.jpn-reflow-lock,.jpn-reflow-lock body{overflow-anchor:none!important;scroll-behavior:auto!important}
.jpn-home .jpn-final-section{position:relative;overflow:hidden;isolation:isolate}
.jpn-home .jpn-final-inner{position:relative;z-index:2}
.jpn-home .jpn-quote-mascot{position:absolute;right:-7px;top:50%;width:clamp(96px,17vw,235px);line-height:0;z-index:3;pointer-events:none;opacity:0;visibility:hidden;contain:layout style}
.jpn-home .jpn-quote-mascot.is-visible{opacity:1;visibility:visible}
.jpn-home .jpn-guide-rig{position:relative;width:100%;aspect-ratio:260/210;transform-origin:80% 70%;transform:rotate(-3deg)}
.jpn-home .jpn-guide-body{position:absolute;left:29%;top:0;width:72%;height:auto;max-width:none;filter:drop-shadow(0 5px 6px #4d246312)}
.jpn-home .jpn-guide-arm{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform-origin:49% 51%;z-index:-1}
.jpn-home .jpn-quote-mascot.is-intro .jpn-guide-rig{animation:jpn-guide-enter 1.9s cubic-bezier(.22,1,.36,1) both}
.jpn-home .jpn-quote-mascot.is-intro .jpn-guide-arm{animation:jpn-guide-point 1.9s ease both}
@keyframes jpn-guide-enter{0%{opacity:0;transform:translateX(80%) rotate(6deg)}30%{opacity:1;transform:translateX(10%) rotate(-4deg)}52%{transform:translateX(3%) rotate(1deg)}100%{opacity:1;transform:rotate(-3deg)}}
@keyframes jpn-guide-point{0%,45%{opacity:0;transform:translateX(18px) rotate(16deg)}68%{opacity:1;transform:translateX(0) rotate(-2deg)}100%{opacity:1;transform:none}}
.jpn-home.jpn-motion-off .jpn-quote-mascot *{animation:none!important}
@media(max-width:760px){.jpn-home .jpn-group-details>.jpn-discreet-summary,.jpn-home .jpn-process-details>.jpn-discreet-summary{padding:28px 10px 22px;min-height:120px;gap:10px}.jpn-home .jpn-discreet-summary strong{font-size:16px}.jpn-home .jpn-process-details .jpn-process-story{padding:0 0 24px}.jpn-home .jpn-finds{padding-top:45px}.jpn-home .jpn-quote-mascot{width:96px;right:-8px}.jpn-home .jpn-finds+.jpn-faq{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.jpn-home .jpn-quote-mascot *{animation:none!important}.jpn-home .jpn-disclosure-chevron{transition:none}}

.jpn-home .jpn-disclosure-chevron svg{display:block;width:24px;height:14px}
@media(max-width:760px){.jpn-home .jpn-hero h1 em{white-space:normal;overflow-wrap:anywhere}}

@media(max-width:360px){.jpn-home .jpn-motion-toggle{width:40px;height:40px;min-width:40px;justify-content:center;padding:0!important}.jpn-home .jpn-motion-toggle .jpn-motion-label{display:none}}
