/* Phone edition: the same homepage, composed for a single reading column. */
@media (max-width:700px) {
  /* Let the photograph introduce Marissa before the longer welcome copy. */
  .page-home .home-hero {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:26px;
    padding-top:30px;
  }
  .page-home .hero-heading {display:contents}
  .page-home .home-hero h1 {
    grid-row:1;
    font-size:clamp(49px,14.7vw,78px);
    line-height:.98;
    letter-spacing:-.04em;
  }
  .page-home .home-hero h1 em {font-size:1.12em;line-height:1.04}
  .page-home .hero-photograph {
    grid-row:2;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    overflow:hidden;
  }
  .page-home .hero-photograph img {object-position:64% 50%}
  .page-home .hero-intro {grid-row:3;margin:0;max-width:100%}
  .page-home .hero-intro .eyebrow {max-width:34ch;letter-spacing:.065em;line-height:1.7}
  .page-home .hero-intro>p:not(.eyebrow) {font-size:16px;line-height:1.75;margin-top:14px;max-width:38ch}
  .page-home .hero-intro .actions {margin-top:18px;gap:8px 24px}

  .page-home .home-philosophy {padding:64px 0 62px}
  .page-home .home-philosophy h2 {font-size:clamp(31px,8.5vw,43px);line-height:1.22;margin-top:20px}
  .page-home .home-mentor {padding-top:38px;padding-bottom:56px;gap:28px}
  .page-home .mentor-photograph {height:auto;aspect-ratio:1/1;overflow:hidden}
  .page-home .home-mentor .mentor-photograph img {object-position:35% 50%}
  .page-home .mentor-copy h2 {font-size:clamp(33px,9.8vw,46px);margin:16px 0 22px;line-height:1.15}
  .page-home .mentor-copy .hook {font-size:29px;line-height:1.3;max-width:25ch}
  .page-home .mentor-copy .price {max-width:35ch;line-height:1.8;margin-top:20px}
  .page-home .mentor-copy .actions {margin-top:18px}
  .page-home .home-current .collection-label {padding-top:21px;padding-bottom:21px}

  /* A generous photograph, with the retreat's dusty rose and Bliss's ivory intact. */
  .page-home .retreat-feature {padding:40px 0 44px}
  .page-home .retreat-inner {grid-template-columns:minmax(0,1fr);gap:28px}
  .page-home .retreat-quote {grid-row:1}
  .page-home .retreat-hook {font-size:clamp(34px,9.4vw,43px);line-height:1.2;max-width:19ch;margin-top:16px}
  .page-home .retreat-photograph {grid-row:2;width:86%;max-width:340px;justify-self:end}
  .page-home .retreat-photograph img {aspect-ratio:4/5;object-fit:cover;object-position:center}
  .page-home .retreat-copy {grid-row:3;padding:24px 0 0;margin:0;border-top:1px solid #cbb2aa}
  .page-home .retreat-copy h3 {font-size:clamp(33px,9.5vw,43px);line-height:1.16;margin-top:14px;max-width:17ch}
  .page-home .retreat-copy .actions {margin-top:17px}

  .page-home .bliss-feature {padding:48px 0}
  .page-home .bliss-inner {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:'title' 'photo' 'copy';
    gap:25px;
  }
  .page-home .bliss-display h3 {
    font-size:clamp(43px,12.5vw,58px);
    line-height:1.05;
    letter-spacing:-.03em;
    max-width:15ch;
    margin-top:16px;
  }
  .page-home .bliss-display .eyebrow {letter-spacing:.075em}
  .page-home .bliss-photograph {width:100%;max-width:none;justify-self:stretch;overflow:hidden}
  .page-home .bliss-photograph img {
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:76% center;
    border-radius:0;
  }
  .page-home .bliss-copy .hook {font-size:30px;line-height:1.25;max-width:24ch}
  .page-home .bliss-copy .price {margin-top:13px}
  .page-home .bliss-copy .actions {margin-top:14px}

  /* Tall, equally weighted invitations retain their distinct original compositions. */
  .page-home .home-private {padding-top:33px;padding-bottom:52px}
  .page-home .home-private>.eyebrow {margin-bottom:26px;max-width:26ch}
  .page-home .home-private .grid {grid-template-columns:minmax(0,1fr);gap:42px}
  .page-home .home-private .offer-thumbnail,
  .page-home .home-private .ritual-invitation .ritual-scene,
  .page-home .home-private .venusian-invitation .offer-thumbnail {
    width:100%;
    height:auto;
    max-width:none;
    max-height:none;
    aspect-ratio:4/5;
    margin-bottom:24px;
  }
  .page-home .home-private .ritual-scene img {object-position:50% 55%}
  .page-home .home-private .venusian-invitation .offer-thumbnail img {object-position:57% center}
  .page-home .home-private .ritual-invitation h3,
  .page-home .home-private .venusian-invitation h3 {font-size:clamp(30px,8.5vw,39px);line-height:1.18;max-width:20ch;margin-bottom:14px}
  .page-home .private-entry .hook {font-size:28px;line-height:1.25}
  .page-home .private-entry .price {margin-top:15px}
  .page-home .private-entry .actions {margin-top:14px}

  .page-home .home-explore {padding:10px 0 52px}
  .page-home .home-explore>h2 {font-size:clamp(34px,9.5vw,43px);line-height:1.18;max-width:17ch;margin-bottom:26px}
  .page-home .home-explore .grid {gap:26px}
  .page-home .home-explore .card {padding-top:23px}
  .page-home .home-explore .card h3 {font-size:31px;line-height:1.2;margin-bottom:12px}
  .page-home .home-explore .card p {font-size:16px;line-height:1.75;max-width:39ch;min-height:0}
  .page-home .home-explore .card .actions {padding-top:14px}

  .page-home .home-about {padding:48px 0;gap:29px}
  .page-home .home-about h2 {font-size:clamp(38px,10.5vw,48px);line-height:1.12;margin:18px 0 23px}
  .page-home .home-about .approach {font-size:25px;line-height:1.5;max-width:30ch}
  .page-home .home-about .about-photograph {height:auto;aspect-ratio:4/5;overflow:hidden}
  .page-home .home-about .about-photograph img {object-position:31% center}

  .page-home .home-email {padding:43px 0 46px}
  .page-home .email-inner {grid-template-columns:minmax(0,1fr);gap:27px}
  .page-home .home-email h2 {font-size:44px;line-height:1.08;margin-top:15px}
  .page-home .email-detail {margin-top:24px;width:100%;max-width:none;aspect-ratio:7/4}
  .page-home .email-copy>p {font-size:16px;line-height:1.8;max-width:40ch}
  .page-home .home-email .actions {margin-top:22px}
  .page-home .home-closing {padding:56px 0 62px}
  .page-home .home-closing h2 {font-size:clamp(39px,11.5vw,54px);line-height:1.1;max-width:14ch}
  .page-home .home-closing>p {font-size:16px;line-height:1.75;max-width:34ch;margin-top:23px}
  .page-home .home-closing .actions {margin-top:22px;gap:10px 24px}
}

@media (max-width:360px) {
  .page-home .home-hero {gap:22px;padding-top:25px}
  .page-home .home-hero h1 {font-size:48px}
  .page-home .hero-intro .actions {gap:5px 20px}
  .page-home .mentor-copy h2 {font-size:32px}
  .page-home .bliss-display h3 {font-size:43px}
  .page-home .retreat-photograph {width:90%}
}