/* Tokens only: every size, gap, corner and colour is a global.css token (WEBMAKER > GLOBAL_FORMULAS). Generated by tokenize_css.py from the hand-written file; do not edit by hand. */
@layer page{
.hh .hero .bn3{border-radius:var(--ds-r-m);padding:var(--ds-s6);box-shadow:var(--ds-s2) var(--ds-s2) 0 var(--magenta)}
.hh .hero .bn3 .b3-top,.hh .hero .bn3 .b3-cards{max-width:none;margin-left:0;margin-right:0}
.hh .hero .bn3 h2{font-size:var(--ds-title-phone)}
.hh .hero .bn3 .b3-cards{grid-template-columns:1fr;gap:var(--ds-s3);margin-top:var(--ds-s4)}
.hh .hero .bn3 .b3-card{padding:var(--ds-s3) var(--ds-s4);gap:var(--ds-s2)}
.hh .hero .bn3 .b3-card .lbl,.hh .hero .bn3 .b3-card .dt,.hh .hero .bn3 .b3-card .left{font-size:var(--ds-small)}
.hh .hero .bn3 .b3-card .r1{gap:var(--ds-s2)}
.hh .hero .bn3 .b3-card .dt::before{margin-right:var(--ds-s2)}
.hh .hero .bn3 .b3-card .ttl{font-size:var(--ds-card)}
.hh .hero .bn3 .b3-card .txt{font-size:var(--ds-small);color:var(--ds-line)}
.hh .hero .bn3 .b3-go{font-size:var(--ds-small);padding:var(--ds-s1) var(--ds-s3)}
.bn3.b3-slim{display:flex;align-items:center;gap:var(--ds-s6);padding:var(--ds-s3) var(--gut)}
.bn3.b3-slim .b3-top{flex:none}
.bn3.b3-slim h2{font-size:var(--ds-card);white-space:nowrap}
.bn3.b3-slim .b3-side{display:none}
.bn3.b3-slim .b3-cards{flex:1;margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-s3)}
.bn3.b3-slim .b3-card{flex-direction:row;align-items:center;gap:var(--ds-s3);padding:var(--ds-s2) var(--ds-s3);border-radius:var(--ds-r-s)}
.bn3.b3-slim .b3-card .r1{flex:1;gap:var(--ds-s1) var(--ds-s2);flex-wrap:wrap}
.bn3.b3-slim .b3-card .lbl,.bn3.b3-slim .b3-card .dt,.bn3.b3-slim .b3-card .left{font-size:var(--ds-body)}
.bn3.b3-slim .b3-card .lbl,.bn3.b3-slim .b3-card .dt,.bn3.b3-slim .b3-card .left{letter-spacing:normal}
.bn3.b3-slim .b3-card .dt::before{margin-right:var(--ds-s2)}
.bn3.b3-slim .b3-card .r2 .ttl,.bn3.b3-slim .b3-card .txt{display:none}
.bn3.b3-slim .b3-go{font-size:var(--ds-small);padding:var(--ds-s1) var(--ds-s3)}
@media (max-width:1599px){.bn3.b3-slim{display:block}.bn3.b3-slim .b3-cards{margin-top:var(--ds-s2);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}.bn3.b3-slim .b3-card{flex-direction:column;align-items:flex-start;gap:var(--ds-s2)}.bn3.b3-slim .b3-card .left{margin-left:0}}
@media (max-width:899px){.bn3.b3-slim .b3-cards{grid-template-columns:1fr}.bn3.b3-slim .b3-card{flex-direction:row;align-items:center;flex-wrap:wrap}.bn3.b3-slim .b3-card .lbl,.bn3.b3-slim .b3-card .dt,.bn3.b3-slim .b3-card .left{font-size:var(--ds-small)}}
}


/* 3 Nov 2026 (owner): 3 World Records = 3 separate countdowns side by side, live d/h/m/s to the IST event time, one date format */
.bn3 .b3-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.bn3 .b3-card.b3-cd{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-s2);padding:var(--ds-s3);min-width:0}
.bn3 .b3-cd .lbl,.bn3 .b3-cd .dt,.bn3 .b3-cd .ttl,.bn3 .b3-cd .txt{margin:0}
.bn3 .b3-cd .dt{font-weight:700;font-size:var(--ds-small);letter-spacing:.08em}
.bn3 .b3-cd .cdn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-s1);width:100%}
.bn3 .b3-cd .cdn span{display:flex;flex-direction:column;align-items:center;padding:var(--ds-s1) 0;border:1px solid var(--neon);border-radius:var(--ds-r-s)}
.bn3 .b3-cd .cdn b{font-size:var(--ds-card);line-height:1.1;color:var(--neon);font-variant-numeric:tabular-nums}
.bn3 .b3-cd .cdn i{font-style:normal;font-size:var(--ds-label);text-transform:uppercase;letter-spacing:.06em}
.bn3 .b3-cd .ttl{font-size:var(--ds-card);line-height:1.2}
.bn3 .b3-cd .txt{font-size:var(--ds-small)}
.bn3 .b3-cd .b3-go{margin-top:auto}
@media (max-width:640px){.bn3 .b3-cards{grid-template-columns:repeat(3,minmax(10.5rem,1fr));overflow-x:auto;scroll-snap-type:x mandatory}.bn3 .b3-cd{scroll-snap-align:start}}
.bn3 .b3-cd .dt::before{display:none}
.bn3{min-width:0;max-width:100%}
/* 3 Nov 2026 (owner): rounded button corners on home, same pill shape as the header buttons */
.hh .hb{border-radius:999px}
/* 3 Nov 2026 (owner): home headline smaller ("just the headline is too big"): 58px -> 46px on laptop and desktop */
@media (min-width:1001px){.hh .hero h1{font-size:46px}}
/* s4 3 Nov (owner): pale pink circles out; no blush/baby pink; slim buttons hugging text; header+footer aligned to home content */
.hh .hero::before,.hh .hero::after,.hh .partners::before,.hh .partners::after,.hh .dyh::before,.hh .dyh::after,.hh .soul::before,.hh .soul::after{display:none}
.im-foot .tag,.im-foot h3 em,.im-foot .pinkt,.im-foot .social .lbl,.proto-note a{color:var(--ds-pink)}
.im-band h2 em{color:var(--g-col-FFFFFF)}
.hh .hb{padding:var(--g-px-8) var(--g-px-16)}
.hh .hb-dark,.hh .hb-neon{width:auto;align-self:flex-start}
@media (min-width:1001px){
body:has(.hh) .im-ticker,body:has(.hh) .im-bar{padding-left:max(var(--g-px-28),calc((100% - var(--g-px-1280) / var(--hz,1)) / 2 + var(--g-px-28) / var(--hz,1)));padding-right:max(var(--g-px-28),calc((100% - var(--g-px-1280) / var(--hz,1)) / 2 + var(--g-px-28) / var(--hz,1)))}
body:has(.hh) .im-foot .cols,body:has(.hh) .im-foot .social,body:has(.hh) .im-foot .legal{max-width:var(--g-px-1280);padding-left:var(--g-px-28);padding-right:var(--g-px-28)}
}
@media (min-width:1600px){
body:has(.hh) .im-ticker,body:has(.hh) .im-bar{padding-left:max(var(--g-px-28),calc((100% - var(--g-px-1480) / var(--hz,1)) / 2 + var(--g-px-28) / var(--hz,1)));padding-right:max(var(--g-px-28),calc((100% - var(--g-px-1480) / var(--hz,1)) / 2 + var(--g-px-28) / var(--hz,1)))}
body:has(.hh) .im-foot .cols,body:has(.hh) .im-foot .social,body:has(.hh) .im-foot .legal{max-width:var(--g-px-1480)}
}
/* s4: footer on home shown at true size like the page (was 80%, 9.6px text); countdown unit labels 11px */
body:has(.hh) .im-foot{zoom:calc(1 / var(--hz,1))}
.bn3 .b3-cd .cdn i{font-size:var(--g-size-11)}
/* s4: planner picture shows her 12 steps (Healthy or happy? ... Healthy is happy) */
@media (min-width:781px){.hh .planner-mock-steps{grid-template-columns:repeat(6,1fr)}}
.hh .planner-step,.hh .pstep{font-size:var(--g-size-11)}
.hh .planner-mock-fill{background:var(--ds-pink)}
.hh .planner-mock-pct{font-size:var(--g-size-11)}
/* s8 3 Nov (owner): keep her side-by-side banner, half height; headline left, 3 separate record cards right */
.hh .hero{padding-top:var(--g-px-24);padding-bottom:var(--g-px-24);min-height:0}
.hh .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--g-px-32);align-items:center}
.hh .hero h1{margin:var(--g-px-12) 0 var(--g-px-8);line-height:1.1}
@media (min-width:1001px){.hh .hero h1{font-size:var(--g-size-40)}}
.hh .hero-lead{margin:0 0 var(--g-px-16)}
.hh .hero-ctas{margin:0 0 var(--g-px-16)}
.hh .hero-meta{margin:0;padding-top:var(--g-px-12)}
.hh .hero .bn3.b3-quiet{background:none;box-shadow:none;border:0;border-radius:0;padding:0;margin:0;color:var(--g-col-000000);min-width:0;max-width:100%}
.hh .hero .bn3.b3-quiet::before,.hh .hero .bn3.b3-quiet::after{display:none}
.b3-quiet .rq-h{font-family:var(--serif);font-weight:400;font-size:var(--g-size-20);line-height:1.2;margin:0 0 var(--g-px-12);color:var(--g-col-000000)}
.b3-quiet .rq-h em{color:var(--ds-pink);font-style:italic;border:0;text-decoration:none;box-shadow:none;background:none;padding:0}
.b3-quiet .rq-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-px-16)}
.b3-quiet .rq{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g-px-4);background:var(--g-col-FFFFFF);border:var(--g-px-1p5) solid var(--g-col-000000);border-radius:var(--g-px-16);padding:var(--g-px-12) var(--g-px-16) var(--g-px-16);box-shadow:var(--g-px-4) var(--g-px-4) 0 var(--g-col-000000);min-width:0}
.b3-quiet .rq-1{box-shadow:var(--g-px-4) var(--g-px-4) 0 var(--ds-neon,#39FF14)}
.b3-quiet .rq-2{box-shadow:var(--g-px-4) var(--g-px-4) 0 var(--ds-pink)}
.b3-quiet .rq p{margin:0}
.b3-quiet .rq-l{font-size:var(--g-size-11);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--ds-pink)}
.b3-quiet .rq-dt{font-size:var(--g-size-12);letter-spacing:.06em;font-weight:700;color:var(--g-col-000000)}
.b3-quiet .rq-cd{display:flex;gap:var(--g-px-8);margin:var(--g-px-4) 0 !important;font-variant-numeric:tabular-nums;color:var(--g-col-000000);font-size:var(--g-size-12)}
.b3-quiet .rq-cd b{font-size:var(--g-size-20);font-weight:700;margin-right:2px}
.b3-quiet .rq-t{font-family:var(--serif);font-size:var(--g-size-17);line-height:1.2;color:var(--g-col-000000);flex:1}
.b3-quiet .rq-t em{color:var(--ds-pink)}
.b3-quiet .rq-go{margin-top:var(--g-px-8);display:inline-flex;align-items:center;padding:var(--g-px-4) var(--g-px-12);border:var(--g-px-1p5) solid var(--g-col-000000);border-radius:999px;font-size:var(--g-size-12);font-weight:700;color:var(--g-col-000000);text-decoration:none;white-space:nowrap}
.b3-quiet .rq-go.main{background:var(--ds-pink);border-color:var(--ds-pink);color:var(--g-col-FFFFFF)}
@media (max-width:1000px){.hh .hero-grid{grid-template-columns:1fr}}
@media (max-width:640px){.b3-quiet .rq-row{grid-template-columns:repeat(3,minmax(11rem,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g-px-4) var(--g-px-8) 0}.b3-quiet .rq{scroll-snap-align:start}}
.hh .hero{padding-top:var(--g-px-16);padding-bottom:var(--g-px-20)}
@media (min-width:1001px){.hh .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hh .hero-eyebrow{flex-wrap:nowrap}.hh .hero h1{font-size:var(--g-size-36,36px);margin:var(--g-px-8) 0 var(--g-px-8)}.hh .hero-lead{margin-bottom:var(--g-px-12)}.hh .hero-ctas{margin-bottom:var(--g-px-8)}.hh .hero-meta{padding-top:var(--g-px-8)}}
.b3-quiet .rq-h{margin-bottom:var(--g-px-8)}
.b3-quiet .rq{padding:var(--g-px-12) var(--g-px-14,14px)}
.b3-quiet .rq-cd{gap:var(--g-px-6,6px)}
@media (max-width:640px){.b3-quiet .rq-cd b{font-size:var(--g-size-16,16px)}.b3-quiet .rq-cd{gap:var(--g-px-4)}}
.b3-quiet .rq-t{flex:none}.b3-quiet .rq-go{margin-top:auto}.b3-quiet .rq{gap:var(--g-px-2,2px)}.b3-quiet .rq-cd{margin:var(--g-px-2,2px) 0 !important}
/* s12 3 Nov (owner's 2 inspiration mockups, "use this like this"): left = mockup 2 (pills, headline with marker + spark, 2 buttons, food photo, pink-italic stats);
   right = mockup 1 (3 cards: tag pill, icon + countdown pill, title, one line, button; middle card = main event in pink). Her words and dates only. No blush/baby pink tints. */
.hh .hero{padding:var(--g-px-32) 0 var(--g-px-28);background:var(--g-col-FFFFFF);overflow:hidden}
.hh .hero-grid{grid-template-columns:minmax(0,0.95fr) minmax(0,1.25fr);gap:var(--g-px-48);align-items:start}
.hh .hero-grid>div:first-child{display:flex;flex-direction:column;position:relative}
.hh .hero-eyebrow{gap:var(--g-px-10);margin:0 0 var(--g-px-20);flex-wrap:wrap}
.hh .hero-eyebrow .tag{font-size:var(--g-size-11);letter-spacing:.18em;padding:var(--g-px-7) var(--g-px-14);font-weight:700}
.hh .hero h1{font-family:var(--serif);font-weight:500;font-size:var(--g-size-52);line-height:1.02;letter-spacing:-.01em;color:var(--g-col-111111);margin:0 0 var(--g-px-18)}
.hh .hero h1 .green{position:relative;display:inline-block;z-index:0}
.hh .hero h1 .green::after{content:'';position:absolute;left:-.06em;right:-.06em;bottom:.06em;height:.34em;background:var(--neon);opacity:.75;z-index:-1;border-radius:.1em}
.hh .hero h1 em{position:relative;font-style:italic;font-weight:500;color:var(--ds-pink)}
.hh .hero h1 em::after{content:'';position:absolute;right:-.55em;top:-.42em;width:.62em;height:.62em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DB2A6B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9L4 3M12 10l1-7M17 13l5-4'/%3E%3C/svg%3E") no-repeat center/contain}
.hh .hero-lead{font-size:var(--g-size-16);line-height:1.55;color:var(--g-col-222222);margin:0 0 var(--g-px-22);max-width:31em}
.hh .hero-ctas{display:flex;flex-wrap:wrap;gap:var(--g-px-14);margin:0;position:relative;z-index:2}
.hh .hero-ctas .hb{font-size:var(--g-size-15);font-weight:600;line-height:1.2;min-height:0;padding:var(--g-px-11) var(--g-px-22);border-width:var(--g-px-1p5)}
.hh .hero-ctas .hb-primary{box-shadow:0 var(--g-px-6) var(--g-px-16) rgba(219,42,107,.22)}
/* food photo grounds the left side (white-background thali, fades into the page) */
.hh .hero-food{display:block;width:calc(100% + var(--g-px-40));max-width:none;height:var(--g-px-200);object-fit:cover;object-position:60% 55%;margin:var(--g-px-4) 0 0 calc(-1 * var(--g-px-40));
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34%,#000 82%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 34%,#000 82%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%);mask-composite:intersect}
.hh .hero-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--g-px-6) 0;margin:var(--g-px-4) 0 0;padding:var(--g-px-14) 0 0;border:0;border-top:var(--g-px-1) solid var(--g-col-E6E6E6);font-size:var(--g-size-16);color:var(--g-col-111111)}
.hh .hero-meta span{padding:0 var(--g-px-18);border-left:var(--g-px-1) solid var(--g-col-CCCCCC);line-height:1.2}
.hh .hero-meta span:first-child{padding-left:0;border:0}
.hh .hero-meta b{font-family:var(--serif);font-style:italic;font-weight:500;font-size:var(--g-size-22);color:var(--ds-pink);margin-right:var(--g-px-6)}
.hh .hero-meta span:nth-child(3) b{color:var(--g-col-111111)}
/* right: records */
.hh .hero .bn3.b3-quiet{display:block;padding-top:var(--g-px-2)}
.b3-quiet .rq-h{font-family:var(--serif);font-weight:500;font-size:var(--g-size-34);line-height:1.1;margin:0 0 var(--g-px-28);color:var(--g-col-111111);white-space:normal;text-align:center}
.b3-quiet .rq-h em{position:relative;display:inline-block;font-style:italic;color:var(--ds-pink)}
.b3-quiet .rq-h em::after{content:'';position:absolute;left:30%;right:2%;bottom:-.32em;height:.34em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 9C60 2 140 1 198 6' fill='none' stroke='%2339FF14' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.b3-quiet .rq-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g-px-16);align-items:stretch}
.b3-quiet .rq{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--g-col-FFFFFF);border:var(--g-px-1) solid var(--g-col-E6E6E6);border-radius:var(--g-px-18);box-shadow:0 var(--g-px-10) var(--g-px-28) rgba(0,0,0,.06);padding:var(--g-px-28) var(--g-px-20) var(--g-px-20);min-width:0;overflow:visible}
.b3-quiet .rq-main{border:var(--g-px-2) solid var(--ds-pink);box-shadow:0 var(--g-px-12) var(--g-px-32) rgba(219,42,107,.16)}
.b3-quiet .rq p{margin:0}
.b3-quiet .rq-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:var(--g-size-10);letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--g-col-111111);background:var(--g-col-F2F2F2);border:var(--g-px-1) solid var(--g-col-E0E0E0);border-radius:999px;padding:var(--g-px-5) var(--g-px-12)}
.b3-quiet .rq-main .rq-pill{background:var(--ds-pink);border-color:var(--ds-pink);color:var(--g-col-FFFFFF)}
.b3-quiet .rq-mid{display:flex;align-items:center;gap:var(--g-px-12);width:100%;margin:0 0 var(--g-px-16)}
.b3-quiet .rq-ic{flex:none;width:var(--g-px-40);height:var(--g-px-40);color:var(--ds-pink);padding-right:var(--g-px-12);border-right:var(--g-px-1) solid var(--g-col-DDDDDD);box-sizing:content-box}
.b3-quiet .rq-cd{display:flex !important;gap:var(--g-px-6) !important;margin:0 !important;padding:var(--g-px-5) var(--g-px-12);border:var(--g-px-1) solid var(--g-col-E0E0E0);border-radius:999px;font-size:var(--g-size-12);color:var(--g-col-555555);font-variant-numeric:tabular-nums;white-space:nowrap}
.b3-quiet .rq-cd b{font-size:var(--g-size-13);font-weight:700;color:var(--g-col-111111);margin:0 1px 0 0}
.b3-quiet .rq-t{font-family:var(--serif);font-weight:500;font-size:var(--g-size-23);line-height:1.15;color:var(--g-col-111111);margin:0 0 var(--g-px-6) !important}
.b3-quiet .rq-t em{font-style:italic;color:var(--ds-pink)}
.b3-quiet .rq-x{font-size:var(--g-size-14);line-height:1.45;color:var(--g-col-333333);margin:0 0 var(--g-px-16) !important;padding-bottom:var(--g-px-14);border-bottom:var(--g-px-1) solid var(--g-col-EEEEEE);width:100%}
.b3-quiet .rq-go{margin-top:auto;display:inline-flex;align-items:center;padding:var(--g-px-8) var(--g-px-18);border:var(--g-px-1p5) solid var(--g-col-111111);border-radius:999px;background:var(--g-col-FFFFFF);font-size:var(--g-size-14);font-weight:600;color:var(--g-col-111111);text-decoration:none;white-space:nowrap;line-height:1.2}
.b3-quiet .rq-go:hover{background:var(--g-col-111111);color:var(--g-col-FFFFFF)}
.b3-quiet .rq-go.main{background:var(--ds-pink);border-color:var(--ds-pink);color:var(--g-col-FFFFFF)}
.b3-quiet .rq-go.main:hover{background:var(--g-col-111111);border-color:var(--g-col-111111)}
/* laptop */
@media (min-width:1001px) and (max-width:1439px){.hh .hero-grid{gap:var(--g-px-36)}.hh .hero h1{font-size:var(--g-size-44)}.b3-quiet .rq-h{font-size:var(--g-size-28)}.b3-quiet .rq{padding:var(--g-px-26) var(--g-px-14) var(--g-px-16)}.b3-quiet .rq-ic{width:var(--g-px-30);height:var(--g-px-30);padding-right:var(--g-px-8)}.b3-quiet .rq-mid{gap:var(--g-px-8)}.b3-quiet .rq-cd{padding:var(--g-px-4) var(--g-px-8);gap:var(--g-px-4) !important;font-size:var(--g-size-11)}.b3-quiet .rq-cd b{font-size:var(--g-size-12)}.b3-quiet .rq-t{font-size:var(--g-size-20)}.b3-quiet .rq-x{font-size:var(--g-size-13)}.b3-quiet .rq-pill{font-size:var(--g-size-9);letter-spacing:.1em;padding:var(--g-px-4) var(--g-px-10)}.hh .hero-meta{font-size:var(--g-size-14)}.hh .hero-meta b{font-size:var(--g-size-19)}.hh .hero-meta span{padding:0 var(--g-px-12)}}
@media (min-width:1001px) and (max-width:1199px){.b3-quiet .rq-ic{display:none}.hh .hero h1{font-size:var(--g-size-38)}}
/* tablet */
@media (max-width:1000px){.hh .hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--g-px-36)}.hh .h1-br{display:none}.hh .hero-food{height:var(--g-px-180);width:100%;margin-left:0}.b3-quiet .rq-h{font-size:var(--g-size-30)}}
@media (min-width:641px) and (max-width:1000px){.b3-quiet .rq{padding:var(--g-px-26) var(--g-px-14) var(--g-px-16)}.b3-quiet .rq-ic{width:var(--g-px-28);height:var(--g-px-28);padding-right:var(--g-px-8)}.b3-quiet .rq-cd{padding:var(--g-px-4) var(--g-px-8);gap:var(--g-px-4) !important;font-size:var(--g-size-11)}.b3-quiet .rq-mid{gap:var(--g-px-8)}.b3-quiet .rq-pill{font-size:var(--g-size-9);letter-spacing:.08em}.b3-quiet .rq-t{font-size:var(--g-size-19)}.b3-quiet .rq-x{font-size:var(--g-size-13)}}
/* phone */
@media (max-width:640px){
.hh .hero{padding:var(--g-px-20) 0 var(--g-px-24)}
.hh .hero-grid{gap:var(--g-px-28)}
.hh .hero-eyebrow{gap:var(--g-px-6);margin-bottom:var(--g-px-14)}
.hh .hero-eyebrow .tag{font-size:var(--g-size-9);letter-spacing:.14em;padding:var(--g-px-5) var(--g-px-10)}
.hh .hero h1{font-size:var(--g-size-36);margin-bottom:var(--g-px-12)}
.hh .h1-br{display:inline}
.hh .hero-lead{font-size:var(--g-size-15);margin-bottom:var(--g-px-18)}
.hh .hero-ctas{gap:var(--g-px-8);flex-wrap:nowrap}
.hh .hero-ctas .hb{font-size:var(--g-size-13);padding:var(--g-px-9) var(--g-px-12);white-space:nowrap}
.hh .hero-food{height:var(--g-px-150);width:calc(100% + var(--g-px-16));margin:var(--g-px-4) calc(-1 * var(--g-px-16)) 0 0}
.hh .hero-meta{font-size:var(--g-size-13);row-gap:var(--g-px-8)}
.hh .hero-meta b{font-size:var(--g-size-18)}
.hh .hero-meta span{padding:0 var(--g-px-10)}
.hh .hero-meta span:nth-child(3){padding-left:0;border:0}
.b3-quiet .rq-h{font-size:var(--g-size-26);margin-bottom:var(--g-px-26)}
.b3-quiet .rq-row{display:flex !important;flex-direction:column;gap:var(--g-px-24);overflow:visible;padding:0}
.b3-quiet .rq{padding:var(--g-px-24) var(--g-px-16) var(--g-px-16);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mid mid mid" "t t t" "x x go";column-gap:var(--g-px-10)}
.b3-quiet .rq-mid{grid-area:mid;margin-bottom:var(--g-px-12)}
.b3-quiet .rq-t{grid-area:t;font-size:var(--g-size-21)}
.b3-quiet .rq-x{grid-area:x;border:0;padding:0;margin:0 !important;font-size:var(--g-size-13);align-self:center}
.b3-quiet .rq-go{grid-area:go;align-self:center;margin:0;padding:var(--g-px-7) var(--g-px-14);font-size:var(--g-size-13)}
.b3-quiet .rq-ic{width:var(--g-px-30);height:var(--g-px-30)}
}
@media (max-width:370px){.hh .hero-ctas{flex-wrap:wrap}.hh .hero h1{font-size:var(--g-size-32)}.b3-quiet .rq-h{font-size:var(--g-size-23)}}
/* s12b 3 Nov (her 3rd mockup + "its too crowded"): mockup-3 structure, stripped down. Top: headline left, records right.
   Then ONE wide food photo across the banner, then the stats line. Cards: tag, icon + date, title, countdown, button (no extra line). */
@media (min-width:1001px){
.hh .hero{padding:var(--g-px-36) 0 var(--g-px-24)}
.hh .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);grid-template-rows:auto auto auto auto 1fr;column-gap:var(--g-px-56);row-gap:0;align-items:start}
.hh .hero-grid>div:first-child{display:contents}
.hh .hero-eyebrow{grid-column:1;grid-row:1}
.hh .hero h1{grid-column:1;grid-row:2}
.hh .hero-lead{grid-column:1;grid-row:3}
.hh .hero-ctas{grid-column:1;grid-row:4}
.hh .hero .bn3.b3-quiet{grid-column:2;grid-row:1/6;align-self:start}
.hh .hero-food{grid-column:1/-1;grid-row:6;width:100%;margin:var(--g-px-8) 0 0;height:var(--g-px-210)}
.hh .hero-meta{grid-column:1/-1;grid-row:7;justify-content:center}
.hh .hero-eyebrow{flex-wrap:nowrap}
}
.hh .hero-eyebrow .tag{font-size:var(--g-size-10);letter-spacing:.16em;padding:var(--g-px-6) var(--g-px-12)}
.hh .hero h1{font-size:var(--g-size-50);margin-bottom:var(--g-px-16)}
.hh .hero h1 em::after{right:-.5em;top:-.3em}
.hh .hero-lead{margin-bottom:var(--g-px-24)}
.hh .hero-food{object-position:50% 52%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%)}
.hh .hero-meta{border-top:var(--g-px-1) solid var(--g-col-EEEEEE);padding-top:var(--g-px-16);margin-top:0}
.hh .hero-meta span{padding:0 var(--g-px-28)}
/* records: calm cards */
.b3-quiet .rq-h{font-size:var(--g-size-32);margin-bottom:var(--g-px-32)}
.b3-quiet .rq-row{gap:var(--g-px-18)}
.b3-quiet .rq{padding:var(--g-px-30) var(--g-px-20) var(--g-px-22);align-items:center;text-align:center;box-shadow:0 var(--g-px-8) var(--g-px-24) rgba(0,0,0,.05)}
.b3-quiet .rq-mid{justify-content:center;gap:var(--g-px-12);margin-bottom:var(--g-px-14)}
.b3-quiet .rq-ic{width:var(--g-px-34);height:var(--g-px-34);padding-right:var(--g-px-12)}
.b3-quiet .rq-dt{display:inline-flex;align-items:center;gap:var(--g-px-6);font-size:var(--g-size-13);font-weight:600;letter-spacing:.04em;color:var(--g-col-111111);white-space:nowrap}
.b3-quiet .rq-dt svg{width:var(--g-px-16);height:var(--g-px-16);color:var(--g-col-666666)}
.b3-quiet .rq-t{font-size:var(--g-size-22);margin:0 0 var(--g-px-8) !important;min-height:2.3em;display:flex;align-items:center;justify-content:center}
.b3-quiet .rq-t em{margin-left:.25em}
.b3-quiet .rq-cd{border:0;padding:0;margin:0 0 var(--g-px-18) !important;justify-content:center;font-size:var(--g-size-12);color:var(--g-col-777777);gap:var(--g-px-6) !important}
.b3-quiet .rq-cd b{font-size:var(--g-size-14);color:var(--g-col-111111)}
.b3-quiet .rq-main .rq-cd b{color:var(--ds-pink)}
.b3-quiet .rq-go{margin-top:auto;align-self:center}
@media (min-width:1001px) and (max-width:1439px){.hh .hero h1{font-size:var(--g-size-42)}.b3-quiet .rq-h{font-size:var(--g-size-27)}.b3-quiet .rq{padding:var(--g-px-28) var(--g-px-12) var(--g-px-18)}.b3-quiet .rq-ic{width:var(--g-px-26);height:var(--g-px-26);padding-right:var(--g-px-8)}.b3-quiet .rq-mid{gap:var(--g-px-8)}.b3-quiet .rq-dt{font-size:var(--g-size-12)}.b3-quiet .rq-t{font-size:var(--g-size-19)}.hh .hero-eyebrow .tag{font-size:var(--g-size-9);letter-spacing:.12em;padding:var(--g-px-5) var(--g-px-9)}}
@media (min-width:1001px) and (max-width:1199px){.hh .hero h1{font-size:var(--g-size-38)}.b3-quiet .rq-ic{display:block}.hh .hero-eyebrow{flex-wrap:wrap}}
@media (max-width:1000px){.hh .hero-food{height:var(--g-px-170)}.hh .hero-meta{justify-content:flex-start}}
@media (min-width:641px) and (max-width:1000px){.b3-quiet .rq-ic{width:var(--g-px-24);height:var(--g-px-24)}.b3-quiet .rq-dt{font-size:var(--g-size-12)}.b3-quiet .rq-t{font-size:var(--g-size-19)}.hh .hero-ctas{margin-bottom:var(--g-px-4)}}
@media (max-width:640px){
.hh .hero h1{font-size:var(--g-size-38)}
.hh .hero-eyebrow{flex-wrap:wrap}
.hh .hero-food{height:var(--g-px-140);width:calc(100% + var(--g-px-32));margin:var(--g-px-8) calc(-1 * var(--g-px-16)) 0}
.hh .hero-meta span{padding:0 var(--g-px-12)}
.b3-quiet .rq-h{font-size:var(--g-size-26);margin-bottom:var(--g-px-28)}
.b3-quiet .rq{display:grid;text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mid mid" "t go" "cd go";column-gap:var(--g-px-12);row-gap:var(--g-px-4);align-items:center;padding:var(--g-px-24) var(--g-px-16) var(--g-px-16)}
.b3-quiet .rq-mid{grid-area:mid;justify-content:flex-start;margin-bottom:var(--g-px-8)}
.b3-quiet .rq-t{grid-area:t;justify-content:flex-start;min-height:0;font-size:var(--g-size-20);margin:0 !important}
.b3-quiet .rq-t em{margin-left:.2em}
.b3-quiet .rq-cd{grid-area:cd;justify-content:flex-start;margin:0 !important}
.b3-quiet .rq-go{grid-area:go;align-self:center}
}
/* s12c: real record names (her 07:33Z) + one short line each; food strip of 3 dishes; fixes */
.hh .hero h1{font-size:var(--g-size-52)}
@media (min-width:1001px) and (max-width:1439px){.hh .hero h1{font-size:var(--g-size-44)}}
@media (min-width:1001px) and (max-width:1199px){.hh .hero h1{font-size:var(--g-size-38)}}
@media (max-width:640px){.hh .hero h1{font-size:var(--g-size-38)}}
@media (max-width:370px){.hh .hero h1{font-size:var(--g-size-33)}}
.b3-quiet .rq-t{display:block;min-height:0;white-space:nowrap;margin:0 0 var(--g-px-4) !important}
.b3-quiet .rq-t em{margin-left:0}
.b3-quiet .rq-x{border:0;padding:0;margin:0 0 var(--g-px-12) !important;font-size:var(--g-size-14);color:var(--g-col-444444)}
.b3-quiet .rq-pill{text-transform:uppercase}
.b3-quiet .rq-cd{margin-bottom:var(--g-px-16) !important}
@media (min-width:1001px) and (max-width:1439px){.b3-quiet .rq-x{font-size:var(--g-size-13)}.b3-quiet .rq-t{font-size:var(--g-size-20)}}
@media (min-width:1001px) and (max-width:1199px){.b3-quiet .rq-t{font-size:var(--g-size-17)}.b3-quiet .rq-pill{font-size:var(--g-size-8,8px)}}
@media (min-width:641px) and (max-width:1000px){.b3-quiet .rq-t{font-size:var(--g-size-18)}}
.hh .hero-food{object-fit:cover;object-position:center;height:var(--g-px-230);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 84%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 84%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}
@media (min-width:1001px){.hh .hero-food{height:auto;aspect-ratio:1335/300;max-height:var(--g-px-280);margin-top:var(--g-px-20)}}
@media (max-width:1000px){.hh .hero-food{height:var(--g-px-180)}}
@media (max-width:640px){.hh .hero-food{height:var(--g-px-120)}
.b3-quiet .rq{grid-template-areas:"mid mid" "t go" "x go" "cd go"}
.b3-quiet .rq-x{grid-area:x;margin:0 !important;font-size:var(--g-size-13)}
.b3-quiet .rq-pill{font-size:var(--g-size-9)}}
/* s12d: titles fit one line on every card; calmer photo height; phone stats 2 x 2 */
@media (min-width:1001px){.hh .hero-grid{grid-template-columns:minmax(0,0.9fr) minmax(0,1.3fr);column-gap:var(--g-px-48)}.hh .hero-food{max-height:var(--g-px-230)}}
.b3-quiet .rq{padding-left:var(--g-px-14);padding-right:var(--g-px-14)}
.b3-quiet .rq-t{font-size:var(--g-size-21)}
.b3-quiet .rq-x{font-size:var(--g-size-13);white-space:nowrap}
@media (min-width:1001px) and (max-width:1439px){.b3-quiet .rq-t{font-size:var(--g-size-18)}.b3-quiet .rq-x{font-size:var(--g-size-12)}.b3-quiet .rq{padding-left:var(--g-px-10);padding-right:var(--g-px-10)}}
@media (min-width:1001px) and (max-width:1199px){.b3-quiet .rq-t{font-size:var(--g-size-16)}.b3-quiet .rq-x{white-space:normal}.b3-quiet .rq-ic{display:none}}
@media (min-width:641px) and (max-width:1000px){.b3-quiet .rq-x{white-space:normal}}
@media (max-width:640px){
.hh .hero-meta{display:grid;grid-template-columns:1fr 1fr;row-gap:var(--g-px-8)}
.hh .hero-meta span,.hh .hero-meta span:nth-child(3){padding:0;border:0}
.hh .hero h1 em::after{right:-.35em;top:-.45em}
.b3-quiet .rq-x{white-space:normal}
}
/* s12e: headline keeps 2 lines; photo calmer; small-laptop buttons side by side */
@media (min-width:1001px){.hh .hero-food{max-height:var(--g-px-200);object-position:center 55%}}
@media (min-width:1440px) and (max-width:1699px){.hh .hero h1{font-size:var(--g-size-46)}}
@media (min-width:1001px) and (max-width:1199px){.hh .hero h1{font-size:var(--g-size-34)}.hh .hero-ctas{gap:var(--g-px-8)}.hh .hero-ctas .hb{font-size:var(--g-size-13);padding:var(--g-px-9) var(--g-px-12)}.b3-quiet .rq-x{min-height:2.9em}.hh .hero-eyebrow{flex-direction:row}}
/* s13 3 Nov 07:39Z (owner: "i like this - just make the spacing breathe, do not change anything except the words, make everything a little small"):
   her combined mockup built as-is with her real words; a touch smaller; more air. Card tint kept white (her no-baby-pink rule). */
@media (min-width:1001px){
.hh .hero{padding:var(--g-px-44) 0 0}
.hh .hero-grid{grid-template-columns:minmax(0,0.95fr) minmax(0,1.25fr);column-gap:var(--g-px-56)}
.hh .hero-eyebrow{margin-bottom:var(--g-px-22)}
.hh .hero h1{margin-bottom:var(--g-px-20)}
.hh .hero-lead{margin-bottom:var(--g-px-28)}
.hh .hero-food{width:100vw;max-width:none;justify-self:center;margin:var(--g-px-36) 0 0;height:var(--g-px-240);max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 58%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 100%)}
.hh .hero-meta{border-top:0;padding:var(--g-px-20) 0 var(--g-px-24)}
}
.hh .hero-lead i{font-style:italic}
.hh .hero-meta{font-family:var(--serif);font-style:italic;font-size:var(--g-size-19);color:var(--g-col-222222)}
.hh .hero-meta b{font-size:var(--g-size-22)}
.hh .hero-meta span{padding:0 var(--g-px-32);border-left-color:var(--g-col-BBBBBB)}
/* records heading: all italic serif, green swash under "creating history" */
.b3-quiet .rq-h{font-style:italic;font-size:var(--g-size-32);margin-bottom:var(--g-px-30)}
.b3-quiet .rq-h em::after{left:38%;right:4%}
/* cards as in the mockup: pill inside the top, big icon + date, title, line, button */
.b3-quiet .rq{padding:var(--g-px-16) var(--g-px-16) var(--g-px-22);border-color:var(--g-col-EBEBEB);box-shadow:0 var(--g-px-6) var(--g-px-20) rgba(0,0,0,.05)}
.b3-quiet .rq-main{border:var(--g-px-2) solid var(--ds-pink);box-shadow:0 var(--g-px-10) var(--g-px-28) rgba(219,42,107,.14)}
.b3-quiet .rq-pill{position:static;transform:none;align-self:center;margin:0 0 var(--g-px-14) !important;font-size:var(--g-size-9);letter-spacing:.12em;padding:var(--g-px-4) var(--g-px-10);background:var(--g-col-F2F2F2);border:0}
.b3-quiet .rq-mid{gap:var(--g-px-14);margin-bottom:var(--g-px-12)}
.b3-quiet .rq-ic{width:var(--g-px-40);height:var(--g-px-40);border:0;padding:0;stroke-width:1.3}
.b3-quiet .rq-dt{font-size:var(--g-size-13);font-weight:500;letter-spacing:.02em}
.b3-quiet .rq-t{font-size:var(--g-size-22);margin-bottom:var(--g-px-6) !important}
.b3-quiet .rq-x{font-size:var(--g-size-13);color:var(--g-col-333333);margin-bottom:var(--g-px-10) !important}
.b3-quiet .rq-cd{font-size:var(--g-size-11);margin-bottom:var(--g-px-16) !important}
.b3-quiet .rq-cd b{font-size:var(--g-size-12)}
.b3-quiet .rq-go{padding:var(--g-px-7) var(--g-px-20);font-size:var(--g-size-13)}
@media (min-width:1001px) and (max-width:1439px){.b3-quiet .rq-h{font-size:var(--g-size-27)}.b3-quiet .rq-t{font-size:var(--g-size-18)}.b3-quiet .rq-x{font-size:var(--g-size-12)}.b3-quiet .rq-ic{width:var(--g-px-30);height:var(--g-px-30)}.b3-quiet .rq-mid{gap:var(--g-px-10)}.hh .hero-meta{font-size:var(--g-size-17)}.hh .hero-meta span{padding:0 var(--g-px-22)}}
@media (min-width:1001px) and (max-width:1199px){.b3-quiet .rq-t{font-size:var(--g-size-16)}.b3-quiet .rq-ic{display:block;width:var(--g-px-24);height:var(--g-px-24)}.b3-quiet .rq-pill{font-size:var(--g-size-8,8px);letter-spacing:.06em}}
@media (max-width:1000px){.hh .hero-food{width:calc(100% + var(--g-px-36));margin-left:calc(-1 * var(--g-px-18));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 85%,transparent 100%)}}
@media (max-width:640px){
.hh .hero-food{width:calc(100% + var(--g-px-32));margin:var(--g-px-12) calc(-1 * var(--g-px-16)) 0}
.hh .hero-meta{font-size:var(--g-size-16)}.hh .hero-meta b{font-size:var(--g-size-19)}
.b3-quiet .rq-h{font-size:var(--g-size-25)}
.b3-quiet .rq{grid-template-areas:"pill pill" "mid mid" "t go" "x go" "cd go";padding:var(--g-px-14) var(--g-px-16) var(--g-px-16)}
.b3-quiet .rq-pill{grid-area:pill;justify-self:start;margin-bottom:var(--g-px-10) !important}
.b3-quiet .rq-ic{width:var(--g-px-30);height:var(--g-px-30)}
.b3-quiet .rq-t{font-size:var(--g-size-20)}
.b3-quiet .rq-row{gap:var(--g-px-14)}
}
/* s13b: 5-dish spread (licensed stock), whole dishes visible */
.hh .hero-food{object-position:center 50%}
@media (min-width:1001px){.hh .hero-food{height:var(--g-px-230)}}
@media (max-width:640px){.hh .hero-food{height:var(--g-px-110);object-position:30% 50%}}
/* h13 3 Nov 07:46Z (owner): Pillar 01 right column = the healthy food = happy food chain (her 12 steps), replacing the "Your family plan" widget */
.hh .planner-grid{align-items:center}
.hchain{margin:0;padding:var(--g-px-28) var(--g-px-28) var(--g-px-24);background:var(--g-col-FFFFFF);border:var(--g-px-1) solid var(--g-col-EBEBEB);border-radius:var(--g-px-18);box-shadow:0 var(--g-px-8) var(--g-px-24) rgba(0,0,0,.05)}
.hchain-h{font-family:var(--serif);font-style:italic;font-size:var(--g-size-26);line-height:1.1;color:var(--g-col-111111);text-align:center;margin:0 0 var(--g-px-24)}
.hchain-h em{color:var(--ds-pink);font-style:normal;margin:0 .15em}
.hchain-h span{color:var(--ds-pink)}
.hchain-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));row-gap:var(--g-px-26);position:relative}
.hc-s{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--g-px-8);padding:0 var(--g-px-4)}
.hc-s::before{content:'';position:absolute;top:var(--g-px-16);left:calc(50% + var(--g-px-18));right:calc(-50% + var(--g-px-18));height:var(--g-px-2);background:linear-gradient(90deg,var(--ds-pink),var(--neon));opacity:.55;border-radius:2px}
.hc-s:nth-child(6)::before,.hc-s:nth-child(12)::before{display:none}
.hc-n{position:relative;z-index:1;width:var(--g-px-32);height:var(--g-px-32);border-radius:50%;display:grid;place-items:center;font-size:var(--g-size-12);font-weight:700;color:var(--g-col-111111);background:var(--g-col-FFFFFF);border:var(--g-px-1p5) solid var(--g-col-CCCCCC)}
.hc-l{font-size:var(--g-size-12);line-height:1.3;color:var(--g-col-333333)}
.hc-start .hc-n{background:var(--ds-pink);border-color:var(--ds-pink);color:var(--g-col-FFFFFF)}
.hc-end .hc-n{background:var(--neon);border-color:var(--g-col-111111);color:var(--g-col-111111)}
.hc-start .hc-l,.hc-end .hc-l{font-family:var(--serif);font-style:italic;font-size:var(--g-size-16);font-weight:500;color:var(--ds-pink)}
.hc-end .hc-l{color:var(--g-col-111111)}
/* second row reads right-to-left as one chain: a curved link from step 6 down to step 7 */
.hchain-steps::after{content:'';position:absolute;right:calc(100% / 12 - var(--g-px-16));top:var(--g-px-16);width:var(--g-px-16);height:calc(50% + var(--g-px-13));border:var(--g-px-2) solid var(--neon);border-left:0;border-radius:0 var(--g-px-16) var(--g-px-16) 0;opacity:.55;transform:translateX(var(--g-px-18))}
@media (max-width:640px){
.hchain{padding:var(--g-px-20) var(--g-px-14)}
.hchain-h{font-size:var(--g-size-22);margin-bottom:var(--g-px-18)}
.hchain-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--g-px-18)}
.hc-s:nth-child(6)::before,.hc-s:nth-child(12)::before{display:block}
.hc-s:nth-child(3n)::before{display:none}
.hchain-steps::after{display:none}
.hc-l{font-size:var(--g-size-11)}
}
@media (min-width:641px){
.hc-s:nth-child(n+7){grid-row:2}
.hc-s:nth-child(7){grid-column:6}.hc-s:nth-child(8){grid-column:5}.hc-s:nth-child(9){grid-column:4}.hc-s:nth-child(10){grid-column:3}.hc-s:nth-child(11){grid-column:2}.hc-s:nth-child(12){grid-column:1}
.hc-s:nth-child(12)::before{display:block}.hc-s:nth-child(7)::before{display:none}
}
.hchain-end{margin:var(--g-px-22) 0 0;padding-top:var(--g-px-16);border-top:var(--g-px-1) solid var(--g-col-EEEEEE);text-align:center;font-family:var(--serif);font-style:italic;font-size:var(--g-size-18);line-height:1.35;color:var(--g-col-333333)}
.hchain-end b{font-weight:600;color:var(--ds-pink)}
@media (max-width:640px){.hchain-end{font-size:var(--g-size-16)}}
/* h13 3 Nov 07:49Z (owner): Pillar 02. Shop cards untouched (they come from Shop). Try Me panel lines up with the cards (same top, same bottom), with product benefits from her shop XD board; no extra spaces in "Browse all 72 products". */
.hh .section-head .link-arrow{gap:0;white-space:nowrap}
.hh .section-head .link-arrow [data-n-off]{margin:0 .3em}
.hh .section-head .link-arrow>span:last-child{margin-left:.4em}
@media (min-width:1001px){.hh .gf-flow{grid-template-columns:1fr var(--g-px-240);align-items:stretch}}
.hh .tryme-card{position:relative;top:auto;display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--g-px-10);border:var(--g-px-1) solid var(--g-col-111111);box-shadow:0 var(--g-px-10) var(--g-px-28) rgba(0,0,0,.18);padding:var(--g-px-18) var(--g-px-18) var(--g-px-16);background:radial-gradient(120% 70% at 100% 0,rgba(57,255,20,.16),transparent 60%),var(--g-col-000000);overflow:hidden}
.hh .tryme-card h3{font-size:var(--g-size-24);margin:var(--g-px-4) 0 var(--g-px-4)}
.hh .tryme-card>p{font-size:var(--g-size-13);line-height:1.4;color:var(--g-col-DDDDDD);margin:0 0 var(--g-px-10)}
.tm-ben{list-style:none;margin:0 0 var(--g-px-10);padding:0;display:flex;flex-direction:column;gap:var(--g-px-6)}
.tm-ben li{position:relative;padding-left:var(--g-px-22);font-size:var(--g-size-13);line-height:1.3;color:var(--g-col-FFFFFF)}
.tm-ben li::before{content:'';position:absolute;left:0;top:.1em;width:var(--g-px-14);height:var(--g-px-14);border-radius:50%;background:var(--neon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.hh .tryme-card .tryme-price{font-size:var(--g-size-22);margin:auto 0 0}
.hh .tryme-card .tryme-note{font-size:var(--g-size-11);color:var(--g-col-AAAAAA);margin:var(--g-px-2) 0 var(--g-px-12)}
.hh .tryme-card .tm-go{width:100%;justify-content:center;padding:var(--g-px-9) var(--g-px-14);font-size:var(--g-size-14);gap:var(--g-px-6)}
@media (max-width:1000px){.hh .tryme-card{max-width:var(--g-px-420)}}
.hh .tryme-card{padding:var(--g-px-14) var(--g-px-16)}
.hh .tryme-card .tag{font-size:var(--g-size-9);padding:var(--g-px-4) var(--g-px-9);margin-bottom:var(--g-px-4)}
.hh .tryme-card h3{font-size:var(--g-size-21);margin:var(--g-px-2) 0}
.hh .tryme-card>p{font-size:var(--g-size-12);margin-bottom:var(--g-px-8)}
.tm-ben{gap:var(--g-px-3);margin-bottom:var(--g-px-8)}
.tm-ben li{font-size:var(--g-size-12);padding-left:var(--g-px-20)}
.tm-ben li::before{width:var(--g-px-13);height:var(--g-px-13)}
.hh .tryme-card .tryme-price{font-size:var(--g-size-19)}
.hh .tryme-card .tryme-note{font-size:var(--g-size-10);margin-bottom:var(--g-px-8)}
.hh .tryme-card .tm-go{padding:var(--g-px-7) var(--g-px-12);font-size:var(--g-size-13)}
/* h14 3 Nov 08:01Z (owner): on wide screens everything was a narrow centre column next to a full-width photo. Header, headline, record cards, food photo, stats and footer now share one width (her mockup): up to 1840 wide, with a page gutter that grows with the screen. */
@media (min-width:1001px){
:root:has(.hh){--hgut:clamp(var(--g-px-28),4vw,var(--g-px-80))}
.hh .wrap{max-width:calc(var(--g-px-1840) + 2 * var(--hgut));padding-left:var(--hgut);padding-right:var(--hgut)}
body:has(.hh) .im-ticker,body:has(.hh) .im-bar{padding-left:max(calc(var(--hgut) / var(--hz,1)),calc((100% - var(--g-px-1840) / var(--hz,1)) / 2));padding-right:max(calc(var(--hgut) / var(--hz,1)),calc((100% - var(--g-px-1840) / var(--hz,1)) / 2))}
body:has(.hh) .im-foot .cols{max-width:calc(var(--g-px-1840) + 2 * var(--hgut));padding-left:var(--hgut);padding-right:var(--hgut)}
body:has(.hh) .im-foot .social,body:has(.hh) .im-foot .legal{max-width:min(var(--g-px-1840),calc(100% - 2 * var(--hgut)))}
main:has(.hh) .bn3 .b3-top,main:has(.hh) .bn3 .b3-cards{max-width:none}
.hh .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:var(--g-px-64)}
.hh .hero-food{width:100%;justify-self:stretch;height:var(--g-px-260);border-radius:var(--g-px-16)}
.hh .hero-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:0}
.hh .hero-meta span{padding:0 var(--g-px-16);text-align:center}
.hh .hero-meta span:first-child{padding-left:var(--g-px-16);border-left:0}
}
/* h14 3 Nov 08:08Z (owner): the 12-dot zigzag was confusing. Pillar 01 right side = 4 big icon steps that read in one glance: Healthy or happy? > Your food choices > Your meal plan > Healthy is happy (her 12 steps grouped 1, 2-6, 7-11, 12). */
.hj{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g-px-12)}
.hj-s{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--g-px-8);padding:var(--g-px-18) var(--g-px-8) var(--g-px-14);border-radius:var(--g-px-16);background:var(--g-col-FAFAFA);border:var(--g-px-1) solid var(--g-col-EEEEEE)}
.hj-s:not(:last-child)::after{content:'';position:absolute;z-index:2;right:calc(-1 * var(--g-px-12));top:var(--g-px-40);width:var(--g-px-12);height:var(--g-px-12);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 2l5 4-5 4' fill='none' stroke='%23DB2A6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
.hj-i{width:var(--g-px-56);height:var(--g-px-56);border-radius:50%;display:grid;place-items:center;background:var(--g-col-FFFFFF);border:var(--g-px-2) solid var(--ds-pink);color:var(--ds-pink)}
.hj-i svg{width:var(--g-px-28);height:var(--g-px-28)}
.hj-l{font-family:var(--serif);font-weight:600;font-size:var(--g-size-19);line-height:1.15;color:var(--g-col-111111)}
.hj-n{font-size:var(--g-size-11);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g-col-777777)}
.hj-a .hj-i{background:var(--ds-pink);color:var(--g-col-FFFFFF)}
.hj-a .hj-l{color:var(--ds-pink);font-style:italic}
.hj-z{background:var(--g-col-111111);border-color:var(--g-col-111111)}
.hj-z .hj-i{background:var(--neon);border-color:var(--neon);color:var(--g-col-111111)}
.hj-z .hj-l{color:var(--neon);font-style:italic}
.hj-z .hj-n{color:var(--g-col-BBBBBB)}
@media (max-width:640px){.hj{grid-template-columns:repeat(2,minmax(0,1fr))}.hj-s:nth-child(2)::after{display:none}.hj-l{font-size:var(--g-size-17)}}
/* h14b 3 Nov 08:16Z (owner): the story is a choice. Start: Healthy OR Happy (two icons apart). Middle: your choices. End: the two icons join = Happy is healthy. */
.hj{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.25fr);gap:var(--g-px-16)}
.hj-s:not(:last-child)::after{right:calc(-1 * var(--g-px-14))}
.hj-pair{display:flex;align-items:center;justify-content:center;gap:var(--g-px-8);height:var(--g-px-56)}
.hj-vs{font-family:var(--serif);font-style:italic;font-size:var(--g-size-18);color:var(--g-col-777777)}
.hj-l i{font-style:italic;color:var(--g-col-777777);font-weight:500}
.hj-a{background:var(--g-col-FFFFFF)}
.hj-a .hj-l{color:var(--g-col-111111);font-style:normal}
.hj-a .hj-i{width:var(--g-px-48);height:var(--g-px-48);background:var(--g-col-FFFFFF)}
.hj-a .hj-i svg{width:var(--g-px-24);height:var(--g-px-24)}
.hj-leaf{border-color:var(--g-col-1E8E3E);color:var(--g-col-1E8E3E)}
.hj-a .hj-joy{border-color:var(--ds-pink);color:var(--ds-pink)}
.hj-one{gap:0}
.hj-one .hj-i{width:var(--g-px-48);height:var(--g-px-48);background:var(--g-col-111111)}
.hj-one .hj-i svg{width:var(--g-px-24);height:var(--g-px-24)}
.hj-z .hj-one .hj-joy{background:var(--ds-pink);border-color:var(--ds-pink);color:var(--g-col-FFFFFF);position:relative;z-index:1;margin-right:calc(-1 * var(--g-px-12))}
.hj-z .hj-one .hj-leaf{background:var(--neon);border-color:var(--neon);color:var(--g-col-111111)}
@media (max-width:640px){.hj{grid-template-columns:1fr;gap:var(--g-px-14)}.hj-s{flex-direction:row;justify-content:flex-start;text-align:left;gap:var(--g-px-12);padding:var(--g-px-12) var(--g-px-14);flex-wrap:wrap}.hj-s .hj-l{flex:1}.hj-s .hj-n{flex-basis:100%;padding-left:0}.hj-s:not(:last-child)::after{display:block;right:auto;left:50%;top:auto;bottom:calc(-1 * var(--g-px-14));transform:rotate(90deg) translateX(-50%)}.hj-s:nth-child(2)::after{display:block}}
.hj-a .hj-leaf{color:var(--g-col-1E8E3E);border-color:var(--g-col-1E8E3E)}
/* h14c 3 Nov 08:20Z (owner, full-page review): icon first on the 3 pillars; slim buttons that hug their words; no half-empty recipe row; footer rows line up with the page edge; small labels fit on phones */
.hh .pil-ic{display:inline-grid;place-items:center;width:var(--g-px-44);height:var(--g-px-44);border-radius:50%;border:var(--g-px-1p5) solid var(--neon);color:var(--neon);margin-bottom:var(--g-px-10)}
.hh .pil-ic svg{width:var(--g-px-22);height:var(--g-px-22)}
.hh .pillar-cell .pnum{display:none}
@media (min-width:1001px){.hh .rec-grid>:nth-child(n+5){display:none}}
@media (min-width:1001px){body:has(.hh) .im-foot .social,body:has(.hh) .im-foot .legal{padding-left:0;padding-right:0}}
body:has(.hh) .im-foot .social .lbl{margin-left:0;padding-left:0}
@media (max-width:640px){
.hh .tag,.hh .partners-exclusive,.hh .soul-eyebrow{letter-spacing:.1em;font-size:var(--g-size-10);white-space:normal}
.hh .soul-fivers-grid>:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - var(--g-px-4))}
}
body:has(.hh) .im-foot .social .lbl{color:var(--ds-pink)}
/* h14d 3 Nov 08:24Z (owner): one lavish spread on a table, not boxed: no corners, edges melt into the page */
.hh .hero-food{border-radius:0;object-position:center 55%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
@media (min-width:1001px){.hh .hero-food{height:var(--g-px-280)}}
@media (max-width:640px){.hh .hero-food{height:var(--g-px-120);object-position:20% 55%}}
/* h15 3 Nov 08:37Z (owner: "can you simply copy this"): the top of the home page copies her mockup 1:1. Every size is her mockup's pixel size scaled to the screen width (mockup = 1752 wide). Only her real dates, the Connected wording and live stats differ. */
@media (min-width:1001px){
.hh{--mk:calc(100vw / 1752 * var(--hz,1))}
.hh .hero{padding:calc(40 * var(--mk)) 0 0}
.hh .hero-grid{grid-template-columns:minmax(0,715fr) minmax(0,890fr);column-gap:calc(22 * var(--mk));align-items:start}
.hh .hero-eyebrow{gap:calc(16 * var(--mk));margin:calc(6 * var(--mk)) 0 calc(18 * var(--mk));flex-wrap:nowrap}
.hh .hero-eyebrow .tag{font-size:calc(14 * var(--mk));letter-spacing:.12em;padding:calc(6 * var(--mk)) calc(16 * var(--mk))}
.hh .hero h1{font-size:calc(64 * var(--mk));line-height:1.02;margin:0 0 calc(22 * var(--mk))}
.hh .hero-lead{font-size:calc(20 * var(--mk));line-height:1.45;max-width:none;margin:0 0 calc(28 * var(--mk))}
.hh .hero .hero-ctas{gap:calc(22 * var(--mk))}
.hh .hero .hero-ctas .hb{font-size:calc(21 * var(--mk));padding:calc(12 * var(--mk)) calc(34 * var(--mk));height:auto}
.b3-quiet .rq-h{font-size:calc(44 * var(--mk));margin:calc(4 * var(--mk)) 0 calc(28 * var(--mk))}
.b3-quiet .rq-row{gap:calc(14 * var(--mk))}
.b3-quiet .rq{padding:calc(20 * var(--mk)) calc(18 * var(--mk)) calc(20 * var(--mk));border-radius:calc(16 * var(--mk));border:1px solid rgba(219,42,107,.28);background:linear-gradient(180deg,#FFFFFF 55%,rgba(219,42,107,.07) 100%);box-shadow:none}
.b3-quiet .rq.rq-main{border:2px solid var(--ds-pink)}
.b3-quiet .rq-pill{font-size:calc(12 * var(--mk));padding:calc(5 * var(--mk)) calc(14 * var(--mk));margin:0 0 calc(16 * var(--mk)) !important}
.b3-quiet .rq-ic,.b3-quiet .rq-ic svg{width:calc(52 * var(--mk));height:calc(52 * var(--mk))}
.b3-quiet .rq-dt{font-size:calc(16 * var(--mk))}
.b3-quiet .rq-t{font-size:calc(27 * var(--mk));margin:calc(10 * var(--mk)) 0 calc(8 * var(--mk)) !important}
.b3-quiet .rq-x{font-size:calc(17 * var(--mk));line-height:1.35}
.b3-quiet .rq-cd{font-size:calc(14 * var(--mk));margin:calc(10 * var(--mk)) 0 0 !important}
.b3-quiet .rq-go{font-size:calc(18 * var(--mk));padding:calc(8 * var(--mk)) calc(30 * var(--mk));margin-top:calc(16 * var(--mk))}
.hh .hero-food{width:100vw;max-width:none;justify-self:center;height:auto;aspect-ratio:1719 / 268;margin:calc(10 * var(--mk)) 0 0;border-radius:0;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%);mask-image:linear-gradient(180deg,transparent 0,#000 8%)}
.hh .hero-meta{display:flex;justify-content:center;padding:calc(24 * var(--mk)) 0 calc(26 * var(--mk));font-size:calc(26 * var(--mk))}
.hh .hero-meta span{padding:0 calc(70 * var(--mk));border-left:1px solid var(--g-col-333333)}
.hh .hero-meta span:first-child{border-left:0}
.hh .hero-meta b{font-size:calc(28 * var(--mk))}
}
/* h16 3 Nov 08:45Z (owner): Pillar 01. Left = her 12 steps in detail. Right = infographic: Healthy food VS Happy food, a battle; 12 steps of food choices bring them together: healthy is happy. */
.st12{list-style:none;margin:var(--g-px-18) 0 var(--g-px-22);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:var(--g-px-10) var(--g-px-28)}
.st-s{display:flex;align-items:flex-start;gap:var(--g-px-12)}
.st-n{flex:none;width:var(--g-px-30);height:var(--g-px-30);border-radius:50%;display:grid;place-items:center;font-size:var(--g-size-12);font-weight:700;color:var(--g-col-111111);border:var(--g-px-1p5) solid var(--g-col-DDDDDD);background:var(--g-col-FFFFFF)}
.st-t{display:flex;flex-direction:column;font-size:var(--g-size-13);line-height:1.35;color:var(--g-col-555555)}
.st-t b{font-size:var(--g-size-15);color:var(--g-col-111111);font-weight:700}
.st-a .st-n{border-color:var(--ds-pink);color:var(--ds-pink)}
.st-z .st-n{background:var(--neon);border-color:var(--neon)}
.hb2 .hchain-h em{font-style:italic;color:var(--g-col-999999);font-size:.8em;margin:0 .3em}
.hb2-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--g-px-12)}
.hb2-side{display:flex;flex-direction:column;align-items:center;gap:var(--g-px-6);padding:var(--g-px-16) var(--g-px-10);border-radius:var(--g-px-16);text-align:center}
.hb2-h{background:var(--g-col-FFFFFF);border:var(--g-px-1) solid rgba(30,142,62,.3)}
.hb2-p{background:var(--g-col-FFFFFF);border:var(--g-px-1) solid rgba(219,42,107,.3)}
.hb2-i{width:var(--g-px-56);height:var(--g-px-56);border-radius:50%;display:grid;place-items:center;background:var(--g-col-FFFFFF)}
.hb2-h .hb2-i{color:var(--g-col-1E8E3E);border:var(--g-px-2) solid var(--g-col-1E8E3E)}
.hb2-p .hb2-i{color:var(--ds-pink);border:var(--g-px-2) solid var(--ds-pink)}
.hb2-side b{font-family:var(--serif);font-size:var(--g-size-24);font-weight:600;line-height:1}
.hb2-h b{color:var(--g-col-1E8E3E)}.hb2-p b{color:var(--ds-pink)}
.hb2-side small{font-size:var(--g-size-12);color:var(--g-col-777777);letter-spacing:.04em}
.hb2-x{width:var(--g-px-48);height:var(--g-px-48);border-radius:50%;display:grid;place-items:center;background:var(--g-col-111111);color:var(--neon);font-weight:800;font-size:var(--g-size-15);letter-spacing:.06em;font-style:italic}
.hb2-road{position:relative;height:var(--g-px-80);margin:0 var(--g-px-10)}
.hb2-lines{position:absolute;inset:0;width:100%;height:100%}
.hb2-steps{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--g-px-8);white-space:nowrap;background:var(--g-col-FFFFFF);border:var(--g-px-1) solid var(--g-col-E0E0E0);border-radius:999px;padding:var(--g-px-6) var(--g-px-14);font-size:var(--g-size-12);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--g-col-111111)}
.hb2-dots{display:inline-flex;gap:var(--g-px-3)}
.hb2-dots i{width:var(--g-px-6);height:var(--g-px-6);border-radius:50%;background:color-mix(in srgb,var(--g-col-1E8E3E) calc(100% - var(--k) * 8%),var(--ds-pink))}
.hb2-end{display:flex;flex-direction:column;align-items:center;gap:var(--g-px-6);padding:var(--g-px-16);border-radius:var(--g-px-16);background:var(--g-col-111111);text-align:center}
.hb2-pair{display:flex}
.hb2-end .hb2-i{width:var(--g-px-52);height:var(--g-px-52)}
.hb2-ej{background:var(--ds-pink);color:var(--g-col-FFFFFF);margin-right:calc(-1 * var(--g-px-12));position:relative;z-index:1}
.hb2-el{background:var(--neon);color:var(--g-col-111111)}
.hb2-end b{font-family:var(--serif);font-style:italic;font-weight:600;font-size:var(--g-size-26);color:var(--neon);line-height:1.1}
.hb2-end small{font-size:var(--g-size-13);color:var(--g-col-DDDDDD)}
@media (max-width:640px){.st12{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}.hb2-side b{font-size:var(--g-size-20)}.hb2-i{width:var(--g-px-44);height:var(--g-px-44)}.hb2-steps{font-size:var(--g-size-10);padding:var(--g-px-5) var(--g-px-10)}.hb2-dots{display:none}}
/* h17 3 Nov 08:50Z (owner): whole home page: every font 10% smaller, less space between sections, slimmer buttons that hug their words. Header and footer unchanged. */
.hh{--g-size-10:calc(10px * .9);--g-size-10p5:calc(10.5px * .9);--g-size-11:calc(11px * .9);--g-size-11p5:calc(11.5px * .9);--g-size-12:calc(12px * .9);--g-size-12p5:calc(12.5px * .9);--g-size-13:calc(13px * .9);--g-size-13p5:calc(13.5px * .9);--g-size-14:calc(14px * .9);--g-size-15:calc(15px * .9);--g-size-16:calc(16px * .9);--g-size-17:calc(17px * .9);--g-size-18:calc(18px * .9);--g-size-19:calc(19px * .9);--g-size-20:calc(20px * .9);--g-size-21:calc(21px * .9);--g-size-22:calc(22px * .9);--g-size-23:calc(23px * .9);--g-size-24:calc(24px * .9);--g-size-25:calc(25px * .9);--g-size-26:calc(26px * .9);--g-size-27:calc(27px * .9);--g-size-28:calc(28px * .9);--g-size-30:calc(30px * .9);--g-size-31:calc(31px * .9);--g-size-32:calc(32px * .9);--g-size-33:calc(33px * .9);--g-size-34:calc(34px * .9);--g-size-36:calc(36px * .9);--g-size-37:calc(37px * .9);--g-size-38:calc(38px * .9);--g-size-39:calc(39px * .9);--g-size-40:calc(40px * .9);--g-size-42:calc(42px * .9);--g-size-44:calc(44px * .9);--g-size-45:calc(45px * .9);--g-size-46:calc(46px * .9);--g-size-48:calc(48px * .9);--g-size-52:calc(52px * .9);--g-size-53:calc(53px * .9);--g-size-58:calc(58px * .9);--g-size-60:calc(60px * .9);--g-size-76:calc(76px * .9);--g-size-9:calc(9px * .9);--ds-body:calc(14px * .9);--ds-card:calc(18px * .9);--ds-label:calc(10px * .9);--ds-num:calc(18px * .9);--ds-section:calc(18px * .9);--ds-small:calc(12px * .9);--ds-title:calc(32px * .9);--ds-title-lh:calc(38px * .9);--ds-title-phone:calc(25px * .9);--fs-xs:var(--ds-small);--fs-s:var(--ds-body);--fs-m:var(--ds-card);--fs-l:var(--ds-title-phone);--fs-xl:var(--ds-title);--fs-xxl:var(--ds-title)}
@media (max-width:599px){.hh{--fs-xxl:var(--ds-title-phone);--fs-xl:var(--ds-title-phone);--fs-l:var(--ds-card)}}
@media (min-width:1001px){.hh{--mk:calc(100vw / 1752 * var(--hz,1) * .9)}}
.hh .pillars,.hh .section,.hh .partners,.hh .dyh,.hh .aware,.hh .soul{padding-top:var(--g-px-24);padding-bottom:var(--g-px-24)}
.hh .section.compact{padding-top:var(--g-px-20);padding-bottom:var(--g-px-20)}
.hh a.hb.hb,.hh .hero-ctas a.hb.hb{height:auto;min-height:0;padding:var(--g-px-6) var(--g-px-16);line-height:1.25}
@media (min-width:1001px){.hh .hero .hero-ctas a.hb.hb{font-size:calc(20.5 * var(--mk));padding:calc(7 * var(--mk)) calc(22 * var(--mk))}.b3-quiet .rq-go{font-size:calc(17.6 * var(--mk));padding:calc(5 * var(--mk)) calc(18 * var(--mk))}}

/* h18: ONE type scale for the home page. Every role = one size. */
.hh{--t-sec:34px;--t-card:21px;--t-lead:17px;--t-body:15px;--t-quote:20px;--t-label:12px;--t-btn:15px;--t-stat:26px}
@media (max-width:1000px){.hh{--t-sec:30px;--t-card:20px;--t-quote:19px}}
@media (max-width:599px){.hh{--t-sec:26px;--t-card:19px;--t-lead:16px;--t-quote:18px;--t-btn:14px;--t-stat:22px}}
/* body */
.hh p,.hh li,.hh .pdesc,.hh .pdesc span,.hh .st-t,.hh .st-t b,.hh .hb2-end small,.hh .rq-cd b,.hh .partners-who span,.hh p em,.hh .dyh-card-rows span{font-size:var(--t-body)!important}
.hh .hero-lead,.hh .hero-lead b,.hh .hero-lead i{font-size:var(--t-lead)!important}
/* section titles */
.hh h2,.hh h2 em,.hh h2 span,.hh .rq-h,.hh .rq-h em{font-size:var(--t-sec)!important}
/* card titles */
.hh h3,.hh h3 em,.hh h4,.hh h4 em,.hh .rq-t,.hh .rq-t em,.hh .prod-name,.hh .prod-name em,.hh .prod-name b,.hh .rec-title,.hh .hchain-h,.hh .hchain-h span,.hh .hb2 b,.hh .tryme-price,.hh .soul-rise{font-size:var(--t-card)!important}
.hh .hchain-h em{font-size:calc(var(--t-card) * .8)!important}
/* quotes (Cormorant running text) */
.hh blockquote,.hh blockquote em,.hh .soul-second,.hh .soul-second em,.hh .soul-purpose,.hh .soul-purpose em,.hh .soul-legacy,.hh .hchain-end,.hh .hchain-end b,.hh .soul-signature,.hh .soul-signature b,.hh .soul-rule,.hh .soul-stamp em,.hh .prod-price b,.hh .soul-fiver-num{font-size:var(--t-quote)!important}
/* labels */
.hh .tag,.hh [class*=pill],.hh .st-n,.hh small,.hh .prod-cat,.hh .prod-meta,.hh .rec-cuisine,.hh .hb2-steps,.hh .rq-dt,.hh .rq-cd span,.hh .tryme-note,.hh .aware-card-tag,.hh .aware-signed,.hh .soul-eyebrow,.hh .soul-stamp,.hh .label,.hh .partners-exclusive,.hh .hb2-x,.hh .rec-stats span,.hh .dyh-card-rows span:first-child{font-size:var(--t-label)!important}
.hh .rq-cd span b{font-size:var(--t-body)!important}
/* buttons and links */
.hh a.hb,.hh a.hb span,.hh .hero .hero-ctas a.hb.hb,.hh .rq-go,.hh .b3-quiet .rq-go,.hh .pcta,.hh .link-arrow,.hh .link-arrow span,.hh .view,.hh .aware-card-link,.hh .partners a,.hh .partners a span,.hh button,.hh .dyh a{font-size:var(--t-btn)!important}
/* hero */
@media (max-width:599px){.hh .hero .hero-ctas{flex-wrap:wrap;row-gap:var(--g-px-8)}}
/* h18b: same scale for the closing band and footer on the home page */
body:has(.hh){--t-sec:34px;--t-card:21px;--t-body:15px;--t-small:14px;--t-quote:20px;--t-label:12px;--t-btn:15px}
@media (max-width:599px){body:has(.hh){--t-sec:26px;--t-card:19px;--t-quote:18px;--t-btn:14px}}
body:has(.hh) .im-band h2,body:has(.hh) .im-band h2 em{font-size:var(--t-sec)!important}
body:has(.hh) .im-band p{font-size:var(--t-body)!important}
body:has(.hh) .im-band .pill-neon{font-size:var(--t-label)!important}
body:has(.hh) .im-foot :is(p,a,span,div,input,label){font-size:var(--t-small)!important}
body:has(.hh) .im-foot :is(.small,.lbl){font-size:var(--t-label)!important}
body:has(.hh) .im-foot .tag{font-size:var(--t-quote)!important}
body:has(.hh) .im-foot h3,body:has(.hh) .im-foot h3 em{font-size:var(--t-card)!important}
body:has(.hh) .im-foot button{font-size:var(--t-btn)!important}
@media (max-width:1000px){.hh .hero-meta span{font-size:var(--t-quote)!important}.hh .hero-meta b{font-size:var(--t-stat)!important}}

/* h19: content 5% narrower, type one step bigger, clean Try Me panel */
:root:has(.hh){--hgut:clamp(var(--g-px-28),6.5vw,124px)}
.hh{--t-sec:36px;--t-card:23px;--t-lead:18px;--t-body:16px;--t-quote:21px;--t-label:13px;--t-btn:16px;--t-stat:26px}
body:has(.hh){--t-sec:36px;--t-card:23px;--t-body:16px;--t-small:15px;--t-quote:21px;--t-label:13px;--t-btn:16px}
@media (max-width:1000px){.hh,body:has(.hh){--t-sec:32px;--t-card:21px;--t-quote:20px}}
@media (max-width:599px){.hh,body:has(.hh){--t-sec:27px;--t-card:20px;--t-lead:17px;--t-body:16px;--t-small:14px;--t-quote:19px;--t-label:12px;--t-btn:15px;--t-stat:22px}}
.hh .tryme-card{justify-content:space-between;align-items:stretch;padding:var(--g-px-20)}
.hh .tm-head .tag{margin-bottom:var(--g-px-8)}
.hh .tm-head h3{margin:var(--g-px-4) 0}
.hh .tm-head p{margin:0;color:var(--g-col-DDDDDD);line-height:1.4}
.hh .tryme-card .tm-ben{margin:var(--g-px-16) 0;gap:var(--g-px-10)}
.hh .tryme-card .tm-ben li{line-height:1.35;padding-left:var(--g-px-24)}
.hh .tryme-card .tm-ben li::before{top:.15em}
.hh .tm-foot{border-top:1px solid var(--g-col-333333);padding-top:var(--g-px-14)}
.hh .tm-foot .tryme-price{margin:0}
.hh .tm-foot .tryme-note{margin:var(--g-px-4) 0 var(--g-px-12)}
.hh .tm-foot .tm-go{width:auto;display:inline-flex}
@media (min-width:1001px){.hh .gf-flow{grid-template-columns:1fr var(--g-px-300)}}
@media (min-width:1001px){.hh .gf-flow .prod-card{display:flex;flex-direction:column}.hh .gf-flow .prod-img{flex:1 1 auto;aspect-ratio:auto;min-height:0;position:relative}.hh .gf-flow .prod-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hh .gf-flow .prod-body{flex:0 0 auto}}
.hh .tm-foot .tm-go{margin-top:var(--g-px-12)}

/* h21: records line, records panel, family note, closing prebook */
.hh .rec-proof{display:flex;align-items:center;gap:var(--g-px-14);margin-top:var(--g-px-14);padding:var(--g-px-12) var(--g-px-14);border:1px solid var(--g-col-E6E6E6);border-radius:var(--g-px-12);background:var(--g-col-FFFFFF)}
.hh .rp-thumbs{display:flex;flex:0 0 auto;cursor:pointer}
.hh .rp-thumbs img{width:var(--g-px-56);height:var(--g-px-56);object-fit:cover;border-radius:50%;border:2px solid var(--g-col-FFFFFF);box-shadow:0 0 0 1px var(--g-col-E6E6E6);margin-left:calc(-1 * var(--g-px-14))}
.hh .rp-thumbs img:first-child{margin-left:0}
.hh .rec-proof p{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--g-px-2);font-size:var(--t-body);line-height:1.3}
.hh .rec-proof .rp-k{font-size:var(--t-label)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-pink,#d6246e);font-weight:700}
.hh .rec-proof b{font-weight:700}
.hh .rec-more{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-weight:700;color:var(--g-col-111111);display:inline-flex;gap:var(--g-px-6);align-items:center}
@media (min-width:1001px){.hh .hero .bn3.b3-quiet{grid-row:1/5}.hh .rec-proof{grid-column:2;grid-row:5;align-self:start}}
@media (max-width:599px){.hh .rp-thumbs img{width:var(--g-px-44);height:var(--g-px-44)}.hh .rec-proof{gap:var(--g-px-10);padding:var(--g-px-10)}}
.rec-dlg{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:0;border-radius:16px;padding:20px 22px 24px;color:#111;background:#fff;font-family:inherit}
.rec-dlg::backdrop{background:rgba(0,0,0,.6)}
.rec-dlg .rd-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.rec-dlg h3{margin:0;font-family:var(--ds-serif,'Cormorant Garamond',serif);font-weight:500;font-size:28px}
.rec-dlg h3 em{color:var(--ds-pink,#d6246e)}
.rec-dlg .rd-x{border:1px solid #ddd;background:#fff;border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;cursor:pointer}
.rec-dlg .rd-lead{margin:0 0 14px}.rec-dlg .rd-lead img{width:100%;height:auto;border-radius:12px;display:block}
.rec-dlg figcaption,.rec-dlg .rd-cap{font-size:13px;color:#555;margin:6px 0 0}
.rec-dlg .rd-facts{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.rec-dlg .rd-facts li{font-size:16px;line-height:1.4;padding:10px 12px;border:1px solid #eee;border-radius:10px}
.rec-dlg .rd-facts b{display:block;font-size:16px}
.rec-dlg .rd-video{width:100%;height:auto;border-radius:12px;background:#000;display:block}
.rec-dlg .rd-stills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 16px}
.rec-dlg .rd-stills img{width:100%;height:auto;border-radius:8px;display:block}
.rec-dlg .rd-h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#d6246e;margin:0 0 8px}
.rec-dlg .rd-news{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 16px}
.rec-dlg .rd-news a{font-size:15px;font-weight:600;color:#111;text-decoration:none;border-bottom:1px solid #ddd}
.hh .st-fam{margin:var(--g-px-8) 0 0;font-size:var(--t-label)!important;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--g-col-666666)}
.hh .soul-cta{justify-content:center;margin-top:var(--g-px-16)}
.rec-dlg .rd-lead img{max-width:450px;margin:0 auto}.rec-dlg .rd-lead figcaption{text-align:center}

/* h22: bigger, more visual, fewer words */
.hh{--t-sec:42px;--t-card:25px}
body:has(.hh){--t-sec:42px;--t-card:25px}
@media (max-width:1000px){.hh,body:has(.hh){--t-sec:34px;--t-card:22px}}
@media (max-width:599px){.hh,body:has(.hh){--t-sec:29px;--t-card:21px}}
.hh .pillar-cell{padding:0!important;overflow:hidden;display:flex;flex-direction:column}
.hh .pillar-cell .pil-img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block}
.hh .pillar-cell .pil-ic{margin:calc(-1 * var(--g-px-28)) 0 0 var(--g-px-24);position:relative;width:var(--g-px-56);height:var(--g-px-56);background:var(--g-col-000000)}
.hh .pillar-cell .pil-ic svg{width:28px;height:28px}
.hh .pillar-cell h3,.hh .pillar-cell h3 em{font-size:var(--t-sec)!important;line-height:1.05}
.hh .pillar-cell h3{margin:var(--g-px-12) var(--g-px-24) var(--g-px-6)}
.hh .pillar-cell .pdesc{margin:0 var(--g-px-24) var(--g-px-12)}
.hh .pillar-cell .pcta{margin:auto var(--g-px-24) var(--g-px-24)}
.hh .st12 .st-t b{font-size:var(--t-lead)!important}
.hh .st12 .st-n{width:var(--g-px-40);height:var(--g-px-40);font-size:var(--t-label)!important}
.hh .st12 .st-s{align-items:center}
.hh .pillar-cell .pil-img{object-position:center 25%}