/* AIMMO DESIGN SYSTEM — evidence-only composition layer.
   Page structure, typography, color, spacing, hero, chapter rhythm and wide editorial rails
   are owned by the exact same HIMART design-system files used by himart.html. */

html body.aimmo-system-page{margin:0!important;background:#000!important;color:#fff!important;overflow-x:clip!important}
html body.aimmo-system-page *,html body.aimmo-system-page *::before,html body.aimmo-system-page *::after{box-sizing:border-box}
html body.aimmo-system-page a{color:inherit;text-decoration:none}
html body.aimmo-system-page #live-main{position:relative;background:#000!important}

/* HERO: media and copy geometry remain HIMART-owned. */
html body.aimmo-system-page #live-main .hm-movie-hero{position:sticky!important;top:0!important;z-index:1!important;padding:0!important}
html body.aimmo-system-page #live-main .hm-movie-video{transition:opacity .34s ease!important;background:#000}
html body.aimmo-system-page #live-main .hm-movie-video.is-aimmo-sequence-back{z-index:0!important}
html body.aimmo-system-page #live-main .hm-movie-video.is-aimmo-sequence-front{z-index:0!important}
html body.aimmo-system-page #live-main .hm-movie-overlay{z-index:1!important}
html body.aimmo-system-page #live-main .hm-ds-hero__inner{z-index:2!important}
html body.aimmo-system-page #live-main .hm-title{max-width:1060px!important}

/* Wide rail exists in authored DOM so AIMMO follows the same HIMART adapter geometry. */
html body.aimmo-system-page #live-main .hm-wide-right-rail{min-width:0;width:100%;max-width:100%}
html body.aimmo-system-page #live-main .hm-wide-right-rail > .hm-subsection,
html body.aimmo-system-page #live-main .hm-wide-right-rail > .data-list{min-width:0}

/* Team voice: HIMART evidence-card rhythm, denser than the previous isolated cards. */
.aimmo-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%}
.aimmo-quote-grid article{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-quote-grid article:first-child{border-top-color:var(--hm-blue)}
.aimmo-quote-grid strong{display:block;max-width:26ch;margin:0;color:#fff;font:100 var(--hm-type-group)/1.34 var(--hm-font-ko);font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group);word-break:keep-all}
.aimmo-quote-grid article:first-child strong{color:var(--hm-blue)}
.aimmo-quote-grid span{display:block;margin-top:36px;color:var(--hm-text-tertiary);font:400 var(--hm-type-note)/1.2 var(--hm-font-en);letter-spacing:var(--hm-track-note)}

/* PDF-derived portfolio images: same unframed black media plane used by HIMART. */
.aimmo-media{position:relative;width:100%;margin:var(--hm-subtitle-to-content) 0 0;overflow:hidden;background:#070707}
.aimmo-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.aimmo-media--wide{aspect-ratio:16/9}
.aimmo-media--system{aspect-ratio:16/9}
.aimmo-media--system img{object-fit:contain;background:#050505}

/* Circular reasoning flow borrows REUSE's visual grammar but HIMART type tokens. */
.aimmo-circle-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%;align-items:center}
.aimmo-circle-node{display:flex;aspect-ratio:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:26px;border:1px solid var(--hm-line-default);border-radius:50%;background:#000;text-align:center;container-type:inline-size}
.aimmo-circle-node>span{color:var(--hm-text-tertiary);font:300 11px/1 var(--hm-font-en);letter-spacing:var(--hm-track-note)}
.aimmo-circle-node h4{margin:14px 0 0!important;color:#fff!important;font:100 clamp(17px,9.5cqi,22px)/1.28 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group)!important;word-break:keep-all!important}
.aimmo-circle-node p{margin:10px 0 0!important;max-width:17ch!important;color:var(--hm-description-color)!important;font:300 clamp(11px,5.7cqi,13px)/1.45 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-body)!important;word-break:keep-all!important}
.aimmo-circle-node.is-accent{border-color:var(--hm-blue)}

/* 01.3 Reframe — broad comparison line, same stark HIMART visual language. */
.aimmo-statement{display:grid;grid-template-columns:70px minmax(0,1fr) 40px 70px minmax(0,1fr);gap:20px;align-items:center;width:100%;padding:38px 0;border-top:1px solid var(--hm-line-default);border-bottom:1px solid var(--hm-line-faint)}
.aimmo-statement span{color:var(--hm-blue);font:400 var(--hm-type-note)/1.2 var(--hm-font-en);letter-spacing:var(--hm-track-note)}
.aimmo-statement p{margin:0!important;max-width:none!important;color:#fff!important;font:100 var(--hm-type-group)/1.36 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group)!important;word-break:keep-all!important}
.aimmo-statement i{color:rgba(255,255,255,.32);font:100 26px/1 var(--hm-font-en);font-style:normal;text-align:center}

/* Core-first priorities. */
.aimmo-priority{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%}
.aimmo-priority article{min-height:250px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-priority article.is-accent{border-top-color:var(--hm-blue)}
.aimmo-priority span,.aimmo-principle-grid span,.aimmo-owner-grid span,.aimmo-dev-grid span,.aimmo-team-grid span{display:block;color:var(--hm-blue);font:400 var(--hm-type-note)/1.2 var(--hm-font-en);letter-spacing:var(--hm-track-note)}
.aimmo-priority b,.aimmo-owner-grid b{display:block;margin-top:30px;color:#fff;font:300 var(--hm-type-group)/1.15 var(--hm-font-en);letter-spacing:var(--hm-track-group)}
.aimmo-priority p,.aimmo-owner-grid p{margin:18px 0 0!important;max-width:20ch!important;color:var(--hm-description-color)!important;font:300 var(--hm-type-body)/1.52 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-body)!important;word-break:keep-all!important}

/* Six design principles, using the same two-column evidence density as HIMART cards. */
.aimmo-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%}
.aimmo-principle-grid article{min-height:180px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-principle-grid article:nth-child(1),.aimmo-principle-grid article:nth-child(4){border-top-color:var(--hm-blue)}
.aimmo-principle-grid h4{margin:32px 0 0!important;max-width:29ch!important;color:#fff!important;font:100 var(--hm-type-group)/1.32 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group)!important;word-break:keep-all!important}

/* Three-stage build loop. */
.aimmo-process{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);gap:0;align-items:center;width:100%}
.aimmo-process-step{display:flex;aspect-ratio:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px solid var(--hm-line-default);border-radius:50%;text-align:center}
.aimmo-process-step.is-accent{border-color:var(--hm-blue)}
.aimmo-process-step span{color:var(--hm-blue);font:300 11px/1 var(--hm-font-en);letter-spacing:var(--hm-track-note)}
.aimmo-process-step h4{margin:17px 0 0!important;color:#fff!important;font:100 var(--hm-type-group)/1.25 var(--hm-font-en)!important;letter-spacing:var(--hm-track-group)!important}
.aimmo-process-step p{margin:12px 0 0!important;max-width:18ch!important;color:var(--hm-description-color)!important;font:300 var(--hm-type-note)/1.48 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-body)!important;word-break:keep-all!important}
.aimmo-process>i{color:rgba(255,255,255,.30);font:100 30px/1 var(--hm-font-en);font-style:normal;text-align:center}

/* Parallel ownership: five equal tracks create a denser, operational feel. */
.aimmo-owner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;width:100%}
.aimmo-owner-grid article{min-width:0;min-height:220px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-owner-grid article:first-child{border-top-color:var(--hm-blue)}
.aimmo-owner-grid p{font-size:var(--hm-type-note)!important}
.aimmo-lead-message{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;align-items:start;margin-top:var(--hm-subtitle-to-content);padding:40px 0;border-top:1px solid var(--hm-line-default);border-bottom:1px solid var(--hm-line-faint)}
.aimmo-lead-message strong{color:var(--hm-blue);font:300 var(--hm-type-hero)/.92 var(--hm-font-en);letter-spacing:var(--hm-track-data-number)}
.aimmo-lead-message p{margin:0!important;max-width:none!important;color:#fff!important;font:100 var(--hm-type-subsection)/1.22 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-subsection)!important;word-break:keep-all!important}

/* Development bridge. */
.aimmo-dev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%}
.aimmo-dev-grid article{min-height:260px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-dev-grid article:first-child{border-top-color:var(--hm-blue)}
.aimmo-dev-grid h4,.aimmo-team-grid h4{margin:32px 0 0!important;color:#fff!important;font:100 var(--hm-type-group)/1.32 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group)!important;word-break:keep-all!important}
.aimmo-dev-grid p{margin:18px 0 0!important;max-width:28ch!important;color:var(--hm-description-color)!important;font:300 var(--hm-type-body)/1.52 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-body)!important;word-break:keep-all!important}

/* Impact — exactly the large-number cadence used throughout HIMART. */
.aimmo-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:100%}
.aimmo-impact-grid article{min-width:0;min-height:330px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-impact-grid article:first-child,.aimmo-impact-grid article.is-positive{border-top-color:var(--hm-blue)}
.aimmo-impact-grid strong{display:block;color:var(--hm-blue);font:300 var(--hm-type-hero)/.92 var(--hm-font-en);letter-spacing:var(--hm-track-data-number);font-variant-numeric:tabular-nums}
.aimmo-impact-grid h4{margin:34px 0 0!important;color:#fff!important;font:100 var(--hm-type-group)/1.28 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-group)!important;word-break:keep-all!important}
.aimmo-impact-grid p{margin:18px 0 0!important;max-width:25ch!important;color:var(--hm-description-color)!important;font:300 var(--hm-type-body)/1.52 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-body)!important;word-break:keep-all!important}

.aimmo-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%}
.aimmo-team-grid article{min-height:220px;padding:24px 0 28px;border-top:1px solid var(--hm-line-default)}
.aimmo-team-grid article:nth-child(2){border-top-color:var(--hm-blue)}

.aimmo-final-statement{padding:40px 0;border-top:1px solid var(--hm-line-default);border-bottom:1px solid var(--hm-line-faint)}
.aimmo-final-statement>span{display:block;margin-bottom:24px;color:var(--hm-blue);font:400 var(--hm-type-note)/1.2 var(--hm-font-en);letter-spacing:var(--hm-track-note)}
.aimmo-final-statement p{margin:0!important;max-width:1000px!important;color:#fff!important;font:100 var(--hm-type-subsection)/1.2 var(--hm-font-ko)!important;font-variation-settings:"wght" 100;letter-spacing:var(--hm-track-subsection)!important;word-break:keep-all!important}
.aimmo-final-statement strong{font-weight:400;font-variation-settings:"wght" 400}

/* The manually authored right rail should use the exact HIMART wide chapter alignment. */
@media(min-width:1600px){
  html body.aimmo-system-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section > .hm-wrap > .hm-section-head{
    grid-column:2!important;grid-row:1!important
  }
  html body.aimmo-system-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section > .hm-wrap > .hm-wide-right-rail{
    grid-column:4!important;grid-row:1!important;align-self:start!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important
  }
  html body.aimmo-system-page.hm-wide-editorial-test.hm-wide-himart-test #live-main > :is(#brand,#data,#journey,#direction).hm-section .hm-wide-right-rail > :first-child{margin-top:0!important}
}

@media(max-width:1180px){
  .aimmo-circle-flow,.aimmo-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aimmo-owner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aimmo-priority{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .aimmo-quote-grid,.aimmo-principle-grid,.aimmo-priority,.aimmo-circle-flow,.aimmo-impact-grid,.aimmo-owner-grid,.aimmo-dev-grid,.aimmo-team-grid{grid-template-columns:1fr}
  .aimmo-quote-grid article,.aimmo-priority article,.aimmo-impact-grid article,.aimmo-owner-grid article,.aimmo-dev-grid article,.aimmo-team-grid article{min-height:0}
  .aimmo-circle-node{aspect-ratio:auto;min-height:260px}
  .aimmo-process{grid-template-columns:1fr;gap:20px}
  .aimmo-process-step{aspect-ratio:auto;min-height:260px}
  .aimmo-process>i{transform:rotate(90deg)}
  .aimmo-statement{grid-template-columns:1fr;gap:14px}
  .aimmo-statement i{transform:rotate(90deg);text-align:left}
  .aimmo-lead-message{grid-template-columns:1fr;gap:32px}
  .aimmo-lead-message strong{font-size:52px}
}