.muscle-icons-panel{--icon-surface:#141a10;--icon-label:#c5ccbc;--icon-tile:#242e1b;background:var(--icon-surface);border-radius:24px;padding:24px 28px 36px}.icon-preview-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #ffffff12}.icon-palette{display:flex;gap:6px}.icon-palette button{width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:transparent;padding:9px}.icon-palette button span{display:block;width:20px;height:20px;background:var(--swatch);border-radius:50%;box-shadow:0 0 0 1px #8884}.icon-palette button[aria-pressed=true]{border-color:var(--icon-label)}.icon-shapes{display:flex;gap:4px;flex-wrap:wrap}.icon-shapes button{border:1px solid transparent;background:transparent;color:var(--icon-label);border-radius:8px;font-size:11px;min-height:40px;padding:8px 12px}.icon-shapes button[aria-pressed=true]{border-color:var(--icon-label)}.muscle-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 20px;padding-top:36px}.muscle-icon-tile{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--icon-label)}.muscle-icon-container{width:88px;height:88px;display:flex;align-items:center;justify-content:center;overflow:hidden}.muscle-icon-container img{display:block;width:76px;height:auto}.muscle-icon-tile figcaption{text-align:center;font-size:11px;line-height:1.4}.muscle-icons-panel[data-shape=square] .muscle-icon-container{background:var(--icon-tile);border-radius:16px}.muscle-icons-panel[data-shape=circle] .muscle-icon-container{background:var(--icon-tile);border-radius:50%}.muscle-icons-panel[data-tone=purple]{--icon-surface:#181620;--icon-tile:#2b263b;--icon-label:#c9c4da}.muscle-icons-panel[data-tone=coral]{--icon-surface:#201713;--icon-tile:#38251f;--icon-label:#d7c6bd}.muscle-icons-panel[data-tone=white]{--icon-surface:#151515;--icon-tile:#2b2b2b;--icon-label:#dedede}.muscle-icons-panel[data-tone=black]{--icon-surface:#edf0e9;--icon-tile:#dce1d6;--icon-label:#34392f}.icon-section-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.icon-section-footer p{font-size:11px;color:var(--muted)}.icon-section-footer .button{white-space:nowrap}@media(max-width:700px){.muscle-icons-panel{padding:18px 14px 28px}.muscle-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 8px}.muscle-icon-container{width:68px;height:68px}.muscle-icon-container img{width:60px}.icon-section-footer{align-items:flex-start;flex-direction:column}}@media(max-width:380px){.muscle-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Framed artwork fills the clipping container, including on mobile. */
.muscle-icons-panel[data-shape=square] .muscle-icon-container img,.muscle-icons-panel[data-shape=circle] .muscle-icon-container img{width:100%;height:100%;object-fit:cover;flex-shrink:0}

/* Circular anatomy previews sit behind the hero copy without intercepting input. */
.hero{position:relative;isolation:isolate}.hero-edge-icons{position:absolute;inset:0 0 auto;height:440px;overflow:visible;pointer-events:none;z-index:-1}.hero-edge-icon{position:absolute;aspect-ratio:1;height:auto;object-fit:cover;border-radius:50%;background:#28341c;border:1px solid #526044;opacity:.2;filter:blur(.5px) saturate(.65)}
.edge-icon-1{width:102px;left:-22px;top:48px;transform:rotate(-18deg)}.edge-icon-2{width:58px;left:12%;top:18px;opacity:.12;filter:blur(1.4px);transform:rotate(12deg)}.edge-icon-3{width:74px;left:5%;top:260px;opacity:.17;transform:rotate(16deg)}.edge-icon-4{width:64px;right:11%;top:22px;opacity:.13;filter:blur(1.5px);transform:rotate(-16deg)}.edge-icon-5{width:108px;right:-22px;top:135px;transform:rotate(18deg)}.edge-icon-6{width:72px;right:7%;top:310px;opacity:.15;filter:blur(1px);transform:rotate(-14deg)}.edge-icon-7{width:46px;left:2%;top:185px;opacity:.13;filter:blur(1.3px);transform:rotate(8deg)}.edge-icon-8{width:54px;left:16%;top:335px;opacity:.12;filter:blur(1.4px);transform:rotate(-12deg)}.edge-icon-9{width:42px;left:20%;top:95px;opacity:.1;filter:blur(1.7px);transform:rotate(15deg)}.edge-icon-10{width:48px;right:2%;top:60px;opacity:.15;transform:rotate(-10deg)}.edge-icon-11{width:46px;right:16%;top:355px;opacity:.11;filter:blur(1.5px);transform:rotate(12deg)}.edge-icon-12{width:42px;right:16%;top:190px;opacity:.1;filter:blur(1.7px);transform:rotate(-15deg)}
@media(max-width:900px){.edge-icon-2,.edge-icon-4,.edge-icon-9,.edge-icon-12{display:none}.hero-edge-icon{opacity:.12}.edge-icon-1{left:-36px;width:88px}.edge-icon-5{right:-38px;width:92px}.edge-icon-3{left:-18px;top:300px}.edge-icon-6{right:-18px;top:320px}.edge-icon-7{left:2%;top:180px}.edge-icon-8{left:10%;top:375px}.edge-icon-10{right:2%;top:35px}.edge-icon-11{right:12%;top:390px}}
@media(max-width:500px){.hero-edge-icon{opacity:.09}.edge-icon-8,.edge-icon-11{display:none}.edge-icon-1{top:20px;left:-42px}.edge-icon-5{top:235px;right:-40px}.edge-icon-3{top:345px;left:-30px}.edge-icon-6{top:365px;right:-30px}.edge-icon-7{top:175px;left:-16px}.edge-icon-10{top:65px;right:-12px}}

/* Keep full circles visible outside the content column and inside narrow screens. */
@media(max-width:1250px){.hero-edge-icons .edge-icon-1,.hero-edge-icons .edge-icon-3,.hero-edge-icons .edge-icon-7{left:0}.hero-edge-icons .edge-icon-5,.hero-edge-icons .edge-icon-6,.hero-edge-icons .edge-icon-10{right:0}}

.icon-family-details{margin-top:22px;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px;color:var(--muted)}.icon-family-details summary{cursor:pointer;color:var(--text)}.icon-family-details p{max-width:720px;line-height:1.8}.muscle-only-grid .muscle-icon-container img{object-fit:contain}

.icon-group-label{margin:24px 0 0;font-size:12px;font-weight:500;color:var(--icon-label)}.icon-style-divider{margin-top:36px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--icon-label) 20%,transparent)}.icon-style-divider p{font-size:11px;color:var(--icon-label);opacity:.7;margin:8px 0 0}

.icon-feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.icon-feature-block{position:relative;isolation:isolate;min-height:340px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:transparent}.icon-feature-mosaic{position:absolute;inset:-28px -24px 55px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,72px);gap:14px;transform:rotate(-8deg);opacity:.7;mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 96%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 35%,transparent 96%);pointer-events:none}.icon-feature-only .icon-feature-mosaic{transform:rotate(8deg);opacity:.8}.icon-feature-cell{display:flex;justify-content:center;align-items:center;min-width:0}.icon-feature-context .icon-feature-cell{width:68px;height:68px;justify-self:center;overflow:hidden;border-radius:50%;background:#242e1b}.icon-feature-cell img{display:block;width:68px;height:68px;object-fit:contain}.icon-feature-context .icon-feature-cell img{object-fit:cover;width:100%;height:100%}.icon-feature-copy{position:absolute;left:24px;right:24px;bottom:24px}.icon-feature-copy h3{font-size:19px;line-height:1.2;letter-spacing:-.5px;margin:0 0 10px}.icon-feature-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 10px}.icon-feature-copy a{display:inline-flex;align-items:center;gap:12px;min-height:32px;font-size:11px;color:var(--accent)}@media(max-width:700px){.icon-feature-pair{grid-template-columns:1fr}.icon-feature-block{min-height:320px}.icon-feature-mosaic{grid-template-rows:repeat(4,64px);gap:10px}.icon-feature-cell img,.icon-feature-context .icon-feature-cell{width:58px;height:58px}.icon-feature-copy{left:22px;right:22px;bottom:20px}}

/* A fine editor grid follows the selected preview palette. */
.muscle-icons-panel{background-color:var(--icon-surface);background-image:linear-gradient(to right,color-mix(in srgb,var(--icon-label) 7%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--icon-label) 7%,transparent) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--icon-label) 4%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--icon-label) 4%,transparent) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center center}.icon-preview-controls,.icon-families{background:var(--icon-surface)}

.deliverable-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.deliverable-card{overflow:hidden;border:1px solid var(--line);border-radius:24px}.deliverable-art{height:200px;display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 20px;overflow:hidden;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}.deliverable-bodies{padding:18px 30px 0;gap:8px}.deliverable-bodies img{height:200px;width:46%;object-fit:contain}.deliverable-thumbnails img{width:44%;height:auto;max-height:150px;object-fit:contain;border-radius:18px}.deliverable-icons{display:grid;grid-template-columns:repeat(2,76px);grid-template-rows:repeat(2,70px);gap:10px 18px}.deliverable-icons img{width:76px;height:70px;object-fit:contain}.deliverable-icons img:nth-child(odd){border-radius:50%;object-fit:cover;background:var(--panel)}.deliverable-copy{padding:8px 24px 28px}.deliverable-count{color:var(--accent);font:10px ui-monospace,monospace}.deliverable-copy h3{font-size:18px;letter-spacing:-.4px;margin:12px 0 8px}.deliverable-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.deliverable-files{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:24px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.deliverable-files h3{font-size:20px;letter-spacing:-.5px;margin:12px 0 8px}.deliverable-files p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.deliverable-files ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.deliverable-files li>span{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.deliverable-files strong{display:block;font-size:12px;font-weight:500;min-height:38px}.deliverable-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}.deliverable-note a{color:var(--text);white-space:nowrap}@media(max-width:800px){.deliverable-grid{grid-template-columns:1fr}.deliverable-card{display:grid;grid-template-columns:40% 60%;align-items:center}.deliverable-copy{padding:24px 20px}.deliverable-art{padding:12px;height:190px}.deliverable-bodies img{height:170px}.deliverable-icons{grid-template-columns:repeat(2,58px);grid-template-rows:repeat(2,58px);gap:6px}.deliverable-icons img{width:58px;height:58px}.deliverable-files{grid-template-columns:1fr;gap:24px}}@media(max-width:480px){.deliverable-files ul{grid-template-columns:1fr;gap:20px}.deliverable-files strong{min-height:0;margin-bottom:6px}.deliverable-copy h3{font-size:16px}.deliverable-count{font-size:9px}.deliverable-copy p{font-size:11px}.deliverable-icons{gap:4px;grid-template-columns:repeat(2,46px)}.deliverable-icons img{width:46px;height:46px}}

/* Distinct deliverables for the two reusable icon families. */
.deliverable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deliverable-icon-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;padding:30px 24px 24px;background-image:linear-gradient(#a3ad9909 1px,transparent 1px),linear-gradient(90deg,#a3ad9909 1px,transparent 1px);background-size:24px 24px}.deliverable-icon-examples figure{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0;min-width:0}.deliverable-icon-examples img{width:72px;height:72px;object-fit:contain}.deliverable-context .deliverable-icon-examples img{object-fit:cover;border-radius:50%;background:var(--panel)}.deliverable-icon-examples figcaption{font-size:10px;color:var(--muted)}.deliverable-color-key{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:16px}.deliverable-color-key>span{width:12px;height:12px;background:var(--sample);border-radius:50%;border:1px solid #a3ad9944}.deliverable-color-key small{font-size:10px;color:var(--muted);margin-left:5px}.deliverable-preview-link{display:inline-flex;align-items:center;min-height:40px;font-size:11px;color:var(--accent);margin-top:9px}@media(max-width:800px){.deliverable-grid{grid-template-columns:1fr}.deliverable-icon-family{display:block}.deliverable-icon-examples{gap:18px 12px}.deliverable-icon-examples img{width:68px;height:68px}}

.delivery-format-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:32px 0 12px}.delivery-format-icons>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.delivery-format-icons img{width:48px;height:48px;object-fit:contain}.delivery-format-icons strong{font-size:12px;font-weight:500}.delivery-format-icons span{font-size:10px;color:var(--muted)}
/* Fit the complete upper-body PNGs instead of covering and clipping the target. */
#muscle-detail .detail-main{height:440px}#muscle-detail .detail-main .detail-visual{width:64%;top:0;bottom:0;height:100%;padding:20px 10px 0;overflow:hidden}#muscle-detail .detail-main .detail-visual>img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;mask-image:none;-webkit-mask-image:none}#muscle-detail .detail-mini{min-height:280px}#muscle-detail .detail-mini>div{max-width:46%}#muscle-detail .detail-mini>img{width:66%;height:100%;padding-top:16px;object-fit:contain;object-position:right bottom;mask-image:none;-webkit-mask-image:none}
@media(max-width:1000px) and (min-width:701px){#muscle-detail .detail-main{height:420px}#muscle-detail .detail-mini{min-height:260px}}
@media(max-width:700px){#muscle-detail .detail-main{height:480px}#muscle-detail .detail-main .detail-tile-heading{width:100%;padding:22px}#muscle-detail .detail-main .detail-visual{width:100%;top:95px;height:calc(100% - 95px);padding:0 16px}#muscle-detail .detail-mini{min-height:280px}#muscle-detail .detail-mini>img{width:64%;height:100%}.delivery-format-icons{gap:14px 8px}.delivery-format-icons span{font-size:9px}.delivery-format-icons img{width:40px;height:40px}}

/* Dedicated crops fill card edges while leaving the full highlighted torso visible. */
#muscle-detail .detail-main .detail-visual{padding:0;overflow:hidden}#muscle-detail .detail-main .detail-visual>img,#muscle-detail .detail-mini>img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 7%,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 7%,#000 12%)}#muscle-detail .detail-mini>img{width:66%}
@media(max-width:700px){#muscle-detail .detail-main .detail-visual{padding:0}#muscle-detail .detail-mini>img{width:64%}}

/* Keep the original left silhouette; only the card clips the right and lower torso. */
#muscle-detail .detail-main .detail-visual{overflow:visible}#muscle-detail .detail-main .detail-visual>img{position:absolute;left:12%;right:auto;top:12px;bottom:auto;width:auto;height:145%;max-width:none;object-fit:contain;object-position:center;padding:0}#muscle-detail .detail-mini>img{position:absolute;left:40%;right:auto;top:16px;bottom:auto;width:auto;height:145%;max-width:none;object-fit:contain;object-position:center;padding:0}
@media(max-width:700px){#muscle-detail .detail-main .detail-visual>img{left:8%;top:12px;height:145%;width:auto}#muscle-detail .detail-mini>img{left:40%;top:16px;height:145%;width:auto}}

/* A continuous preview grid with aligned color and container controls. */
.muscle-icons-panel .icon-preview-controls{background:transparent;gap:16px 24px;padding:0 0 20px;align-items:center}
.muscle-icons-panel .icon-palette{align-items:center;gap:4px;flex-shrink:0}
.muscle-icons-panel .icon-palette button{display:grid;place-items:center;width:44px;height:44px;padding:0;flex-shrink:0}
.muscle-icons-panel .icon-palette button span{width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb,var(--icon-label) 40%,transparent)}
.muscle-icons-panel .icon-shapes{display:flex;flex-wrap:nowrap;gap:2px;padding:3px;border:1px solid color-mix(in srgb,var(--icon-label) 20%,transparent);border-radius:12px;background:var(--icon-surface);max-width:100%}
.muscle-icons-panel .icon-shapes button{min-height:38px;padding:8px 14px;border:0;border-radius:8px;white-space:nowrap;flex:1}
.muscle-icons-panel .icon-shapes button[aria-pressed=true]{background:color-mix(in srgb,var(--icon-label) 14%,var(--icon-surface));color:var(--icon-label);box-shadow:0 1px 3px #0002}
.muscle-icons-panel .icon-shapes button:hover{background:color-mix(in srgb,var(--icon-label) 9%,var(--icon-surface))}
.muscle-icons-panel .icon-shapes button[aria-pressed=true]:hover{background:color-mix(in srgb,var(--icon-label) 18%,var(--icon-surface))}
@media(max-width:550px){.muscle-icons-panel .icon-preview-controls{justify-content:center;gap:12px;padding-bottom:18px}.muscle-icons-panel .icon-shapes{width:100%}.muscle-icons-panel .icon-shapes button{min-height:44px;padding:8px 10px}}