/* The Mouratoglou Methodology, global black / white charter, mobile first. */
.method-page{margin:0;background:var(--global-white,#fff);color:var(--global-black,#050505);overflow-x:hidden}
.method-page *,.method-page *::before,.method-page *::after{box-sizing:border-box}
.method-page main{display:block;overflow-x:clip}
:where(.method-page main) img{display:block;max-width:100%;height:auto}
.method-page main figure{margin:0}
.method-page main p{line-height:1.65}

/* Shared type */
.method-page .mt-eyebrow{margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.method-page main h2{margin:0 0 22px;font-size:clamp(36px,10vw,60px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.04em!important;text-transform:none!important}
.mt-section-head{max-width:760px}
.mt-section-head>p:last-child:not(.mt-eyebrow){margin:0;max-width:560px;font-size:16px;color:var(--global-muted,#62676d)}

/* Buttons */
.mt-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:16px 28px;border:1px solid var(--global-blue,#004b87);border-radius:999px;background:var(--global-blue,#004b87);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:filter .2s,background .2s,color .2s}
.mt-button:hover{filter:brightness(1.15)}
.mt-button span{display:inline-block;transition:transform .2s}
.mt-button:hover span{transform:translateX(4px)}
.mt-button .mt-arrow-down{transform:rotate(90deg)}
.mt-button:hover .mt-arrow-down{transform:rotate(90deg) translateX(4px)}
.mt-button-ghost{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}
.mt-button-ghost:hover{filter:none;background:#fff;border-color:#fff;color:var(--global-black,#050505)!important}
.method-page a:focus-visible{outline:3px solid var(--global-blue,#004b87);outline-offset:4px}
.mt-hero a:focus-visible,.mt-standard a:focus-visible,.mt-cta a:focus-visible{outline-color:#fff!important}

/* Hero */
.mt-hero{display:grid;background:var(--global-black,#050505);color:#fff}
.mt-hero-copy{display:flex;flex-direction:column;align-items:flex-start;padding:48px 20px 44px}
html body.method-page:not(#mt-h1a):not(#mt-h1b) .mt-hero h1{margin:6px 0 20px;color:#fff;font-size:clamp(46px,13.4vw,96px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.05em!important;text-transform:uppercase}
.mt-hero h1 span{display:block;margin-top:.08em;color:rgba(255,255,255,.55)}
.method-page .mt-hero-lead{margin:0 0 30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);width:100%;color:rgba(255,255,255,.85);font-size:clamp(18px,5vw,22px);font-weight:700;letter-spacing:-.01em;line-height:1.3}
.mt-hero .mt-button{width:100%}
.mt-hero-media{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:52% 30%}

/* Philosophy */
.mt-intro{display:grid;gap:36px;padding:64px 20px}
.mt-intro-media img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 22%}
.mt-intro-copy{max-width:620px}
.method-page .mt-intro-copy p{margin:0 0 16px;font-size:16px}
.method-page .mt-intro-copy .mt-lead{font-size:clamp(19px,5vw,23px);font-weight:700;line-height:1.4;letter-spacing:-.01em}
.mt-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:36px 0 0;border-top:1px solid var(--global-black,#050505)}
.mt-figures>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:16px 12px 0 0}
.mt-figures>div+div{padding-left:12px;border-left:1px solid var(--global-line,#d9dde1)}
.mt-figures dt{margin-top:8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--global-muted,#62676d)}
.mt-figures dd{margin:0;font-size:clamp(34px,10vw,64px);font-weight:900;line-height:.9;letter-spacing:-.05em}

/* Five pillars */
.mt-pillars{padding:64px 20px 72px;border-top:1px solid var(--global-line,#d9dde1);scroll-margin-top:84px}
.mt-pillar-list{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--global-black,#050505)}
.mt-pillar-list li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:start;padding:26px 0 28px;border-bottom:1px solid var(--global-line,#d9dde1)}
.mt-pillar-num{grid-row:span 2;font-size:clamp(56px,17vw,80px);font-weight:900;line-height:.8;letter-spacing:-.06em;font-variant-numeric:tabular-nums;transition:color .2s}
.method-page .mt-pillar-list h3{margin:0 0 10px;font-size:clamp(19px,5.4vw,26px);font-weight:900;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}
.method-page .mt-pillar-list p{margin:0;font-size:15px;color:var(--global-muted,#62676d)}
.mt-pillar-list li:hover .mt-pillar-num{color:var(--global-blue,#004b87)}

/* Coach standard */
.mt-standard{display:grid;background:var(--global-black,#050505);color:#fff}
.mt-standard-media img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 45%}
.mt-standard-copy{padding:56px 20px 64px}
.method-page .mt-standard-copy .mt-eyebrow{padding-top:18px;border-top:1px solid rgba(255,255,255,.35)}
.method-page .mt-standard-copy p{margin:0 0 16px;max-width:560px;color:rgba(255,255,255,.82);font-size:16px}
.mt-steps{margin:8px 0 28px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}
.mt-steps li{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.35);font-size:clamp(20px,5.6vw,28px);font-weight:900;letter-spacing:-.02em;line-height:1.1;text-transform:uppercase}
.mt-steps li span{flex:none;width:28px;font-size:11px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.6)}

/* Values */
.mt-values{padding:64px 20px 72px}
.mt-value-list{margin:40px 0 0;padding:0;list-style:none;counter-reset:mt-value;border-top:1px solid var(--global-black,#050505)}
.mt-value-list li{counter-increment:mt-value;display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--global-line,#d9dde1);font-size:clamp(28px,8.4vw,44px);font-weight:900;line-height:1;letter-spacing:-.04em;text-transform:uppercase}
.mt-value-list li::before{content:counter(mt-value,decimal-leading-zero);flex:none;width:26px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--global-muted,#62676d);transform:translateY(-.9em)}
.mt-value-list li{overflow-wrap:anywhere}
.mt-value-list li:nth-child(even){color:var(--global-muted,#62676d)}

/* Closing CTA */
.mt-cta{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;padding:200px 20px 64px;background:var(--global-black,#050505);color:#fff;overflow:hidden}
.mt-cta-media{position:absolute;inset:0;z-index:-2;width:100%;height:100%!important;object-fit:cover;object-position:62% 40%}
.mt-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(5,5,5,.25) 0%,rgba(5,5,5,.78) 45%,rgba(5,5,5,.94) 100%)}
.method-page main .mt-cta h2{font-size:clamp(42px,12vw,96px)!important;line-height:.95!important;text-transform:uppercase!important}
.mt-cta-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:12px}
.method-page .mt-source{margin:40px 0 0;font-size:12px;color:rgba(255,255,255,.7)}
.mt-source a{color:#fff!important;text-underline-offset:3px}

@media(min-width:600px){
  .mt-hero .mt-button{width:auto}
  .mt-cta-actions{flex-direction:row;flex-wrap:wrap;width:auto}
  .mt-value-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
}
@media(min-width:600px) and (max-width:900px){
  .mt-hero-copy,.mt-intro,.mt-pillars,.mt-standard-copy,.mt-values,.mt-cta{padding-left:40px;padding-right:40px}
  .mt-hero-media{aspect-ratio:16/10}
  .mt-intro-media img{aspect-ratio:4/5}
  .mt-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center}
  .mt-pillar-list li{grid-template-columns:120px minmax(0,1fr)}
  .mt-value-list li{font-size:clamp(22px,3.4vw,30px)}
}

/* Desktop */
@media(min-width:901px){
  .mt-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(860px,100vh);padding-top:84px}
  .mt-hero-copy{justify-content:center;padding:72px 5vw 88px}
  html body.method-page:not(#mt-h1a):not(#mt-h1b) .mt-hero h1{font-size:clamp(56px,5.3vw,96px)!important}
  .mt-hero-media{height:100%;aspect-ratio:auto;object-position:50% 30%}
  .method-page main h2{font-size:clamp(44px,4.4vw,68px)!important}

  .mt-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(56px,7vw,120px);align-items:center;padding:120px 5vw}
  .mt-intro-media img{aspect-ratio:4/5;max-height:760px}
  .method-page .mt-intro-copy p{font-size:17px}
  .mt-figures{margin-top:56px}
  .mt-figures>div+div{padding-left:24px}
  .mt-figures dd{font-size:clamp(56px,5.4vw,88px)}

  .mt-pillars{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:clamp(48px,6vw,110px);align-items:start;padding:120px 5vw 130px}
  .mt-pillars .mt-section-head{position:sticky;top:120px}
  .mt-pillar-list{margin-top:0}
  .mt-pillar-list li{grid-template-columns:clamp(150px,13vw,210px) minmax(0,1fr);padding:34px 0 38px}
  .mt-pillar-num{font-size:clamp(96px,9vw,150px)}
  .method-page .mt-pillar-list h3{margin-top:4px;font-size:clamp(24px,2.1vw,32px)}
  .method-page .mt-pillar-list p{max-width:520px;font-size:16px}

  .mt-standard{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:680px}
  .mt-standard-media img{aspect-ratio:auto;height:100%}
  .mt-standard-copy{display:flex;flex-direction:column;justify-content:center;padding:96px 5vw}

  .mt-values{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);column-gap:clamp(48px,6vw,110px);align-items:start;padding:120px 5vw 130px}
  .mt-value-list{margin-top:0;column-gap:48px}
  .mt-value-list li{padding:20px 0;font-size:clamp(22px,2vw,32px)}

  .mt-cta{align-items:center;justify-content:center;min-height:min(760px,90vh);padding:140px 5vw;text-align:center}
  .mt-cta::before{background:rgba(5,5,5,.66)}
  .method-page main .mt-cta h2{font-size:clamp(64px,7vw,120px)!important}
  .mt-cta-actions{justify-content:center;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.method-page *{transition:none!important}}

/* UX audit 2026-09: at tablet widths the figures column is narrow and "1996" ran into "05"; size the numbers to the row */
@media(min-width:600px) and (max-width:900px){.mt-figures{container-type:inline-size}.mt-figures dd{font-size:clamp(34px,12cqi,64px)}}

/* Global palette only (black / white / the home BOOK blue #004b87): no grey or faded text on this page.
   Coaches section 50/50 (photo / text) on desktop. */
.method-page{--global-muted:var(--global-black,#050505)}
.method-page :is(.mt-hero,.mt-standard,.mt-cta) :is(p,span,li,small,em,strong,.mt-eyebrow,h1,h2,h3){color:#fff!important}
.method-page :is(.mt-intro,.mt-pillars,.mt-values) :is(p,span,li,small,em,strong,h1,h2,h3){color:var(--global-black,#050505)!important}
.method-page :is(.mt-intro,.mt-pillars,.mt-values) .mt-eyebrow{color:var(--global-blue,#004b87)!important}
@media(min-width:901px){.method-page .mt-standard{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
.method-page .mt-pillar-list li:hover .mt-pillar-num{color:var(--global-blue,#004b87)!important}