/* Phone edition: a comfortable reading pace, without changing the desktop art direction. */
@media (max-width:700px) {
  .page-interior main.container {
    padding-bottom:48px;
  }
  .page-interior main :is(section, .hero-copy, .copy, .card, .field) {
    min-width:0;
  }
  .page-interior .breadcrumbs {
    padding-top:20px;
    line-height:1.65;
    max-width:46ch;
  }
  .page-interior .page-hero,
  .page-interior .page-hero:has(.page-portrait) {
    padding-top:32px;
    padding-bottom:42px;
    gap:30px;
  }
  .page-interior .page-hero h1 {
    font-size:clamp(36px,10.5vw,49px);
    line-height:1.09;
    letter-spacing:-.035em;
    margin-bottom:22px;
    overflow-wrap:normal;
  }
  .page-interior .page-hero .hero-copy>p:not(.eyebrow) {
    font-size:16px;
    line-height:1.75;
    max-width:42ch;
  }
  .page-interior .page-hero .eyebrow {
    margin-bottom:16px;
    letter-spacing:.07em;
  }
  .page-interior .facts {
    gap:8px 18px;
    padding-top:15px;
    margin-top:22px;
  }
  .page-mentorship .facts .mobile-price-option {
    display:block;
  }
  .page-mentorship .facts .mobile-price-separator {
    display:none;
  }
  .page-interior .section {
    padding-top:42px;
    padding-bottom:42px;
  }
  .page-interior .section>h2,
  .page-interior .section:has(>.copy)>h2,
  .page-interior .section:has(>.form)>h2,
  .page-interior .prose-section>h2 {
    font-size:clamp(29px,7.8vw,36px);
    line-height:1.18;
    margin-bottom:22px;
  }
  .page-interior .copy,
  .page-interior .section>p,
  .page-interior .list {
    max-width:44ch;
  }
  .page-interior .copy p,
  .page-interior .card p,
  .page-interior .list {
    font-size:16px;
    line-height:1.78;
  }
  .page-interior .copy p { margin-bottom:21px; }
  .page-interior .copy p:last-child { margin-bottom:0; }
  .page-interior .card h3 {
    font-size:clamp(29px,8vw,35px);
    line-height:1.18;
  }
  .page-interior .investment>.grid { margin-top:28px; }
  .page-interior .investment .card h3 { font-size:clamp(29px,8vw,35px); }
  .page-interior .card .price { font-size:clamp(36px,10vw,44px); }
  .page-interior .content-status { max-width:42ch; line-height:1.75; }
  .page-interior .note { padding:14px 16px; }

  /* A single vertical sequence gives the practical steps enough room to read. */
  .page-interior .visitor-steps,
  .page-templeofdevotionretreat .temple-journey .visitor-steps {
    grid-template-columns:1fr;
    gap:20px;
    margin:25px 0 28px;
    max-width:46ch;
  }
  .page-interior .visitor-steps li {
    padding:17px 0 0 39px;
    min-height:0;
    line-height:1.72;
  }
  .page-interior .visitor-steps li::before {
    top:18px;
    font-size:25px;
  }
  .page-interior .visitor-steps p { max-width:36ch; line-height:1.72; }
  .page-interior .visitor-steps strong { margin-bottom:6px; }

  /* Offer portraits stay deliberate, with the photographic subjects intact. */
  .page-mentorship .page-hero .hero-copy>p:last-of-type,
  .page-ceremonial-immersion .page-hero .hero-copy>p:last-of-type,
  .page-ritual-bath .page-hero .hero-copy>p:last-of-type {
    font-size:clamp(26px,7vw,30px);
    line-height:1.28;
  }
  .page-mentorship .page-hero .page-portrait {
    max-width:380px;
    aspect-ratio:4/5;
  }
  .page-ceremonial-immersion .page-hero .page-portrait {
    width:88%;
    max-width:290px;
  }
  .page-ceremonial-immersion .section.venusian-sensory {
    padding:30px clamp(18px,5vw,26px) 32px;
    gap:27px;
    margin:14px 0 28px;
  }
  .venusian-sensory-copy h2,
  .ritual-sensory-copy h2 {
    font-size:clamp(28px,7.5vw,33px);
    line-height:1.2;
    margin-bottom:21px;
  }
  .page-ceremonial-immersion .venusian-sensory .copy p,
  .page-ritual-bath .ritual-sensory-copy .copy p {
    font-size:clamp(25px,6.7vw,29px);
    line-height:1.43;
  }
  .page-ceremonial-immersion .venusian-small-detail { width:84%; max-width:230px; }
  .page-ritual-bath .page-hero .page-portrait { width:100%; max-width:320px; }
  .page-ritual-bath .section.ritual-sensory {
    padding:28px clamp(18px,5vw,26px) 33px;
    gap:28px;
  }
  .page-ritual-bath .ritual-detail-photo { width:85%; max-width:265px; }

  /* About owns its responsive layout in about-editorial.css. */

  /* The program’s curtain portrait becomes its own calm mobile chapter. */
  .page-yourblissisyourbirthright .page-hero.bliss-hero,
  .page-yourblissisyourbirthright .page-hero.bliss-hero:has(.page-portrait) {
    margin-top:27px;
    padding:0;
    gap:0;
  }
  .page-yourblissisyourbirthright .page-hero.bliss-hero h1 {
    font-size:clamp(37px,10.4vw,51px);
    line-height:1.09;
  }
  .page-yourblissisyourbirthright .page-hero.bliss-hero .hero-copy>p:not(.eyebrow) {
    font-size:clamp(27px,7.3vw,31px);
    line-height:1.28;
  }
  .page-yourblissisyourbirthright .bliss-hero .page-portrait.bliss-lead-image {
    max-width:440px;
    align-self:center;
    aspect-ratio:4/5;
  }
  .page-yourblissisyourbirthright .section.bliss-program,
  .page-yourblissisyourbirthright .section.bliss-program:has(>.copy) { padding:48px 0 43px; }
  .page-yourblissisyourbirthright .section.bliss-program>h2 { font-size:14px; }
  .page-yourblissisyourbirthright .bliss-program .copy .bliss-program-intro {
    font-size:clamp(26px,7.2vw,32px);
    line-height:1.4;
  }
  .page-yourblissisyourbirthright .bliss-story { gap:28px; margin-top:35px; }
  .page-yourblissisyourbirthright .bliss-story-copy .bliss-body { line-height:1.78; max-width:44ch; }
  .page-yourblissisyourbirthright .bliss-quote { font-size:clamp(27px,7.2vw,32px); line-height:1.35; }
  .page-yourblissisyourbirthright .section.bliss-investment { padding:34px clamp(18px,5vw,28px) 37px; }
  .page-yourblissisyourbirthright .bliss-investment .flow { margin-top:28px; }
  .page-yourblissisyourbirthright .bliss-investment .visitor-steps { margin-left:auto; margin-right:auto; }

  /* Preserve the whole garden circle and its existing vintage treatment. */
  .page-templeofdevotionretreat .page-hero.temple-opening:has(.page-portrait) {
    padding:32px 0 43px;
    gap:29px;
  }
  .page-templeofdevotionretreat .temple-opening h1 { font-size:clamp(40px,12.8vw,58px); line-height:1.06; }
  .page-templeofdevotionretreat .temple-opening h1 span:last-child { font-size:24px; }
  .page-templeofdevotionretreat .temple-opening .hero-copy>p:not(.eyebrow) { font-size:clamp(27px,7.3vw,31px); line-height:1.3; }
  .page-templeofdevotionretreat .page-hero .page-portrait.temple-window { max-width:470px; }
  .page-templeofdevotionretreat .section.temple-introduction { padding:0 0 43px; }
  .page-templeofdevotionretreat .temple-introduction>h2 { font-size:14px; }
  .page-templeofdevotionretreat .temple-introduction>.temple-lede { font-size:clamp(27px,7.4vw,32px); line-height:1.4; }
  .page-templeofdevotionretreat .temple-gathering { aspect-ratio:1/1; margin-top:28px; }
  .temple-story-copy>p { line-height:1.78; max-width:44ch; }
  .temple-invitation { font-size:clamp(28px,7.6vw,33px); line-height:1.33; }
  .page-templeofdevotionretreat .section.temple-stay { padding:30px clamp(18px,5vw,28px) 32px; margin-bottom:43px; }
  .temple-stay-copy h2 { font-size:clamp(29px,7.8vw,35px); }
  .temple-stay-copy>p { font-size:clamp(26px,7vw,30px); line-height:1.4; }
  .page-templeofdevotionretreat .section.temple-rooms { padding-top:0; }
  .page-templeofdevotionretreat #rooms .grid { margin-top:26px; gap:18px; }
  .page-templeofdevotionretreat #rooms .card { padding:24px clamp(18px,5vw,26px); }
  .page-templeofdevotionretreat #rooms .card h3 { font-size:clamp(29px,7.8vw,34px); }

  /* Reading-led pages have consistent measures and less nested indentation. */
  .page-media .page-hero h1 { font-size:clamp(42px,12vw,58px); }
  .page-media .page-hero .hero-copy>p:not(.eyebrow),
  .page-self-paced-programs .page-hero .hero-copy>p:not(.eyebrow) {
    font-size:clamp(25px,6.8vw,29px);
    line-height:1.4;
  }
  .page-media .media-conversations { padding-top:32px; }
  .page-media .media-conversation:first-child { padding:26px clamp(18px,5vw,27px); }
  .page-media .media-conversation:first-child>h3 { font-size:clamp(30px,8vw,37px); }
  .page-media .media-conversation .media-host { font-size:16px; line-height:1.72; }
  .page-media .media-writing,
  .page-media .media-inquiries { padding-top:34px; padding-bottom:34px; }
  .page-self-paced-programs .section.course-chapter { padding:37px 0 42px; }
  .page-self-paced-programs .section.course-chapter>h2 { font-size:clamp(32px,8.8vw,40px); line-height:1.13; }
  .page-self-paced-programs .course-chapter .copy .course-lead { font-size:clamp(26px,7.1vw,30px); line-height:1.34; }
  .page-self-paced-programs .course-chapter .copy p:not(.course-lead) { line-height:1.78; }
  .page-self-paced-programs #feminine-imprints {
    margin:0;
    padding:30px clamp(18px,5vw,27px) 34px;
  }

  /* Phone-friendly form fields; native input zoom is avoided with 16px text. */
  .page-contact .form { grid-template-columns:1fr; gap:24px; }
  .page-interior .form { gap:23px; }
  .page-interior .form .field { gap:8px; }
  .page-interior input:not([type=checkbox]):not([type=radio]),
  .page-interior select,
  .page-interior textarea { font-size:16px; min-height:50px; }
  .page-interior textarea { min-height:140px; }
  .page-interior .consent { gap:12px; line-height:1.7; }
  .page-interior .consent input { margin-top:4px; }
  .page-interior .form .muted { line-height:1.75; }
  .page-embodied-bliss .section:has(>.form) { padding:30px clamp(18px,5vw,28px) 34px; margin-bottom:39px; }
  .page-interior .success,
  .page-system .external-header { padding:20px 18px; }
  .page-system .hero h1,
  .page-system .page-hero h1 { font-size:clamp(33px,9.4vw,45px); line-height:1.13; }
  .page-system .hero>p:not(.eyebrow),
  .page-system .hero .hero-copy>p:not(.eyebrow) { font-size:clamp(23px,6.6vw,28px); line-height:1.42; }
  .page-interior .review-only summary { padding:7px 0; line-height:1.7; }
  .page-review .sitemap { columns:1; }
}

@media (max-width:360px) {
  .page-interior .page-hero h1 { font-size:36px; }
  .page-media .page-hero h1 { font-size:42px; }
  .page-yourblissisyourbirthright .page-hero.bliss-hero h1 { font-size:37px; }
  .page-templeofdevotionretreat .temple-opening h1 { font-size:40px; }
  .page-interior .visitor-steps li { padding-left:34px; }
  .page-interior .visitor-steps li::before { font-size:23px; }
  .page-ceremonial-immersion .page-hero .page-portrait { width:92%; }
}