/* Approved soft clay hand B, motion A, and matching studio photo frames. */
#teach .training-card{--scene-ground:var(--bone);--panel-height:clamp(365px,48vh,450px);background:var(--scene-ground);display:grid;grid-template-columns:minmax(0,410px) minmax(110px,1fr) auto;gap:24px;align-items:center;padding:16px 28px;min-height:0;height:var(--panel-height)}
#teach .training-card:nth-child(2){--scene-ground:#e8e1d2}
#teach .training-card:nth-child(3){--scene-ground:#dfcda0}
#teach .training-card-copy{min-width:0;grid-column:1;grid-row:1}
#teach .training-card h3{font-size:clamp(46px,5.4vw,72px)}
#teach .training-window{border:0}
#teach.motion-story .training-window{height:clamp(365px,48vh,450px)}
#teach .training-card .photo{grid-column:3;grid-row:1;display:block;justify-self:end;align-self:stretch;width:auto;aspect-ratio:9/16;min-width:0;max-width:100%;height:100%;max-height:100%;min-height:0;margin:0;padding:3px;box-sizing:border-box;background:var(--scene-ground);outline:1px solid #19181718;box-shadow:0 3px 8px #19181712;transform:none}
#teach .training-card .photo .ph-in{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:transparent;overflow:hidden}
#teach .training-card .photo .ph-in img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:none;transform:none!important}
#teach .training-card:first-child .photo img{object-position:80% 50%}
#teach .training-card .photo .ph-in:after,#teach .training-card .photo .tape{display:none}
/* Optical centring: a small left nudge, limited by the space around the hand. */
#teach .studio-logo{left:clamp(-84px,calc((220px - 100%)/2),0px);grid-column:2;grid-row:1;width:100%;max-width:220px;justify-self:center;position:relative;perspective:700px;display:grid;place-items:center;align-self:center;min-width:0}
#teach .logo-object{position:relative;width:100%;transform-style:preserve-3d;transform-origin:50% 50%;filter:drop-shadow(0 7px 5px #19181718)}
/* Original transparent sheet; each CSS window contains one expression. */
#teach .hand-render{--sprite-x:0%;--render-shift:.06395%;--render-y:48.97959%;position:relative;display:block;width:100%;aspect-ratio:400/220}
#teach .emotion-1{--sprite-x:50%;--render-shift:.19186%;--render-y:47.78912%}
#teach .emotion-2{--sprite-x:100%}
#teach .hand-render::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% + var(--render-shift));width:92.60465%;transform:translateX(-50%);background-image:url('img/training-hand-clay.png');background-size:300% auto;background-repeat:no-repeat;background-position:var(--sprite-x) var(--render-y)}
#teach .logo-floor{position:absolute;top:calc(100% + 14px);width:62%;height:10px;border-radius:50%;background:var(--ink);opacity:.08;filter:blur(4px);transform:rotateX(65deg)}
@media(max-width:1100px) and (min-width:701px){#teach .training-card{gap:18px;padding:16px 24px}#teach .training-card h3{font-size:46px}#teach .training-card p{font-size:12px}#teach .training-card .tags li{font-size:9px}}
@media(min-width:701px) and (max-height:750px){#teach .training-card{--panel-height:330px}#teach.motion-story .training-window{height:330px}}
@media(max-width:700px){
 #teach .training-card{--panel-height:clamp(360px,calc(100svh - 285px),600px);grid-template-columns:minmax(0,1fr);grid-template-rows:140px 64px minmax(0,1fr);gap:10px;padding:14px 20px}
 #teach.motion-story .training-window{height:clamp(360px,calc(100svh - 285px),600px)}
 #teach .training-card-copy{grid-column:1;grid-row:1;align-self:start;width:100%;max-width:none}
 #teach .studio-logo{left:0;grid-column:1;grid-row:2;width:108px;max-width:108px}
 #teach .training-card .photo{grid-column:1;grid-row:3;justify-self:center;max-width:100%;height:100%;margin:0}
 #teach .training-card h3{font-size:38px;margin:6px 0}#teach .training-card h3 br{display:none}
 #teach .training-card p{font-size:11px;line-height:1.6}
 #teach .training-card .tags{margin-top:8px;gap:6px}#teach .training-card .tags li{font-size:9px;padding:5px 7px}
 #teach .logo-floor{top:calc(100% + 3px);height:6px}
 #teach.motion-story{margin-bottom:var(--training-tail-room,240px)}#teach.motion-story>.pt-strip{top:100%;bottom:auto;margin-top:20px}
}
@media(max-width:350px){#teach .training-card{padding:14px;gap:9px;grid-template-rows:140px 58px minmax(0,1fr)}#teach .training-card h3{font-size:33px}#teach .training-card .tags li{font-size:8px}}
@media(prefers-reduced-motion:reduce){#teach .logo-object,#teach .logo-floor{transform:none}}