:root{--m9-bg:#090916;--m9-ink:#fff;--m9-muted:#b7b8c2;--m9-dark:#050506;--m9-line:rgba(255,255,255,.18);--m9-max:1560px}
body[data-page="aito-m9-details"]{margin:0;background:var(--m9-bg);color:var(--m9-ink);overflow-x:clip}
.m9-detail{padding:0;background:var(--m9-bg)}
.m9-replica{min-height:100vh;background:var(--m9-bg)}
.m9-replica-hero{position:relative;height:100svh;min-height:680px;background:#050506;overflow:hidden;color:#fff}
.m9-replica-hero>picture,.m9-replica-hero>picture img{display:block;width:100%;height:100%}
.m9-replica-hero>picture img{object-fit:cover;object-position:center}
.m9-replica-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 26%,transparent 70%,rgba(0,0,0,.36))}
.m9-replica-hero__copy{position:absolute;z-index:2;top:clamp(110px,15vh,180px);left:50%;transform:translateX(-50%);width:min(90vw,980px);text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.m9-replica-hero h1{margin:0;font-size:clamp(4rem,7vw,8.2rem);font-weight:300;letter-spacing:.02em;line-height:.95}
.m9-replica-hero p{margin:1.2rem 0 0;font-size:clamp(1rem,1.45vw,1.45rem);letter-spacing:.12em}
.m9-detail-localnav{position:sticky;top:67px;z-index:30;display:flex;justify-content:center;gap:clamp(1.2rem,3.2vw,4.2rem);box-sizing:border-box;width:100%;padding:1rem 4vw;overflow-x:auto;background:rgba(4,4,5,.94);border-block:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);scrollbar-width:none}
.m9-detail-localnav::-webkit-scrollbar{display:none}
.m9-detail-localnav a{position:relative;color:#b8b8b8;text-decoration:none;white-space:nowrap;font-size:.9rem;letter-spacing:.04em;transition:color .25s}
.m9-detail-localnav a::after{content:"";position:absolute;left:0;right:0;bottom:-1rem;height:2px;background:#fff;transform:scaleX(0);transition:transform .25s}
.m9-detail-localnav a:hover,.m9-detail-localnav a:focus-visible,.m9-detail-localnav a.is-active{color:#fff}
.m9-detail-localnav a.is-active::after{transform:scaleX(1)}
.m9-chapter{position:relative;padding:0 0 clamp(8rem,12vw,15rem);background:#090916;scroll-margin-top:118px}
.m9-chapter-visual{position:relative;width:100%;height:min(76vw,1000px);min-height:680px;overflow:hidden;background:#090916}
.m9-chapter-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,9,22,.7) 0%,rgba(9,9,22,.18) 35%,rgba(9,9,22,.05) 64%,rgba(9,9,22,.7) 100%);pointer-events:none}
.m9-chapter-visual .m9-full-media,.m9-chapter-visual picture,.m9-chapter-visual img{height:100%;min-height:0}
.m9-chapter-visual img{object-fit:cover}
.m9-chapter-head{position:absolute;z-index:2;top:clamp(88px,10vw,150px);left:50%;width:min(1120px,88vw);margin:0;transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.5)}
.m9-chapter-head p{margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.25vw,1.28rem);letter-spacing:.06em;line-height:1.7}
.m9-chapter-head h2{margin:0 0 1.2rem;font-size:clamp(3.4rem,5.7vw,6.4rem);font-weight:300;line-height:1;letter-spacing:.015em}
.m9-full-media,.m9-wide-media,.m9-editorial-media,.m9-feature-card__media,.m9-colour-picker__stage,.m9-mosaic__item,.m9-power-card>picture{overflow:hidden;background:#090916}
.m9-full-media{width:100%;min-height:min(72vw,960px)}
.m9-wide-media{width:min(var(--m9-max),92vw);margin:clamp(5rem,8vw,10rem) auto}
.m9-full-media picture,.m9-full-media img,.m9-wide-media picture,.m9-wide-media img{display:block;width:100%;height:100%}
.m9-full-media img{min-height:min(72vw,960px);object-fit:cover}
.m9-wide-media img{height:auto}
.m9-metric-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;width:min(1260px,88vw);margin:clamp(5rem,7vw,8rem) auto;padding:0}
.m9-metric-strip div{min-width:0;padding:0 1.8rem;text-align:center;border-right:1px solid var(--m9-line)}
.m9-metric-strip div:last-child{border-right:0}
.m9-metric-strip dt{display:flex;align-items:baseline;justify-content:center;gap:.45rem;margin:0;white-space:nowrap}
.m9-metric-strip dt strong{font-size:clamp(2rem,3.5vw,4rem);font-weight:300;line-height:1}
.m9-metric-strip dt span{font-size:.82rem}
.m9-metric-strip dd{margin:.85rem 0 0;color:var(--m9-muted);font-size:.84rem;line-height:1.4}
.m9-editorial-split{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);align-items:center;gap:clamp(3rem,7vw,9rem);width:min(var(--m9-max),90vw);margin:clamp(7rem,11vw,14rem) auto}
.m9-editorial-split.is-reverse{grid-template-columns:minmax(0,1.5fr) minmax(260px,.72fr)}
.m9-editorial-split.is-reverse .m9-editorial-copy{order:2}
.m9-editorial-copy{padding-inline:clamp(0rem,2vw,2rem)}
.m9-editorial-copy h3,.m9-feature-card h3,.m9-colour-picker h3,.m9-power-card h3{margin:0 0 1.2rem;font-size:clamp(2rem,3.2vw,4rem);font-weight:400;line-height:1.13}
.m9-editorial-copy p,.m9-feature-card p,.m9-power-card p{margin:0;color:var(--m9-muted);font-size:clamp(1rem,1.16vw,1.2rem);line-height:1.8}
.m9-editorial-media picture,.m9-editorial-media img{display:block;width:100%;height:100%}
.m9-editorial-media img{aspect-ratio:16/10;object-fit:cover}
.m9-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);width:min(var(--m9-max),92vw);margin:clamp(6rem,9vw,11rem) auto}
.m9-feature-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.m9-feature-card{display:flex;flex-direction:column;min-width:0;background:#090916}
.m9-feature-card.is-wide{grid-column:1/-1}
.m9-feature-card__media picture,.m9-feature-card__media img{display:block;width:100%;height:100%}
.m9-feature-card__media img{aspect-ratio:16/9;object-fit:cover}
.m9-feature-card.is-wide .m9-feature-card__media img{aspect-ratio:21/9}
.m9-feature-card__copy{padding:clamp(1.7rem,3vw,3.2rem)}
.m9-feature-card h3{font-size:clamp(1.6rem,2.3vw,2.8rem)}
.m9-colour-picker{width:min(var(--m9-max),92vw);margin:clamp(7rem,11vw,14rem) auto;text-align:center;scroll-margin-top:150px}
.m9-colour-picker h3{margin-bottom:clamp(2rem,4vw,4.5rem)}
.m9-colour-picker__stage picture,.m9-colour-picker__stage img{display:block;width:100%;height:100%}
.m9-colour-picker__stage img{aspect-ratio:16/9;object-fit:cover}
.m9-colour-picker__controls{display:flex;justify-content:center;gap:clamp(.65rem,1.4vw,1.5rem);max-width:100%;padding:1.7rem .5rem .5rem;overflow-x:auto;scrollbar-width:thin}
.m9-colour-picker__controls button{flex:0 0 auto;display:grid;justify-items:center;gap:.55rem;min-width:78px;padding:.5rem;border:0;color:var(--m9-muted);background:transparent;font:inherit;cursor:pointer}
.m9-colour-picker__controls button img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.m9-colour-picker__controls button span{max-width:104px;font-size:.74rem;line-height:1.25;white-space:normal}
.m9-colour-picker__controls button[aria-pressed="true"]{color:var(--m9-ink)}
.m9-colour-picker__controls button[aria-pressed="true"] img{border-color:#090916;box-shadow:0 0 0 2px #fff}
.m9-large-feature{position:relative;width:min(1720px,96vw);margin:clamp(7rem,11vw,14rem) auto;overflow:hidden;background:#05050b;scroll-margin-top:150px}
.m9-large-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,11,.72),rgba(4,4,11,.08) 38%,rgba(4,4,11,.06) 68%,rgba(4,4,11,.4));pointer-events:none}
.m9-large-feature__media picture,.m9-large-feature__media img{display:block;width:100%;height:100%}
.m9-large-feature__media img{aspect-ratio:16/9;object-fit:cover}
.m9-large-feature__copy{position:absolute;z-index:2;top:clamp(2.5rem,5.5vw,6.5rem);left:50%;width:min(900px,84%);transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.48)}
.m9-large-feature__copy h3{margin:0 0 1rem;font-size:clamp(2.4rem,4.4vw,5.2rem);font-weight:300;line-height:1.05}
.m9-large-feature__copy p{margin:0 auto;max-width:760px;color:rgba(255,255,255,.84);font-size:clamp(.92rem,1.15vw,1.16rem);line-height:1.7}
.m9-content-carousel{width:min(1720px,96vw);margin:clamp(7rem,11vw,14rem) auto;scroll-margin-top:150px}
.m9-carousel-stage{position:relative;width:100%;overflow:hidden;background:#05050b}
.m9-carousel-slide{position:relative;width:100%}
.m9-carousel-slide[hidden]{display:none!important}
.m9-carousel-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,11,.72),rgba(4,4,11,.08) 38%,rgba(4,4,11,.06) 68%,rgba(4,4,11,.4));pointer-events:none}
.m9-carousel-slide__media picture,.m9-carousel-slide__media img{display:block;width:100%;height:100%}
.m9-carousel-slide__media img{aspect-ratio:16/9;object-fit:cover}
.m9-carousel-slide__copy{position:absolute;z-index:2;top:clamp(2.5rem,5.5vw,6.5rem);left:50%;width:min(900px,84%);transform:translateX(-50%);text-align:center;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.48)}
.m9-carousel-slide__copy h3{margin:0 0 1rem;font-size:clamp(2.4rem,4.4vw,5.2rem);font-weight:300;line-height:1.05}
.m9-carousel-slide__copy p{margin:0 auto;max-width:760px;color:rgba(255,255,255,.84);font-size:clamp(.92rem,1.15vw,1.16rem);line-height:1.7}
.m9-carousel-controls{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,5vw,5.5rem);min-height:116px;padding:1.1rem 1.25rem;background:#090916}
.m9-carousel-progress{display:flex;align-items:center;gap:1rem;color:#d8bda2;font-variant-numeric:tabular-nums}
.m9-carousel-progress strong,.m9-carousel-progress b{font-size:1.05rem;font-weight:600}
.m9-carousel-progress span{display:block;width:clamp(80px,9vw,150px);height:1px;background:rgba(216,189,162,.55)}
.m9-carousel-arrows{display:flex;gap:.7rem}
.m9-carousel-arrows button{width:58px;height:64px;padding:0;border:0;background:transparent;color:#d8bda2;cursor:pointer}
.m9-carousel-arrows svg{display:block;width:100%;height:100%;overflow:visible}
.m9-carousel-arrow__frame{fill:rgba(9,9,22,.5);stroke:currentColor;stroke-width:1.7}
.m9-carousel-arrow__mark{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.m9-carousel-arrows button:hover,.m9-carousel-arrows button:focus-visible{color:#fff}
.m9-carousel-arrows button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.m9-mosaic{display:grid;grid-template-columns:1.15fr .85fr;grid-auto-rows:minmax(260px,38vw);gap:1rem;width:min(var(--m9-max),92vw);margin:clamp(6rem,9vw,11rem) auto}
.m9-mosaic__item:first-child{grid-row:span 2}
.m9-mosaic picture,.m9-mosaic img{display:block;width:100%;height:100%}
.m9-mosaic img{object-fit:cover}
.m9-power-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);width:min(var(--m9-max),92vw);margin:clamp(7rem,11vw,14rem) auto;scroll-margin-top:150px}
.m9-power-card{min-width:0;background:#090916;color:#fff}
.m9-power-card>picture,.m9-power-card>picture img{display:block;width:100%;height:auto}
.m9-power-card>div{padding:clamp(2rem,4vw,4rem)}
.m9-power-card p{color:#aaa}
.m9-metric-strip--compact{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:2.5rem 0}
.m9-metric-strip--compact div{padding:1rem .6rem;border-color:rgba(255,255,255,.18)}
.m9-metric-strip--compact dt strong{font-size:clamp(1.7rem,2.5vw,2.7rem)}
.m9-metric-strip--compact dd{color:#aaa}
.m9-replica-footnote{width:min(1180px,88vw);margin:0 auto;padding:5rem 0 8rem;color:#767676;font-size:.78rem;line-height:1.8}
.m9-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.m9-reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){
  .m9-replica-hero{min-height:620px;height:92svh}
  .m9-replica-hero__copy{top:105px}
  .m9-detail-localnav{top:57px;justify-content:flex-start;padding-inline:1.25rem}
  .m9-chapter{padding:0 0 7rem}
  .m9-chapter-visual{height:82svh;min-height:620px}
  .m9-chapter-head{top:82px;width:calc(100vw - 2.5rem);text-align:center}
  .m9-chapter-head h2{font-size:clamp(2.5rem,10.5vw,4.2rem);overflow-wrap:anywhere}
  .m9-full-media{min-height:0}
  .m9-full-media img{min-height:0;aspect-ratio:4/5;object-fit:cover}
  .m9-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 2.5rem);gap:2rem 0;margin-block:3.5rem 5rem}
  .m9-metric-strip div{padding:.5rem;border-right:0;border-bottom:1px solid var(--m9-line)}
  .m9-metric-strip div:last-child{grid-column:1/-1}
  .m9-editorial-split,.m9-editorial-split.is-reverse{grid-template-columns:1fr;gap:2rem;width:100%;margin-block:6rem}
  .m9-editorial-split.is-reverse .m9-editorial-copy{order:0}
  .m9-editorial-copy{padding-inline:1.25rem}
  .m9-editorial-media img{aspect-ratio:4/5}
  .m9-wide-media,.m9-feature-grid,.m9-colour-picker,.m9-mosaic,.m9-power-grid{width:100%;margin-block:5rem}
  .m9-feature-grid,.m9-feature-grid--two,.m9-power-grid{grid-template-columns:1fr;gap:.9rem}
  .m9-feature-card.is-wide{grid-column:auto}
  .m9-feature-card__media img,.m9-feature-card.is-wide .m9-feature-card__media img{aspect-ratio:4/3}
  .m9-colour-picker h3{padding-inline:1.25rem;text-align:left;color:#fff}
  .m9-colour-picker__stage img{aspect-ratio:4/5}
  .m9-colour-picker__controls{justify-content:flex-start;padding-inline:1.25rem}
  .m9-large-feature,.m9-content-carousel{width:100%;margin-block:5rem}
  .m9-large-feature__media img{aspect-ratio:4/5}
  .m9-large-feature__copy{top:2rem;width:calc(100% - 2.5rem)}
  .m9-large-feature__copy h3{font-size:clamp(2rem,9vw,3.2rem)}
  .m9-large-feature__copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.86rem}
  .m9-carousel-slide__media img{aspect-ratio:4/5}
  .m9-carousel-slide__copy{top:2rem;width:calc(100% - 2.5rem)}
  .m9-carousel-slide__copy h3{font-size:clamp(2rem,9vw,3.2rem)}
  .m9-carousel-slide__copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.86rem}
  .m9-carousel-controls{min-height:104px;gap:1.6rem}
  .m9-carousel-progress{gap:.65rem}
  .m9-carousel-progress span{width:60px}
  .m9-carousel-arrows button{width:50px;height:56px}
  .m9-mosaic{grid-template-columns:1fr;grid-auto-rows:auto;gap:.8rem}
  .m9-mosaic__item:first-child{grid-row:auto}
  .m9-mosaic img{aspect-ratio:4/3}
  .m9-power-card>div{padding:2rem 1.25rem 3rem}
}
@media(max-width:520px){
  .m9-replica-hero h1{font-size:clamp(3.5rem,18vw,5.2rem)}
  .m9-replica-hero>picture img{object-position:center}
  .m9-chapter-head p{font-size:.95rem}
  .m9-metric-strip dt strong{font-size:2rem}
  .m9-metric-strip dd{font-size:.73rem}
  .m9-colour-picker__controls button{min-width:68px}
  .m9-carousel-controls{justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.m9-reveal{opacity:1;transform:none;transition:none}}