/* The E.H.Y.O.N.G. Method page. Builds on geo-page.css (wrap, section, card, eyebrow, lede, cta). */
.em-page{--em-amber:#f0a83c;--em-orange:#e8862f;--em-magenta:#d83aa8;--em-pink:#c75ad8;--em-cyan:#2fbfe3;--em-sky:#5fd3e8;--em-paper:#eef0f2}
.em-page .section{padding:84px 0}
.em-page h2{max-width:20ch}
.em-sub{color:var(--muted);max-width:62ch;font-size:clamp(1rem,1.6vw,1.15rem);margin:0 0 34px}

/* Light "print" frame for the slide artwork, which has a pale studio background */
.em-print{margin:0;border-radius:22px;overflow:hidden;background:var(--em-paper);border:1px solid rgba(214,174,103,.32);box-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
.em-print picture,.em-print img{display:block;width:100%;height:auto}
.em-print--contain img{object-fit:contain}
.em-cap{margin:12px 2px 0;color:var(--muted);font-size:.86rem}

/* Hero */
.em-hero{padding:88px 0 76px}
.em-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.em-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.045em;margin:.25em 0 .35em}
.em-hero h1 span{display:block}
.em-hero h1 span:nth-child(2){color:var(--gold)}
.em-hero .lede{max-width:56ch}
.em-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.em-ghost{display:inline-block;padding:11px 19px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:700;color:var(--text)}
.em-ghost:hover,.em-ghost:focus-visible{border-color:var(--gold);color:var(--gold)}
.em-stats{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.em-stats li{padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:.86rem;color:var(--muted)}
.em-stats strong{color:var(--text);margin-right:6px}
.em-hero .em-print{max-width:470px;justify-self:end;width:100%}

/* Two-column band */
.em-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.em-band--flip{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.em-band--flip>.em-print{order:2}
.em-band .em-print{max-width:460px;width:100%}
.em-band--flip .em-print{justify-self:end}
.em-band h2{margin-top:.1em}
.em-big{font-size:clamp(1.15rem,2vw,1.4rem);color:var(--text)!important;max-width:44ch}

/* Comparison */
.em-compare{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.em-compare .card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.em-compare .em-print{border-radius:0;border:0;box-shadow:none}
.em-compare .em-cbody{padding:22px 26px 26px}
.em-compare h3{margin:0 0 6px}
.em-compare .em-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.em-compare .is-method{border-color:rgba(214,174,103,.6)}
.em-compare .is-method .em-tag{color:var(--gold)}

/* Six steps */
.em-steps-art{margin:0 0 40px}
.em-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.em-phase{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px}
.em-phase>p{margin:0 0 18px;font-size:.95rem}
.em-phase h3{margin:0 0 6px;font-size:1.2rem}
.em-letter{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
.em-letter b{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;font-size:1.65rem;font-weight:900;color:#140d05;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -14px rgba(0,0,0,.9)}
.em-letter strong{display:block;color:var(--text);font-size:1rem}
.em-letter span{color:var(--muted);font-size:.92rem;line-height:1.5}
.em-l-e{background:linear-gradient(145deg,#ffd28a,var(--em-amber))}
.em-l-h{background:linear-gradient(145deg,#ffb36b,var(--em-orange))}
.em-l-y{background:linear-gradient(145deg,#ff8fd6,var(--em-magenta))}
.em-l-o{background:linear-gradient(145deg,#f0a5ff,var(--em-pink))}
.em-l-n{background:linear-gradient(145deg,#9ee9ff,var(--em-cyan))}
.em-l-g{background:linear-gradient(145deg,#b8f4ff,var(--em-sky))}

/* Five days */
.em-days{display:grid;gap:22px}
.em-day{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:0;background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.em-day .em-print{border:0;border-radius:0;box-shadow:none;min-height:100%;position:relative;min-height:220px}
.em-day .em-print picture{position:absolute;inset:0}
.em-day .em-print img{width:100%;height:100%;object-fit:cover}
.em-day-body{padding:28px 32px 30px}
.em-day-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-bottom:6px}
.em-day-num{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.em-day-phase{font-size:.78rem;color:var(--muted);letter-spacing:.04em}
.em-day h3{margin:0 0 10px;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.2}
.em-day-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.em-day h4{margin:0 0 6px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.em-day-cols p{margin:0;color:var(--muted)}
.em-day ol{margin:0;padding-left:1.15em;color:var(--text)}
.em-day li{margin:0 0 6px;line-height:1.5}
.em-take{margin:20px 0 0;padding:12px 16px;border-radius:14px;background:rgba(214,174,103,.09);border:1px solid rgba(214,174,103,.28);color:var(--text)!important}
.em-take strong{color:var(--gold);margin-right:6px}

/* Deliverables */
.em-list{list-style:none;margin:18px 0 0;padding:0;counter-reset:em}
.em-list li{counter-increment:em;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-weight:600}
.em-list li::before{content:counter(em,decimal-leading-zero);color:var(--gold);font-weight:800;font-size:.9rem;letter-spacing:.06em}
.em-final{margin-top:26px;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:800;line-height:1.25;color:var(--text)!important;letter-spacing:-.02em}

/* Overview */
.em-overview a{display:block;text-decoration:none}
.em-overview a:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:22px}

/* Grids */
.em-grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.em-grid4 .card h3,.em-aud .card h3{margin-bottom:8px}
.em-faq{grid-template-columns:repeat(2,1fr)}
.em-aud dl{margin:0}
.em-aud dt{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:14px}
.em-aud dd{margin:4px 0 0;color:var(--muted)}
.em-key{margin-top:22px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,rgba(216,58,168,.18),rgba(214,174,103,.12));border:1px solid rgba(216,58,168,.35)}
.em-key p{margin:0;color:var(--text)!important}
.em-key strong{color:#ffb8e6}

/* Closing */
.em-close{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center}
.em-close h2{font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:-.035em}
.em-close .em-print{max-width:380px;justify-self:end;width:100%}

@media(max-width:900px){
  .em-hero-grid,.em-band,.em-band--flip,.em-close{grid-template-columns:1fr;gap:30px}
  .em-band--flip>.em-print{order:0}
  .em-hero .em-print,.em-band .em-print,.em-band--flip .em-print,.em-close .em-print{justify-self:start;max-width:420px}
  .em-phases{grid-template-columns:1fr}
  .em-day{grid-template-columns:1fr}
  .em-day .em-print{min-height:240px}
}
@media(max-width:640px){
  .em-page .section{padding:54px 0}
  .em-hero{padding:56px 0 48px}
  .em-compare,.em-grid4,.em-day-cols,.em-faq{grid-template-columns:1fr}
  .em-day-body{padding:22px 20px 24px}
  .em-day-cols{gap:18px}
}