/* Quiet illustration motion: each original PNG stays intact on disk. */
.living-art{position:relative;line-height:0}
.living-scene{display:block;width:100%;height:auto;aspect-ratio:1168/880;overflow:visible;isolation:isolate;mix-blend-mode:multiply}
.living-part{transform-box:view-box;animation-play-state:paused;animation-fill-mode:both;animation-timing-function:cubic-bezier(.45,0,.35,1)}
[data-motion="running"] .living-part{animation-play-state:running}
.living-person{transform-origin:492px 763px;animation-name:quiet-breath;animation-duration:10s;animation-iteration-count:infinite}
.living-clock{transform-origin:165px 771px;animation-name:clock-murmur;animation-duration:10s;animation-iteration-count:infinite}
.living-flap{transform-origin:977px 610px;animation-name:box-settle;animation-duration:10s;animation-iteration-count:infinite}
.living-notification{transform-origin:748px 80px;animation-name:phone-murmur;animation-duration:8s;animation-iteration-count:infinite}
.living-underline{transform-origin:711px 529px;animation-name:ink-arrives;animation-duration:3.2s;animation-iteration-count:1}
.living-reflection{transform-origin:899px 307px;animation-name:practice-nod;animation-duration:10s;animation-iteration-count:infinite}.record-illustration{margin-bottom:20px}.practice-art .art-caption{margin-top:16px}
@keyframes quiet-breath{0%,36%,100%{transform:translateY(0) scaleY(1)}17%{transform:translateY(-2px) scaleY(1.014)}}
@keyframes clock-murmur{0%,38%,50%,100%{transform:rotate(0deg)}40%,45%{transform:rotate(-5deg)}42.5%,47.5%{transform:rotate(4deg)}}
@keyframes box-settle{0%,60%,86%,100%{transform:rotate(0deg)}72%{transform:rotate(-4deg)}}
@keyframes phone-murmur{0%,4%,20%,100%{opacity:1;transform:scale(1)}7%,14%{opacity:.25;transform:scale(.92)}10%,17%{opacity:1;transform:scale(1.08)}}
@keyframes ink-arrives{0%,18%{transform:scaleX(.05);opacity:.7}72%,100%{transform:scaleX(1);opacity:1}}
@keyframes practice-nod{0%,3%,42%,100%{transform:rotate(0deg)}22%{transform:rotate(2.5deg)}}
@media(max-width:760px){.living-person{animation-name:quiet-breath-mobile}.living-clock{animation-name:clock-murmur-mobile}.living-flap{animation-name:box-settle-mobile}}
@keyframes quiet-breath-mobile{0%,36%,100%{transform:translateY(0) scaleY(1)}17%{transform:translateY(-2px) scaleY(1.016)}}
@keyframes clock-murmur-mobile{0%,38%,50%,100%{transform:rotate(0deg)}40%,45%{transform:rotate(-5deg)}42.5%,47.5%{transform:rotate(4deg)}}
@keyframes box-settle-mobile{0%,60%,86%,100%{transform:rotate(0deg)}72%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.living-part{animation:none!important;transform:none!important;opacity:1!important}}
.living-art:not([data-motion]) .living-part,.living-art[data-motion="idle"] .living-part{animation:none;transform:none;opacity:1}

/* Character gestures share a timeline: connected parts move together. */
.discovery-jump,.discovery-phone-arm,.recording-writer,.recording-stroke,
.rehearsal-nod,.rehearsal-mirror-nod,.rehearsal-tie,.rehearsal-mirror-tie{
 animation-duration:8s;animation-iteration-count:infinite;
}
.discovery-jump{transform-origin:572px 615px;animation-name:discovery-lift}
.discovery-phone-arm{transform-origin:704px 245px;animation-name:discovery-reaction}
.living-notification{animation-name:discovery-notice;animation-duration:8s}
.recording-writer{animation-name:recording-pass}
.recording-stroke{transform-origin:1035px 532px;animation-name:recording-ink}
.rehearsal-nod,.rehearsal-mirror-nod,.rehearsal-tie,.rehearsal-mirror-tie{animation-duration:5.6s}
.rehearsal-nod{transform-origin:480px 233px;animation-name:rehearsal-head}
.rehearsal-mirror-nod{transform-origin:916px 302px;animation-name:rehearsal-reflected-head}
.rehearsal-tie,.rehearsal-mirror-tie{animation-name:rehearsal-adjust}
.record-illustration{width:320px;max-width:100%}
@keyframes discovery-lift{0%,65%,100%{transform:translateY(0) rotate(0deg)}20%,30%{transform:translateY(-22px) rotate(-1deg)}}
@keyframes discovery-reaction{0%,6%,55%,100%{transform:rotate(0deg)}22%,29%{transform:rotate(-2.4deg)}}
@keyframes discovery-notice{0%,6%,28%,100%{opacity:1;transform:scale(1)}11%,21%{opacity:.18;transform:scale(.88)}16%,25%{opacity:1;transform:scale(1.12)}}
@keyframes recording-pass{0%,8%,100%{transform:translateX(60px)}38%,69%{transform:translateX(0)}}
@keyframes recording-ink{0%,8%,100%{transform:scaleX(.815385)}38%,69%{transform:scaleX(1)}}
@keyframes rehearsal-adjust{0%,46%,90%,100%{transform:translateY(0)}64%,70%{transform:translateY(-12px)}}
@keyframes rehearsal-head{0%,30%,54%,100%{transform:rotate(0deg)}14%,18%{transform:rotate(6deg)}41%{transform:rotate(3.5deg)}}
@keyframes rehearsal-reflected-head{0%,30%,54%,100%{transform:rotate(0deg)}14%,18%{transform:rotate(-6deg)}41%{transform:rotate(-3.5deg)}}
@media(max-width:760px){
 .record-illustration{width:280px}
 .practice-art{width:100%;max-width:440px}
 .scene-foot{bottom:-14px}
 .hero-grid{padding-bottom:54px}
}
.living-original{display:none}
.living-art:not([data-motion]) .living-original,.living-art[data-motion="idle"] .living-original{display:block}
@media(prefers-reduced-motion:reduce){.living-original{display:block}}

/* Retain the new listening scene where it supports recruiter consultation. */
.support-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,39%);align-items:center;gap:60px}
.support-heading .eyebrow{display:block;padding-top:0;margin-bottom:28px}
.support-heading h2{width:auto}
.support-art{width:100%;max-width:430px;justify-self:end;margin-bottom:24px}
@media(max-width:760px){.support-intro{grid-template-columns:1fr;gap:26px}.support-heading .eyebrow{margin-bottom:22px}.support-heading h2{margin-top:0}.support-art{width:min(100%,340px);justify-self:center;margin-bottom:16px}}

/* A forearm gesture pivots at the elbow; body, chairs and yellow band stay still. */
.conversation-hand{transform-origin:748px 438px;animation-name:conversation-explain;animation-duration:5.8s;animation-iteration-count:infinite}
@keyframes conversation-explain{0%,46%,100%{transform:rotate(0deg)}16%,22%{transform:rotate(8deg)}64%,70%{transform:rotate(5deg)}86%{transform:rotate(-2deg)}}
/* 2026-09-17 Jazz: 스크롤할 때 그림 흰 바탕이 번쩍였다. 움직임이 붙기 전에 보이는 원본도 곱하기로 깔아 흰색이 사라지게 한다. */
.living-original{mix-blend-mode:multiply}