/* 0.6.75 — mobile-first containment and readable page rhythm. */
@media (max-width:900px){
  .serenity-inner-hero-grid,
  .resource-article-hero-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:30px!important;
    padding-block:48px!important;
  }

  .serenity-inner-hero-photo{
    min-height:0!important;
    height:clamp(280px,58vw,390px)!important;
  }

  .resource-article-flower,
  .resource-article-buds{
    width:min(210px,48vw)!important;
    max-height:230px!important;
    justify-self:start!important;
  }
}

@media (max-width:799px){
  .container{
    width:min(calc(100% - 32px),var(--container))!important;
  }

  main,
  section,
  .container,
  .header-inner,
  .footer-inner,
  .serenity-inner-hero-copy,
  .resource-card,
  .resource-reading-main,
  .resource-reading-sidebar,
  .contact-form-card{
    min-width:0;
    max-width:100%;
  }

  img,
  svg,
  video,
  iframe{
    max-width:100%;
    height:auto;
  }

  h1,
  h2,
  h3,
  p,
  a{
    overflow-wrap:break-word;
  }

  .button,
  .serenity-final-primary,
  .serenity-final-secondary a{
    max-width:100%;
    white-space:normal!important;
    text-align:center;
  }

  .foundation-hero{
    min-height:600px!important;
  }

  .foundation-hero .hero-grid{
    min-height:600px!important;
    padding-block:44px!important;
  }

  .foundation-hero .hero-copy h1{
    font-size:clamp(2.85rem,13vw,4.2rem)!important;
    line-height:.96!important;
  }

  .hero-actions{
    width:100%;
  }

  .home-section{
    padding-block:58px!important;
  }

  .section-heading{
    margin-bottom:34px;
  }

  .section-heading h2,
  .home-section h2,
  .consultation-section h2{
    font-size:clamp(2.35rem,11vw,3.35rem)!important;
  }

  .serenity-inner-hero h1{
    font-size:clamp(2.7rem,12vw,4rem)!important;
  }

  .serenity-inner-hero-photo{
    height:clamp(245px,84vw,360px)!important;
    border-radius:2px 42px 2px 2px!important;
  }

  .about-story-section,
  .cabin-section,
  .qualification-section,
  .help-support-section,
  .help-approach-band,
  .inner-content-section,
  .contact-options-section,
  .contact-form-section{
    padding-block:60px!important;
  }

  .cabin-photo-main{
    height:clamp(340px,115vw,440px)!important;
  }

  .cabin-wide{
    height:clamp(230px,70vw,300px)!important;
  }

  .recording-callout,
  .inner-aside,
  .contact-form-card{
    padding:24px!important;
  }

  .resource-article-hero h1{
    font-size:clamp(2.45rem,11vw,3.65rem)!important;
    line-height:1!important;
  }

  .resource-article-shell{
    width:min(calc(100% - 32px),790px)!important;
    padding-top:48px!important;
    padding-bottom:72px!important;
  }

  .resource-prose p,
  .resource-prose li{
    font-size:1rem!important;
    line-height:1.72!important;
  }

  .resource-prose h2{
    margin-top:42px!important;
    font-size:clamp(1.85rem,9vw,2.6rem)!important;
  }

  .resource-answer.resource-answer-compact{
    padding:20px 20px 22px!important;
    margin-bottom:36px!important;
  }

  .resource-next-step{
    margin-top:48px!important;
    padding:28px 24px!important;
  }

  .resource-author-note.resource-author-note-compact{
    margin-top:46px!important;
  }

  .resources-page .resources-library{
    padding-block:52px 72px!important;
  }

  .resources-page .resource-card,
  .resources-page .resource-card-featured{
    width:100%;
    padding:26px!important;
  }

  .resources-page .resource-card h3,
  .resources-page .resource-card-featured h3{
    font-size:clamp(1.8rem,8vw,2.45rem)!important;
  }

  .resources-page .resource-card-featured .resource-card-visual img{
    width:140px!important;
    max-height:160px!important;
  }

  .contact-option{
    padding:28px 22px 30px!important;
  }

  .serenity-contact-form input,
  .serenity-contact-form textarea,
  .serenity-contact-form button{
    max-width:100%;
  }

  .serenity-final-contact{
    padding-block:52px!important;
  }

  .serenity-final-contact .serenity-final-contact-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .site-footer .footer-inner.footer-wide{
    padding:30px 18px!important;
  }
}

@media (max-width:430px){
  .container{
    width:calc(100% - 28px)!important;
  }

  .eyebrow{
    letter-spacing:.14em;
  }

  .hero-actions .button,
  .serenity-inner-hero-copy .button,
  .inner-aside .button,
  .contact-form-card .button{
    width:100%;
  }

  .resource-reading-links{
    grid-template-columns:1fr!important;
  }

  .resource-author-note.resource-author-note-compact{
    grid-template-columns:1fr!important;
  }

  .resource-author-note-compact .resource-author-photo{
    width:88px!important;
  }

  .serenity-contact-methods{
    align-items:stretch!important;
  }

  .serenity-contact-methods .serenity-contact-secondary{
    width:100%!important;
    white-space:normal!important;
  }
}

/* Home hero: on small screens, keep the photograph and the copy in separate bands. */
@media (max-width:799px){
  .foundation-hero{
    display:flex;
    flex-direction:column;
    height:auto!important;
    min-height:0!important;
    background:#fffaf7;
  }

  .foundation-hero:before{
    content:none!important;
    display:none!important;
  }

  .foundation-hero .hero-background{
    position:relative!important;
    inset:auto!important;
    z-index:0;
    flex:none;
    width:100%;
    height:clamp(220px,62vw,340px);
  }

  .foundation-hero .hero-background img{
    display:block;
    width:100%;
    height:100%!important;
    object-fit:cover;
    object-position:center 52%!important;
  }

  .foundation-hero .hero-background:after{
    content:none!important;
    display:none!important;
  }

  .foundation-hero .hero-grid{
    display:block;
    flex:none;
    height:auto!important;
    min-height:0!important;
    padding-block:32px 48px!important;
  }

  .foundation-hero .hero-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  .foundation-hero .eyebrow{
    margin-bottom:16px;
    color:#ad5362;
  }

  .foundation-hero .hero-copy h1{
    max-width:100%;
    font-size:clamp(2.65rem,10.8vw,3.6rem)!important;
    line-height:1.02!important;
  }

  .foundation-hero .hero-intro{
    max-width:34rem;
    margin-top:22px;
    color:#3d3431;
  }

  .foundation-hero .hero-actions{
    margin-top:28px;
  }
}