/* becoming-you-circle.css — loads AFTER tokens.css, components.css, finally-you.css. 22 Sept 2026 */
html,body{margin:0;background:#FAF6F2} html{box-sizing:border-box} *,*::before,*::after{box-sizing:inherit}

/* =========================================================
   THREE TIERS OF ATTENTION
   .say      whisper — supporting copy, spaced short paragraphs
   .verse    breathe — genuine runs, one line each
   .display  stop    — the line that holds the chapter
   ========================================================= */

.hos-fy .sec{padding-top:clamp(92px,9vw,148px);padding-bottom:clamp(92px,9vw,148px)}

/* hero hairline under the eyebrow */
.hos-fy .rule{display:block;width:64px;height:1px;background:var(--hos-terra);
  margin:0 0 30px}

.hos-fy .say{max-width:58ch;margin:0 0 22px;line-height:1.9}
.hos-fy .say:last-child{margin-bottom:0}
.hos-fy .say--mid{margin-left:auto;margin-right:auto}

.hos-fy .verse{margin:0 0 34px;max-width:52ch}
.hos-fy .verse:last-child{margin-bottom:0}
.hos-fy .verse p{margin:0;line-height:2.05;max-width:52ch}
.hos-fy .verse--air p{line-height:2.4}

.hos-fy .display{font-family:var(--serif);font-weight:300;
  font-size:clamp(29px,3.4vw,44px);line-height:1.25;letter-spacing:.005em;
  color:var(--hos-ink);max-width:19ch;margin:64px 0}
.hos-fy .display em{font-style:italic;color:var(--hos-ink-2)}
.hos-fy .display--terra{color:var(--hos-terra-text);font-style:italic;font-weight:400}
.hos-fy .display--mid{margin-left:auto;margin-right:auto;text-align:center;max-width:22ch}
.hos-fy .display--open{max-width:26ch}

.hos-fy .stack{margin:34px 0;padding-left:26px;border-left:1px solid var(--hos-hairline)}
.hos-fy .stack p{margin:0;line-height:1.95;max-width:34ch}

/* measures */
.hos-fy .col{max-width:62ch}
.hos-fy .col--mid{margin:0 auto}
.hos-fy .col--right{margin-left:auto}
.hos-fy .mid{text-align:center}

/* =========================================================
   LABYRINTH AS EDITORIAL DEVICE — large crops, partial marks
   ========================================================= */
.hos-fy .lb--rise{top:auto;bottom:-46%;left:50%;transform:translateX(-50%);
  width:1000px;max-width:150%;opacity:.16}
.hos-fy .lb--corner{top:auto;bottom:-34%;right:-30%;transform:none;
  width:66%;max-width:820px;opacity:.2}
.hos-fy .lb--gate{top:50%;left:-34%;transform:translateY(-50%);
  width:72%;max-width:900px;opacity:.18}
.hos-fy .lb--edge{top:-38%;right:-22%;transform:none;width:52%;max-width:700px;opacity:.2}

/* =========================================================
   CHAPTER COMPOSITIONS
   ========================================================= */

/* the pattern run — wide, asymmetric */
.hos-fy .run{columns:2;column-gap:76px;max-width:980px;margin:0 0 48px}
.hos-fy .run p{margin:0 0 16px;line-height:1.85;max-width:36ch;break-inside:avoid}

/* the quiet chapters */
.hos-fy .still{text-align:center;padding-top:clamp(128px,13vw,210px);padding-bottom:clamp(128px,13vw,210px)}
.hos-fy .still .wrap{max-width:820px}
.hos-fy h2{margin:0 0 40px}
.hos-fy .still h2{max-width:22ch;margin:0 auto 48px}
.hos-fy .still .verse{margin-left:auto;margin-right:auto;max-width:42ch}
.hos-fy .still .verse p{max-width:42ch}
.hos-fy .still .say{margin-left:auto;margin-right:auto;max-width:46ch}

/* the beliefs */
.hos-fy .creed{text-align:center;margin:88px auto;max-width:660px}
.hos-fy .creed p{font-family:var(--serif);font-style:italic;font-weight:400;
  font-size:clamp(24px,2.4vw,32px);line-height:1.9;color:var(--hos-terra-text);margin:0;max-width:none}

/* the room — magazine spread */
.hos-fy .spread{width:100vw;margin-left:calc(50% - 50vw);
  margin-top:calc(-1 * clamp(92px,9vw,148px));margin-bottom:clamp(64px,6.5vw,104px)}
.hos-fy .spread img{display:block;width:100%;height:clamp(360px,62vw,760px);
  object-fit:cover;object-position:50% 44%}
.hos-fy .spread-cap{max-width:var(--wrap);margin:18px auto 0;padding:0 40px;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--hos-ink-3)}

@media (max-width:768px){
  .hos-fy .say,.hos-fy .verse,.hos-fy .verse p,.hos-fy .stack p,.hos-fy .col,.hos-fy .ask .say{max-width:none}
  .hos-fy .verse p{line-height:1.95}
  .hos-fy .display{font-size:26px;max-width:none;margin:44px 0}
  .hos-fy .run{columns:1}
  .hos-fy .run p{max-width:none}
  .hos-fy .creed{margin:60px auto}
  .hos-fy .creed p{font-size:22px;line-height:1.7}
  .hos-fy .spread img{height:clamp(300px,74vw,460px)}
  .hos-fy .spread-cap{padding:0 22px}
  .hos-fy .lb--gate{left:-58%;width:132%}
  .hos-fy .lb--corner{right:-46%;width:120%}
  .hos-fy .lb--edge{right:-40%;width:110%}
}
@media (prefers-reduced-motion:reduce){.hos-fy *{animation:none!important;transition:none!important}}

/* =========================================================
   REBUILD — alternating rhythm, after Finally You
   ========================================================= */

/* two-column block: heading rail left, content right */
.hos-fy .g2{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(40px,6vw,96px);align-items:start;max-width:1180px;margin:0 auto}
.hos-fy .g2 > .g2-h{position:sticky;top:96px}
.hos-fy .g2 h2{margin:0 0 26px;max-width:16ch}
.hos-fy .g2 .say{max-width:52ch}
@media (max-width:900px){
  .hos-fy .g2{grid-template-columns:minmax(0,1fr);gap:34px}
  .hos-fy .g2 > .g2-h{position:static}
  .hos-fy .g2 h2{max-width:20ch}
}

/* the litany — serif, one line each */
.hos-fy .litany{margin:0 0 44px;max-width:30ch}
.hos-fy .litany p{font-family:var(--serif);font-weight:300;
  font-size:clamp(21px,2.1vw,26px);line-height:1.4;color:var(--hos-ink);
  margin:0 0 22px;max-width:none}
.hos-fy .litany p:last-child{margin-bottom:0}

/* portrait figure */
.hos-fy .fig{margin:0}
.hos-fy .fig img{display:block;width:100%;height:auto;border-radius:3px}
.hos-fy .fig figcaption{margin-top:16px;font-size:11px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--hos-ink-3)}


/* =========================================================
   21 SEPTEMBER — LOCKED SECTION REVIEW
   ========================================================= */
.hos-fy .terra-h{color:var(--hos-terra-text)}          /* exemption headings, deeper terracotta */
.hos-fy .gemline{display:block;color:var(--hos-terra);font-size:13px;line-height:1;text-align:center;margin:0 auto}
.hos-fy .star{color:var(--hos-terra);font-style:normal}

/* 03 — Drift: statements alternate left/right with a terracotta hairline edge */
.hos-fy .drift{max-width:760px;margin:0 auto;text-align:left}
.hos-fy .drift p{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(22px,2.2vw,28px);line-height:1.4;color:var(--hos-ink);
  max-width:28ch;margin:0 0 34px;text-wrap:balance}
.hos-fy .drift p:nth-child(odd){margin-right:auto;border-left:1px solid var(--hos-terra);padding-left:24px;text-align:left}
.hos-fy .drift p:nth-child(even){margin-left:auto;border-right:1px solid var(--hos-terra);padding-right:24px;text-align:right}
.hos-fy .drift p:last-child{margin-bottom:0}

/* 05 — framed serif lists */
.hos-fy .framed{margin:44px auto;max-width:720px}
.hos-fy .framed .gemline:first-child{margin-bottom:26px}
.hos-fy .framed .gemline:last-child{margin-top:26px}
.hos-fy .framed p{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2.2vw,27px);
  line-height:1.5;color:var(--hos-ink);margin:0 auto;max-width:none;text-wrap:balance}

/* 06 — session cards, Finally You card style */
.hos-fy .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
.hos-fy .step{position:relative;overflow:hidden;background:var(--hos-white);
  border:1px solid var(--hos-hairline);border-radius:var(--radius-card);
  box-shadow:var(--hos-shadow-card);padding:38px 36px 150px}
.hos-fy .step .lb{top:auto;bottom:-32%;width:52%;opacity:.30;transform:none}
.hos-fy .step:nth-child(odd) .lb{left:-12%}
.hos-fy .step:nth-child(even) .lb{right:-12%}
.hos-fy .step-in{position:relative}
.hos-fy .step .num{display:flex;align-items:center;gap:12px;font-family:var(--sans);font-size:11px;
  font-weight:400;letter-spacing:.28em;color:var(--hos-ink-3);margin-bottom:14px}
.hos-fy .step .num .star{font-size:14px;letter-spacing:0}
.hos-fy .step h3{font-size:clamp(25px,2.3vw,30px);margin:0 0 16px}
.hos-fy .step .say{max-width:40ch}

/* 07 — the room */
.hos-fy .room-quote{margin:34px 0 0;max-width:30ch}
.hos-fy .room-quote .star{display:block;font-size:14px;margin-bottom:14px}
.hos-fy .room-quote p{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(22px,2.1vw,27px);line-height:1.45;color:var(--hos-ink-2);margin:0;max-width:none}
.hos-fy .talk{margin-top:44px;padding-top:34px;border-top:1px solid var(--hos-hairline)}
.hos-fy .talk p{font-family:var(--serif);font-weight:300;font-size:clamp(22px,2vw,26px);line-height:1.4;margin:0 0 22px}

/* 08 — beliefs, smaller, framed by stars */
.hos-fy .creed{text-align:left;margin:44px 0;max-width:none}
.hos-fy .creed .gemline{text-align:left;margin:0}
.hos-fy .creed .gemline:first-child{margin-bottom:22px}
.hos-fy .creed .gemline:last-child{margin-top:22px}
.hos-fy .creed p{font-family:var(--serif);font-style:normal;font-weight:300;
  font-size:clamp(21px,1.9vw,24px);line-height:1.75;color:var(--hos-ink);margin:0;max-width:none}
.hos-fy .creed p em{font-style:italic;color:var(--hos-terra-text)}
.hos-fy .asks{margin:34px 0}
.hos-fy .asks p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,1.9vw,24px);
  line-height:1.6;margin:0}

/* 09 — two flowing layers */
.hos-fy .flow{font-family:var(--serif);font-weight:300;font-size:clamp(23px,2.3vw,29px);
  line-height:1.65;max-width:none;margin:44px auto;text-wrap:balance}
.hos-fy .flow .star{font-size:.5em;vertical-align:middle;margin:0 .6em}
.hos-fy .flow--ink{color:var(--hos-ink)}
.hos-fy .flow--terra{font-style:italic;color:var(--hos-terra-text)}
.hos-fy .flow-bridge{font-family:var(--sans);margin:0 auto;text-align:center}

/* 10 — questions, tap to open */
.hos-fy .qa{border-top:1px solid var(--hos-hairline)}
.hos-fy .qa:last-child{border-bottom:1px solid var(--hos-hairline)}
.hos-fy .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;
  align-items:baseline;gap:24px;padding:28px 0;font-family:var(--serif);font-weight:300;
  font-size:clamp(22px,2vw,25px);line-height:1.3;color:var(--hos-ink)}
.hos-fy .qa summary::-webkit-details-marker{display:none}
.hos-fy .qa summary::after{content:'+';font-family:var(--sans);font-weight:300;font-size:22px;
  color:var(--hos-terra);flex:none;transition:transform .3s ease}
.hos-fy .qa[open] summary::after{transform:rotate(45deg)}
.hos-fy .qa summary:focus-visible{outline:2px solid var(--hos-ink);outline-offset:4px}
.hos-fy .qa .say{margin:0 0 30px}

/* 11 — coming home */
.hos-fy .home{list-style:none;margin:0 0 44px;padding:0;max-width:none}
.hos-fy .home li{font-family:var(--serif);font-weight:300;font-size:clamp(20px,1.75vw,24px);
  line-height:1.4;color:var(--hos-ink);padding:18px 0;border-top:1px solid var(--hos-hairline)}
.hos-fy .home li:last-child{border-bottom:1px solid var(--hos-hairline)}
.hos-fy .home em{font-style:italic;color:var(--hos-terra-text)}
.hos-fy .home-g2{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}

/* 12 — the offer */
.hos-fy .more p{font-family:var(--serif);font-weight:300;font-size:clamp(23px,2.2vw,28px);line-height:1.5;margin:0}
.hos-fy .more p.more-you{font-style:italic;color:var(--hos-terra-text)}
.hos-fy .offer{position:relative;overflow:hidden;background:var(--hos-white);border:1px solid var(--hos-hairline);
  border-radius:var(--radius-card);box-shadow:var(--hos-shadow-card);padding:40px 38px 44px;margin-top:44px}
.hos-fy .offer .lb{top:auto;bottom:-34%;right:-14%;width:42%;opacity:.30;transform:none}
.hos-fy .offer-in{position:relative}
.hos-fy .offer .star{display:block;font-size:14px;margin-bottom:14px}
.hos-fy .offer h3{font-size:clamp(28px,2.6vw,34px);margin:0}
.hos-fy .offer .sub{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--hos-ink-2);margin:6px 0 24px}
.hos-fy .offer .meta{font-size:15px;line-height:1.8;color:var(--hos-ink-2);margin:0 0 20px}
.hos-fy .offer .price{font-family:var(--serif);font-weight:300;font-size:46px;line-height:1;color:var(--hos-ink);margin:0 0 28px}
.hos-fy .soft{margin-top:22px;font-size:15px;color:var(--hos-ink-2)}
.hos-fy .soft a{color:var(--hos-ink-2);text-decoration:underline;text-decoration-color:var(--hos-terra);text-underline-offset:4px}

@media (max-width:768px){
  .hos-fy .drift p{max-width:none;margin-bottom:28px}
  .hos-fy .drift p:nth-child(odd){margin-right:14%}
  .hos-fy .drift p:nth-child(even){margin-left:14%}
  .hos-fy .steps{grid-template-columns:minmax(0,1fr);gap:18px}
  .hos-fy .step{padding:30px 26px 128px}
  .hos-fy .step .lb{bottom:16px;width:26%;opacity:.30}
  .hos-fy .step:nth-child(odd) .lb{left:16px}
  .hos-fy .step:nth-child(even) .lb{right:16px}
  .hos-fy .offer{padding:32px 26px 36px}
  .hos-fy .offer .btn{display:flex;width:100%}
  .hos-fy .talk .btn{display:flex;width:100%}
  .hos-fy .home-g2{grid-template-columns:minmax(0,1fr)}
  .hos-fy .flow .star{margin:0 .45em}
}
/* room for the mobile booking bar */
@media (max-width:960px){body{padding-bottom:72px}}
@media (max-width:900px){.hos-fy .home-g2{grid-template-columns:minmax(0,1fr)}}

.hos-fy .eyebrow{max-width:none}
.hos-fy .hero .rule{width:64px;height:1px;opacity:1}
.hos-fy .flow .it{white-space:nowrap}
.hos-fy .flow .star{margin:0 .35em}
@media (max-width:768px){
  .hos-fy .hero .rule{height:1px;margin:18px 0 22px}
  .hos-fy .flow .it{white-space:normal}
}
@media (max-width:768px){
  .hos-fy .flow{line-height:1.5}
  .hos-fy .flow .it{display:block;margin:0 0 6px}
  .hos-fy .flow .star,.hos-fy .flow br{display:none}
}

/* ===== SITEWIDE closing CTA — phone fix (approved 21 Sept). Belongs in components.css ===== */
.hos-closing-star{display:none}
.hos-nw{white-space:nowrap}
.hos-closing-br{display:none}
@media (max-width:768px){
  .hos-closing{padding-top:56px;padding-bottom:56px}
  .hos-closing-panel{padding:40px 22px 34px}
  .hos-closing-star{display:block;color:var(--hos-terra);font-size:15px;line-height:1;margin:0 auto 16px;animation:hos-gem-fade 5.2s ease-in-out infinite}
  .hos-closing-gem{display:none}
  .hos-closing-title{font-size:26px;line-height:1.25}
  .hos-closing-lead{font-size:18px;margin-top:16px}
  .hos-closing-br{display:inline}
  .hos-closing .hos-closing-btn{line-height:1.7;margin-top:26px;padding:16px 12px;letter-spacing:.14em}
}
@media (prefers-reduced-motion:reduce){.hos-closing-star{animation:none;opacity:.75}}

/* Becoming You Circle — page additions on top of Finally You + hypnotherapy page styles */
.hos-fy .hero h1{max-width:20ch;text-wrap:balance}
.hos-fy .hero .land{font-size:clamp(21px,1.9vw,26px);max-width:44ch;margin-top:26px}
.hos-fy .hero .say{margin-top:18px}
.hos-fy .metoo{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(64px,8vw,112px);
  line-height:1;color:var(--hos-terra-text);text-align:center;margin:10px 0 6px}
.hos-fy .metoo-cap{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;
  color:var(--hos-ink-3);text-align:center;margin:0 auto 44px}
.hos-fy .duo{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:760px;margin:0 auto 46px;border-top:1px solid var(--hos-hairline);border-bottom:1px solid var(--hos-hairline)}
.hos-fy .duo>div{padding:26px 28px;text-align:center}
.hos-fy .duo>div+div{border-left:1px solid var(--hos-hairline)}
.hos-fy .duo .k{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--hos-ink-3)}
.hos-fy .duo .v{font-family:var(--serif);font-size:clamp(24px,2.3vw,30px);font-weight:300;line-height:1.3;margin-top:8px}
.hos-fy .duo .v em{font-style:italic;color:var(--hos-terra-text)}
.hos-fy .room-lines p{font-family:var(--serif);font-weight:300;font-size:clamp(21px,1.9vw,25px);line-height:1.55;margin:0 auto;max-width:none;text-align:center}
/* the season spine */
.hos-fy .season-intro{max-width:56ch}
.hos-fy .ph-body .say{max-width:54ch}
.hos-fy .stories{margin:18px 0 22px;padding:0;list-style:none}
.hos-fy .stories li{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.45;color:var(--hos-ink-2);padding:3px 0}
.hos-fy .reset{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--hos-terra-text)}
.hos-fy .reset .star{font-style:normal;font-size:12px}
.hos-fy .letter{position:relative;overflow:hidden;background:var(--hos-white);border:1px solid var(--hos-hairline);border-radius:var(--radius-card);
  box-shadow:var(--hos-shadow-card);padding:30px 34px 30px 110px;margin:26px 0 22px;max-width:620px}
.hos-fy .seal{position:absolute;left:30px;top:32px;width:54px;height:54px;border-radius:50%;background:var(--hos-terra);
  color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.18),0 2px 8px rgba(158,92,49,.25)}
.hos-fy .letter .k{font-family:var(--sans);font-size:10.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--hos-ink-3);margin:0 0 6px}
.hos-fy .letter h3{font-size:28px;margin:0 0 10px}
.hos-fy .letter .say{margin:0;font-size:16px}
.hos-fy .questions p{font-family:var(--serif);font-weight:300;font-size:22px;line-height:1.5;margin:0}
.hos-fy .questions{margin:18px 0 22px}
/* how it works */
.hos-fy .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:40px}
.hos-fy .fact{border-top:1px solid var(--hos-hairline);padding-top:18px}
.hos-fy .fact .k{font-family:var(--sans);font-size:10.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--hos-terra-text)}
.hos-fy .fact .v{font-family:var(--serif);font-size:24px;font-weight:300;line-height:1.35;color:var(--hos-ink);margin-top:10px}
.hos-fy .fact .d{font-size:14px;line-height:1.7;color:var(--hos-ink-2);margin-top:8px}
/* investment */
.hos-fy .prices{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:46px;align-items:stretch}
.hos-fy .price-card{position:relative;overflow:hidden;background:var(--hos-white);border:1px solid var(--hos-hairline);border-radius:var(--radius-card);
  box-shadow:var(--hos-shadow-card);padding:40px 38px 42px;display:flex;flex-direction:column}
.hos-fy .price-card--season{border-color:rgba(196,130,90,.45);box-shadow:0 4px 24px rgba(44,26,14,.10)}
.hos-fy .price-card .lb{top:auto;bottom:30px;right:30px;width:132px;height:132px;opacity:.34;transform:none;stroke-width:16}

.hos-fy .price-card .in{position:relative;display:flex;flex-direction:column;height:100%}
.hos-fy .price-card .tag{align-self:flex-start;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;
  color:var(--hos-terra-text);border:1px solid rgba(196,130,90,.45);border-radius:999px;padding:6px 14px;margin-bottom:20px}
.hos-fy .price-card h3{font-size:30px;margin:0}
.hos-fy .price-card .amt{font-family:var(--serif);font-weight:300;font-size:58px;line-height:1;margin:18px 0 6px}
.hos-fy .price-card .per{font-size:14px;color:var(--hos-ink-3);margin:0 0 20px}
.hos-fy .price-card .say{font-size:16px;margin:0 0 12px}
.hos-fy .price-card .for{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--hos-terra-text);margin:6px 0 26px}
.hos-fy .price-card .btn{margin-top:auto;align-self:flex-start}
.hos-fy .btn--ghost{background:transparent;color:var(--hos-ink);box-shadow:inset 0 0 0 1px var(--hos-cta)}
.hos-fy .btn--ghost:hover{background:var(--hos-cta);color:#fff}
.hos-fy .friend{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin-top:24px;padding:28px 34px;
  background:var(--hos-blush-2);border-radius:var(--radius-card)}
.hos-fy .friend .n{font-family:var(--serif);font-size:44px;font-weight:300;color:var(--hos-terra-text);line-height:1}
.hos-fy .friend h3{font-size:26px;margin:0 0 6px}
.hos-fy .friend p{margin:0;font-size:15px;line-height:1.75;max-width:none}
/* about */
.hos-fy .about-g2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
.hos-fy .sign{font-family:var(--serif);font-style:italic;font-size:30px;color:var(--hos-terra-text);margin-top:26px}
/* ending replaces the shared closing on this page */
.hos-closing-lead--wide{max-width:700px}
.hos-closing .endbeats{font-family:var(--serif);font-weight:300;font-size:20px;line-height:1.7;color:var(--hos-ink-2);margin:18px auto 0}
.hos-closing .endbeats .star{color:var(--hos-terra);font-size:11px;margin:0 12px;vertical-align:middle}
@media (max-width:900px){
  .hos-fy .facts{grid-template-columns:1fr 1fr}
  .hos-fy .prices{grid-template-columns:1fr}
  .hos-fy .about-g2{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hos-fy .duo{grid-template-columns:1fr}
  .hos-fy .duo>div+div{border-left:0;border-top:1px solid var(--hos-hairline)}
  .hos-fy .letter{padding:92px 24px 26px}
  .hos-fy .seal{left:24px;top:24px}
  .hos-fy .facts{grid-template-columns:1fr}
  .hos-fy .friend{grid-template-columns:1fr;gap:10px;padding:26px 24px}
  .hos-fy .price-card{padding:32px 26px 34px}
  .hos-fy .price-card .btn{display:flex;width:100%}
}

/* three Sundays: opening with the crystal photo */
.hos-fy .season-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,5vw,88px);align-items:center}
.hos-fy .season-fig{margin:0}
.hos-fy .season-fig img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-card);box-shadow:var(--hos-shadow-card)}
@media (max-width:900px){
  .hos-fy .season-top{grid-template-columns:minmax(0,1fr);gap:30px}
  .hos-fy .season-fig img{aspect-ratio:4/5;max-height:520px}
}

/* premium investment */
.hos-fy .hos-gemfield{position:relative;overflow:hidden}
.hos-fy .gemdiv{padding:0;margin:34px 0 0;max-width:none}
.hos-fy .gemdiv .st{font-size:15px}
.hos-fy .price-card--season::after{content:'';position:absolute;inset:8px;border:1px solid rgba(196,130,90,.28);border-radius:10px;pointer-events:none}
.hos-fy .price-card--season{background:linear-gradient(180deg,#FFFFFF 0%,#FFFBF7 100%)}
.hos-fy .price-card .in{padding-bottom:40px}
.hos-fy .friend .n{display:flex;align-items:center;gap:10px;white-space:nowrap}
.hos-fy .friend .fg{font-size:12px;color:var(--hos-terra);display:inline-block;animation:fade 5.6s ease-in-out infinite}
.hos-fy .friend .fg+.fg{animation-duration:7.2s;animation-delay:-2.6s}
@media (max-width:768px){
  .hos-fy .price-card .lb{bottom:18px;right:18px;width:84px;height:84px}
  .hos-fy .price-card{padding-bottom:128px}
  .hos-fy .price-card .btn{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.hos-fy .friend .fg{animation:none;opacity:.75}}

/* hero matches Finally You: vertical line under the eyebrow */
.hos-fy .hero .rule{width:1px;height:64px;margin:26px 0 30px;opacity:.55}
@media (max-width:768px){.hos-fy .hero .rule{width:1px;height:32px;margin:18px 0 22px}}

/* letter card stamp */

.hos-fy .letter .lb{top:auto;bottom:24px;right:24px;width:92px;height:92px;opacity:.34;transform:none;stroke-width:16}
.hos-fy .letter > *:not(.lb){position:relative}
.hos-fy .letter .seal{position:absolute}


.hos-closing .endbeats .eb{white-space:nowrap}
@media (max-width:768px){
  .hos-closing .endbeats{font-size:18px;line-height:1.6}
  .hos-closing .endbeats .eb{display:block}
  .hos-closing .endbeats .star{display:none}
}
@media (max-width:960px){body{padding-bottom:72px}}


/* 22 Sept review fixes */
.hos-fy .friend .friend-code{margin-top:10px;font-size:15px;color:var(--hos-ink-2)}
.hos-fy .friend .friend-code strong{font-weight:400;letter-spacing:.06em;color:var(--hos-ink)}
.hos-fy .lb--soft{opacity:.12}   /* How it works: labyrinth sits behind the dates, so lighter here */
@media (max-width:768px){
  .hos-fy .lb--soft{opacity:.08}
  /* phone: heading first, then photo, then Maria's words (sitewide phone rule) */
  .hos-fy .about-g2{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hos-fy .about-g2 > div:last-child{display:contents}
  .hos-fy .about-g2 > div:first-child{order:3;margin:0 0 32px}
  .hos-fy .about-g2 .eyebrow{order:1}
  .hos-fy .about-g2 h2{order:2}
  .hos-fy .about-g2 > div:last-child > :not(.eyebrow):not(h2){order:4}
}