/* Company Anatomy 3.1 — responsive, black-and-white editorial comic strip. */
.company-anatomy{margin:2rem 0 2.6rem;overflow:hidden;border:1.5px solid #111;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(18,18,18,.06);color:#111}
.company-anatomy *{box-sizing:border-box}
.company-anatomy__copy{padding:1.45rem 1.65rem 1.25rem;border-bottom:1.5px solid #111;background:#f8f7f3}
.company-anatomy__eyebrow{margin:0;color:#111;font-size:.8125rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.company-anatomy h2{max-width:850px;margin:.3rem 0 .62rem;font-size:clamp(1.42rem,2.5vw,2rem);line-height:1.08;text-wrap:balance}
.company-anatomy__intro{max-width:900px;margin:0;color:#454545;font-size:.96rem;line-height:1.55}
.company-anatomy__figure{margin:0;background:#fff}
.anatomy-comic__read-order{margin:0;padding:.58rem 1.1rem;border-bottom:1px solid #bab7af;background:#fff;color:#555;font-size:.8125rem;line-height:1.4}
.anatomy-comic__grid{display:grid;grid-template-columns:repeat(var(--comic-panel-count,4),minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;counter-reset:comic-panel}
.anatomy-comic__panel{position:relative;display:flex;min-width:0;flex-direction:column;border-right:1.5px solid #111;background:#fff;counter-increment:comic-panel}
.anatomy-comic__panel:last-child{border-right:0}
.anatomy-comic__art{display:grid;height:clamp(260px,27vw,360px);place-items:center;overflow:hidden;border-bottom:1px solid #a9a69f;background:#fff;padding:.35rem}
.anatomy-comic__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.anatomy-comic__copy{display:flex;min-width:0;flex:1;flex-direction:column;padding:.9rem .92rem 1rem}
.anatomy-comic__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .45rem;margin:0 0 .42rem;color:#444;font-size:.75rem;font-weight:850;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;overflow-wrap:anywhere}
.anatomy-comic__kicker span{display:inline-grid;min-width:3.9rem;min-height:1.55rem;place-items:center;padding:.18rem .38rem;border:1.5px solid #111;border-radius:999px;background:#111;color:#fff;font-size:.6875rem;letter-spacing:.04em;white-space:nowrap}
.anatomy-comic__panel h3{margin:0;color:#111;font-family:Georgia,'Times New Roman',serif;font-size:1.06rem;line-height:1.16;text-wrap:balance}
.anatomy-comic__body{margin:.52rem 0 .72rem;color:#303030;font-size:.855rem;line-height:1.48;overflow-wrap:anywhere}
.anatomy-comic__body strong{display:block;margin-bottom:.12rem;color:#111;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase}
.anatomy-comic__earn{margin:auto 0 0;padding:.62rem .66rem;border:1px solid #aaa69d;border-left:4px solid #111;background:#f2f1ed;color:#282828;font-size:.8125rem;line-height:1.42;overflow-wrap:anywhere}
.anatomy-comic__earn strong{display:block;margin-bottom:.12rem;color:#111;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase}
.company-anatomy__figure figcaption{margin:0;padding:.78rem 1.1rem;border-top:1.5px solid #111;background:#171717;color:#e8e8e8;font-size:.8125rem;line-height:1.45}
.company-anatomy__figure figcaption strong{color:#fff}
.company-anatomy__transcript{border-top:1px solid #d0cdc6;background:#f8f7f3;padding:.62rem 1.3rem .85rem}
.company-anatomy__transcript summary{cursor:pointer;color:#171717;font-size:.8125rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.company-anatomy__transcript ol{margin:.65rem 0 0;padding-left:1.25rem;color:#333;font-size:.875rem;line-height:1.5}
.company-anatomy__transcript li+li{margin-top:.45rem}
.company-anatomy__transcript span{display:block;color:#555}
@media(max-width:1100px){
  .anatomy-comic__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anatomy-comic__panel{border-bottom:1.5px solid #111}
  .anatomy-comic__panel:nth-child(2n){border-right:0}
  .company-anatomy[data-panel-count="4"] .anatomy-comic__panel:nth-last-child(-n+2){border-bottom:0}
  .company-anatomy[data-panel-count="3"] .anatomy-comic__panel:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
  .anatomy-comic__art{height:clamp(330px,58vw,500px)}
}
@media(max-width:640px){
  .company-anatomy{margin:1.5rem 0 2rem;border-radius:9px}
  .company-anatomy__copy{padding:1.15rem 1rem 1.05rem}
  .company-anatomy h2{font-size:1.38rem}
  .anatomy-comic__read-order{padding:.55rem .85rem}
  .anatomy-comic__grid{grid-template-columns:1fr}
  .anatomy-comic__panel,.anatomy-comic__panel:nth-child(2n),.anatomy-comic__panel:nth-last-child(-n+2){border-right:0;border-bottom:1.5px solid #111}
  .anatomy-comic__panel:last-child{border-bottom:0}
  .anatomy-comic__art{height:min(122vw,500px);padding:.28rem}
  .anatomy-comic__copy{padding:.86rem .9rem .95rem}
  .anatomy-comic__panel h3{font-size:1.12rem}
  .anatomy-comic__body{font-size:.9rem}
  .anatomy-comic__earn{font-size:.855rem}
  .company-anatomy__figure figcaption{font-size:.78rem}
  .company-anatomy__transcript{padding:.6rem 1rem .8rem}
}
@media(orientation:landscape) and (max-width:940px) and (max-height:620px){
  .company-anatomy__copy{padding:1rem 1.15rem .9rem}
  .anatomy-comic__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anatomy-comic__art{height:280px;padding:.24rem}
  .anatomy-comic__copy{padding:.72rem .78rem .82rem}
  .anatomy-comic__body{margin:.4rem 0 .55rem}
}
@media(min-width:1101px){
  .company-anatomy[data-panel-mode="business_line"] .anatomy-comic__panel{background:#fdfdfc}
}
@media print{
  .company-anatomy{break-inside:avoid;box-shadow:none}
  .company-anatomy__copy,.anatomy-comic__art,.anatomy-comic__earn,.company-anatomy__transcript{background:#fff}
  .company-anatomy__figure figcaption{background:#fff;color:#333}
  .company-anatomy__figure figcaption strong{color:#111}
  .anatomy-comic__panel{break-inside:avoid}
}