/* v11: newly generated acting poses, aligned by their actual contact with the rim. */
.hero-frame{overflow-x:clip}
.work-window{overflow:visible;isolation:isolate}
.work-window:hover,.work-window:focus-within{z-index:3}
.work-window .window-bar{height:36px;border-radius:11px 11px 0 0}
.work-window .window-footer{border-radius:0 0 11px 11px}
.image-clear{position:relative;z-index:8;background:#fffef2;border-radius:50%}
.window-pose{--pose-size:210px;position:absolute;z-index:4;display:block;width:var(--pose-size);aspect-ratio:1;pointer-events:none;user-select:none;transform:translate(calc(0% - var(--contact-x)),calc(0% - var(--contact-y)))}
.pose-body{display:block;position:absolute;inset:0;transform-origin:var(--contact-x) var(--contact-y);filter:drop-shadow(1px 3px 1.5px #153e3726)}
.window-pose img{display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.pose-robot{--pose-size:210px;top:0;left:72%}
.pose-bird{--pose-size:200px;top:0;left:62%}
.pose-rabbit{--pose-size:167px;top:48%;left:100%}
.pose-whale{--pose-size:190px;top:0;left:84%}
.pose-tapir{--pose-size:175px;top:0;left:66%}
.pose-hedgehog{--pose-size:175px;top:56%;left:0}
.plush-in-view .pose-top .pose-body{animation:pose-breathe 6s ease-in-out infinite}
.plush-in-view .pose-bird .pose-body{animation-delay:-2.2s}
.plush-in-view .pose-tapir .pose-body{animation-delay:-4.1s;animation-duration:8s}
.paused .pose-body,.plush-tab-hidden .pose-body{animation-play-state:paused!important}
@keyframes pose-breathe{0%,100%{transform:rotate(-.35deg)}50%{transform:rotate(.35deg)}}
.word-fallback{font-family:"Orbit Rajdhani","Orbit Noto Sans JP",sans-serif;font-weight:500}
.pose-note{margin:0;background:#f0f5dc;padding:20px 6% 8px;text-align:center;color:#235b3e}
.pose-note a{display:inline-flex;gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid #235b3e60;font-size:13px}
.pose-note span{font-size:20px}
@media(min-width:1001px){
 .hero-frame .hero{min-height:1280px;max-height:none}
 .hero-frame .hero-character{top:44%}
 .window-ai,.window-ramfan{top:240px}
 .window-gourmet,.window-wash{top:520px}
 .window-okuni,.window-harape{top:800px}
}
@media(min-width:1001px) and (max-width:1150px){
 .pose-robot{--pose-size:190px}.pose-bird{--pose-size:180px}
 .pose-rabbit{--pose-size:145px}.pose-whale{--pose-size:175px}
 .pose-tapir{--pose-size:172px}.pose-hedgehog{--pose-size:155px}
}
@media(min-width:1400px){
 .hero-frame .hero{min-height:1350px}
 .hero-frame .hero-character{top:42%}
 .pose-whale{--pose-size:175px}
 .pose-tapir{--pose-size:165px}
}
@media(max-width:1000px){
 .work-windows{grid-template-columns:repeat(2,minmax(0,1fr));gap:150px 125px;padding:155px 9% 58px}
 .work-window{top:auto;left:auto;right:auto}
 .window-bar .window-type{font-size:10px}
 .pose-robot{left:70%}.pose-bird{left:62%}
 .pose-rabbit{--pose-size:180px}.pose-whale{--pose-size:200px}
 .pose-tapir{--pose-size:185px}.pose-hedgehog{--pose-size:180px}
}
@media(max-width:700px){
 .work-windows{grid-template-columns:minmax(0,1fr);gap:142px;padding:149px 18% 50px}
 .work-window{max-width:330px;justify-self:center;width:100%}
 .work-window .window-bar{border-radius:8px 8px 0 0}
 .work-window .window-footer{border-radius:0 0 8px 8px}
 .window-bar .window-type{font-size:9px}
 .window-art{aspect-ratio:1.8}
 .pose-robot{--pose-size:195px;left:67%}
 .pose-bird{--pose-size:185px;left:61%}
 .pose-rabbit,.pose-hedgehog{--pose-size:clamp(112px,36vw,166px)}
 .pose-whale{--pose-size:clamp(145px,44vw,190px)}
 .pose-tapir{--pose-size:175px;left:65%}
 .pose-note{padding-top:0}.pose-note a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.pose-body{animation:none!important}}