/* More room to read, using the site's existing surfaces and app artwork. */
.guide-page:not(.walk-page) .guide-section { padding-block: 48px; }
.guide-page:not(.walk-page) .guide-prose .guide-section + .guide-section { border-top: 1px solid #dedfd5; }
.article-practice { background: #f5e9d8; }
.resource-card:nth-child(2) { background: #f5e9d8; }
.resource-card:nth-child(3) { background: #ebe5f1; }
.science-compassion { background: #f5e9d8; }

.walk-page .walk-hero { padding-bottom: 76px; }
.walk-hero-copy { min-width: 0; }
.walk-page .walk-hero .guide-links { margin-top: 30px; gap: 12px 28px; }
.walk-page .walk-band-journey { background: #f5e9df; }
.walk-page .walk-section { padding-block: 88px; gap: 80px; }
.walk-page .walk-copy > p:not(.eyebrow) { line-height: 1.85; }
.walk-page .walk-copy > p + p { margin-top: 26px; }
.walk-page .walk-copy h2 { margin-bottom: 30px; }
.walk-aside { margin-top: 36px; padding: 26px; border-radius: 24px; background: #fffdf9; }
.walk-copy .walk-aside h3 { margin: 0 0 14px; font-size: 20px; line-height: 1.3; }
.walk-aside p { font-size: 16px; line-height: 1.8; }
#insights .walk-aside { background: #ebe5f1; }
.walk-page .walk-phone { width: 100%; min-width: 0; }
.walk-page .walk-example { padding: 28px; border: 0; border-radius: 24px; background: #f5e9d8; margin-top: 36px; }
.walk-page .walk-example .eyebrow { line-height: 1.6; }
.walk-page .walk-example blockquote { font-size: 24px; line-height: 1.5; }
.walk-page .walk-example figcaption { margin-top: 18px; line-height: 1.65; }
/* The daytime landscape is the same artwork used by the homepage. */
.walk-page .walk-band-aura {
  background: linear-gradient(90deg, #fffdf9db, #fffdf9f5 45%, #fffdf9eb), url('assets/landscape.png') center 65% / cover;
}
.walk-page .aura-introduction { grid-template-columns: 150px minmax(0, 1fr); gap: 60px; padding-block: 85px; }
.aura-portrait img { width: 100%; height: auto; }
.walk-page .aura-introduction h2 { line-height: 1.15; }
.walk-page .aura-introduction p + p { margin-top: 26px; }
.walk-page .aura-introduction .guide-links { margin-top: 30px; }
.walk-page .walk-review { padding-block: 42px 68px; }
.walk-page .walk-review blockquote { font-size: 26px; line-height: 1.55; }
.walk-page .walk-band-visits { background: #fffdf9; }
.walk-page .first-visits { padding-block: 72px 85px; border-top: 1px solid #dedfd5; }
.walk-page .first-visits > h2 { margin-bottom: 40px; }
.walk-page .visit-list { gap: 34px; }
.walk-page .visit-list li { display: grid; grid-template-rows: auto auto auto 1fr; align-content: start; padding: 0; }
.walk-page .visit-art { grid-row: 1; width: 100%; height: auto; aspect-ratio: 1.35; object-fit: cover; border-radius: 20px; margin-bottom: 24px; }
.walk-page .visit-list li::before { grid-row: 2; }
.walk-page .visit-list h3 { grid-row: 3; margin-block: 10px 16px; }
.walk-page .visit-list p { grid-row: 4; }
.walk-page .first-visits .guide-links { margin-top: 34px; }
.walk-page .guide-closing { padding-block: 65px; }

@media (max-width: 1000px) {
  .walk-page .walk-section { gap: 45px; }
  .walk-page .aura-introduction { gap: 45px; }
  .walk-page .visit-list { gap: 26px; }
}
@media (max-width: 700px) {
  .guide-page:not(.walk-page) .guide-section { padding-block: 36px; }
  .guide-page:not(.walk-page) .guide-hero { padding-bottom: 34px; }
  .why-understanding-layout, .why-moments { padding-block: 64px; gap: 40px; }
  .walk-page .walk-hero { padding-block: 134px 56px; }
  .walk-page .walk-hero-copy > p:not(.eyebrow) { line-height: 1.85; margin-top: 26px; }
  .walk-page .walk-hero .guide-links { gap: 8px 24px; margin-top: 27px; }
  .walk-page .walk-section { padding-block: 64px; gap: 48px; }
  .walk-page .walk-copy h2 { margin-bottom: 28px; }
  .walk-page .walk-copy h2 br { display: none; }
  .walk-page .walk-copy > p:not(.eyebrow) { line-height: 1.85; }
  .walk-page .walk-copy > p + p { margin-top: 26px; }
  .walk-aside { margin-top: 34px; padding: 26px 24px; }
  .walk-aside p { font-size: 16px; line-height: 1.8; }
  .walk-page .walk-example { padding: 28px 24px; margin-top: 36px; }
  .walk-page .walk-example blockquote { font-size: 23px; }
  .walk-page .walk-band-aura { background-image: linear-gradient(180deg, #fffdf9c9, #fffdf9f5 30%, #fffdf9eb), url('assets/landscape.png'); }
  .walk-page .aura-introduction { grid-template-columns: 1fr; gap: 34px; padding-block: 64px; }
  .aura-portrait { width: 108px; }
  .walk-page .aura-introduction p:not(.eyebrow) { line-height: 1.85; }
  .walk-page .aura-introduction h2 { margin-bottom: 28px; }
  .walk-page .walk-review { padding-block: 38px 60px; }
  .walk-page .walk-review blockquote { font-size: 23px; }
  .walk-page .first-visits { padding-block: 60px; }
  .walk-page .first-visits > h2 { margin-bottom: 32px; }
  .walk-page .visit-list { gap: 30px; }
  .walk-page .visit-list li { grid-template-columns: minmax(0, 1fr) 88px; grid-template-rows: auto auto auto; column-gap: 20px; padding-bottom: 30px; border-bottom: 1px solid #e7e4da; }
  .walk-page .visit-list li:last-child { padding-bottom: 0; border: 0; }
  .walk-page .visit-art { grid-column: 2; grid-row: 1 / 3; width: 88px; height: 88px; aspect-ratio: 1; border-radius: 18px; margin: 0; }
  .walk-page .visit-list li::before { grid-column: 1; grid-row: 1; align-self: end; }
  .walk-page .visit-list h3 { grid-column: 1; grid-row: 2; font-size: 23px; line-height: 1.2; margin: 10px 0 0; align-self: start; }
  .walk-page .visit-list p { grid-column: 1 / -1; grid-row: 3; margin-top: 22px; font-size: 16px; line-height: 1.8; }
  .walk-page .first-visits .guide-links { gap: 14px; }
  .walk-page .guide-closing { padding-block: 56px; gap: 30px; }
}