/* Approved jade mobile cover. The desktop composition remains in its own styles. */
@media screen and (max-width:800px) {
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-stage {
  display:grid;
  grid-template-columns:minmax(20px,1fr) minmax(0,580px) minmax(20px,1fr);
  grid-template-areas:"title title title" "art art art" ". intro ." ". actions ." ". detail ." ". methods ." ". offer .";
  padding-block:0 24px;
  min-height:0;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-lead { display:none; }
 .wp-site-blocks main.sh-editorial.sh-home :is(.sh-cover,.sh-hero-copy,.sh-hero-mobile-lead) {
  display:contents;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-title {
  grid-area:title;
  max-width:none;
  margin:0;
  padding:26px max(20px,calc((100% - 580px)/2)) 12px;
  background:#103d34;
  color:#f6ecd8;
  font:500 clamp(28px,8.2vw,35px)/1.16 "Literata",Georgia,serif!important;
  letter-spacing:-.028em!important;
  text-wrap:balance;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-heading-line {
  display:inline;
  font:inherit;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-brand {
  display:none;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-art {
  grid-area:art;
  position:relative;
  inset:auto;
  z-index:auto;
  width:100%;
  height:clamp(192px,60.25vw,350px);
  overflow:hidden;
  mask-image:none;
  background:var(--ed-jade);
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-art::before {
  content:"";
  display:block;
  position:absolute;
  inset:0 0 auto;
  height:48px;
  background:linear-gradient(#103d34,transparent);
  z-index:1;
  pointer-events:none;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-art::after { display:none; }
 .wp-site-blocks main.sh-editorial.sh-home .sh-cover-scene {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
  mask-image:none;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-intro {
  grid-area:intro;
  display:block;
  margin-top:20px;
  color:var(--ed-ink);
  font:500 20px/1.35 "Literata",Georgia,serif;
  letter-spacing:-.02em;
  text-align:center;
  text-wrap:balance;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-actions {
  display:contents;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-actions .sh-button {
  grid-area:actions;
  width:100%;
  margin-top:16px;
  justify-content:space-between;
  min-height:48px;
  padding:12px 14px;
  gap:12px;
  font-size:15px;
  line-height:1.4;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-actions a.sh-hero-methods {
  grid-area:methods;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:fit-content;
  max-width:100%;
  min-height:44px;
  margin:4px 0 0;
  padding:6px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ed-ink);
  font:600 15px/1.4 "Golos Text",sans-serif;
  text-decoration:underline;
  text-decoration-color:#8b9a87;
  text-underline-offset:5px;
  text-decoration-thickness:1px;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-actions a.sh-hero-methods svg {
  width:20px;
  height:20px;
  flex:0 0 20px;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-actions a.sh-hero-methods:hover {
  color:var(--ed-red);
  text-decoration-color:currentColor;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-detail {
  grid-area:detail;
  display:block;
  margin:20px 0 0;
  color:#435b50;
  font:400 16px/1.5 "Golos Text",sans-serif;
  text-align:left;
  text-wrap:pretty;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-price.sh-hero-offer-mobile {
  grid-area:offer;
  grid-template-columns:auto minmax(0,1fr) 18px;
  width:100%;
  margin-top:18px;
  padding:10px 12px;
  gap:10px;
  min-height:60px;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-offer-mobile>strong {
  display:flex;
  align-items:baseline;
  gap:4px;
  padding-right:10px;
  white-space:nowrap;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-offer-mobile .sh-offer-label {
  font:600 16px/1.3 "Golos Text",sans-serif;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-offer-mobile .sh-offer-value {
  font:600 22px/1.3 "Golos Text",sans-serif;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-offer-mobile>span:last-child {
  font-size:14px;
  line-height:1.4;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-band { margin-top:0; }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-nav {
  grid-template-columns:1fr;
  gap:8px;
  padding-block:20px;
  border-top:0;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-nav>span {
  margin-bottom:6px;
  color:#fff2d4;
  font:600 24px/1.25 "Golos Text",sans-serif;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-nav>a {
  grid-template-columns:40px minmax(0,1fr) 22px;
  min-height:60px;
  padding:8px 12px;
  gap:14px;
  border:1px solid #96a48a;
  border-radius:4px;
  font-size:16px;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-nav .sh-pain-icon { width:40px; height:40px; }
 .wp-site-blocks main.sh-editorial.sh-home .sh-pain-nav>a>svg { display:block; width:22px; height:22px; }
 .home .ed-site-header .ed-masthead { padding-bottom:8px; }
 .home .ed-site-header .ed-header-phone { color:#153b32; font-size:14px; font-weight:500; }
}

/* The existing menu switches at 760px; keep that behavior and the tablet navigation. */
@media screen and (max-width:760px) {
 .home .ed-site-header .ed-masthead { column-gap:12px; row-gap:0; padding-block:10px 8px; }
 .home .ed-site-header .ed-header-contact { justify-content:flex-end; }
 .home .ed-site-header .ed-header-contact .ed-shell-button { display:none; }
 .home .ed-site-header .ed-header-phone { min-height:44px; color:var(--ed-red); font-size:20px; font-weight:600; }
 .home .ed-site-header .ed-brand { width:clamp(164px,49vw,210px); }
}

@media screen and (max-width:359px) {
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-stage {
  grid-template-columns:16px minmax(0,1fr) 16px;
 }
 .wp-site-blocks main.sh-editorial.sh-home .sh-hero-title {
  padding-inline:16px;
  font-size:27px!important;
 }
}