/* /en/ (home.py; Kohei 2026-10-10「トップも wp 時代のブロックひきづってる感」, Cid (2)). The bands keep the mirror's
   rhythm (Kohei via Cid 1558433725178712075「メリハリが無くなった」): white, the FAQ navy, Upcoming Events sky,
   Strawberry Jam white, Readings sky, Videos white. main.hm outranks the theme. */
main.hm .tev-sec { background: var(--beige, #e7f1f7) !important; }
main.hm .readings-sec { background: var(--beige, #e7f1f7) !important; }

/* Getting Started alone, centred */
main.hm .doors-inner { max-width: 560px !important; text-align: center; }
main.hm .door-desc { text-align: center !important; }

/* the FAQ: a full-width navy band where it was, no photo (no portrait on a teaching page, Kohei 1558419602461950055) */
main.hm .hm-faq { background: var(--navy, #2f5d34) !important; padding: var(--band) var(--s4, 16px) !important; }
main.hm .hm-faq .faq-feature-eyebrow { margin-top: 0; color: #fdfcf8; font-family: var(--ff-head, 'Cormorant Garamond', serif) !important;
    font-weight: 500; font-size: var(--fs-h) !important; letter-spacing: .18em; line-height: 1.5; }

/* the two video heroes (Kohei via Cid 1558429627817394340「動画 2 本は戻す」): as before on a computer; on a phone each
   is a full-width square with the video cropped to fill, not a whole screen (the founder's square grows with its
   quote, below); the scroll hint goes on a phone (the next words show). */
@media (max-width: 768px) {
    main.hm .hero, main.hm .hero--founder { aspect-ratio: 1 / 1; height: auto; min-height: auto; width: 100%; }
    /* overflow: hidden turns a square's automatic minimum height off, so the JP / KR quote was cut at the bottom
       (Kohei 2026-10-13 12:44 ⑤): the founder's square is a minimum and grows with its words */
    main.hm .hero--founder { aspect-ratio: auto; min-height: 100vw; }
    main.hm .hero .hero-center, main.hm .hero--founder .hero-center { min-height: 0; height: 100%;
        padding: var(--s6, 32px) var(--s4, 16px); }
    main.hm .hero-video { object-fit: cover; width: 100%; height: 100%; }
    main.hm .hero-hint { display: none; }
}

/* Latest readings 6 / Latest videos 3 (home.tiles(); Cid (2) §6): three across on a computer, so 6 is two rows and 3
   is one; on a phone readings two across (six stacked would be a long scroll), videos one. */
main.hm .rh-home-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s7, 48px) var(--s6, 32px); }
@media (max-width: 768px) {
    main.hm .readings-sec .rh-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s6, 32px) var(--s4, 16px);
        padding: 0 var(--s4, 16px); }
    main.hm .videos-sec .rh-home-grid { grid-template-columns: minmax(0, 1fr); padding: 0 var(--s4, 16px); }
}