/* Less fixing. More living. additions, October 2026.
   Shared by the homepage and interior pages. Uses the existing tokens only:
   cream paper, teal headings, gold seams, pink as counterweight, Cormorant + Figtree. */

/* Homepage opening */
.home-more-living .hero .sub{margin-top:14px}
.home-more-living .hero .hero-seam{width:120px;margin:clamp(30px,4vw,42px) auto}
.home-more-living .hero .hero-explain{max-width:54ch;margin:0 auto;font-size:18px;line-height:1.65;color:var(--body)}
@media(max-width:650px){.home-more-living .hero .hero-explain{font-size:16px}.home-more-living .hero .hero-seam{width:90px}}
.hero-routes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 22px;margin-top:34px}
.hero-routes .btn{margin:0}
.hero-routes .route-secondary{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border:1px solid #08768a;color:#08768a;font:500 17px/1.4 var(--sans);text-decoration:none;background:transparent}
.hero-routes .route-secondary:hover{background:#08768a;color:#fff}
.hero-routes a:focus-visible{outline:3px solid var(--f2bm-magenta);outline-offset:3px}

/* All of this is me */
.whole-self{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center;width:min(100% - 48px,1180px);margin:0 auto;padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--rule)}
.whole-self figure{margin:0}
.whole-self figure img{width:100%;height:auto;aspect-ratio:2/3;max-height:640px;object-fit:cover;object-position:center 62%;display:block}
.whole-self figcaption{padding:12px 0 0;color:var(--teal-small);font:500 14px/1.5 var(--sans)}
.whole-self h2{font-family:var(--serif);font-weight:400;color:var(--teal-small);margin:0 0 28px}
.whole-lines{list-style:none;margin:0;padding:0;border-top:2px solid var(--f2bm-gold)}
.whole-lines li{padding:18px 0;border-bottom:1px solid var(--rule);font:400 clamp(22px,2.2vw,28px)/1.32 var(--serif);color:var(--ink)}
.whole-lines li.whole-close{border-bottom:0;padding-top:24px;color:#ab236e;font-size:clamp(26px,2.8vw,36px)}
.whole-self .whole-more{display:inline-block;margin-top:22px;font-size:17px}
@media(max-width:760px){.whole-self{grid-template-columns:1fr;width:calc(100% - 36px);gap:28px}.whole-self figure{max-width:420px;justify-self:center}.whole-self figure img{max-height:520px}}

/* Team leadership principle */
.team-principle{align-items:center;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);margin:clamp(44px,5vw,64px) 0 clamp(36px,4vw,52px);padding:clamp(32px,4vw,52px);background:var(--f2bm-paper);border-top:2px solid var(--f2bm-gold);border-bottom:1px solid var(--rule)}
.team-principle blockquote{margin:0;font:400 clamp(30px,3.4vw,46px)/1.1 var(--serif);color:var(--teal-small)}
.home-more-living .team-principle blockquote p,.team-principle blockquote p{font:inherit;color:inherit;margin:0;max-width:16ch}
.team-principle blockquote cite{display:block;margin-top:18px;font:600 13px/1.5 var(--sans);font-style:normal;letter-spacing:.13em;text-transform:uppercase;color:var(--body)}
.team-principle p{margin:0 0 16px;font-size:18px;line-height:1.6}
.team-principle .team-includes{font:400 24px/1.3 var(--serif);color:#ab236e;margin-top:6px}
.team-principle ul{margin:4px 0 18px;padding-left:1.1em;font-size:17px;line-height:1.6}
.team-principle a{font-size:17px}
@media(max-width:760px){.team-principle{grid-template-columns:1fr;padding:28px 20px}}

/* Signature talk */
.signature-offer{border-top:2px solid var(--f2bm-gold);background:var(--f2bm-paper)}
.signature-offer .sig-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:end}
.signature-offer h2{color:var(--teal-small);max-width:16ch}
.signature-offer .sig-idea{font:400 clamp(22px,2.2vw,28px)/1.35 var(--serif);color:var(--ink);margin:0}
.sig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin-top:clamp(32px,4vw,48px)}
.sig-grid section{border-top:1px solid var(--rule);padding-top:20px}
.sig-grid h3{font:600 14px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-small);margin:0 0 14px}
.sig-grid p,.sig-grid li{font-size:18px;line-height:1.6;margin:0 0 10px}
.sig-grid ul{padding-left:1.1em;margin:0}
.sig-outcome{margin-top:clamp(32px,4vw,48px);padding:clamp(24px,3vw,36px);border-left:3px solid #ab236e;background:var(--f2bm-cream)}
.sig-outcome p{margin:0 0 12px}
.sig-outcome ol{margin:0;padding-left:1.3em;font:400 clamp(21px,2vw,26px)/1.4 var(--serif);color:var(--ink)}
.sig-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:32px}
.sig-note{font-size:15px;color:var(--body);margin-top:14px}
.distinct-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px);margin-top:28px}
.distinct-offers article{border-top:2px solid var(--f2bm-gold);padding-top:20px}
.distinct-offers h3{color:var(--teal-small)}
.distinct-offers p{line-height:1.6}
@media(max-width:860px){.signature-offer .sig-head,.sig-grid,.distinct-offers{grid-template-columns:1fr}}

/* Who it is for, what happens, what you receive, next step */
.offer-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);margin:28px 0 0;padding:0;counter-reset:step}
.offer-steps>li{border-top:2px solid var(--f2bm-gold);padding-top:18px;counter-increment:step}
.offer-steps>li::before{content:"0" counter(step);display:block;font:500 12px/1.4 var(--sans);letter-spacing:.1em;color:var(--teal-small);margin-bottom:8px}
.offer-steps h3{font:600 15px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-small);margin:0 0 10px}
.offer-steps p,.offer-steps li li{font-size:17px;line-height:1.55;margin:0 0 8px}
.offer-steps ul{padding-left:1.1em;margin:0}
.evidence-space{margin-top:clamp(28px,4vw,44px);padding:22px 24px;border:1px dashed var(--f2bm-gold-rule);background:var(--f2bm-paper)}
.evidence-space h3{font:600 14px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-small);margin:0 0 10px}
.evidence-space p{font-size:17px;margin:0}
@media(max-width:900px){.offer-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.offer-steps{grid-template-columns:1fr}}

/* Film: used only once a reviewed edit exists. No autoplay, native controls, captions, transcript. */
.film{margin:0}
.film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--f2bm-ink);object-fit:cover}
.film figcaption{padding:12px 0 0;color:var(--teal-small);font:500 14px/1.5 var(--sans)}
.film details{margin-top:10px;border-top:1px solid var(--rule);padding-top:10px}
.film summary{cursor:pointer;font:500 16px/1.5 var(--sans);color:var(--teal-small)}
.film .transcript{font-size:17px;line-height:1.6;max-width:62ch}

/* High contrast */
.high-contrast .team-principle,.high-contrast .signature-offer,.high-contrast .sig-outcome,.high-contrast .evidence-space{background:#fff;color:#000}
.high-contrast :is(.whole-lines li,.team-principle blockquote,.team-principle .team-includes,.sig-grid h3,.offer-steps h3){color:#000}

/* Homepage composition, October 2026 revision */
/* Speaking: one audience photograph beside the offer and its booking action */
.f-stage.f-stage-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch}
.f-stage-split .f-stagecopy{padding:clamp(36px,4vw,56px) clamp(24px,3.5vw,48px)}
.f-stage-split .stage-photo{margin:0;display:flex;flex-direction:column;padding:clamp(24px,3vw,40px) clamp(24px,3vw,40px) clamp(24px,3vw,40px) 0}
.f-stage-split .stage-photo img{width:100%;flex:1;min-height:320px;max-height:560px;height:auto;object-fit:cover;object-position:center 40%}
.f-stage-split .stage-photo figcaption{position:static;padding:12px 0 0;background:none;color:var(--teal-small);font:500 14px/1.5 var(--sans)}
@media(max-width:860px){.f-stage.f-stage-split{grid-template-columns:1fr}.f-stage-split .stage-photo{padding:0 22px 28px;order:2}.f-stage-split .stage-photo img{min-height:0;max-height:none;aspect-ratio:3/2}}

/* Community: The Nest and the partner group as balanced, clearly separate cards */
.community-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);padding:0 36px}
.community-pair>.f-wrap{padding:clamp(44px,6vw,76px) 0;display:flex;flex-direction:column}
.community-pair .f-lifehead{grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:26px}
.community-pair .f-lifehead h2{font-size:clamp(32px,3.4vw,46px)}
.community-pair .f-paths{grid-template-columns:1fr;flex:1}
.community-pair .f-path{position:relative;padding:24px;background:#f3eee3;height:100%}
.community-pair .f-owner{font:500 14px/1.5 var(--sans)!important;letter-spacing:.02em;color:var(--body);margin-top:8px!important}
.community-pair .nest-mark{position:absolute;top:18px;right:18px;width:76px;max-width:76px}
.community-pair #nest .f-num,.community-pair #nest h3{padding-right:88px}
@media(max-width:760px){.community-pair{grid-template-columns:1fr;padding:0 20px}.community-pair>.f-wrap{padding:36px 0}.community-pair .nest-mark{width:60px}.community-pair #nest .f-num,.community-pair #nest h3{padding-right:70px}}

/* Biography: both photographs in the left column, no empty row */
.tanya-photos{display:grid;gap:24px;align-content:start}
.tanya-photos .event-photo{margin:0}
.tanya-photos .event-photo+.event-photo img{aspect-ratio:3/2;object-fit:cover}
.home-more-living .tanya-grid{align-items:start}

/* Inheritance: shorter path from the mind map to the declaration */
.home-more-living .future-world .future-map{margin-top:18px;padding-top:8px}
.home-more-living .future-world .future-open{margin-top:22px;margin-bottom:0}
.home-more-living .future-world .permission-statement{margin-top:28px}

/* Recognition: photograph and evidence side by side, achievements visible */
.home-more-living .recognition .rec-head{margin-bottom:28px}
.rec-compact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:start}
.rec-compact .event-photo{margin:0}
.rec-compact .event-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 30%}
.rec-selected{font:600 13px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--teal-small);margin:0 0 4px}
.home-more-living .rec-compact .rec-picks{margin-top:0}
.rec-compact .rec-all{display:inline-block;margin-top:22px}
@media(max-width:760px){.rec-compact{grid-template-columns:1fr}.rec-compact .event-photo{max-width:420px}.rec-compact .event-photo img{aspect-ratio:3/2}}

/* Closing: the reflection and its action together, photograph beside */
.f-keep.f-keep-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:center;text-align:left}
.f-keep-split .keep-copy .f-choices,.f-keep-split .keep-copy .f-actions{justify-content:flex-start}
.f-keep-split blockquote{margin:26px 0;max-width:22ch}
.f-keep-split .event-photo{margin:0;max-width:none}
.f-keep-split .event-photo img{width:100%;height:auto;aspect-ratio:auto}
@media(max-width:760px){.f-keep.f-keep-split{grid-template-columns:1fr}}
.home-more-living .rec-head>div,.home-more-living .rec-head>p{grid-column:auto}

/* Refinements, 25 October 2026 */
/* Mobile opening: approved sentences kept, first action closer to the promise */
@media(max-width:650px){
  .home-more-living .hero{padding:20px 0 36px}
  .home-more-living .hero-phoenix{width:108px;margin-bottom:14px}
  .home-more-living .hero .signature{margin-top:14px}
  .home-more-living .hero .sub{margin-top:10px}
  .home-more-living .hero .hero-seam{width:72px;margin:20px auto}
  .hero-routes{margin-top:22px;gap:12px}
}
/* Mobile biography: London portrait, then the story, then the signing photograph */
@media(max-width:650px){
  .home-more-living .tanya-photos{display:contents}
  .home-more-living .tanya-grid>div:not(.tanya-photos){order:2}
  .home-more-living .tanya-photos .event-photo:first-child{order:1}
  .home-more-living .tanya-photos .event-photo+.event-photo{order:3}
}
/* Book series stays closed until asked, with a clear invitation */
.series-details>summary .summary-hint{display:block;margin-top:4px;font:400 15px/1.5 var(--sans);color:var(--body)}
/* Inheritance statements read as statements, not buttons */
.home-more-living .mind-nodes li{background:none;border:0;border-radius:0;padding:8px 2px;font:400 clamp(19px,1.1vw + 8px,23px)/1.3 var(--serif);color:var(--ink)}
@media(max-width:900px){
  .home-more-living .mind-nodes{gap:0 24px}
  .home-more-living .mind-nodes li{border-bottom:1px solid var(--rule);padding:12px 4px}
}
.f-keep-split>.event-photo{align-self:center}
.f-action{gap:.4em}

/* Speaking photograph: the expo singing still, framed on Tanya and the slide */
.f-stage-split .stage-photo{justify-content:center}
.f-stage-split .stage-photo picture{display:block}
.f-stage-split .stage-photo picture img{flex:none;min-height:0;max-height:none;aspect-ratio:4/3;object-position:52% 50%}
@media(max-width:860px){.f-stage-split .stage-photo picture img{aspect-ratio:16/9}}

/* All of this is me, film version: a landscape player with the five statements beside it.
   Used when the approved homepage film replaces the photograph. */
.whole-self.whole-self-film{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);align-items:start}
.whole-self-film .film video{aspect-ratio:16/9;max-height:none}
.whole-self-film .film video::cue{font-family:Figtree,system-ui,sans-serif;background:rgba(24,51,79,.78);color:#fff}
.whole-self-film .whole-copy h2{margin-bottom:20px}
.whole-self-film .whole-lines li{font-size:clamp(19px,1.6vw,23px);padding:14px 0}
.whole-self-film .whole-lines li.whole-close{font-size:clamp(23px,2.2vw,30px)}
@media(max-width:900px){.whole-self.whole-self-film{grid-template-columns:1fr}}

/* All of you belongs here: worth that doesn't depend on achievement, placed after the awards and photographs */
.all-belongs{padding:clamp(56px,7vw,96px) 0;background:var(--f2bm-paper);border-block:1px solid var(--rule);text-align:center}
.all-belongs .wrap{max-width:820px}
.all-belongs h2{font-family:var(--serif);font-weight:400;color:var(--teal-small);margin:0 0 26px}
.all-belongs p{font-size:19px;line-height:1.65;color:var(--body);margin:0 auto 18px;max-width:58ch}
.all-belongs .belongs-lead{font:400 clamp(22px,2.3vw,30px)/1.35 var(--serif);color:var(--ink);max-width:34ch}
.all-belongs .belongs-close{margin-top:30px;padding-top:26px;border-top:1px solid var(--f2bm-gold);display:inline-block;font:400 clamp(24px,2.4vw,32px)/1.2 var(--serif);color:#ab236e}
.high-contrast .all-belongs{background:#fff}.high-contrast .all-belongs :is(h2,p){color:#000}

/* Save this line: quiet secondary action under the pocket line */
.save-line{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;padding:10px 18px;background:transparent;border:1px solid var(--f2bm-gold);color:var(--teal-small);font:500 16px/1.3 var(--sans);cursor:pointer}
.save-line:hover{border-color:#08768a;background:#fff}
.save-line:focus-visible{outline:3px solid var(--f2bm-magenta);outline-offset:2px}
.save-line[disabled]{opacity:.6;cursor:progress}
/* Phoenix entrance: once, gently, and never when reduced motion is preferred or chosen */
@media (prefers-reduced-motion:no-preference){.home-more-living .hero-phoenix{animation:phoenix-rise 1.1s cubic-bezier(.2,.7,.2,1) both}}
@keyframes phoenix-rise{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.reduce-motion .hero-phoenix{animation:none!important}
/* A line to keep on thank-you pages */
.keep-line{margin:0 0 clamp(24px,3vw,36px);font:italic 400 clamp(24px,2.6vw,34px)/1.3 var(--serif);color:#ab236e;max-width:30ch}
.keep-line-label{font:600 13px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--teal-small);margin:clamp(28px,4vw,44px) 0 8px}

/* Practitioner question card (printable) */
.q-card{max-width:620px;margin:clamp(28px,4vw,44px) 0;padding:clamp(28px,4vw,48px);background:var(--f2bm-paper);border:1px solid var(--f2bm-gold);box-shadow:0 14px 34px #42372114;text-align:center}
.q-card img{display:block;margin:0 auto 18px}
.q-card-label{font:600 13px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--teal-small);margin:0 0 10px}
.q-card-q{font:400 clamp(28px,3.2vw,40px)/1.2 var(--serif);color:var(--ink);margin:0 auto;max-width:20ch}
.q-card-q2{font-size:clamp(23px,2.4vw,30px)}
.q-card-rule{width:90px;height:2px;margin:26px auto;background:var(--f2bm-gold)}
.q-card-foot{margin:28px 0 0;font:400 20px/1.3 var(--serif);color:#ab236e}
.q-card-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-bottom:20px}
@media print{
  body.card-print{background:#fff;page:practitioner-card}
  body.card-print > :not(main),body.card-print .aoc,body.card-print .a11y-panel{display:none!important}
  body.card-print main .band{padding:0;background:none;border:0}
  body.card-print main .band .wrap > :not(.q-card){display:none!important}
  body.card-print .q-card{box-sizing:border-box;margin:0 auto;box-shadow:none;max-width:none;width:100%;break-inside:avoid}
  @page practitioner-card{size:A4;margin:20mm}
}

.card-link{display:inline-block;margin:20px 0 0 24px}
@media(max-width:560px){.card-link{margin-left:0}}

.about-film{max-width:820px;margin:clamp(28px,4vw,44px) 0}
.film video::cue{font-family:Figtree,system-ui,sans-serif;background:rgba(24,51,79,.78);color:#fff}

/* Speaking reel: native controls and readable transcript in the existing palette. */
.speaking-reel{margin:30px 0 38px;max-width:100%;min-width:0}
.speaking-reel video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#18334f;border-radius:6px}
.speaking-reel figcaption{margin-top:10px;font-size:14px;line-height:1.5}
.speaking-reel details{margin-top:14px;max-width:75ch}
.speaking-reel summary{cursor:pointer}
