/* myrnajackson.com — Metamorphosis Coaching + Consulting
   Rebuilt from the Duda site (b28e8316). Sizes, colours and spacing follow the live
   Duda pages measured at 1440px wide; phone layout follows the Duda mobile view. */

:root {
  --orange: #ff5100;      /* Duda color_1 */
  --navy: #002e6d;        /* color_2 */
  --ink: #101820;         /* color_4, body text and dark buttons */
  --pink: #e81f76;        /* color_5, Boomerang accents */
  --yellow: #ffd80d;      /* Buy on Amazon button */
  --amber: #ff8300;       /* color_7, gradient ends and "yes/no" */
  --orange-text: #f37121; /* "Ready to optimize…" heading */
  --gray-bg: #eeeeee;     /* Duda body background */
  --panel: #fcfcfc;       /* accordion title background */
  --wrap: 1200px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: var(--ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
img, video { display: block; max-width: 100%; }
a { color: inherit; }
p { margin: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 700; }
strong { font-weight: 700; }
.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Buttons ------------------------------------------------------------------ */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 200px; min-height: 52px; padding: 10px 24px;
  font: 700 16px/1.2 Montserrat, sans-serif; text-decoration: none; text-align: center;
  border: 0; border-radius: 0; cursor: pointer;
  transition: opacity .2s ease, transform .2s ease;
}
.btn:hover { opacity: .88; }
.btn-dark { background: var(--ink); color: #fff; }
.btn-white { background: #fff; color: var(--ink); }
.btn-orange { background: var(--orange); color: #fff; }
.btn-pink { background: var(--pink); color: #fff; }
.btn-yellow { background: var(--yellow); color: var(--ink); }
.btn-lg { min-width: 240px; min-height: 60px; }
.upper { text-transform: uppercase; }

hr { color: inherit; }
.rule { display: block; width: 110px; border: 0; border-top: 4px solid currentColor; margin: 14px 0 30px; }

/* Header -------------------------------------------------------------------- */
.site-header {
  position: absolute; top: 0; left: 0; right: 0; z-index: 20;
  padding: 20px 120px 0;
}
.site-header.solid { position: relative; background: var(--navy); padding-bottom: 20px; }
.header-inner { display: flex; align-items: flex-start; justify-content: space-between; }
.brand { display: block; line-height: 0; }
.brand .logo-wide { width: 400px; height: auto; }
.brand .logo-mark, .brand .logo-color { display: none; }
/* After scrolling, the header pins to the top in white with the full-colour logo, as on Duda. */
.site-header.scrolled { position: fixed; background: #fff; padding-top: 16px; padding-bottom: 7px; box-shadow: 0 1px 0 rgba(16,24,32,.06); }
.site-header.solid { position: sticky; top: 0; }
.site-header.scrolled .logo-light { display: none; }
.site-header.scrolled .logo-color { display: block; }
.site-header.scrolled .nav a, .site-header.scrolled .nav .dot { color: var(--ink); }
.site-header.scrolled .nav a[aria-current="page"], .site-header.scrolled .nav a.is-active { font-weight: 700; border-bottom-color: var(--navy); }
.site-header.scrolled .nav a:hover { border-bottom-color: rgba(0,46,109,.5); }
.nav a.is-active { font-weight: 700; border-bottom-color: #fff; }
.nav { display: flex; align-items: center; margin-top: 7px; }
.nav a {
  color: #fff; text-decoration: none; font-size: 18px; letter-spacing: .03em;
  padding: 7px 7px; line-height: 19px; border-bottom: 2px solid transparent;
}
.nav a[aria-current="page"] { font-weight: 700; border-bottom-color: #fff; }
.nav a:hover { border-bottom-color: rgba(255,255,255,.7); }
.nav .dot { color: #fff; font-size: 18px; padding: 0 1px; }
.nav-toggle { display: none; }

/* Hero ---------------------------------------------------------------------- */
.hero-home { position: relative; height: 555px; overflow: hidden; background: var(--ink); }
.hero-home video, .hero-home .poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-home::after { content: ""; position: absolute; inset: 0; background: rgba(16,24,32,.2); }
.hero-home .hero-logo { position: absolute; z-index: 1; left: 50%; top: 111px; transform: translateX(-50%); width: 607px; height: auto; }

.page-hero {
  position: relative; display: flex; align-items: center; justify-content: center;
  background-size: cover; background-position: center; background-attachment: fixed;
  color: #fff; text-align: center;
}
.page-hero h1 { font-size: 60px; font-weight: 400; line-height: 73px; position: relative; z-index: 1; }
.hero-coaching { height: 344px; padding-top: 34px; background-image: url(/assets/img/coaching-hero-1920.webp); }
.hero-consulting { height: 392px; padding-top: 22px; background-image: url(/assets/img/consulting-hero-1920.webp); background-attachment: scroll; background-position: 50% 100%; }
.hero-boomerang { height: 331px; padding-top: 2px; background-image: url(/assets/img/boomerang-hero-1920.webp); }

/* Home: coaching + book ----------------------------------------------------- */
.offers { padding: 87px 120px 96px; }
.offers .wrap { display: grid; grid-template-columns: 1fr 1fr; }
.offer { display: flex; flex-direction: column; align-items: center; text-align: center; }
.offer h3 { font-size: 24px; line-height: 29px; margin-bottom: 30px; text-transform: uppercase; }
.offer .pic { display: block; height: 300px; margin-bottom: 30px; }
.offer .pic img { height: 300px; width: auto; }
.offer .pic.portrait { width: 202px; overflow: hidden; }
.offer .pic.portrait img { width: 202px; height: 300px; object-fit: cover; object-position: 50% 0; }
.offer .btn { min-width: 203px; min-height: 56px; }
.offer:first-child { padding-right: 20px; }
.offer:last-child { padding-left: 20px; }

/* Home: it's time for change ----------------------------------------------- */
.change { position: relative; background: var(--navy); color: #fff; padding: 50px 120px; overflow: hidden; }
.change .wrap { position: relative; z-index: 1; display: grid; grid-template-columns: 364px 433px 1fr; gap: 20px; align-items: start; }
.change-head { text-align: right; }
.change-head h2 { font-size: 60px; line-height: 73px; text-transform: uppercase; }
.change-head h2 span { display: block; }
.change-head .btn { min-width: 201px; min-height: 50px; color: var(--orange); margin-top: 18px; }
.change-media { width: 433px; height: 380px; object-fit: cover; }
.change-strip { display: none; }
.change-list { padding-top: 10px; max-width: 310px; }
.change-list p { line-height: 19px; }
.change-list .bar { width: 110px; border: 0; border-top: 2px solid #fff; margin: 20px 0 22px; }
.change-list .ready { font-weight: 700; }
.change-list .btn-mobile { display: none; }

/* Home: about ---------------------------------------------------------------- */
.about { padding: 70px 120px; }
.about .wrap { display: grid; grid-template-columns: 1fr 1fr; min-height: 499px; }
.about-text {
  background: linear-gradient(90deg, var(--orange) 56%, #ebd744 100%);
  color: #fff; padding: 50px 40px 50px;
}
.about-text h2 { font-size: 45px; line-height: 55px; }
.about-text h4 { font-size: 20px; line-height: 24px; margin-top: 12px; }
.about-text h4 .bar, .role .bar { font-weight: 400; padding: 0 3px; }
.about-text .rule { margin: 18px 0 34px; }
.about-text p { max-width: 350px; line-height: 19px; }
.about-text .btn { margin-top: 38px; }
.about-photo { background: url(/assets/img/myrna-yellow-1200.webp) center / cover no-repeat; min-height: 300px; }

/* Parallax bands ------------------------------------------------------------- */
.band {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; color: #fff; background-size: cover; background-position: 50% 100px; background-attachment: fixed;
  padding: 40px 120px;
}
.band-meta { height: 399px; background-image: url(/assets/img/butterfly-bg-1920.webp); background-color: #2a6fb6; }
.band-meta p:first-child { font-size: 24px; line-height: 29px; font-weight: 700; }
.band-meta p + p { font-size: 24px; line-height: 29px; font-weight: 300; }
.band-ready { height: 275px; background: var(--navy); }
.band-ready h3 { font-size: 30px; line-height: 37px; }
.band-ready p { font-size: 24px; line-height: 29px; font-weight: 300; }
.band-ready p strong { font-weight: 700; }

/* Home: testimonials ---------------------------------------------------------- */
.quotes { padding: 110px 130px 110px; }
.quotes .wrap { max-width: 1180px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.quote-card {
  background: linear-gradient(180deg, var(--orange) 68%, var(--amber) 100%);
  box-shadow: rgba(0,0,0,.25) 0 3px 11px 0;
  color: #fff; text-align: center; min-height: 484px; padding: 70px 48px 40px; margin: 0;
}
.quote-card svg { width: 22px; height: 18px; margin: 0 auto 14px; fill: #fff; }
.quote-card blockquote { margin: 0; line-height: 19px; }
.quote-card .bar { width: 28px; border: 0; border-top: 1px solid #fff; margin: 20px auto 8px; }
.quote-card cite { display: block; font-style: normal; font-weight: 600; line-height: 19px; }

/* Forms ----------------------------------------------------------------------- */
.form .field { margin-bottom: 23px; }
.form label { display: block; font-size: 16px; line-height: 19px; margin-bottom: 3px; }
.form input, .form textarea, .form select {
  display: block; width: 100%; font: 16px Montserrat, sans-serif; color: var(--ink);
  border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent;
  height: 30px; padding: 0 10px; outline: none; -webkit-appearance: none; appearance: none;
}
.form select {
  background-image: linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);
  background-position: calc(100% - 15px) 13px, calc(100% - 10px) 13px; background-size: 5px 5px; background-repeat: no-repeat;
}
.form textarea { height: 47px; padding-top: 6px; resize: vertical; }
.form input:focus, .form textarea:focus, .form select:focus { border-bottom-width: 2px; }
.form .actions { padding-top: 10px; }
.form .btn { min-width: 240px; min-height: 60px; }
.form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-status { margin-top: 14px; min-height: 19px; }
.form-status.ok { color: inherit; }
.form-status.err { color: #c62828; }

.connect { padding: 70px 120px; }
.connect .wrap { display: grid; grid-template-columns: 581px 1fr; gap: 20px; }
.connect-photo { background: url(/assets/img/myrna-contact-1200.webp) 50% 0 / cover no-repeat; min-height: 518px; }
.connect-form h3 { font-size: 24px; line-height: 36px; margin: 13px 0 34px; }
.connect-form .form { padding: 0 35px 0 15px; }

/* Footer ---------------------------------------------------------------------- */
.site-footer {
  color: #fff; background: #1d1a3b url(/assets/img/footer-bg-1920.webp) 0 0 / 1920px auto no-repeat;
  font-size: 14px; padding: 60px 120px 0;
}
.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; padding-bottom: 38px; }
.footer-top .tagline { font-weight: 300; line-height: 21px; max-width: 245px; }
.footer-top .footer-logo { justify-self: center; width: 133px; height: auto; }
.footer-contact { justify-self: start; padding-left: 0; margin-left: 20%; line-height: 28px; }
.footer-contact a { text-decoration: none; }
.social { display: flex; gap: 20px; margin-top: 8px; }
.social a {
  display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; border-radius: 50%;
  background: rgba(237,237,237,.45); margin: 4px;
}
.social svg { width: 17px; height: 17px; fill: #fff; }
.footer-bottom {
  display: grid; grid-template-columns: 1fr 1fr; text-align: center; line-height: 28px;
  border-top: 1px solid rgba(255,255,255,.85); margin: 0 -120px; padding: 18px 120px 22px;
}
.footer-bottom a { font-weight: 700; text-decoration: none; }

/* Coaching -------------------------------------------------------------------- */
.coach-intro { padding: 40px 120px 40px; }
.coach-intro .wrap { display: grid; grid-template-columns: 340px 1fr; gap: 30px; padding-left: 60px; }
.fade-slider { position: relative; width: 340px; height: 584px; }
.fade-slider img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease; }
.fade-slider img.on { opacity: 1; }
.coach-intro .emblem { width: 190px; height: auto; margin-bottom: 14px; }
.coach-intro h2 { font-size: 45px; line-height: 55px; }
.coach-intro .rule { margin: 14px 0 20px; }
.coach-intro .copy { max-width: 602px; }
.coach-intro .copy p { line-height: 19px; }
.coach-intro .copy p + p { margin-top: 19px; }

.band-velvet { height: 366px; background-image: url(/assets/img/velvet-bg-1920.webp); background-color: #6b6e72; padding: 0 120px; }
.band-velvet::before { content: ""; position: absolute; inset: 0; background: rgba(16,24,32,.6); }
.band-velvet > * { position: relative; }
.band-velvet h3 { font-size: 24px; line-height: 29px; margin-bottom: 44px; }
.four-up { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; max-width: 1150px; width: 100%; align-items: center; }
.four-up p { font-weight: 300; line-height: 19px; }

.discovery { padding: 0 100px 0 200px; }
.discovery .wrap { max-width: 1140px; display: grid; grid-template-columns: 1fr 500px; gap: 96px; }
.discovery-text { padding: 57px 0 70px; }
.discovery-text h3 { font-size: 24px; line-height: 29px; }
.discovery-text h3 .bar { font-weight: 400; padding: 0 3px; }
.discovery-text > p { font-weight: 300; line-height: 19px; max-width: 544px; }
.discovery-text .orange { color: var(--orange-text); margin-top: 39px; }
.discovery-text .lead { line-height: 24px; margin-top: 6px; }
.discovery-text .lead strong { font-weight: 700; }
.discovery-text .form { margin-top: 54px; max-width: 465px; padding-left: 15px; }
.discovery-photo { background: url(/assets/img/myrna-portrait-1000.webp) 50% 0 / cover no-repeat; min-height: 936px; }

/* Consulting -------------------------------------------------------------------- */
.spacer-100 { height: 100px; background: #fff; }
.band-disc { height: 424px; background-image: url(/assets/img/disc-bg-1920.webp); background-position: 0 0; background-attachment: scroll; justify-content: flex-start; padding-top: 47px; }
.band-disc h2 { font-size: 32px; font-weight: 400; line-height: 39px; margin-bottom: 21px; }
.statement-slider {
  position: relative; width: 802px; max-width: 100%; height: 171px;
  background: rgba(150,110,110,.28); display: flex; align-items: center; justify-content: center; padding: 0 80px;
}
.statement-slider::after { content: ""; position: absolute; inset: 0; background: rgba(255,81,0,.1); pointer-events: none; }
.statement-slider .slide {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 120px;
  font-size: 32px; font-weight: 700; font-style: italic; line-height: 39px; opacity: 0; transition: opacity .8s ease;
}
.statement-slider .slide.on { opacity: 1; }
.slider-arrow {
  position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); width: 44px; height: 44px; padding: 0;
  border: 0; background: none; cursor: pointer; color: #fff; opacity: .85;
}
.slider-arrow svg { width: 26px; height: 40px; fill: none; stroke: currentColor; stroke-width: 4; }
.slider-arrow.prev { left: 14px; }
.slider-arrow.next { right: 14px; }
.band-disc .answers { margin-top: 22px; font-size: 24px; line-height: 29px; }
.band-disc .answers strong { font-weight: 700; }
.band-disc .answers .hi { color: var(--amber); }

.disc { padding: 75px 120px 75px; }
.two-col { display: grid; grid-template-columns: 1fr 582px; gap: 47px; align-items: start; }
.tools-head { text-align: center; padding: 0 28px; }
.tools-head h2 { font-size: 45px; line-height: 55px; }
.tools-head p { font-size: 24px; line-height: 36px; }
.tools-head img { width: 246px; height: auto; margin: 6px auto 0; }

.accordion details { margin-bottom: 10px; }
.accordion summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: var(--panel); min-height: 72px; padding: 20px 20px;
}
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary h3 { font-size: 24px; line-height: 29px; color: #3f3f3f; }
.acc-icon {
  flex: none; width: 27px; height: 27px; border-radius: 50%; background: var(--orange);
  display: flex; align-items: center; justify-content: center; transition: transform .25s ease;
}
.acc-icon svg { width: 11px; height: 11px; fill: none; stroke: #fff; stroke-width: 2; }
.accordion details[open] .acc-icon { transform: rotate(180deg); }
.accordion .panel { background: rgba(252,252,252,.6); padding: 18px 20px 18px; }
.accordion .panel p { font-weight: 300; line-height: 19px; }
.accordion .panel p + p { margin-top: 19px; }
.accordion .panel strong { font-weight: 700; }
.accordion .panel a { color: var(--navy); text-decoration: none; font-weight: 700; }
.accordion + .btn { min-width: 242px; min-height: 51px; margin-top: 10px; }

.band-purpose { height: 401px; background-image: url(/assets/img/purpose-bg-1920.webp); background-position: center; background-attachment: scroll; padding-top: 45px; justify-content: flex-start; }
.purpose-box {
  position: relative; width: 850px; max-width: 100%; height: 239px; display: flex; align-items: center; justify-content: center;
  background: rgba(110,60,50,.45); padding: 0 120px; font-size: 32px; line-height: 39px; font-weight: 700; font-style: italic;
}
.purpose-box::after { content: ""; position: absolute; inset: 0; background: rgba(255,81,0,.1); }
.band-purpose .sub { margin-top: 22px; font-size: 24px; line-height: 29px; }

.coregifts { padding: 72px 120px 72px; }
.coregifts .two-col { grid-template-columns: 1fr 543px; gap: 47px; }
.coregifts .accordion .panel { background: rgba(252,252,252,.9); }
.gifts-head { text-align: center; }
.gifts-head h2 { font-size: 45px; line-height: 45px; }
.gifts-head p { font-size: 24px; line-height: 24px; margin-top: 13px; }
.gifts-head .btn { width: 276px; min-height: 69px; margin-top: 21px; padding: 10px 14px; }
.gifts-head .phone { display: block; width: 384px; margin: 10px auto 0; }
.gifts-head .phone img { width: 100%; height: auto; }

.myrna-band { background: linear-gradient(90deg, var(--orange) 0%, var(--amber) 100%); color: #fff; padding: 70px 120px; }
.myrna-band .wrap { display: grid; grid-template-columns: 400px 1fr; min-height: 437px; }
.myrna-band .arms { background: url(/assets/img/myrna-arms-900.webp) 100% 50% / contain no-repeat; }
.myrna-band .text { padding: 50px 40px; }
.myrna-band h2 { font-size: 45px; line-height: 55px; }
.myrna-band h4 { font-size: 20px; line-height: 24px; margin-top: 12px; }
.myrna-band .rule { margin: 18px 0 34px; }
.myrna-band p { line-height: 19px; max-width: 760px; }
.myrna-band .btns { display: flex; gap: 93px; margin-top: 47px; padding-left: 40px; }
.myrna-band .btn { min-width: 261px; min-height: 60px; }

.certs { padding: 60px 120px 85px; text-align: center; }
.certs h2 { font-size: 45px; line-height: 55px; font-weight: 400; margin-bottom: 45px; }
.cert-row { display: flex; justify-content: center; gap: 10px; }
.cert-row img { width: 212px; height: 141px; object-fit: contain; }
.certs .slider-arrow { display: none; color: #bbb; }

/* Boomerang -------------------------------------------------------------------- */
.book { padding: 29px 160px 40px; }
.book-head { text-align: center; }
.book-head h2 { font-size: 45px; line-height: 55px; text-transform: uppercase; }
.book-head h4 { font-size: 20px; line-height: 24px; font-weight: 400; max-width: 680px; margin: 11px auto 0; }
.book-head .rule { margin: 18px auto 25px; }
.book .two-col { grid-template-columns: 637px 1fr; gap: 33px; }
.pink-acc details { margin-bottom: 24px; }
.pink-acc summary { background: #f9f9f9; min-height: 64px; padding: 17px 16px; }
.pink-acc summary h3 { color: var(--pink); }
.pink-acc .acc-icon { background: var(--pink); }
.pink-acc .panel { background: #fff; padding: 16px 16px 6px; }
.pink-acc .panel .btn { min-width: 290px; min-height: 51px; margin: 16px 0 10px; }
.book-buy { text-align: center; }
.book-buy img { width: 450px; height: auto; margin: 0 auto; }
.book-buy .btn { min-width: 222px; min-height: 52px; }

.band-quote { height: 390px; background-image: url(/assets/img/boomerang-hero-1920.webp); padding: 0 290px; }
.band-quote::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.08); }
.band-quote > * { position: relative; }
.band-quote h3 { font-size: 24px; line-height: 29px; }
.band-quote img { width: 269px; height: auto; margin-top: 27px; }

.author { padding: 70px 120px; }
.author .wrap { display: grid; grid-template-columns: 400px 1fr; min-height: 718px; }
.author-photo { background: url(/assets/img/myrna-boomerang-800.webp) center / cover no-repeat; }
.author-text { padding: 50px 40px; }
.author-text h2 { font-size: 45px; line-height: 55px; }
.author-text .rule { margin: 14px 0 34px; }
.author-text p { line-height: 19px; max-width: 720px; }

.inner-circle { position: relative; min-height: 700px; color: #fff; text-align: center; background: var(--navy) url(/assets/img/innercircle-bg-1920.webp) center / cover no-repeat; padding: 136px 120px 66px; }
.inner-circle h2 { font-size: 60px; line-height: 73px; }
.inner-circle h3 { font-size: 30px; line-height: 37px; margin-top: 4px; }
.inner-circle .intro { font-weight: 300; line-height: 19px; max-width: 566px; margin: 2px auto 0; }
.inner-circle .four-up { margin: 50px auto 0; max-width: 1140px; gap: 60px; }
.inner-circle .four-up p { font-weight: 300; }
.interest { background: #fff; color: var(--ink); width: 495px; max-width: 100%; margin: 52px auto 0; padding: 26px 40px 20px; text-align: left; }
.interest .field { margin-bottom: 8px; }
.interest .actions { text-align: center; padding: 0; }
.interest .btn { background: #fff; color: var(--orange); min-width: 280px; min-height: 40px; }
.interest .form-status { text-align: center; margin-top: 4px; }

/* Free discovery session -------------------------------------------------------- */
.discovery-page { background: var(--gray-bg); padding: 46px 120px 41px; }
.discovery-page .lead { font-weight: 700; margin-bottom: 45px; }
.discovery-page .form { padding: 0 15px; }
.discovery-page .form .btn { min-width: 280px; }

/* Tablet ------------------------------------------------------------------------ */
@media (max-width: 1240px) {
  .site-header { padding-left: 40px; padding-right: 40px; }
  .brand .logo-wide { width: 300px; }
  .nav a { font-size: 15px; padding: 6px 4px; }
  .offers, .change, .about, .quotes, .connect, .coach-intro, .disc, .coregifts, .myrna-band, .certs, .author, .inner-circle, .discovery-page { padding-left: 40px; padding-right: 40px; }
  .band, .site-footer { padding-left: 40px; padding-right: 40px; }
  .footer-bottom { margin: 0 -40px; padding-left: 40px; padding-right: 40px; }
  .change .wrap { grid-template-columns: 1fr 1.2fr 1fr; }
  .change-media { width: 100%; }
  .change-head h2 { font-size: 48px; line-height: 58px; }
  .connect .wrap { grid-template-columns: 1fr 1fr; }
  .discovery { padding: 0 40px; }
  .discovery .wrap { grid-template-columns: 1fr 1fr; gap: 40px; }
  .two-col, .coregifts .two-col, .book .two-col { grid-template-columns: 1fr 1fr; gap: 32px; }
  .book { padding-left: 40px; padding-right: 40px; }
  .band-quote { padding-left: 80px; padding-right: 80px; }
  .cert-row { flex-wrap: wrap; }
  .quote-card { padding-left: 28px; padding-right: 28px; }
  .statement-slider .slide { padding: 0 70px; font-size: 28px; line-height: 34px; }
  .purpose-box { padding: 0 60px; font-size: 28px; line-height: 34px; }
}

/* Phone ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .site-header, .site-header.solid { padding: 14px 20px; }
  .site-header.scrolled { position: absolute; background: none; box-shadow: none; }
  .site-header.solid, .site-header.solid.scrolled { position: relative; background: var(--navy); }
  .site-header.scrolled .nav a { color: #fff; }
  .site-header.solid { background: var(--navy); }
  .header-inner { justify-content: center; position: relative; min-height: 82px; }
  .brand .logo-wide { display: none; }
  .brand .logo-mark { display: block; width: 88px; height: auto; }
  .nav-toggle {
    display: flex; flex-direction: column; justify-content: center; gap: 6px;
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 40px; height: 40px; padding: 8px 4px; background: none; border: 0; cursor: pointer;
  }
  .nav-toggle span { display: block; height: 2px; background: #fff; border-radius: 1px; }
  .nav {
    position: fixed; inset: 0; z-index: 30; flex-direction: column; justify-content: center; gap: 10px;
    background: rgba(0,46,109,.97); transform: translateX(-100%); transition: transform .3s ease; visibility: hidden;
  }
  .nav.open { transform: none; visibility: visible; }
  .nav a { font-size: 22px; padding: 12px; }
  .nav .dot { display: none; }
  .nav-close { position: absolute; top: 22px; left: 20px; width: 40px; height: 40px; border: 0; background: none; color: #fff; font-size: 34px; line-height: 1; cursor: pointer; }

  .hero-home { height: 504px; }
  .hero-home .hero-logo { top: 50%; width: 86%; max-width: 330px; transform: translate(-50%, -44%); }
  .page-hero h1 { font-size: 40px; line-height: 48px; }
  .page-hero, .band { background-attachment: scroll; }
  .hero-coaching, .hero-consulting, .hero-boomerang { height: auto; min-height: 310px; padding-top: 110px; }
  .hero-coaching { background-image: url(/assets/img/coaching-hero-1000.webp); }
  .hero-consulting { background-image: url(/assets/img/consulting-hero-1000.webp); background-position: center; }
  .hero-boomerang { background-image: url(/assets/img/boomerang-hero-1000.webp); }

  .offers { padding: 50px 20px 40px; }
  .offers .wrap { grid-template-columns: 1fr; gap: 50px; }
  .offer:first-child, .offer:last-child { padding: 0; }
  .offer .btn { width: 100%; min-height: 70px; font-size: 20px; }

  .change { padding: 0 20px 50px; background: var(--ink); isolation: isolate; }
  .change .wrap { position: static; grid-template-columns: 1fr; gap: 0; padding-top: 40px; }
  .change-head, .change-list { position: relative; z-index: 1; }
  .change-media { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
  .change::before { content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(16,24,32,.55); }
  .change-strip { display: block; width: 100%; height: 100px; object-fit: cover; object-position: 50% 77%; margin-bottom: 20px; }
  .change-head { text-align: left; order: 1; }
  .change-head h2 { font-size: 34px; line-height: 40px; }
  .change-head h2 span { display: inline; }
  .change-head h2 span:nth-child(2)::after { content: "\A"; white-space: pre; }
  .change-head .btn { display: none; }
  .change-list { order: 2; max-width: none; padding-top: 14px; font-size: 18px; }
  .change-list p { line-height: 22px; }
  .change-list .btn-mobile { display: flex; margin: 40px auto 0; width: 100%; max-width: 310px; min-height: 72px; color: var(--orange); font-size: 20px; }

  .about { padding: 40px 10px; }
  .about .wrap { grid-template-columns: 1fr; }
  .about-photo { order: -1; min-height: 380px; }
  .about-text { padding: 40px 16px 60px; }
  .about-text h2 { font-size: 40px; line-height: 48px; }
  .about-text p { max-width: none; font-size: 18px; line-height: 22px; }
  .about-text .btn { min-width: 220px; min-height: 64px; font-size: 18px; }

  .band { padding: 40px 14px; }
  .band-meta { height: 368px; background-image: url(/assets/img/butterfly-bg-1000.webp); background-position: 70% 50%; }
  .band-meta p { font-size: 22px !important; line-height: 28px !important; }
  .band-ready { height: auto; min-height: 384px; }
  .band-ready h3 { font-size: 30px; }
  .band-ready p { font-size: 22px; line-height: 28px; }

  .quotes { padding: 40px 6px; }
  .quotes .wrap { grid-template-columns: 1fr; gap: 20px; }
  .quote-card { min-height: 0; padding: 50px 20px 40px; font-size: 18px; }
  .quote-card blockquote, .quote-card cite { line-height: 22px; }

  .connect { padding: 40px 20px; }
  .connect .wrap { grid-template-columns: 1fr; }
  .connect-photo { display: none; }
  .connect-form .form { padding: 0 6px; }
  .form label { font-size: 18px; }

  .site-footer { padding: 40px 20px 0; text-align: center; font-size: 16px; background-size: auto 100%; }
  .footer-top { grid-template-columns: 1fr; gap: 30px; padding-bottom: 20px; }
  .footer-top .tagline { max-width: none; font-size: 16px; line-height: 26px; }
  .footer-top .footer-logo { width: 200px; }
  .footer-contact { justify-self: center; margin-left: 0; }
  .social { justify-content: center; }
  .footer-bottom { grid-template-columns: 1fr; margin: 0 -20px; padding: 18px 20px 26px; gap: 14px; }

  .coach-intro { padding: 30px 20px; }
  .coach-intro .wrap { grid-template-columns: 1fr; padding-left: 0; gap: 20px; }
  .fade-slider { width: 190px; height: 326px; margin: 0 auto; }
  .coach-intro .emblem { display: none; }
  .coach-intro h2 { font-size: 40px; line-height: 48px; }
  .coach-intro .copy p { font-size: 18px; line-height: 22px; }

  .band-velvet { height: auto; padding: 40px 16px; background-image: url(/assets/img/velvet-bg-1000.webp); }
  .band-velvet h3 { font-size: 22px; margin-bottom: 30px; }
  .four-up { grid-template-columns: 1fr; gap: 24px; }
  .four-up p { font-size: 18px; line-height: 22px; }

  .discovery { padding: 0 20px; }
  .discovery .wrap { grid-template-columns: 1fr; gap: 0; }
  .discovery-photo { order: -1; min-height: 0; height: 280px; background-size: contain; background-position: 50% 0; margin-top: 20px; }
  .discovery-text { padding: 16px 0 50px; }
  .discovery-text > p, .discovery-text .lead { font-size: 18px; line-height: 22px; }
  .discovery-text .form { padding-left: 0; margin-top: 40px; }

  .spacer-100 { display: none; }
  .band-disc { height: auto; padding: 40px 14px 60px; background-image: url(/assets/img/disc-bg-1000.webp); }
  .band-disc h2 { font-size: 32px; }
  .statement-slider { height: 200px; padding: 0; }
  .statement-slider .slide { padding: 0 70px; font-size: 22px; line-height: 28px; }
  .band-disc .answers { font-size: 22px; line-height: 28px; }
  .disc, .coregifts { padding: 40px 20px; }
  .two-col, .coregifts .two-col, .book .two-col { grid-template-columns: 1fr; gap: 24px; }
  .tools-head h2, .gifts-head h2 { font-size: 40px; line-height: 48px; }
  .accordion summary h3 { font-size: 22px; line-height: 27px; }
  .acc-icon { width: 34px; height: 34px; }
  .accordion .panel p { font-size: 17px; line-height: 21px; }
  .accordion + .btn { width: 100%; min-height: 66px; font-size: 18px; }
  .band-purpose { height: auto; padding: 20px 14px 40px; }
  .purpose-box { height: auto; min-height: 240px; padding: 24px; font-size: 22px; line-height: 28px; }
  .band-purpose .sub { font-size: 22px; line-height: 28px; }
  .gifts-head .btn { width: 100%; font-size: 18px; }
  .gifts-head .phone { width: 260px; }
  .myrna-band { padding: 40px 0 50px; }
  .myrna-band .wrap { grid-template-columns: 1fr; }
  .myrna-band .arms { min-height: 360px; background-position: 50% 50%; }
  .myrna-band .text { padding: 30px 26px 0; }
  .myrna-band h2 { font-size: 40px; line-height: 48px; }
  .myrna-band p { font-size: 18px; line-height: 22px; }
  .myrna-band .btns { flex-direction: column; align-items: center; gap: 30px; padding: 0 26px; }
  .myrna-band .btn { width: 100%; max-width: 324px; min-height: 64px; font-size: 18px; }
  .certs { padding: 40px 20px; }
  .certs h2 { font-size: 36px; margin-bottom: 20px; }
  .cert-carousel { position: relative; padding: 0 44px; }
  .cert-row { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0; scrollbar-width: none; }
  .cert-row::-webkit-scrollbar { display: none; }
  .cert-row img { flex: 0 0 100%; width: 100%; height: 210px; scroll-snap-align: center; }
  .certs .slider-arrow { display: block; }
  .certs .slider-arrow.prev { left: 0; }
  .certs .slider-arrow.next { right: 0; }

  .book { padding: 30px 20px 40px; }
  .book-head h2 { font-size: 40px; line-height: 48px; }
  .book-head h4 { font-size: 18px; }
  .book-head h4 br { display: none; }
  .pink-acc summary h3 { font-size: 22px; }
  .pink-acc .panel .btn { width: 100%; min-width: 0; }
  .book-buy img { width: 100%; max-width: 420px; }
  .book-buy .btn { width: 100%; min-height: 64px; }
  .band-quote { height: auto; min-height: 360px; padding: 50px 20px; background-image: url(/assets/img/boomerang-hero-1000.webp); }
  .band-quote h3 { font-size: 22px; line-height: 28px; }
  .author { padding: 40px 0; }
  .author .wrap { grid-template-columns: 1fr; }
  .author-photo { min-height: 520px; background-size: contain; background-position: 50% 0; }
  .author-text { padding: 30px 20px; }
  .author-text h2 { font-size: 40px; line-height: 48px; }
  .author-text p { font-size: 18px; line-height: 22px; }
  .inner-circle { padding: 70px 20px 50px; background-image: url(/assets/img/innercircle-bg-1000.webp); }
  .inner-circle h2 { font-size: 42px; line-height: 50px; }
  .inner-circle .intro { font-size: 18px; line-height: 22px; }
  .inner-circle .four-up { gap: 20px; margin-top: 34px; }
  .interest { padding: 24px 20px 16px; }
  .interest .btn { min-width: 0; width: 100%; }
  .discovery-page { padding: 30px 20px; }
}

@media (min-width: 1921px) {
  .site-footer { background-size: cover; }
}

@media (prefers-reduced-motion: reduce) {
  .fade-slider img, .statement-slider .slide, .nav, .acc-icon { transition: none; }
}