/* Typography and image treatment matched to the original Airo Builder project. */
.logo {
  display: inline-flex;
  align-items: center;
}
.logo-wordmark { display: block; width: 180px; max-width: 100%; height: auto; }
.footer .logo-wordmark { width: 170px; }
.nav { gap: 34px; }
.nav > a:not(.nav-button) {
  font-family: "Lora", Georgia, serif;
  font-size: 14px;
  font-style: italic;
  color: #817e77;
}
.nav-button, .button {
  font-family: "Lora", Georgia, serif;
  font-weight: 400;
  letter-spacing: .01em;
  color: #fff;
  box-shadow: 2px 3px 0 rgba(148, 172, 148, .55);
}
.hero h1, h2, .card h3, .step h3, .about-lead, .under-link, .hero-aside {
  font-family: "Lora", Georgia, serif;
}
.hero h1, h2 { letter-spacing: -.01em; color: #4c443e; }
.hero h1 { font-size: clamp(42px, 5.5vw, 70px); line-height: 1.12; font-weight: 700; }
h2 { font-weight: 700; }
.card h3, .step h3 { font-weight: 600; }
.hero .eyebrow {
  font-family: "Lora", Georgia, serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: lowercase;
  color: #deabb6;
}
.hero .eyebrow-line { display: none; }
.lead { color: #797970; }
.eyebrow { color: #bb8690; }
.button-primary, .nav-button { background: #aec5a4; }
.button-primary:hover, .nav-button:hover { background: #a5c09b; }
.booking-button { color: #314537; }
.hero-art, .method-art {
  margin: 0;
  overflow: hidden;
  background: #f3e8df;
  border-radius: 12px;
}
.hero-photo, .method-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-photo { object-position: 42% center; }
.method-photo { object-position: center; }
.card { box-shadow: 0 8px 22px rgba(55, 74, 54, .035); }
.about-grid { align-items: center; grid-template-columns: .88fr 1fr; gap: 9%; }
.about { background: #eef2e9; }
.about-photo { margin: 0; height: 580px; border-radius: 180px 180px 14px 14px; overflow: hidden; background: #dce8ec; }
.about-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 47%; }
.about-copy h2 { margin-bottom: 22px; }
.credential { margin: -2px 0 24px; padding: 13px 16px; border-left: 3px solid #a9c0a3; color: #4c5b4d; font: 600 14px/1.55 Lora, Georgia, serif; background: rgba(255,255,255,.42); }
.credential span { color: #72786f; font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 400; }
.call-explainer { background: #f4f3ed; }.call-cards .card-symbol { display:none; }.call-cards .card { min-height: 230px; }.scope-note { max-width: 780px; margin: 30px auto 0; text-align: center; color: #747970; font-size: 13px; line-height: 1.65; }.footer-links { display:flex; align-items:center; gap:20px; }
.offer { background: #fffefa; }.offer-grid { display:grid; grid-template-columns:.78fr 1fr; gap:9%; align-items:start; }.offer h2 { font-size:clamp(36px,3.8vw,52px); line-height:1.3; margin:0 0 20px; }.offer-intro { color:#666d65; line-height:1.8; margin:0 0 30px; }.offer-details { border-top:1px solid #dfdfd5; }.offer-details > div { display:grid; grid-template-columns:145px 1fr; column-gap:20px; padding:22px 0; border-bottom:1px solid #dfdfd5; }.offer-details span { color:#9b6f77; font:italic 13px Lora,Georgia,serif; }.offer-details strong { color:#4c443e; font:600 17px Lora,Georgia,serif; }.offer-details p { grid-column:2; color:#6d736c; font-size:14px; line-height:1.65; margin:7px 0 0; }
.price { margin:0 0 26px; color:#4c443e; font:600 16px/1.6 "DM Sans",sans-serif; }.price span { color:#777c75; font-weight:400; }
@media (max-width: 800px) {
  .logo-wordmark { width: 160px; }
  .footer .logo-wordmark { width: 150px; }
  .nav > a:not(.nav-button) { padding: 14px; }
  .about-photo { height: 520px; max-width: 430px; width: 100%; margin: 0 auto; }
  .offer-grid { grid-template-columns:1fr; gap:45px; }
}
@media (max-width: 500px) { .offer-details > div { grid-template-columns:1fr; gap:6px; }.offer-details p { grid-column:1; } }

/* Brighter, more personal colour palette. */
body, .habits-page { background: #fff8f1; }
.header, .hero, .footer, .offer { background: #fffdf9; }
.hero h1, h2, .card h3, .step h3, .about-lead, .offer-details strong, .price { color: #40323e; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color: #d86168; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color: #6f626a; }
.button-primary, .nav-button { background: #e7786f; box-shadow: 2px 3px 0 rgba(176,72,74,.28); }
.button-primary:hover, .nav-button:hover { background: #d96862; }
.nav > a:not(.nav-button):hover, .under-link:hover { color: #d86168; }
.recognition { background: #fff1ca; }
.method { background: #fffdf9; }
.about { background: #dff1eb; }
.credential { border-left-color: #f0a06f; color: #315f5b; background: rgba(255,255,255,.64); }
.call-explainer { background: #ffe3d7; }
.call-explainer .card { border-color: #f4c8bc; box-shadow: 0 8px 22px rgba(151,67,69,.07); }
.connect { background: #315f5b; }
.connect .eyebrow, .connect h2 em { color: #ffd786; }
.booking-button { background: #ffd16f; color: #40323e; box-shadow: 2px 3px 0 rgba(28,75,71,.45); }
.booking-button:hover { background: #f6c65e; }
.offer-details { border-top-color: #ead9d2; }
.offer-details > div { border-bottom-color: #ead9d2; }
a:focus-visible, button:focus-visible { outline-color: #315f5b; }

/* Teal, yellow and mint brought forward across the visible experience. */
.header { background:#fff8dc; }
.hero { background:#dff4e8; }
.hero-art { border:5px solid #f3cf62; }
.button-primary, .nav-button { background:#3f8c85; box-shadow:2px 3px 0 rgba(30,91,85,.3); }
.button-primary:hover, .nav-button:hover { background:#347a74; }
.recognition { background:#f8dc78; }
.recognition .eyebrow { color:#285f5a; }
.about { background:#dff4e8; }
.call-explainer { background:#fff1b8; }
.call-explainer .card { border-color:#e3c65f; }
.offer { background:#fffaf2; }
.connect { background:#285f5a; }
.booking-button { background:#f3cf62; color:#40323e; }
.booking-button:hover { background:#e7bf4e; }
.credential { border-left-color:#3f8c85; color:#285f5a; }

/* Final brand system: terracotta + deep teal + warm neutrals. */
body, .habits-page { background:#fff8f1; }
.header, .hero, .footer, .offer, .method { background:#fffaf5; }
.hero-art { border:0; }
.button-primary, .nav-button { background:#c96f52; box-shadow:2px 3px 0 rgba(122,66,49,.24); }
.button-primary:hover, .nav-button:hover { background:#b96046; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color:#b85f49; }
.recognition, .about { background:#e7f0ec; }
.recognition .eyebrow { color:#356f68; }
.call-explainer { background:#f6e4dc; }
.call-explainer .card { border-color:#ead4cb; }
.connect { background:#356f68; }
.connect .eyebrow, .connect h2 em { color:#f3d7c9; }
.booking-button { background:#fff8f1; color:#356f68; box-shadow:2px 3px 0 rgba(25,70,65,.35); }
.booking-button:hover { background:#f6e4dc; }
.credential { border-left-color:#c96f52; color:#356f68; }

/* Maroon and beige brand direction. */
body, .habits-page { background:#fbf6f0; }
.header, .hero, .footer, .offer, .method { background:#fbf6f0; }
.hero h1, h2, .card h3, .step h3, .about-lead, .offer-details strong, .price { color:#3d3234; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color:#8d4058; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color:#716468; }
.button-primary, .nav-button { background:#702f46; box-shadow:2px 3px 0 rgba(66,27,41,.28); }
.button-primary:hover, .nav-button:hover { background:#5f263a; }
.nav > a:not(.nav-button):hover, .under-link:hover { color:#702f46; }
.recognition, .about { background:#e8d6c5; }
.recognition .eyebrow { color:#702f46; }
.credential { border-left-color:#702f46; color:#702f46; background:rgba(251,246,240,.68); }
.call-explainer { background:#f0e3d8; }
.call-explainer .card { border-color:#d9c2b3; }
.connect { background:#702f46; }
.connect .eyebrow, .connect h2 em { color:#e8d6c5; }
.booking-button { background:#fbf6f0; color:#702f46; box-shadow:2px 3px 0 rgba(45,18,28,.4); }
.booking-button:hover { background:#e8d6c5; }
a:focus-visible, button:focus-visible { outline-color:#702f46; }

/* Forest green and warm off-white brand direction. */
body, .habits-page { background:#faf5ec; }
.header, .hero, .footer, .offer, .method { background:#faf5ec; }
.hero h1, h2, .card h3, .step h3, .about-lead, .offer-details strong, .price { color:#303a33; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color:#496755; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color:#667068; }
.button-primary, .nav-button { background:#294c3a; box-shadow:2px 3px 0 rgba(21,52,36,.28); }
.button-primary:hover, .nav-button:hover { background:#203f30; }
.nav > a:not(.nav-button):hover, .under-link:hover { color:#294c3a; }
.recognition, .about { background:#e9dfd1; }
.recognition .eyebrow { color:#294c3a; }
.credential { border-left-color:#294c3a; color:#294c3a; background:rgba(250,245,236,.72); }
.call-explainer { background:#f1e9dd; }
.call-explainer .card { border-color:#d9cebf; }
.connect { background:#294c3a; }
.connect .eyebrow, .connect h2 em { color:#e9dfd1; }
.booking-button { background:#faf5ec; color:#294c3a; box-shadow:2px 3px 0 rgba(12,39,25,.4); }
.booking-button:hover { background:#e9dfd1; }
a:focus-visible, button:focus-visible { outline-color:#294c3a; }

/* Confident personal-brand direction inspired by the selected reference. */
body, .habits-page {
  background: #ffffff;
  color: #202124;
  font-family: "Manrope", Arial, sans-serif;
}
.header, .hero, .footer, .offer, .method { background: #ffffff; }
.hero h1, h2, .card h3, .step h3, .about-lead,
.offer-details strong, .price, .coaching-section-title,
.program-heading h2, .library-section h2, .daily-guide h2 {
  color: #202124;
  font-family: "Manrope", Arial, sans-serif;
  font-style: normal;
}
.hero h1 {
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
}
h2, .offer h2 { font-weight: 750; letter-spacing: -.035em; }
.card h3, .step h3, .about-lead, .offer-details strong { font-weight: 700; }
.nav > a:not(.nav-button), .nav-button, .button, .under-link,
.hero-aside, .hero .eyebrow, .eyebrow, .offer-details span,
.credential, .text-button {
  font-family: "Manrope", Arial, sans-serif;
  font-style: normal;
}
.nav > a:not(.nav-button) {
  color: #202124;
  font-weight: 650;
  letter-spacing: .015em;
}
.hero .eyebrow, .eyebrow, .offer-details span, .text-button {
  color: #4f6558;
  font-weight: 750;
}
.hero .eyebrow { text-transform: uppercase; letter-spacing: .16em; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color: #565b58; }
.button-primary, .nav-button {
  background: #f2c500;
  color: #202124;
  box-shadow: none;
  font-weight: 800;
}
.button-primary:hover, .nav-button:hover { background: #dfb600; }
.nav > a:not(.nav-button):hover, .under-link:hover { color: #8b7000; }
.recognition, .about { background: #edf7f0; }
.recognition .eyebrow { color: #496052; }
.credential {
  border-left-color: #f2c500;
  color: #202124;
  background: rgba(255,255,255,.76);
}
.credential span { font-family: "Manrope", Arial, sans-serif; color: #626864; }
.call-explainer { background: #f7f7f3; }
.call-explainer .card { border-color: #dedfd9; }
.connect { background: #202124; }
.connect h2 { color: #ffffff; }
.connect .eyebrow, .connect h2 em { color: #f2c500; }
.connect p:not(.eyebrow) { color: #e8eae8; }
.booking-button {
  background: #f2c500;
  color: #202124;
  box-shadow: none;
  font-weight: 800;
}
.booking-button:hover { background: #dfb600; }
.offer-details { border-top-color: #dedfd9; }
.offer-details > div { border-bottom-color: #dedfd9; }
.hero-art, .method-art { border-radius: 10px; }
.about-photo { border-radius: 10px; }
a:focus-visible, button:focus-visible { outline-color: #202124; }

/* Selected warm earthy palette. */
body, .habits-page { background: #f4eadc; color: #392419; }
.header, .hero, .footer, .offer, .method { background: #f4eadc; }
.hero h1, h2, .card h3, .step h3, .about-lead,
.offer-details strong, .price, .coaching-section-title,
.program-heading h2, .library-section h2, .daily-guide h2 { color: #392419; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color: #6f5b4c; }
.nav > a:not(.nav-button) { color: #392419; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color: #605b35; }
.button-primary, .nav-button { background: #a4492d; color: #fffaf2; }
.button-primary:hover, .nav-button:hover { background: #8e3d26; }
.nav > a:not(.nav-button):hover, .under-link:hover { color: #a4492d; }
.recognition, .about { background: #b5a08a; }
.recognition .eyebrow { color: #4b4427; }
.recognition-copy, .about-placeholder { color: #46352a; }
.credential { border-left-color: #a4492d; color: #392419; background: rgba(244,234,220,.72); }
.credential span { color: #6f5b4c; }
.call-explainer { background: #e4d5c3; }
.call-explainer .card, .card { background: #f8f0e5; border-color: #cbb8a4; }
.offer-details { border-top-color: #cbb8a4; }
.offer-details > div { border-bottom-color: #cbb8a4; }
.connect { background: #392419; }
.connect h2 { color: #fffaf2; }
.connect .eyebrow, .connect h2 em { color: #cf7752; }
.connect p:not(.eyebrow), .booking-details { color: #eadfd2; }
.booking-button { background: #a4492d; color: #fffaf2; }
.booking-button:hover { background: #8e3d26; }
a:focus-visible, button:focus-visible { outline-color: #605b35; }

/* Pinterest palette trial: warm ivory, taupe, terracotta, olive and walnut. */
body, .habits-page { background: #f4eadc; color: #392419; }
.header, .hero, .footer, .offer, .method { background: #f4eadc; }
.hero h1, h2, .card h3, .step h3, .about-lead,
.offer-details strong, .price, .coaching-section-title,
.program-heading h2, .library-section h2, .daily-guide h2 { color: #392419; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color: #6f5b4c; }
.nav > a:not(.nav-button) { color: #392419; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color: #605b35; }
.button-primary, .nav-button {
  background: #a4492d;
  color: #fffaf2;
}
.button-primary:hover, .nav-button:hover { background: #8e3d26; }
.nav > a:not(.nav-button):hover, .under-link:hover { color: #a4492d; }
.recognition, .about { background: #b5a08a; }
.recognition .eyebrow { color: #4b4427; }
.recognition-copy, .about-placeholder { color: #46352a; }
.credential {
  border-left-color: #a4492d;
  color: #392419;
  background: rgba(244,234,220,.72);
}
.credential span { color: #6f5b4c; }
.call-explainer { background: #e4d5c3; }
.call-explainer .card, .card { background: #f8f0e5; border-color: #cbb8a4; }
.offer-details { border-top-color: #cbb8a4; }
.offer-details > div { border-bottom-color: #cbb8a4; }
.connect { background: #392419; }
.connect h2 { color: #fffaf2; }
.connect .eyebrow, .connect h2 em { color: #cf7752; }
.connect p:not(.eyebrow), .booking-details { color: #eadfd2; }
.booking-button {
  background: #a4492d;
  color: #fffaf2;
}
.booking-button:hover { background: #8e3d26; }
a:focus-visible, button:focus-visible { outline-color: #605b35; }

/* Selected palette: crisp white, soft mint, charcoal and optimistic yellow. */
body, .habits-page { background: #ffffff; color: #202124; }
.header, .hero, .footer, .offer, .method { background: #ffffff; }
.hero h1, h2, .card h3, .step h3, .about-lead,
.offer-details strong, .price, .coaching-section-title,
.program-heading h2, .library-section h2, .daily-guide h2 { color: #202124; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color: #565b58; }
.nav > a:not(.nav-button) { color: #202124; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color: #4f6558; }
.button-primary, .nav-button {
  background: #f2c500;
  color: #202124;
}
.button-primary:hover, .nav-button:hover { background: #dfb600; }
.nav > a:not(.nav-button):hover, .under-link:hover { color: #8b7000; }
.recognition, .about { background: #edf7f0; }
.recognition .eyebrow { color: #496052; }
.recognition-copy, .about-placeholder { color: #465049; }
.credential {
  border-left-color: #f2c500;
  color: #202124;
  background: rgba(255,255,255,.76);
}
.credential span { color: #626864; }
.call-explainer { background: #f7f7f3; }
.call-explainer .card, .card { background: #ffffff; border-color: #dedfd9; }
.offer-details { border-top-color: #dedfd9; }
.offer-details > div { border-bottom-color: #dedfd9; }
.connect { background: #202124; }
.connect h2 { color: #ffffff; }
.connect .eyebrow, .connect h2 em { color: #f2c500; }
.connect p:not(.eyebrow), .booking-details { color: #e8eae8; }
.booking-button {
  background: #f2c500;
  color: #202124;
}
.booking-button:hover { background: #dfb600; }
a:focus-visible, button:focus-visible { outline-color: #202124; }

/* ACTIVE THEME — warm earthy palette */
body, .habits-page { background:#f4eadc; color:#392419; }
.header, .hero, .footer, .offer, .method { background:#f4eadc; }
.hero h1, h2, .card h3, .step h3, .about-lead, .offer-details strong, .price, .coaching-section-title, .program-heading h2, .library-section h2, .daily-guide h2 { color:#392419; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color:#6f5b4c; }
.nav > a:not(.nav-button) { color:#392419; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color:#605b35; }
.button-primary, .nav-button { background:#a4492d; color:#fffaf2; }
.button-primary:hover, .nav-button:hover { background:#8e3d26; }
.nav > a:not(.nav-button):hover, .under-link:hover { color:#a4492d; }
.recognition, .about { background:#b5a08a; }
.recognition .eyebrow { color:#4b4427; }
.recognition-copy, .about-placeholder { color:#46352a; }
.credential { border-left-color:#a4492d; color:#392419; background:rgba(244,234,220,.72); }
.credential span { color:#6f5b4c; }
.call-explainer { background:#e4d5c3; }
.call-explainer .card, .card { background:#f8f0e5; border-color:#cbb8a4; }
.offer-details { border-top-color:#cbb8a4; }
.offer-details > div { border-bottom-color:#cbb8a4; }
.connect { background:#392419; }
.connect h2 { color:#fffaf2; }
.connect .eyebrow, .connect h2 em { color:#cf7752; }
.connect p:not(.eyebrow), .booking-details { color:#eadfd2; }
.booking-button { background:#a4492d; color:#fffaf2; }
.booking-button:hover { background:#8e3d26; }
a:focus-visible, button:focus-visible { outline-color:#605b35; }

/* ACTIVE THEME — forest editorial */
body, .habits-page { background:#f8f7f1; color:#173f32; }
.header { background:#173f32; border-bottom:0; }
.header .logo-wordmark { filter:none; }
.header .nav > a:not(.nav-button) { color:#f8f7f1; }
.header .nav > a:not(.nav-button):hover { color:#d8e2d9; }
.header .menu-button span { background:#f8f7f1; }
.hero, .footer, .offer, .method { background:#f8f7f1; }
.hero h1, h2, .card h3, .step h3, .about-lead, .offer-details strong, .price, .coaching-section-title, .program-heading h2, .library-section h2, .daily-guide h2 { color:#173f32; font-family:'Cormorant Garamond',Georgia,serif; }
.hero h1 { font-size:clamp(54px,6.3vw,86px); line-height:.98; font-weight:600; letter-spacing:-.045em; }
h2, .offer h2 { font-weight:600; letter-spacing:-.035em; }
.card h3, .step h3, .about-lead, .offer-details strong { font-weight:600; }
.hero .eyebrow, .eyebrow, .offer-details span, .text-button { color:#426959; }
.lead, .recognition-copy, .offer-intro, .offer-details p { color:#405b50; }
.button-primary, .nav-button { background:#173f32; color:#fff; box-shadow:none; }
.header .nav-button { background:#f8f7f1; color:#173f32; }
.button-primary:hover, .nav-button:hover { background:#285846; }
.header .nav-button:hover { background:#e8ebe4; }
.nav > a:not(.nav-button):hover, .under-link:hover { color:#173f32; }
.hero-art, .method-art, .about-photo { border-radius:4px; }
.recognition { background:#dbe4dc; }
.recognition-grid { gap:28px; }
.recognition-grid > div { background:#fff; border:1px solid #c8d5ca; padding:42px; box-shadow:8px 10px 0 #173f32; }
.recognition-copy { padding-top:42px; }
.recognition .eyebrow { color:#426959; }
.method-grid > div:last-child { background:#fff; border:1px solid #d2d9d2; padding:48px; box-shadow:10px 12px 0 #dbe4dc; }
.step { border-top-color:#cad5cc; }
.about { background:#f8f7f1; }
.about-copy { background:#fff; border:1px solid #c8d5ca; padding:48px; box-shadow:10px 12px 0 #173f32; }
.about-placeholder { color:#405b50; }
.credential { border-left-color:#173f32; color:#173f32; background:#edf1eb; }
.credential span { color:#587066; }
.call-explainer { background:#173f32; }
.call-explainer .eyebrow, .call-explainer .section-top h2, .call-explainer .section-top h2 em { color:#f8f7f1; }
.call-explainer .section-top > p, .call-explainer .scope-note { color:#d8e2d9; }
.call-explainer .card, .card { background:#fff; border-color:#d5ded6; box-shadow:7px 8px 0 #9fb4a4; }
.card-index { color:#426959; }
.offer-grid > div:first-child, .offer-details { background:#fff; border:1px solid #c8d5ca; padding:42px; }
.offer-grid > div:first-child { box-shadow:9px 11px 0 #173f32; }
.offer-details { box-shadow:9px 11px 0 #dbe4dc; }
.offer-details > div:first-child { padding-top:0; }
.offer-details > div:last-child { padding-bottom:0; border-bottom:0; }
.offer-details { border-top:1px solid #c8d5ca; }
.offer-details > div { border-bottom-color:#c8d5ca; }
.connect { background:#173f32; }
.connect h2 { color:#fff; }
.connect .eyebrow, .connect h2 em { color:#c5d6c9; }
.connect p:not(.eyebrow), .booking-details { color:#d8e2d9; }
.booking-button { background:#fff; color:#173f32; box-shadow:none; }
.booking-button:hover { background:#e8ebe4; }
.footer { border-top:1px solid #d2d9d2; }
a:focus-visible, button:focus-visible { outline-color:#173f32; }
@media(max-width:800px){
  .header .nav { background:#173f32; }
  .recognition-grid > div, .method-grid > div:last-child, .about-copy, .offer-grid > div:first-child, .offer-details { padding:30px; box-shadow:5px 6px 0 #173f32; }
  .hero h1 { font-size:clamp(47px,12vw,68px); }
}

/* Preserve the exact logo with clear contrast on the forest header. */
.header .logo { background:#f8f7f1; padding:9px 15px; border-radius:3px; }
@media(max-width:800px){ .header .logo { padding:7px 11px; } }

/* Final neutral canvas and unboxed wordmark. */
body,
.habits-page,
.hero,
.recognition,
.method,
.about,
.offer,
.footer {
  background:#fbfaf6;
}
.header {
  background:#fbfaf6;
  border-bottom:1px solid #dce2dc;
}
.header .logo {
  background:transparent;
  padding:0;
  border-radius:0;
}
.header .nav > a:not(.nav-button) { color:#173f32; }
.header .nav > a:not(.nav-button):hover { color:#426959; }
.header .nav-button { background:#173f32; color:#fff; }
.header .nav-button:hover { background:#285846; }
.header .menu-button span { background:#173f32; }
@media(max-width:800px) {
  .header .logo { padding:0; }
  .header .nav { background:#fbfaf6; }
}


/* Editorial portrait crops. */
.hero-photo { object-position:50% 43%; }
.about-photo img { object-position:50% 58%; }
.method-photo { object-position:50% 55%; }

/* Neutral white canvas: remove the remaining cream/peach cast. */
html,
body,
.habits-page,
.header,
.hero,
.recognition,
.method,
.about,
.offer,
.footer {
  background-color:#ffffff;
}
@media(max-width:800px) {
  .header .nav { background-color:#ffffff; }
}

/* Full-bleed editorial homepage inspired by the selected merged-background concept. */
.home-page .header {
  position:absolute;
  inset:0 0 auto;
  z-index:20;
  background:transparent;
  border:0;
}
.home-page .header .logo-wordmark {
  filter:brightness(0) invert(1);
}
.home-page .header .nav > a:not(.nav-button) {
  color:#fff;
  text-shadow:0 1px 18px rgba(25,15,10,.35);
}
.home-page .header .nav > a:not(.nav-button):hover { color:#f2e9e1; }
.home-page .header .nav-button {
  background:#351d12;
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
}
.home-page .header .nav-button:hover { background:#503022; }
.home-page .hero {
  position:relative;
  min-height:820px;
  padding:150px 0 60px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#49382f;
  color:#fff;
}
.home-page .hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(31,24,20,.78) 0%,rgba(42,31,25,.60) 34%,rgba(35,27,23,.18) 66%,rgba(22,17,15,.08) 100%);
}
.home-page .hero-grid {
  display:block;
  position:static;
  z-index:2;
}
.home-page .hero-copy {
  position:relative;
  z-index:3;
  max-width:700px;
}
.home-page .hero-art {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  max-width:none;
  border:0;
  border-radius:0;
}
.home-page .hero-photo {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:62% 42%;
}
.home-page .hero .eyebrow,
.home-page .hero h1,
.home-page .hero .lead,
.home-page .hero .under-link,
.home-page .hero .hero-aside { color:#fff; }
.home-page .hero .eyebrow-line { border-color:#fff; }
.home-page .hero h1 {
  max-width:700px;
  font-size:clamp(60px,6.3vw,94px);
  line-height:.98;
  letter-spacing:-.045em;
  text-shadow:0 2px 30px rgba(23,15,11,.24);
}
.home-page .hero .lead {
  max-width:665px;
  font-size:18px;
  line-height:1.7;
  text-shadow:0 1px 18px rgba(23,15,11,.42);
}
.home-page .hero .button-primary {
  background:#351d12;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}
.home-page .hero .button-primary:hover { background:#503022; }
.home-page .hero .under-link { font-family:'Manrope',sans-serif; font-style:normal; }
.home-page .hero .hero-aside { opacity:.84; font-family:'Manrope',sans-serif; font-style:normal; }
.home-page .recognition h2,
.home-page .method h2,
.home-page .about h2,
.home-page .offer h2 { color:#351d12; }

@media(max-width:800px) {
  .home-page .header .menu-button span { background:#fff; }
  .home-page .header .nav {
    background:rgba(35,25,20,.97);
  }
  .home-page .hero {
    min-height:760px;
    padding:125px 0 54px;
    align-items:flex-end;
  }
  .home-page .hero::after {
    background:linear-gradient(180deg,rgba(24,18,15,.24) 0%,rgba(28,20,16,.42) 42%,rgba(26,19,16,.90) 100%);
  }
  .home-page .hero-photo { object-position:58% 40%; }
  .home-page .hero h1 { font-size:clamp(48px,13vw,70px); }
  .home-page .hero .lead { font-size:16px; }
  .home-page .hero-aside { margin-top:34px; }
}

/* ACTIVE THEME — light editorial espresso and ivory, applied site-wide. */
:root {
  --brand-espresso:#351d12;
  --brand-brown:#5a3a2d;
  --brand-taupe:#a99486;
  --brand-ivory:#f7f3ed;
  --brand-soft:#eee7df;
}
body,
.habits-page,
.hero,
.recognition,
.method,
.about,
.offer,
.footer { background:#fff; color:var(--brand-espresso); }
h1,h2,h3,
.hero h1,
.card h3,
.step h3,
.about-lead,
.price,
.offer-details strong,
.program-heading h2,
.library-section h2,
.daily-guide h2 {
  color:var(--brand-espresso);
  font-family:'Cormorant Garamond',Georgia,serif;
}
.eyebrow,
.hero .eyebrow,
.text-button,
.offer-details span { color:var(--brand-brown); }
.lead,
.recognition-copy,
.about-placeholder,
.offer-intro,
.offer-details p { color:#624f46; }
.button-primary,
.nav-button,
.booking-button {
  background:var(--brand-espresso);
  color:#fff;
}
.button-primary:hover,
.nav-button:hover,
.booking-button:hover { background:var(--brand-brown); }
.header { background:#fff; border-bottom:1px solid #e5ddd5; }
.header .nav > a:not(.nav-button) { color:var(--brand-espresso); }
.header .nav > a:not(.nav-button):hover { color:var(--brand-brown); }
.header .menu-button span { background:var(--brand-espresso); }
.recognition { background:var(--brand-ivory); }
.recognition-grid > div,
.method-grid > div:last-child,
.about-copy,
.offer-grid > div:first-child,
.offer-details {
  border-color:#d8ccc2;
  box-shadow:9px 11px 0 var(--brand-espresso);
}
.method-grid > div:last-child,
.offer-details { box-shadow:9px 11px 0 #d8ccc2; }
.credential { background:var(--brand-soft); border-left-color:var(--brand-espresso); color:var(--brand-espresso); }
.call-explainer,
.connect { background:var(--brand-espresso); }
.call-explainer .card { border-color:#d8ccc2; box-shadow:7px 8px 0 var(--brand-taupe); }
.call-explainer .eyebrow,
.call-explainer .section-top h2,
.call-explainer .section-top h2 em,
.connect h2,
.connect .eyebrow,
.connect h2 em { color:#fff; }
.call-explainer .section-top > p,
.call-explainer .scope-note,
.connect p:not(.eyebrow),
.booking-details { color:#e8ddd5; }
.booking-button { background:#fff; color:var(--brand-espresso); }
.footer { border-top:1px solid #e5ddd5; }

/* Lighter homepage photograph with high-contrast espresso copy. */
.home-page .header .logo-wordmark { filter:none; }
.home-page .header .nav > a:not(.nav-button) {
  color:var(--brand-espresso);
  text-shadow:0 1px 16px rgba(255,255,255,.85);
}
.home-page .header .nav > a:not(.nav-button):hover { color:var(--brand-brown); }
.home-page .header .nav-button { border-color:rgba(53,29,18,.18); }
.home-page .hero-photo { filter:brightness(1.09) saturate(.78) contrast(.92); }
.home-page .hero::after {
  background:linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.94) 34%,rgba(250,247,242,.76) 60%,rgba(250,247,242,.18) 100%);
}
.home-page .hero .eyebrow,
.home-page .hero h1,
.home-page .hero .lead,
.home-page .hero .under-link,
.home-page .hero .hero-aside {
  color:var(--brand-espresso);
  text-shadow:none;
}
.home-page .hero .eyebrow-line { border-color:var(--brand-espresso); }
.home-page .hero h1 { max-width:650px; }
.home-page .hero .lead { max-width:620px; }
.home-page .hero .button-primary { border-color:transparent; }
.header .nav-button,
.home-page .header .nav-button {
  background:var(--brand-espresso);
  color:#fff;
}
.header .nav-button:hover,
.home-page .header .nav-button:hover { background:var(--brand-brown); }

/* Extra-soft hero treatment for effortless reading. */
.home-page .hero { background:#faf7f2; }
.home-page .hero-photo {
  opacity:.34;
  filter:grayscale(.72) brightness(1.18) saturate(.35) contrast(.78) blur(2px);
  transform:scale(1.01);
}
.home-page .hero::after {
  background:linear-gradient(90deg,rgba(250,249,247,.99) 0%,rgba(250,249,247,.95) 40%,rgba(242,242,240,.82) 70%,rgba(232,232,230,.68) 100%);
}

/* FINAL HERO — readable split layout with an organic watermark portrait. */
.home-page .header {
  position:relative;
  background:#fff;
  border-bottom:1px solid #e5ddd5;
}
.home-page .header .logo-wordmark { filter:none; }
.home-page .header .nav > a:not(.nav-button) {
  color:#351d12;
  text-shadow:none;
}
.home-page .hero {
  min-height:auto;
  padding:76px 0 96px;
  display:block;
  overflow:hidden;
  background:#fff;
  color:#351d12;
}
.home-page .hero::after { display:none; }
.home-page .hero-grid {
  position:relative;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:70px;
  align-items:center;
}
.home-page .hero-copy { max-width:620px; }
.home-page .hero-art {
  position:relative;
  inset:auto;
  width:100%;
  height:590px;
  max-width:520px;
  justify-self:end;
  overflow:hidden;
  background:#eee7df;
  border:0;
  border-radius:54% 46% 58% 42% / 42% 57% 43% 58%;
  box-shadow:18px 22px 0 #eee7df;
}
.home-page .hero-art::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(247,243,237,.18) 52%,rgba(238,231,223,.42));
  pointer-events:none;
}
.home-page .hero-photo {
  opacity:.62;
  filter:grayscale(.38) brightness(1.12) saturate(.62) contrast(.84) blur(.7px);
  transform:scale(1.015);
  object-position:50% 43%;
}
.home-page .hero .eyebrow,
.home-page .hero h1,
.home-page .hero .lead,
.home-page .hero .under-link,
.home-page .hero .hero-aside { color:#351d12; }
.home-page .hero h1 {
  max-width:620px;
  font-size:clamp(56px,5.7vw,82px);
  line-height:1.02;
}
.home-page .hero .lead { max-width:590px; }

@media(max-width:800px) {
  .home-page .header .nav { background:#fff; }
  .home-page .hero {
    min-height:auto;
    padding:56px 0 76px;
    display:block;
  }
  .home-page .hero-grid {
    grid-template-columns:1fr;
    gap:48px;
  }
  .home-page .hero-art {
    height:470px;
    max-width:500px;
    justify-self:center;
    order:2;
  }
  .home-page .hero h1 { font-size:clamp(48px,13vw,66px); }
}

/* Unified editorial approach section: one composition instead of two old cards. */
.home-page .recognition {
  background:#f7f3ed;
  border-top:1px solid #e4d9d0;
  border-bottom:1px solid #e4d9d0;
}
.home-page .recognition-grid {
  grid-template-columns:1.05fr .95fr;
  gap:8%;
  align-items:center;
}
.home-page .recognition-grid > div {
  background:transparent;
  border:0;
  padding:0;
  box-shadow:none;
}
.home-page .recognition-grid > div:first-child {
  padding-right:8%;
  border-right:1px solid #cdbeb2;
}
.home-page .recognition .eyebrow { color:#5a3a2d; }
.home-page .recognition h2 {
  color:#351d12;
  font-size:clamp(48px,5vw,70px);
  line-height:1.04;
  letter-spacing:-.04em;
}
.home-page .recognition h2 em {
  display:block;
  margin-top:12px;
  color:#7a5848;
}
.home-page .recognition-copy {
  padding-top:0;
  color:#624f46;
  font-size:17px;
  line-height:1.85;
}
.home-page .recognition-copy p:last-child { margin-bottom:0; }
@media(max-width:800px) {
  .home-page .recognition-grid { grid-template-columns:1fr; gap:38px; }
  .home-page .recognition-grid > div:first-child {
    padding:0 0 34px;
    border-right:0;
    border-bottom:1px solid #cdbeb2;
  }
  .home-page .recognition h2 { font-size:clamp(43px,12vw,58px); }
}

/* Typography-led homepage art; blossom portrait moves to About. */
.home-page .hero-brand-art {
  -webkit-mask-image:none;
  mask-image:none;
  height:590px;
  max-width:520px;
  padding:58px 52px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  overflow:hidden;
  background:#eee7df;
  border:1px solid #d8ccc2;
  border-radius:0;
  box-shadow:16px 18px 0 #351d12;
  color:#351d12;
}
.home-page .hero-brand-art::before {
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-120px;
  top:-90px;
  border:1px solid rgba(90,58,45,.25);
  border-radius:50%;
  box-shadow:0 0 0 48px rgba(255,255,255,.14),0 0 0 96px rgba(255,255,255,.10);
}
.home-page .hero-brand-art::after { display:none; }
.home-page .hero-brand-art > span {
  position:relative;
  z-index:1;
  font:600 clamp(76px,8vw,112px)/.72 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.055em;
  text-transform:lowercase;
}
.home-page .hero-brand-art > span:nth-child(2) { margin-left:72px; font-style:italic; color:#7a5848; }
.home-page .hero-brand-art > span:nth-child(3) { margin-left:18px; }
.home-page .hero-brand-art small {
  position:relative;
  z-index:1;
  margin:58px 0 0 22px;
  padding-top:18px;
  border-top:1px solid #a99486;
  font:600 12px/1.4 'Manrope',sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.home-page .about-grid {
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  max-width:none;
  gap:8%;
  align-items:center;
}
.home-page .about-photo {
  height:650px;
  border-radius:0;
  border:1px solid #d8ccc2;
  box-shadow:12px 14px 0 #eee7df;
}
.home-page .about-photo img {
  object-position:54% 45%;
  filter:grayscale(.18) sepia(.06) saturate(.78) contrast(.93);
}
.home-page .about-copy { padding:50px 48px; }
@media(max-width:800px) {
  .home-page .hero-brand-art { height:460px; padding:44px 34px; }
  .home-page .hero-brand-art > span { font-size:clamp(72px,22vw,100px); }
  .home-page .about-grid { grid-template-columns:1fr; gap:42px; }
  .home-page .about-photo { height:520px; }
}

/* Authentic editorial replacement for the generated still-life image. */
.home-page .method-message {
  height:555px;
  padding:58px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#351d12;
  box-shadow:12px 14px 0 #d8ccc2;
  color:#fff;
}
.home-page .method-message::before {
  content:"“";
  position:absolute;
  top:-32px;
  right:24px;
  color:rgba(255,255,255,.08);
  font:600 240px/1 'Cormorant Garamond',Georgia,serif;
}
.home-page .method-message > span {
  position:relative;
  z-index:1;
  max-width:390px;
  color:#fff;
  text-align:left;
  font:500 clamp(43px,4.2vw,62px)/1.05 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.035em;
}
.home-page .method-message small {
  position:relative;
  z-index:1;
  margin-top:42px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.34);
  color:#e8ddd5;
  font:600 12px/1.4 'Manrope',sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:800px) {
  .home-page .method-message { height:440px; padding:42px 34px; }
}

/* ACTIVE THEME — Rooted Growth */
:root {
  --root-bg:#fbfaf5;
  --root-ink:#263228;
  --root-moss:#4f6f52;
  --root-deep:#3c5740;
  --root-tint:#e4ebe1;
  --root-soft:#eef1ea;
  --root-line:#ccd5ca;
}
html,body,.habits-page,.hero,.method,.about,.offer,.footer { background:var(--root-bg); color:var(--root-ink); }
body { font-family:'Manrope',sans-serif; font-weight:400; }
h1,h2,h3,
.hero h1,.recognition h2,.method h2,.about h2,.connect h2,
.card h3,.step h3,.about-lead,.price,.offer-details strong,
.coaching-section-title,.program-heading h2,.library-section h2,.daily-guide h2 {
  font-family:'Newsreader',Georgia,serif;
  color:var(--root-ink);
  font-weight:400;
  letter-spacing:-.025em;
}
.header { background:var(--root-bg); border-color:var(--root-line); }
.header .nav > a:not(.nav-button) { color:var(--root-ink); }
.header .nav > a:not(.nav-button):hover { color:var(--root-moss); }
.header .nav-button,.button-primary,.booking-button { background:var(--root-deep); color:#fff; }
.header .nav-button:hover,.button-primary:hover,.booking-button:hover { background:var(--root-moss); }
.eyebrow,.hero .eyebrow,.text-button,.offer-details span { color:var(--root-moss); }
.lead,.recognition-copy,.about-placeholder,.offer-intro,.offer-details p { color:#536257; }
.home-page .hero-brand-art {
  background:var(--root-soft);
  border-color:var(--root-line);
  box-shadow:16px 18px 0 var(--root-deep);
  color:var(--root-ink);
}
.home-page .hero-brand-art::before {
  content:"";
  inset:22px;
  width:auto;
  height:auto;
  right:22px;
  top:22px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:var(--root-moss);
  opacity:.26;
  -webkit-mask:url('bamboo-root-watermark.png') center/contain no-repeat;
  mask:url('bamboo-root-watermark.png') center/contain no-repeat;
}
.home-page .hero-brand-art > span {
  font-family:'Newsreader',Georgia,serif;
  font-weight:400;
  text-shadow:0 1px 18px var(--root-bg);
}
.home-page .hero-brand-art > span:nth-child(2) { color:var(--root-moss); }
.home-page .hero-brand-art small { border-color:#9eb09e; }
.home-page .recognition { background:var(--root-tint); border-color:var(--root-line); }
.home-page .recognition-grid > div:first-child { border-color:#aab9aa; }
.home-page .recognition .eyebrow,.home-page .recognition h2 em { color:var(--root-moss); }
.home-page .method-message { background:var(--root-deep); box-shadow:12px 14px 0 #b9c6b9; }
.home-page .method-message small { color:#dfe8df; }
.method-grid > div:last-child,.offer-details { box-shadow:9px 11px 0 #cbd6cb; }
.home-page .about-photo,.home-page .about-copy,.offer-grid > div:first-child,.offer-details { border-color:var(--root-line); }
.home-page .about-photo { box-shadow:12px 14px 0 var(--root-tint); }
.home-page .about-copy { box-shadow:12px 14px 0 var(--root-deep); }
.credential { background:var(--root-tint); border-left-color:var(--root-deep); color:var(--root-ink); }
.call-explainer,.connect { background:var(--root-deep); }
.call-explainer .card { box-shadow:7px 8px 0 #9fb29f; border-color:#b7c6b7; }
.call-explainer .eyebrow,.call-explainer .section-top h2,.call-explainer .section-top h2 em,.connect h2,.connect .eyebrow,.connect h2 em { color:#fff; }
.call-explainer .section-top>p,.call-explainer .scope-note,.connect p:not(.eyebrow),.booking-details { color:#e0e9e0; }
.booking-button { background:#fff; color:var(--root-deep); }
.footer { border-color:var(--root-line); }
.legal-main { background:var(--root-bg); }
.legal-main h1,.legal-main h2 { font-family:'Newsreader',Georgia,serif; color:var(--root-ink); font-weight:400; }
@media(max-width:800px) {
  .header .nav,.home-page .header .nav { background:var(--root-bg); }
  .header .menu-button span,.home-page .header .menu-button span { background:var(--root-ink); }
}

/* Rooted Growth specificity pass: remove colours left by earlier concept previews. */
.home-page,
.home-page .hero,
.home-page .method,
.home-page .about,
.home-page .offer,
.home-page .footer { background:var(--root-bg); color:var(--root-ink); }
.home-page .hero h1,
.home-page .recognition h2,
.home-page .method h2,
.home-page .about h2,
.home-page .offer h2,
.home-page .connect h2,
.home-page .card h3,
.home-page .step h3,
.home-page .about-lead,
.home-page .price,
.home-page .offer-details strong {
  font-family:'Newsreader',Georgia,serif;
  color:var(--root-ink);
  font-weight:400;
}
.home-page .header .nav-button,
.home-page a.button.button-primary { background:var(--root-deep); color:#fff; box-shadow:none; }
.home-page .header .nav-button:hover,
.home-page a.button.button-primary:hover { background:var(--root-moss); }
.home-page .under-link,
.home-page .eyebrow { color:var(--root-moss); }
.home-page .call-explainer,
.home-page .connect { background:var(--root-deep); }
.home-page .call-explainer h2,
.home-page .call-explainer h3,
.home-page .connect h2 { color:#fff; }
.home-page .booking-button { background:#fff; color:var(--root-deep); }

/* Full hero bamboo watermark — no decorative text card. */
.home-page .hero {
  position:relative;
  min-height:720px;
  padding:118px 0 110px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:var(--root-bg);
}
.home-page .hero::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:28px 1.5% 22px 35%;
  background:var(--root-moss);
  opacity:.13;
  -webkit-mask:url('bamboo-root-watermark.png') center/contain no-repeat;
  mask:url('bamboo-root-watermark.png') center/contain no-repeat;
  pointer-events:none;
}
.home-page .hero-grid {
  position:relative;
  z-index:1;
  display:block;
  width:min(1160px,calc(100% - 64px));
  margin:auto;
}
.home-page .hero-copy { max-width:700px; }
.home-page .hero h1 { max-width:680px; }
.home-page .hero .lead { max-width:620px; }

/* Match the coaching quote to the soft typography and palette of the homepage. */
.home-page .method-message {
  background:var(--root-soft);
  color:var(--root-ink);
  border:1px solid var(--root-line);
  box-shadow:12px 14px 0 var(--root-deep);
}
.home-page .method-message::before {
  color:rgba(79,111,82,.10);
  font-family:'Newsreader',Georgia,serif;
  font-weight:400;
}
.home-page .method-message > span {
  color:var(--root-ink);
  font-family:'Newsreader',Georgia,serif;
  font-size:clamp(40px,4vw,58px);
  font-weight:400;
  line-height:1.08;
  letter-spacing:-.025em;
}
.home-page .method-message small {
  color:var(--root-moss);
  border-color:#aab9aa;
  font-weight:600;
}

/* Slightly larger type in the final discovery-call section. */
.home-page .connect .eyebrow { font-size:13px; }
.home-page .connect p:not(.eyebrow):not(.booking-details) {
  max-width:660px;
  font-size:19px;
  line-height:1.75;
}
.home-page .connect .booking-button {
  min-height:58px;
  padding-inline:28px;
  font-size:16px;
}
.home-page .connect .booking-details {
  font-size:15px;
  line-height:1.6;
}

/* One heading system across the complete homepage. */
.home-page h1,
.home-page h2,
.home-page .method-message > span,
.home-page .about-lead,
.home-page .price {
  font-family:'Newsreader',Georgia,serif;
  font-weight:400;
  letter-spacing:-.025em;
}
.home-page h1,
.home-page h2 { line-height:1.08; }
@media(max-width:800px) {
  .home-page .hero { min-height:650px; padding:82px 0 88px; }
  .home-page .hero-grid { width:min(100% - 40px,600px); }
  .home-page .hero::before {
    inset:90px -18% 20px 18%;
    opacity:.09;
    -webkit-mask-position:center right;
    mask-position:center right;
  }
  .home-page .hero-copy { max-width:100%; }
}

@media(max-width:800px) {
  .header .nav { background:#fff; }
  .home-page .header .menu-button span { background:var(--brand-espresso); }
  .home-page .header .nav { background:rgba(250,247,242,.98); }
  .home-page .hero::after {
    background:linear-gradient(180deg,rgba(250,247,242,.36) 0%,rgba(250,247,242,.68) 42%,rgba(250,247,242,.98) 100%);
  }
}