/* Homepage only. The portrait is the unchanged approved PNG, at its native ratio.
   No rules apply at tablet/desktop widths; existing copy and handlers are reused. */
@media (max-width:600px) {
  @font-face {
    font-family:"RVA Mobile Display";
    src:url('../assets/fonts/DMSerifDisplay-Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:400;
    font-display:swap;
  }
  body[data-build="54"] > .site-header {
    height:clamp(60px,15.4vw,92px)!important;
    min-height:clamp(60px,15.4vw,92px)!important;
    padding:0 16px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
  }
  body[data-build="54"] > .site-header .brand img {
    width:min(50vw,300px)!important;
    max-height:clamp(50px,13.3vw,80px)!important;
  }
  body[data-build="54"] > .site-header .menu-toggle {
    grid-column:2!important;
    width:clamp(48px,12.4vw,74px)!important;
    height:clamp(44px,10.3vw,62px)!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    font-size:0!important;
    border:1px solid #dfc39a!important;
    border-radius:8px!important;
    background:#fcf9f3!important;
  }
  body[data-build="54"] > .site-header .menu-toggle::before {
    content:"";
    width:19px;
    height:15px;
    background:linear-gradient(#073f33 0 2px,transparent 2px 6px,#073f33 6px 8px,transparent 8px 13px,#073f33 13px 15px);
  }
  body[data-build="54"] > .site-header .header-cta {display:none!important;}
  body[data-build="54"] > .site-header .main-nav.open {top:calc(100% + 8px)!important;}

  #about.hero54 {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding:clamp(19px,5vw,30px) 0 28px!important;
    background:linear-gradient(180deg,#002e22 0%,rgba(0,46,34,.92) 20%,rgba(0,46,34,.7) 40%,rgba(0,46,34,.15) 72%,#002e22 100%) center top/100% 165vw no-repeat,url('../assets/images/home/mobile-hero-photographic-v3.png') center top/100% 165vw no-repeat,#002e22!important;
  }
  #about.hero54 > .hero54-bg,
  #about.hero54::before {display:none!important;}
  /* Flatten only the layout wrapper, retaining the original live text and links. */
  #about.hero54 .hero54-copy {display:contents!important;}
  #about.hero54 .hero54-eyebrow {
    grid-row:1;
    margin:0 6.5% 18px!important;
    display:flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    text-align:center;
    font-size:0!important;
  }
  #about.hero54 .hero54-eyebrow::before,
  #about.hero54 .hero54-eyebrow::after {
    font:700 clamp(6.5px,2.03vw,12.2px)/1.4 "Arial Narrow",Arial,sans-serif;
    letter-spacing:.025em;
    color:#f3c551;
  }
  #about.hero54 .hero54-eyebrow::before {
    content:"PERSONALIZED LONGEVITY COACHING";
    padding-right:clamp(9px,2.7vw,16px);
    margin-right:clamp(9px,2.7vw,16px);
    border-right:1.5px solid #eac052;
  }
  #about.hero54 .hero54-eyebrow::after {content:"PERSONALIZED HOLISTIC HEALTH COACHING";}
  #about.hero54 h1 {
    grid-row:2;
    width:auto!important;
    max-width:none!important;
    margin:0 7% 4px!important;
    font-family:"RVA Mobile Display",Georgia,serif!important;
    font-weight:400!important;
    font-size:clamp(35px,11.3vw,68px)!important;
    line-height:.90!important;
    letter-spacing:-.025em!important;
    text-align:center;
    color:#fffdf7!important;
  }
  #about.hero54 h1 span {color:#f2c44e!important;}
  #about.hero54 > .hero54-founders {
    grid-row:3;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    transform:none!important;
    opacity:1!important;
    /* These two backgrounds sit BEHIND the original transparent image pixels. */
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 930'%3E%3Cellipse cx='500' cy='930' rx='650' ry='720' fill='%23f7edce'/%3E%3Cellipse cx='500' cy='930' rx='680' ry='846' fill='none' stroke='%23e8ce80' stroke-width='3.5'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  }
  #about.hero54 .hero54-sub {
    grid-row:4;
    margin:24px 22px 14px!important;
    text-align:center;
    color:#f2c44e!important;
    font-size:18px!important;
  }
  #about.hero54 .hero54-sub strong {
    display:block;
    white-space:nowrap;
    color:#f2c44e;
    font-size:19px;
  }
  #about.hero54 .hero54-text {grid-row:5;margin:0 22px!important;line-height:1.6!important;}
  #about.hero54 .hero54-actions {grid-row:6;margin:22px 22px 0!important;}
  #about.hero54 .rva-report-preview-trigger {
    grid-row:7;
    color:#f7dfa0!important;
    margin:10px 22px 0!important;
    max-width:calc(100% - 44px);
  }
  #about.hero54 .hero54-note {grid-row:8;margin:18px 22px 0!important;}
  #about.hero54 :is(a,button):focus-visible {outline:3px solid #fffdf7;outline-offset:4px;}
}