:root{--ink:#0b1a1d;--ink2:#203b3e;--paper:#f4f7f5;--white:#fff;--teal:#0d8588;--aqua:#83d0ca;--pale:#dcefed;--line:rgba(11,26,29,.14);--container:min(1180px,calc(100% - 3rem));--phase-focus:18%}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font:400 1rem/1.6 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;color:#fff;background:var(--ink);transform:translateY(-180%)}.skip:focus{transform:none}.container{width:var(--container);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;width:var(--container);min-height:5.6rem;margin:auto;border-bottom:1px solid var(--line)}.brand{display:grid;line-height:1.2}.brand strong{font:700 1rem/1.2 Manrope,sans-serif}.brand span{color:#597073;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.site-header nav{display:flex;gap:.7rem}.site-header nav a{padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;font-size:.85rem;font-weight:700}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow span{width:2rem;height:1px;background:currentColor}.intro{padding:clamp(4rem,8vw,7rem) 0 3rem}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem}.intro h1,.detail-heading h1{margin:0;font:600 clamp(3.25rem,8vw,7.6rem)/.87 Manrope,sans-serif;letter-spacing:-.07em}.intro h1 em{color:var(--teal);font-family:Georgia,serif;font-weight:400}.intro-grid>div>p:last-child{max-width:43rem;margin:1.6rem 0 0;color:#536669;font-size:1.1rem}.dark-button{min-height:3.4rem;padding:.85rem 1.1rem;color:#fff;background:var(--ink);border:0;border-radius:999px;font-weight:700;cursor:pointer}.notice{margin:2rem 0 0;padding:1rem 1.2rem;color:#536669;background:#eaf1ef;border-left:3px solid var(--teal);font-size:.88rem}.catalog{padding:3rem 0 7rem}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.catalog h2,.related-section h2{margin:0;font:600 clamp(2.6rem,5vw,4.8rem)/.95 Manrope,sans-serif;letter-spacing:-.055em}.search{display:flex;align-items:center;width:min(100%,24rem);min-height:3.3rem;padding:0 1rem;background:#fff;border:1px solid var(--line);border-radius:999px}.search input{width:100%;border:0;outline:0;background:transparent;font-size:1rem}.search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(13,133,136,.13)}.search b{font-size:1.4rem}.filters,.layer-tabs{display:flex;gap:.55rem;margin:2rem 0 1.5rem;overflow:auto;scrollbar-width:none}.filters button,.layer-tabs button{min-height:2.8rem;flex:0 0 auto;padding:.65rem .9rem;color:#43585b;background:transparent;border:1px solid var(--line);border-radius:999px;font-weight:700;cursor:pointer}.filters button.active,.layer-tabs button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.result-line{display:flex;justify-content:space-between;margin:1rem 0}.result-line span{color:#66787a}.movement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.movement-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:1.4rem;transition:.2s ease}.movement-card:hover{transform:translateY(-3px);border-color:rgba(13,133,136,.5);box-shadow:0 18px 50px rgba(11,26,29,.09)}.card-image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--ink)}.card-image img{width:100%;height:100%;object-fit:cover}.card-image>span{position:absolute;top:1rem;left:1rem;display:grid;width:2.6rem;height:2.6rem;place-items:center;color:#fff;background:rgba(11,26,29,.8);border:1px solid rgba(255,255,255,.24);border-radius:50%;font-weight:800}.card-copy{display:flex;min-height:18rem;flex-direction:column;padding:1.3rem}.card-copy small{color:var(--teal);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-copy>strong{margin:.65rem 0;font:600 1.55rem/1.05 Manrope,sans-serif;letter-spacing:-.04em}.card-copy p{margin:0;color:#526669;font-size:.92rem}.card-copy>span{display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);font-size:.86rem;font-weight:700}.empty{padding:4rem;text-align:center;background:#fff;border:1px solid var(--line)}.empty button{display:block;margin:1rem auto 0;border:0;background:none;color:var(--teal);font-weight:700;cursor:pointer}.detail-shell{padding:2rem 0 6rem}.crumb{display:flex;gap:.55rem;align-items:center;overflow:hidden;color:#617477;font-size:.8rem;white-space:nowrap}.crumb strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis}.detail-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:3.5rem 0 2.5rem}.detail-heading h1{max-width:58rem;font-size:clamp(3.2rem,7vw,7rem);text-transform:uppercase}.detail-heading>div>p:last-child{max-width:44rem;margin:1.4rem 0 0;color:#536669;font-size:1.05rem}.save-button{min-height:3rem;padding:.7rem 1rem;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:700;cursor:pointer}.save-button.active{color:var(--teal);border-color:var(--teal)}.movement-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(22rem,.82fr);gap:1.2rem;align-items:start}.visual-column,.analysis-column{min-width:0}.visual-stage{position:relative;aspect-ratio:1;overflow:hidden;background:var(--ink);border-radius:1.7rem}.visual-stage img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transform-origin:var(--phase-focus) 50%;transition:transform .35s ease,filter .35s ease}.visual-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(5,19,21,.72))}.visual-stage>span{position:absolute;left:1.2rem;bottom:1.1rem;padding:.55rem .75rem;color:#fff;background:rgba(11,26,29,.72);border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.09em}.player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0}.player button{min-height:2.8rem;padding:.65rem .9rem;color:#fff;background:var(--ink);border:0;border-radius:999px;font-weight:700;cursor:pointer}.player input{width:100%;accent-color:var(--teal);min-height:2.75rem}.player span{font-weight:700}.phase-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.phase-tabs button{display:flex;min-height:3.4rem;align-items:center;gap:.7rem;padding:.7rem;text-align:left;background:#fff;border:1px solid var(--line);border-radius:.9rem;cursor:pointer}.phase-tabs button span{display:grid;width:1.8rem;height:1.8rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#eaf1ef;font-size:.7rem;font-weight:800}.phase-tabs button.active{border-color:var(--teal);box-shadow:inset 3px 0 var(--teal)}.layer-tabs{margin:0 0 .8rem}.layer-tabs button{background:#fff}.phase-card,.analysis-panel{padding:clamp(1.3rem,3vw,2rem);background:#fff;border:1px solid var(--line);border-radius:1.4rem}.phase-card>p:first-child{margin:0 0 .6rem;color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.1em}.phase-card h2{margin:0 0 .8rem;font:600 clamp(2rem,4vw,3.3rem)/1 Manrope,sans-serif;letter-spacing:-.05em}.phase-card>p{color:#536669}.direction{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}.direction span{font-size:.72rem;font-weight:800;letter-spacing:.08em}.direction strong{color:var(--teal)}.analysis-panel{display:grid;gap:1.2rem;margin-top:.8rem}.analysis-panel section h3{margin:0 0 .7rem;font-size:.75rem;letter-spacing:.09em}.anatomy-list{display:grid;gap:.45rem}.anatomy-list button{display:flex;min-height:3rem;align-items:center;justify-content:space-between;padding:.7rem .8rem;text-align:left;background:#edf4f2;border:0;border-radius:.65rem;cursor:pointer}.anatomy-list button:hover,.anatomy-list button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.soft-note{margin:0;color:#617477;font-size:.82rem}.related-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;margin-top:5rem;padding-top:4rem;border-top:1px solid var(--line)}.related-links{display:grid;gap:.65rem}.related-links a{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:1rem}.related-links small{color:var(--teal);font-size:.66rem;font-weight:800;letter-spacing:.09em}.related-links strong{font-size:1rem}.related-links span{grid-row:1/3;grid-column:2;align-self:center}.movement-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.movement-nav a{display:grid;padding:1.2rem;background:var(--ink);color:#fff;border-radius:1rem}.movement-nav a:last-child{text-align:right}.movement-nav span{color:var(--aqua);font-size:.72rem;font-weight:800}.movement-nav strong{font:600 1.2rem/1.2 Manrope,sans-serif}.detail-notice{margin-top:2rem}dialog{width:min(32rem,calc(100% - 2rem));padding:2rem;border:0;border-radius:1.4rem;box-shadow:0 30px 100px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(5,19,21,.66)}dialog small{color:var(--teal);font-weight:800;letter-spacing:.1em;text-transform:uppercase}dialog h2{margin:.6rem 0;font:600 2rem/1 Manrope,sans-serif}.dialog-close{position:absolute;right:1rem;top:1rem;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.4rem;cursor:pointer}footer{display:grid;grid-template-columns:1fr 1.5fr auto;gap:2rem;padding:3rem max(1.5rem,calc((100% - 1120px)/2));color:#d8e5e2;background:var(--ink);font-size:.78rem}footer div{display:grid}footer div span{color:#8fb0ad}footer p{margin:0;color:#9db5b2}.hm-privacy-link{color:#fff;font-weight:700}@media(max-width:900px){.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.movement-workspace{grid-template-columns:1fr}.analysis-column{display:flex;flex-direction:column}.layer-tabs{order:0}.phase-card{order:1}.analysis-panel{order:2}.related-section{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:620px){:root{--container:calc(100% - 1.4rem)}.site-header{min-height:4.8rem}.site-header nav a:first-child{display:none}.brand strong{font-size:.92rem}.intro{padding:3rem 0 2rem}.intro-grid,.detail-heading{grid-template-columns:1fr}.intro h1{font-size:clamp(3rem,15vw,4.8rem)}.intro-grid .dark-button{width:100%}.notice{font-size:.82rem}.catalog{padding:2rem 0 4rem}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}.filters{margin-top:1.2rem}.movement-grid{grid-template-columns:1fr}.card-copy{min-height:15rem}.detail-shell{padding-top:1rem}.crumb{font-size:.72rem}.detail-heading{padding:2.5rem 0 1.5rem}.detail-heading h1{font-size:clamp(2.7rem,14vw,4.5rem)}.save-button{justify-self:start}.visual-stage{border-radius:1.2rem}.player{grid-template-columns:auto 1fr}.player span{grid-column:1/3;text-align:center}.phase-tabs{grid-template-columns:1fr}.layer-tabs{margin-top:.8rem}.layer-tabs button{min-height:2.65rem}.related-section{margin-top:3rem;padding-top:3rem}.movement-nav{grid-template-columns:1fr}.movement-nav a:last-child{text-align:left}footer{padding:2.5rem 1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.visual-stage img{transform:none}}
