/* ThreeUI-inspired depth, type and response; bespoke CSS/SVG, no WebGL runtime. */
html.nm-ready{--nm-ease:cubic-bezier(.16,1,.3,1);--nm-accent:#bd5033;scroll-padding-top:90px}
[data-motion-brand]{font-variant-emoji:text}
.nm-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}
.nm-motion-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit;font:10px/1.2 Arial,'Hiragino Sans',sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.nm-motion-toggle:before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}
.nm-motion-toggle[aria-pressed=true]{opacity:.7}
.nm-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.nm-reveal{transition:opacity .9s var(--nm-ease),translate 1.1s var(--nm-ease),clip-path 1.2s var(--nm-ease);transition-delay:var(--nm-delay,0ms)}
html.nm-ready[data-motion=on] .nm-reveal:not(.nm-visible){opacity:0;translate:0 25px}
html.nm-ready[data-motion=on] .nm-wipe:not(.nm-visible){clip-path:inset(0 0 18% 0)}
.nm-reveal.nm-visible{opacity:1;translate:0 0;clip-path:inset(0)}
.nm-depth{overflow:hidden;position:relative}
.nm-depth>img{translate:var(--nm-x,0px) var(--nm-y,0px);scale:1.06;transition:translate .6s var(--nm-ease);transform-origin:center}
.nm-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;transform:scaleX(var(--nm-progress,0));transform-origin:left;background:var(--nm-accent);z-index:90;pointer-events:none}
.nm-heading{transform-origin:left bottom}
[data-motion-brand] :is(a,button,summary){-webkit-tap-highlight-color:transparent}
[data-motion-brand] :is(a,button,summary):focus-visible{outline-offset:5px}
[data-motion-brand] :is(section[id],main[id]){scroll-margin-top:90px}
[data-motion-brand] main{overflow:clip}
[data-motion-brand=pom]{--nm-accent:#4e2cc1}
[data-motion-brand=pom] .nm-motion-toggle{display:none}
[data-motion-brand=pom] .doodle .nm-icon,[data-motion-brand=pom] .sun .nm-icon,[data-motion-brand=pom] .giant-star .nm-icon{display:block}
[data-motion-brand=pom] .sun{display:grid;place-items:center;padding:12px}
[data-motion-brand=pom] .detail-burst{display:grid;place-items:center;padding:15px}
[data-motion-brand=pom] .flavor{transition:translate .5s var(--nm-ease),box-shadow .5s var(--nm-ease),transform .5s var(--nm-ease),background .4s}
[data-motion-brand=pom] .flavor[aria-pressed=true]{box-shadow:0 8px 0 rgba(31,19,66,.18);translate:0 -7px}
[data-motion-brand=pom] .story-photo{isolation:isolate}
[data-motion-brand=pom] .story-photo>img{transition:scale .8s var(--nm-ease)}
[data-motion-brand=axis]{--nm-accent:#d24128}
[data-motion-brand=axis] .logo .nm-icon{vertical-align:.08em}
[data-motion-brand=axis] .asterisk .nm-icon{display:block}
[data-motion-brand=axis] .steps article{transition:background .5s,color .5s,box-shadow .5s}
[data-motion-brand=axis] .steps article.nm-active{background:#e8e2d3;box-shadow:inset 0 3px #d24128}
[data-motion-brand=axis] .service-list details{transition:background .35s,padding .35s}
[data-motion-brand=axis] .service-list details[open]{background:#e9e5d9;padding-inline:18px}
[data-motion-brand=lumiere]{--nm-accent:#865d47}
[data-motion-brand=lumiere] .nm-motion-toggle{display:flex;width:max-content;margin:20px auto 0;color:#6b5748;font-size:9px}
[data-motion-brand=lumiere] .desktop-note .nm-motion-toggle{margin:24px 0}
[data-motion-brand=lumiere] .flow ol{position:relative}
[data-motion-brand=lumiere] .flow li{transition:background .4s,translate .4s}
[data-motion-brand=lumiere] .flow li.nm-active{background:#f1e6db;translate:4px 0}
[data-motion-brand=lumiere] .topic-links button{transition:background .3s,color .3s,translate .3s}
[data-motion-brand=lumiere] .panel{background:#f0e9e1}
[data-motion-brand=lumiere] .cta{position:relative;overflow:hidden;transition:box-shadow .3s,translate .3s}
[data-motion-brand=lumiere] .cta:after{content:'';position:absolute;inset:0;translate:-110% 0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none;transition:translate .7s}
[data-motion-brand=serein]{--nm-accent:#854c5c}
[data-motion-brand=serein] .sr-hero,[data-motion-brand=serein] .sr-bottle-photo{isolation:isolate}
[data-motion-brand=serein] .sr-principles article{transition:background .45s,translate .45s;padding:20px 0}
[data-motion-brand=serein] .sr-routine article{position:relative;transition:background .4s}
[data-motion-brand=serein] .sr-routine article.nm-active{background:#f5eeee}
[data-motion-brand=serein] .sr-solid,[data-motion-brand=serein] .sr-nav a{transition:background .3s,color .3s,translate .3s}
[data-motion-brand=reframe]{--nm-accent:#d9ff60}
[data-motion-brand=reframe] .rf-hero-photo:after{content:'';position:absolute;inset:20px;border:1px solid #ffffff40;pointer-events:none}
[data-motion-brand=reframe] .rf-hero-photo img{scale:1.05}
[data-motion-brand=reframe] .rf-work-card{display:block}
[data-motion-brand=reframe] .rf-work-meta b{transition:translate .45s var(--nm-ease)}
[data-motion-brand=reframe] .rf-service{position:relative;isolation:isolate;transition:padding .4s,background .4s}
[data-motion-brand=reframe] .rf-service.nm-active{background:#d9ff6040;padding-inline:14px}
[data-motion-brand=reframe] .rf-contact-section button{transition:background .3s,color .3s,translate .3s}
[data-motion-brand=reframe] .rf-subhero{overflow:hidden}
[data-motion-brand=yohaku]{--nm-accent:#9b6d49}
[data-motion-brand=yohaku] .yh-hero h1{font-size:clamp(42px,5.4vw,82px);letter-spacing:.015em}
[data-motion-brand=yohaku] .yh-note-orbit{position:relative;isolation:isolate}
[data-motion-brand=yohaku] .yh-note-orbit:before,[data-motion-brand=yohaku] .yh-note-orbit:after{content:'';position:absolute;inset:10%;border:1px solid #9b6d4933;border-radius:50%;z-index:-1;transform:rotate(var(--nm-orbit,0deg)) scaleX(.65)}
[data-motion-brand=yohaku] .yh-note-orbit:after{transform:rotate(calc(var(--nm-orbit,0deg) + 65deg)) scaleX(.7);inset:-4%}
[data-motion-brand=yohaku] .yh-note-tabs button{transition:background .3s,color .3s,translate .4s}
[data-motion-brand=yohaku] .yh-note-tabs button[aria-pressed=true]{translate:0 -3px}
[data-motion-brand=yohaku] .yh-moment-list article{transition:border-color .5s,background .5s}
[data-motion-brand=yohaku] .yh-moment-list article.nm-active{border-color:#9b6d49;background:#ede7dc}
[data-motion-brand=kitchen]{--nm-accent:#b55135;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif}
.nm-study-bar{display:flex;justify-content:space-between;padding:10px 5%;font:9px/1.6 Arial,'Hiragino Sans',sans-serif;color:#635951;border-bottom:1px solid #ded7cc;background:#f4f0e8;gap:12px}
.nm-study-bar a{color:inherit}
[data-motion-brand=kitchen] .lesson-row{transition:background .4s,padding .4s}
[data-motion-brand=kitchen] .lesson-row.nm-active{background:#eee8dc;padding-inline:14px}
[data-motion-brand=kitchen] .how-section li{transition:background .4s,translate .4s}
[data-motion-brand=kitchen] .how-section li.nm-active{background:#eee8dc;translate:0 -4px}
[data-motion-brand=kitchen] .plan-offer{transition:box-shadow .4s,translate .4s}
[data-motion-brand=kitchen] .plan-offer.nm-visible{box-shadow:0 14px 38px #462b2012}
.nm-kitchen-faq details{border-bottom:1px solid #d6cfc3;padding:4px 0}
.nm-kitchen-faq summary{list-style:none;cursor:pointer;padding:21px 35px 21px 0;position:relative;font-size:14px;line-height:1.8}
.nm-kitchen-faq summary::-webkit-details-marker{display:none}
.nm-kitchen-faq summary:after{content:'+';position:absolute;right:4px;top:20px;font:22px/1.5 Arial}
.nm-kitchen-faq details[open] summary:after{content:'−'}
.nm-kitchen-faq details p{font-size:13px;line-height:2;padding:0 20px 20px 0;color:#62594e}
#kitchen-demo{border:0;background:#f4f0e8;color:#302b25;width:min(500px,calc(100% - 32px));padding:45px 30px}
#kitchen-demo::backdrop{background:#282016aa}
#kitchen-demo h2{font:30px/1.5 'Hiragino Mincho ProN','Yu Mincho',serif;margin:22px 0}
#kitchen-demo p{font-size:13px;line-height:1.9}
#kitchen-demo>a{display:block;background:#ad5039;color:#fff;padding:17px;margin-top:25px;font-size:12px}
.nm-dialog-close{position:absolute;top:9px;right:9px;width:40px;height:40px;border:0;background:none;font-size:26px;color:inherit;cursor:pointer}
@media(hover:hover) and (pointer:fine){
 [data-motion-brand=pom] .flavor:hover{translate:0 -12px}
 [data-motion-brand=pom] .story-photo:hover>img{scale:1.035}
 [data-motion-brand=lumiere] .cta:hover:after{translate:110% 0}
 [data-motion-brand=lumiere] .cta:hover{translate:0 -2px;box-shadow:0 8px 24px #56362222}
 [data-motion-brand=lumiere] .topic-links button:hover{background:#e9dacb;translate:0 -2px}
 [data-motion-brand=reframe] .rf-work-card:hover .rf-work-meta b{translate:5px -5px}
 [data-motion-brand=reframe] .rf-service:hover{padding-inline:14px;background:#d9ff6040}
 [data-motion-brand=reframe] .rf-contact-section button:hover{background:#141910;color:#d9ff60;translate:0 -3px}
 [data-motion-brand=serein] .sr-principles article:hover{background:#f5eeee;translate:0 -4px}
}
@media(max-width:700px){
 [data-motion-brand=yohaku] .yh-hero h1{font-size:clamp(39px,12.4vw,50px);line-height:1.5}
 .nm-depth>img{scale:1.035;translate:0 var(--nm-y,0px)}
 .nm-motion-toggle{font-size:9px;min-height:36px}
 [data-motion-brand=pom] .sun .nm-icon{width:100%;height:100%}
 [data-motion-brand=pom] .detail-burst{padding:7px}
 [data-motion-brand=axis] .service-list details[open]{padding-inline:10px}
 [data-motion-brand=reframe] .rf-hero-photo:after{inset:12px}
 [data-motion-brand=kitchen] .nm-study-bar{font-size:8px}
 [data-motion-brand=kitchen] .nm-motion-toggle{margin-top:12px}
 [data-motion-brand=lumiere] .nm-motion-toggle{margin:0 auto 12px}
}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion=off] .nm-reveal,html[data-motion=off] .will-reveal{opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important}
html[data-motion=off] .nm-depth>img{translate:none!important;scale:1!important}
html[data-motion=off] .nm-heading{clip-path:none!important}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 [data-motion-brand] *,[data-motion-brand] *:before,[data-motion-brand] *:after{animation:none!important;transition:none!important}
 .nm-reveal,.nm-heading,.will-reveal{opacity:1!important;translate:none!important;transform:none!important;clip-path:none!important}
 .nm-depth>img{translate:none!important;scale:1!important}
}

html[data-page-visible=false] [data-motion-brand] *,html[data-page-visible=false] [data-motion-brand] *:before,html[data-page-visible=false] [data-motion-brand] *:after{animation-play-state:paused!important}