/* Motion only decorates the readable static layout. */
html.motion-ready .data-reveal-panel{opacity:0;pointer-events:none;transform:translate3d(-8px,0,0);transition:opacity 180ms ease-out,transform 180ms ease-out}
html.motion-ready .section-motion.reveal-active .data-reveal-panel{opacity:1;pointer-events:auto;transform:translate3d(0,0,0);transition-duration:360ms;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
html.motion-ready .section-title .title-band{background-image:linear-gradient(90deg,var(--green) 0%,var(--green) 50%,var(--green-active) 50%,var(--green-active) 100%);background-size:200% 100%;background-position:left;transition:background-position 350ms ease}
html.motion-ready .section-motion.reveal-active .section-title .title-band{background-position:right}
html.motion-ready .member .section-title .title-band{background-image:linear-gradient(90deg,transparent 0%,transparent 50%,rgba(56,57,54,.16) 50%,rgba(56,57,54,.16) 100%),var(--member-rainbow);background-size:200% 100%,100% 100%;background-position:left,left}
html.motion-ready .member.reveal-active .section-title .title-band{background-position:right,left}
.hero h1{opacity:1;transform:none}html.motion-ready .hero h1{opacity:0;transform:translate3d(0,6px,0);transition:opacity 260ms ease-out,transform 260ms ease-out}html.motion-ready.hero-has-scrolled .hero h1{opacity:1;transform:none}
html.motion-ready .service-row>.service-index,html.motion-ready .service-row>.service-en,html.motion-ready .service-row>.service-copy,html.motion-ready .service-row>.service-pictogram,html.motion-ready .strength-pair>article,html.motion-ready .member-card{opacity:0;transform:translate3d(0,8px,0)}
html.motion-ready .service-row.is-revealed>.service-index,html.motion-ready .service-row.is-revealed>.service-en,html.motion-ready .service-row.is-revealed>.service-copy,html.motion-ready .service-row.is-revealed>.service-pictogram,html.motion-ready .strength-pair>article.is-revealed,html.motion-ready .member-card.is-revealed{opacity:1;transform:none}
html.motion-ready .service-row>.service-index,html.motion-ready .service-row>.service-en,html.motion-ready .service-row>.service-copy,html.motion-ready .service-row>.service-pictogram{transition:opacity 480ms cubic-bezier(.22,.61,.36,1),transform 480ms cubic-bezier(.22,.61,.36,1)}html.motion-ready .service-row>.service-copy{transition-delay:90ms}html.motion-ready .service-row>.service-pictogram{transition-delay:180ms}
html.motion-ready .strength-pair>article{transform:translate3d(0,10px,0);transition:opacity 500ms cubic-bezier(.22,.61,.36,1),transform 500ms cubic-bezier(.22,.61,.36,1)}html.motion-ready .strength-pair>article:nth-child(2){transition-delay:140ms}html.motion-ready .member-card{transition:opacity 460ms cubic-bezier(.22,.61,.36,1),transform 460ms cubic-bezier(.22,.61,.36,1)}html.motion-ready .member-card:nth-child(2){transition-delay:90ms}html.motion-ready .member-card:nth-child(3){transition-delay:180ms}
.sunaba-intro-canvas{position:fixed;inset:0;z-index:50;pointer-events:none}.hero-wordmark{opacity:1}html.sunaba-intro-active .hero-wordmark{opacity:0;transition:none}html.sunaba-intro-active.sunaba-intro-wordmark-visible .hero-wordmark{opacity:1;transition:opacity 500ms ease-out}
@media(max-width:767px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),print{html.motion-ready .data-reveal-panel,html.motion-ready .section-motion.reveal-active .data-reveal-panel{opacity:1!important;pointer-events:auto!important;transform:none!important;transition:none!important}.hero h1,html.motion-ready .hero h1,html.motion-ready.hero-has-scrolled .hero h1{opacity:1!important;transform:none!important;transition:none!important}html.motion-ready .service-row>.service-index,html.motion-ready .service-row>.service-en,html.motion-ready .service-row>.service-copy,html.motion-ready .service-row>.service-pictogram,html.motion-ready .strength-pair>article,html.motion-ready .member-card{opacity:1!important;transform:none!important;transition:none!important}}
@media(prefers-reduced-motion:reduce),print{.sunaba-intro-canvas{display:none!important}}
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){html.motion-ready #philosophy .data-reveal-panel{opacity:0!important;pointer-events:none!important;transform:none!important;transition:none!important}html.motion-ready #philosophy.reveal-active .data-reveal-panel{opacity:1!important;pointer-events:auto!important;transform:none!important}html.motion-ready #philosophy .section-title .title-band{transition:none!important}}