/* Homepage calm system: one section pattern, ivory alternating with one soft tint,
   one accent per section, watercolour kept for the opening and the close. Loaded last on the homepage only. */

/* Tanya's opening: a personal identity, two immediate routes and existing portrait artwork. */
.home-more-living main>.brand-hero{padding:clamp(40px,5vw,72px) 0 56px;text-align:left;background:var(--f2bm-cream)}
.home-more-living .brand-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,88px);align-items:center}
.home-more-living .brand-hero-copy{padding-block:16px}
.home-more-living .brand-hero .hero-person{font:500 27px/1.2 var(--serif);color:var(--brand-teal);margin:0 0 12px}
.home-more-living .brand-hero .hero-roles{font:600 12px/1.6 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--f2bm-ink);margin:0 0 26px}
.home-more-living .brand-hero h1{font-size:clamp(64px,6.8vw,100px);line-height:.98;text-align:left;max-width:none;margin:0;color:var(--brand-teal)}
.home-more-living .brand-hero h1 em{color:var(--brand-magenta);font-weight:400}
.home-more-living .brand-hero .signature{font:400 clamp(25px,1.2vw + 14px,31px)/1.3 var(--serif);color:var(--f2bm-ink);max-width:29ch;margin:26px 0 0}
.home-more-living .brand-hero .hero-intro{font:400 17px/1.6 var(--sans);color:var(--body);margin:18px 0 0}
.home-more-living .brand-hero .hero-actions{justify-content:flex-start;flex-direction:row;gap:12px;margin:28px 0 0}
.home-more-living .brand-hero .hero-actions .btn{min-height:48px;gap:14px}
.home-more-living .brand-hero .hero-actions .btn-outline{background:transparent;color:var(--brand-teal)}
.home-more-living .brand-hero .hero-actions .btn-outline:hover{background:var(--brand-mist)}
.home-more-living .brand-hero-portrait{width:100%;max-width:440px;justify-self:end;margin:0;position:relative}
.home-more-living .brand-hero-portrait picture{display:block;overflow:hidden;border-radius:4px}
.home-more-living .brand-hero-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.home-more-living .brand-hero-portrait figcaption{font:500 13px/1.5 var(--sans);letter-spacing:.03em;color:var(--brand-teal);margin-top:14px;text-align:right}
@media(max-width:760px){
  .home-more-living main>.brand-hero{padding:32px 0 38px}
  .home-more-living .brand-hero-grid{width:calc(100% - 40px);grid-template-columns:1fr;gap:34px}
  .home-more-living .brand-hero-copy{padding:0}
  .home-more-living .brand-hero .hero-person{font-size:25px;margin-bottom:8px}
  .home-more-living .brand-hero .hero-roles{font-size:10px;letter-spacing:.08em;margin-bottom:22px}
  .home-more-living .brand-hero h1{font-size:clamp(50px,13vw,72px)}
  .home-more-living .brand-hero .signature{font-size:25px;max-width:25ch;margin-top:22px}
  .home-more-living .brand-hero .hero-intro{font-size:16px;max-width:24ch;margin-top:16px}
  .home-more-living .brand-hero .hero-actions{gap:10px;margin-top:24px}
  .home-more-living .brand-hero .hero-actions .btn{font-size:12px;letter-spacing:.04em;padding:13px 17px;gap:10px}
  .home-more-living .brand-hero-portrait{max-width:440px;justify-self:center}
  .home-more-living .brand-hero-portrait figcaption{text-align:left;margin-top:10px}
}
.home-more-living main{--calm-pad:clamp(56px,6vw,88px);--calm-gut:max(24px,calc((100% - 1180px) / 2));--calm-h2:clamp(36px,2.6vw + 18px,56px)}
.home-more-living main>.f2b-additions{max-width:none;margin:0}

/* Bands: full width, same rhythm, no borders, panels or gradients */
.home-more-living main [data-tone]{background:var(--f2bm-paper);border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;width:auto;padding-block:var(--calm-pad)}
.home-more-living main [data-tone=tint]{background:var(--f2bm-cream-deep)}
.home-more-living main .f-wrap[data-tone],
.home-more-living main .reflection-focus[data-tone],
.home-more-living main .whole-self[data-tone],
.home-more-living main .f-stage[data-tone]{padding-inline:var(--calm-gut)}
.home-more-living main .community-pair[data-tone]{padding:var(--calm-pad) var(--calm-gut)}
.home-more-living main .community-pair>.f-wrap{padding:0}
.home-more-living main .community-pair .f-path,.home-more-living main #f-world .f-path{background:var(--f2bm-paper)}

/* One heading scale, one eyebrow */
.home-more-living main [data-tone] h2{font-size:var(--calm-h2);line-height:1.08;text-wrap:balance}
.home-more-living main .community-pair h2{font-size:clamp(32px,2vw + 18px,44px)}
.home-more-living main .reflection-focus h2{font-size:var(--calm-h2)}
.home-more-living main [data-tone] .eyebrow,
.home-more-living main [data-tone] .f-kicker{font:600 13px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-small);margin:0 0 18px}

/* Readable measure for body copy */
.home-more-living main [data-tone] p:not(.eyebrow):not(.f-kicker){max-width:64ch}

/* Section-specific colour and decoration reduced to one accent each */
.home-more-living main .f-belong[data-tone]{border:0}
.home-more-living main .f-belong .f-kicker{color:var(--f2bm-magenta)}
.home-more-living main .f-stage[data-tone]{border:0;gap:clamp(32px,5vw,72px);align-items:center}
.home-more-living main .books[data-tone] .edge,
.home-more-living main .recognition[data-tone] .wash{display:none}
.home-more-living main .whole-self[data-tone]{width:auto;border:0}
.home-more-living main .future-world[data-tone]{border:0}
.home-more-living main .all-belongs[data-tone]{border:0}
.home-more-living main .f-keep[data-tone]{border:0}

/* Tanya's founder line sits under the statements in the film section */
.home-more-living main .whole-self-film[data-tone]{align-items:center}
.home-more-living main .whole-copy .founder-legacy{margin:26px 0 4px;padding:0;border:0;font:italic 400 clamp(19px,.6vw + 15px,22px)/1.45 var(--serif);color:var(--f2bm-ink);max-width:44ch}
.home-more-living main .whole-copy .link{display:inline-block;margin:18px 28px 0 0}

@media (max-width:860px){
  .home-more-living main{--calm-pad:clamp(52px,12vw,72px);--calm-gut:20px}
  .home-more-living main .f-stage[data-tone]{grid-template-columns:1fr}
  .home-more-living main .f-belong .welcome-here-badge{width:110px;height:auto;justify-self:start}
}

/* Homepage six-part structure */
.home-more-living main .home-routes .route-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin-top:12px}
.home-more-living main .route-card{background:var(--f2bm-paper);border:1px solid var(--brand-aqua-pale,#a4e1ee);border-radius:4px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.home-more-living main .route-card h3{font:400 clamp(28px,1.6vw + 18px,38px)/1.1 var(--serif);color:var(--teal-small);margin:0}
.home-more-living main .route-card p{margin:0;flex:1}
.home-more-living main .route-speaking{margin-top:28px;font-size:18px}
.home-more-living main .route-speaking a{color:var(--teal-small);font-weight:600}
.home-more-living main .books .reserve-line{font:500 18px/1.5 var(--sans);color:var(--f2bm-ink);margin:16px 0}
.home-more-living main .books .reserve-line a{color:var(--teal-small)}
.home-more-living main .collections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 28px}
.home-more-living main .collections h3{font:600 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-small);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.home-more-living main .collections ul{list-style:none;margin:0;padding:0}
.home-more-living main .collections li{margin:0}
.home-more-living main .collections a{display:block;padding:8px 0;font:400 21px/1.3 var(--serif);color:var(--f2bm-ink);text-decoration:none;border-bottom:1px solid rgba(202,164,90,.25)}
.home-more-living main .collections a:hover,.home-more-living main .collections a:focus-visible{color:var(--teal-small);text-decoration:underline}
.home-more-living main .books .book-stage{display:flex;justify-content:center}
.home-more-living main .books .book-figure{max-width:300px}
.home-more-living main .home-speaking-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center}
.home-more-living main .home-speaking-grid .film{margin:0}
.home-more-living main .home-speaking-grid .film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#18334f}
.home-more-living main .home-speaking-grid figcaption{margin-top:10px;font:500 14px/1.5 var(--sans);color:var(--teal-small)}
.home-more-living main .format-list{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;padding:0;margin:22px 0 28px}
.home-more-living main .format-list li{border:1px solid var(--brand-aqua-pale,#a4e1ee);background:var(--f2bm-paper);border-radius:2px;padding:7px 12px;font:500 15px/1.3 var(--sans)}
.home-more-living main .action-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px}
.home-more-living main .home-tanya-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);align-items:center}
.home-more-living main .home-tanya-grid .event-photo{margin:0}
.home-more-living main .home-tanya-grid .event-photo img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;max-height:560px}
.home-more-living main .home-tanya-grid figcaption{margin-top:10px;font:500 14px/1.5 var(--sans);color:var(--teal-small)}
.home-more-living main .home-tanya .tanya-role{font:400 22px/1.4 var(--serif);color:var(--f2bm-ink);margin:-6px 0 18px}
.home-more-living main .home-tanya .founder-legacy{font:italic 400 clamp(20px,.8vw + 15px,24px)/1.45 var(--serif);color:var(--f2bm-ink);border:0;padding:0;margin:20px 0 0}
.home-more-living main .home-reflection .wrap{text-align:center}
.home-more-living main .home-reflection p{margin-inline:auto}
.home-more-living main .home-reflection .stay-invite{max-width:640px;margin:56px auto 0;padding-top:36px;border-top:1px solid var(--rule)}
.home-more-living main .home-reflection .stay-invite h3{font:400 28px/1.2 var(--serif);color:var(--teal-small);margin:0 0 12px}
@media (max-width:860px){
  .home-more-living main .home-routes .route-pair,.home-more-living main .home-speaking-grid,.home-more-living main .home-tanya-grid{grid-template-columns:1fr}
  .home-more-living main .home-tanya-grid .event-photo{max-width:320px}
}
@media (max-width:520px){.home-more-living main .collections{grid-template-columns:1fr}}

/* All of this is me: film and heading side by side, the six statements as a card grid, the closing line centred */
/* A personal story reads as an editorial spread, with one clear lead and no sentence boxes. */
.home-more-living main .whole-self-film[data-tone]{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(36px,7vw,100px);row-gap:28px;align-items:start}
.home-more-living main .whole-heading{grid-column:1;grid-row:1}
.home-more-living main .whole-heading h2{font-size:clamp(44px,4.2vw,62px);margin:0;max-width:none}
.home-more-living main .whole-self-film .film{grid-column:1;grid-row:2;margin:0;min-width:0}
.home-more-living main .whole-self-film .film video{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 40px #18334f12}
.home-more-living main .whole-self-film .whole-copy{display:block;grid-column:2;grid-row:1 / span 2;padding-top:8px;min-width:0}
.home-more-living main .whole-copy p{font:400 18px/1.65 var(--sans);color:var(--f2bm-ink);max-width:44ch;margin:0 0 20px}
.home-more-living main .whole-copy p.whole-lead{font:400 clamp(28px,2.4vw,36px)/1.2 var(--serif);color:var(--brand-teal-dark);max-width:23ch;margin-bottom:20px}
.home-more-living main .whole-notes{margin-top:28px}
.home-more-living main .whole-copy .whole-more{margin:2px 0 0;font:600 15px/1.5 var(--sans);min-height:44px;display:inline-flex;align-items:center;gap:16px}
.home-more-living main .whole-self-film[data-tone] p.whole-close{grid-column:1 / -1;max-width:none;margin:10px 0 0;padding:28px 0 0;text-align:center;font:400 clamp(24px,2.2vw,32px)/1.35 var(--serif);color:var(--brand-teal-dark)}
.home-more-living main .whole-close span{display:block;font-style:italic;color:var(--brand-magenta);margin-bottom:5px}
@media (max-width:760px){
  .home-more-living main .whole-self-film[data-tone]{grid-template-columns:1fr;gap:28px}
  .home-more-living main .whole-heading,.home-more-living main .whole-self-film .film,.home-more-living main .whole-self-film .whole-copy{grid-column:1;grid-row:auto}
  .home-more-living main .whole-heading h2{max-width:none;font-size:44px}
  .home-more-living main .whole-self-film .whole-copy{padding:0}
  .home-more-living main .whole-copy p{font-size:17px;line-height:1.65;margin-bottom:16px}
  .home-more-living main .whole-copy p.whole-lead{font-size:29px}
  .home-more-living main .whole-notes{margin-top:22px}
  .home-more-living main .whole-self-film[data-tone] p.whole-close{text-align:left;margin:0;padding-top:4px;font-size:27px}
}

/* Each route carries its own books and speaking */
.home-more-living main .route-card{gap:14px}
.home-more-living main .route-card h4{font:600 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-small);margin:14px 0 0;padding-top:16px;border-top:1px solid rgba(202,164,90,.35);align-self:stretch}
.home-more-living main .route-card p{flex:0 1 auto}
.home-more-living main .route-card .btn{margin-top:auto}
.home-more-living main .route-card>.link{color:var(--teal-small);font-weight:600}
.home-more-living main .route-books{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-self:stretch}
.home-more-living main .route-books a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--f2bm-ink);font:500 14px/1.3 var(--sans)}
.home-more-living main .route-books img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 6px 16px rgba(24,51,79,.15);transition:transform .2s}
.home-more-living main .route-books a:hover img,.home-more-living main .route-books a:focus-visible img{transform:translateY(-3px)}
.home-more-living main .route-books a:hover span,.home-more-living main .route-books a:focus-visible span{color:var(--teal-small);text-decoration:underline}
.home-more-living main .route-reserve{text-align:center;margin:32px auto 0;max-width:none}
@media (prefers-reduced-motion:reduce){.home-more-living main .route-books img{transition:none}}
@media (max-width:520px){.home-more-living main .route-books{gap:10px}.home-more-living main .route-books a{font-size:12.5px}}
.home-more-living main .route-card.has-photo{padding:0;overflow:hidden}
.home-more-living main .route-card.has-photo>*:not(.card-photo){margin-left:clamp(24px,3vw,36px);margin-right:clamp(24px,3vw,36px)}
.home-more-living main .route-card.has-photo>:last-child{margin-bottom:clamp(24px,3vw,36px)}
.home-more-living main .route-card .card-photo{display:block;width:100%;align-self:stretch}
.home-more-living main .route-card .card-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.home-more-living main .route-card.has-photo h3{margin-top:10px}
