/* Reference atlas and continuously deforming anatomical model. */
.anatomy{--vowel-accent:#e26c55}.anatomy-real{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:20px;padding-top:18px}.anatomy-figure{margin:0;min-width:0}.anatomy-art{position:relative;width:100%;aspect-ratio:1;background:#fffefa;overflow:hidden;border-radius:12px;isolation:isolate}.anatomy-layer,.pose-thumb{background-image:url('./assets/vowel-anatomy-atlas.webp');background-size:300% 200%;background-repeat:no-repeat}.anatomy-layer{position:absolute;inset:0;opacity:0;transition:opacity .22s linear}.pose-a{background-position:0 0}.pose-e{background-position:50% 0}.pose-i{background-position:100% 0}.pose-o{background-position:0 100%}.pose-u{background-position:50% 100%}.anatomy-layer.pose-a{opacity:1}.image-status{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#94968d;background:#fffefa;z-index:5}.asset-ready .image-status{display:none}.image-view-label{position:absolute;left:9px;bottom:9px;background:#fffefaec;border:1px solid #ece5dc;border-radius:7px;padding:6px 10px;font-size:9px;display:flex;align-items:center;gap:9px;color:#8c8e80;z-index:6;box-shadow:0 2px 12px #6e3c1d05}.image-view-label b{font-size:13px;font-weight:600;color:var(--vowel-accent)}.anatomy-figure figcaption{font-size:9px;line-height:1.8;color:#9a9b8d;padding:9px 2px 0}.anatomy-detail{display:grid;align-content:center;justify-items:stretch;gap:19px}.anatomy-detail .vowel-readout{width:auto;padding:0}.anatomy-detail .vowel-readout>strong{color:var(--vowel-accent);font-size:47px}.anatomy-detail .vowel-readout>span:not(.mini-label){font-size:10px}.larynx-detail{padding-top:17px;border-top:1px solid var(--line);text-align:center}.larynx-heading{display:grid;gap:5px}.larynx-heading b{font-size:11px;font-weight:600}.larynx-heading span{font-size:8px;color:#92988c}.fold-view{position:relative;aspect-ratio:1;max-width:145px;margin:9px auto 0;border-radius:50%;overflow:hidden;background:#f7eee7;isolation:isolate}.fold-frame{position:absolute;inset:0;background:url('./assets/vocal-fold-atlas.webp') no-repeat;background-size:200% 200%;opacity:0}.fold-0{background-position:0 0}.fold-1{background-position:100% 0;opacity:1}.fold-2{background-position:0 100%}.fold-3{background-position:100% 100%}.larynx-detail p{font-size:8px;line-height:1.7;color:#93988b;margin:9px 0 0}.pose-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px;padding:13px 14px;background:#f8f7f2;border:1px solid #efede6;border-radius:9px}.pose-summary>div{display:grid;gap:5px}.pose-summary span{font-size:9px;color:#92978a}.pose-summary b{font-size:10px;font-weight:500;line-height:1.8;color:#67725f}.anatomy .formant-strip{margin-top:16px}.pose-library{margin-top:23px;padding:25px}.pose-library .eyebrow{font-size:8px;margin-bottom:8px}.pose-library h2{font-size:20px;font-weight:500}.gallery-intro{font-size:11px;color:#8b9384;line-height:1.8;margin:9px 0 0}.pose-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.pose-card{display:block;padding:0;border:1px solid #e9e5dc;border-radius:11px;overflow:hidden;text-align:left;background:#fffefa;color:inherit;min-width:0;box-shadow:0 2px 7px #472b0c02}.pose-card:hover{border-color:var(--card-accent);background:#fffcf6}.pose-card[aria-pressed=true]{border-color:var(--card-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 15%,transparent)}.pose-card-title{display:flex;align-items:baseline;gap:6px;padding:11px 12px;color:var(--card-accent);border-bottom:1px solid #f0eae2}.pose-card-title>b{font-size:24px;font-weight:500}.pose-card-title>span{font-size:12px;opacity:.7}.pose-card-title i{font-size:8px;font-style:normal;margin-left:auto;opacity:.7}.pose-thumb{display:block;aspect-ratio:1;width:100%}.pose-card-copy{display:grid;gap:5px;padding:13px 12px 12px}.pose-card-copy>b{font-size:11px;font-weight:500}.pose-card-copy>span{font-size:10px;color:#929589}.pose-card-frequency{display:flex;gap:12px;padding:10px 12px;border-top:1px solid #f0ede5;font-size:8px;color:var(--card-accent);background:#faf9f6}.pose-card-frequency b{color:#7d8576;font-size:9px;font-weight:400;margin-left:4px}.gallery-note{font-size:9px;color:#979c90;line-height:1.9;margin:15px 0 0}.pose-library+.compare{margin-top:19px}@media(max-width:1000px) and (min-width:761px){.anatomy-real{grid-template-columns:minmax(0,1fr) 105px;gap:8px}.anatomy-detail .vowel-readout>strong{font-size:38px}.pose-summary{padding:10px;gap:6px}.pose-summary b{font-size:9px}.pose-cards{gap:8px}.pose-card-title{padding:9px}.pose-card-copy{padding:11px 9px}.pose-card-frequency{gap:8px;padding:9px}}@media(max-width:760px){.anatomy-real{grid-template-columns:minmax(0,1fr) 120px;gap:10px;min-height:0}.anatomy-detail{gap:13px}.anatomy-detail .vowel-readout>strong{font-size:38px}.anatomy-detail .vowel-readout>span:not(.mini-label){font-size:9px}.larynx-detail{padding-top:12px}.fold-view{max-width:120px}.anatomy-figure figcaption{font-size:8px}.pose-summary{padding:11px 10px;gap:7px}.pose-summary b{font-size:9px}.pose-library{padding:20px 16px;margin-top:17px}.pose-library h2{font-size:18px}.pose-library .section-top>.pill{display:none}.pose-cards{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 3px 14px;margin:16px -3px 0}.pose-card{flex:0 0 165px;scroll-snap-align:start}.gallery-note{font-size:8px;margin-top:9px}.gallery-intro{font-size:10px}.anatomy-detail .mini-label{font-size:8px}}@media(max-width:430px){.anatomy-real{grid-template-columns:1fr;gap:9px}.anatomy-art{max-width:350px;margin:auto}.anatomy-detail{grid-template-columns:1fr 1.3fr;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:13px}.larynx-detail{border-top:0;border-left:1px solid var(--line);padding:0 0 0 13px}.larynx-heading b{font-size:10px}.fold-view{width:100px}.larynx-detail p{font-size:7px}.anatomy-detail .vowel-readout>strong{font-size:48px}.pose-summary b{font-size:8px}.pose-card{flex-basis:155px}.pose-library h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.anatomy-layer{transition:none}}