/* ============================================================
   HILARY HARON  ·  Home (Volume 04)
   The truth, then the plan. One ask per screen.
   Readability floor: nothing under 12px, no gray text on dark.
   ============================================================ */

:root{
  --warm:#FBF9F4; --bone:#F5F1EA; --ink:#141210; --black:#0C0B0A;
  --mag:#E24197; --gold:#CCB79E; --on-dark:#F2EEEB;
  --gut:clamp(20px,5vw,64px);
}

/* shared overrides for this page: bigger, readable micro type */
.eyebrow{font-size:13px;letter-spacing:.26em;color:var(--ink);display:flex;align-items:center;gap:12px;}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--mag);flex:none;}
.on-dark .eyebrow,.dark .eyebrow,.tbl .eyebrow,.pod2 .eyebrow,.cx .eyebrow,.px .eyebrow{color:var(--gold);}
img{height:auto;}
.btn{font-size:13px;letter-spacing:.12em;padding:18px 30px;min-height:52px;}
.nav .menu a{font-size:13px;opacity:1;}
.nav .menu a.navcta{font-size:13px;}
.nav .logo .lt{font-size:14px;}
a:focus-visible,button:focus-visible{outline:3px solid var(--mag);outline-offset:3px;}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;z-index:100;font-family:var(--display);font-weight:600;}
.skip:focus{left:12px;top:12px;}
.wrap{padding:0 var(--gut);}

/* ============ HERO: full-bleed, one ask ============ */
.hx{position:relative;background:var(--warm);overflow:hidden;min-height:min(88vh,860px);display:flex;align-items:center;}
.hx-photo{position:absolute;inset:0;}
.hx-photo img{width:100%;height:100%;object-fit:cover;object-position:78% 22%;}
.hx-photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(251,249,244,.97) 0%,rgba(251,249,244,.9) 40%,rgba(251,249,244,0) 64%);}
.hx .wrap{position:relative;z-index:2;width:100%;max-width:1320px;padding-block:96px 88px;}
.hx-copy{max-width:720px;}
.hx h1{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.92;
  font-size:clamp(40px,5.1vw,74px);color:var(--ink);margin:0 0 28px;text-wrap:balance;}
.hx h1 .ln{display:block;animation:rise .9s cubic-bezier(.2,.7,.2,1) both;}
.hx h1 .ln:nth-child(2){animation-delay:.08s}.hx h1 .ln:nth-child(5){animation-delay:.32s}.hx h1 .ln:nth-child(3){animation-delay:.16s}.hx h1 .ln:nth-child(4){animation-delay:.24s}
.hx h1 em{font-style:normal;color:var(--mag);}
.hx-sub{font-size:clamp(17px,1.5vw,20px);line-height:1.6;font-weight:400;color:var(--ink);max-width:470px;margin:0 0 34px;}
.hx-act{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;}
.hx-note{font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--ink);}
.hx-note b{color:var(--ink);font-weight:800;box-shadow:inset 0 -4px 0 var(--mag);}
.hx-bar{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--rainbow);z-index:3;}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

@media(max-width:860px){
  .hx{display:block;min-height:0;}
  .hx-photo{position:relative;height:62vw;max-height:460px;}
  .hx-photo img{object-position:86% 18%;}
  .hx-photo::after{background:linear-gradient(180deg,rgba(251,249,244,0) 60%,rgba(251,249,244,1) 100%);}
  .hx .wrap{padding-block:8px 64px;}
}

/* ============ WHAT'S ON THE TABLE: pick, get the truth, get the plan ============ */
.tbl{background:var(--black);color:var(--on-dark);padding:clamp(72px,9vw,120px) 0;}
.tbl-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start;}
.tbl h2{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;
  font-size:clamp(34px,4.4vw,58px);color:#fff;margin:0 0 20px;}
.tbl h2 span{color:var(--gold);}
.tbl-intro{font-size:17px;line-height:1.7;color:var(--on-dark);max-width:420px;margin:0 0 30px;}
.chips{display:flex;flex-direction:column;gap:10px;}
.chip{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;border:1px solid rgba(255,255,255,.22);font-family:var(--display);font-weight:700;font-size:16px;
  letter-spacing:.01em;color:#fff;transition:background .18s,border-color .18s,color .18s;min-height:56px;}
.chip .n{font-weight:600;font-size:13px;letter-spacing:.14em;color:var(--gold);flex:none;}
.chip:hover{border-color:#fff;}
.chip[aria-pressed="true"]{background:#fff;color:var(--black);border-color:#fff;}
.chip[aria-pressed="true"] .n{color:var(--black);}
.chip:focus-visible{outline:3px solid var(--mag);outline-offset:3px;}

.answer{background:var(--warm);color:var(--ink);padding:clamp(28px,4vw,52px);position:relative;}
.answer::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--rainbow);}
.a-q{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(24px,2.6vw,34px);line-height:1;letter-spacing:-.01em;margin:6px 0 30px;}
.a-row{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:20px 0;border-top:1px solid rgba(20,18,16,.14);}
.a-k{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding-top:4px;}
.a-k.t{color:var(--ink);} .a-k.p{color:var(--ink);}
.a-k.t::after,.a-k.p::after{content:"";display:block;width:22px;height:3px;margin-top:10px;}
.a-k.t::after{background:var(--mag);} .a-k.p::after{background:var(--ink);}
.a-v{font-size:18px;line-height:1.6;font-weight:400;margin:0;}
.a-go{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;}
.a-fine{font-size:16px;line-height:1.5;color:var(--ink);font-weight:400;max-width:300px;}
.answer.swap .a-q,.answer.swap .a-v{animation:fade .35s ease both;}
@keyframes fade{from{opacity:.2}to{opacity:1}}
@media(max-width:900px){.tbl-grid{grid-template-columns:1fr}.a-row{grid-template-columns:1fr;gap:6px}}

/* ============ I'M HILARY ============ */
.me{background:var(--bone);padding:clamp(72px,9vw,128px) 0;}
.me-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,6vw,96px);align-items:center;}
.me-photo{position:relative;}
.me-photo img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:50% 20%;}
.me-photo::after{content:"";position:absolute;left:-14px;bottom:-14px;width:44%;height:44%;border-left:6px solid var(--mag);border-bottom:6px solid var(--mag);pointer-events:none;}
.me h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(56px,8vw,120px);line-height:.86;letter-spacing:-.035em;margin:0 0 30px;}
.me h2 small{display:block;font-size:.26em;letter-spacing:.24em;font-weight:700;margin-bottom:14px;}
.me p.body{font-size:18px;line-height:1.75;font-weight:400;max-width:560px;margin:0 0 18px;}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 34px;border-top:3px solid var(--ink);}
.stat{padding:22px 20px 6px 0;}
.stat+.stat{padding-left:20px;border-left:1px solid rgba(20,18,16,.18);}
.stat b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(26px,2.8vw,36px);line-height:1;letter-spacing:-.02em;margin-bottom:10px;}
.stat span{display:block;font-size:16px;line-height:1.45;font-weight:400;}
@media(max-width:860px){.me-grid{grid-template-columns:1fr}.me-photo{max-width:440px}.stats{grid-template-columns:1fr}.stat+.stat{padding-left:0;border-left:0;border-top:1px solid rgba(20,18,16,.18)}}

/* ============ PRESS ============ */
.px{background:var(--ink);padding:44px 0;}
.px .wrap{display:flex;align-items:center;gap:28px 48px;flex-wrap:wrap;justify-content:center;}
.px .lbl{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);}
.px img{height:40px;width:auto;}
.px .wrap{gap:24px 36px;}

/* ============ DEEP DIVE ============ */
.dd{background:var(--warm);padding:clamp(72px,9vw,128px) 0;}
.dd-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(36px,6vw,96px);align-items:center;}
.dd h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(36px,4.8vw,64px);line-height:.92;letter-spacing:-.025em;margin:0 0 24px;}
.dd .lead2{font-size:18px;line-height:1.75;font-weight:400;max-width:540px;margin:0 0 28px;}
.dd ul{list-style:none;padding:0;margin:0 0 34px;display:grid;gap:12px;max-width:520px;}
.dd li{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:17px;line-height:1.55;font-weight:400;}
.dd li::before{content:"";width:14px;height:14px;margin-top:6px;background:var(--mag);}
.dd-photo{position:relative;}
.dd-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;}
.dd-quote{background:var(--black);color:#fff;padding:26px 28px;margin:-70px 0 0 -40px;position:relative;max-width:420px;}
.dd-quote p{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(18px,1.7vw,22px);line-height:1.15;margin:0 0 12px;}
.dd-quote cite{font-style:normal;font-size:16px;color:var(--on-dark);}
@media(max-width:860px){.dd-grid{grid-template-columns:1fr}.dd-quote{margin:-50px 0 0 16px}}

/* ============ PODCAST ============ */
.pod2{background:var(--black);color:var(--on-dark);padding:clamp(72px,9vw,120px) 0 clamp(56px,7vw,96px);}
.pod2-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,72px);align-items:center;margin-bottom:56px;}
.pod2 h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(36px,4.8vw,64px);line-height:.92;letter-spacing:-.025em;color:#fff;margin:0 0 22px;}
.pod2 h2 span{color:var(--gold);}
.pod2 p.d{font-size:17px;line-height:1.7;max-width:480px;margin:0 0 28px;}
.listen2{display:flex;flex-wrap:wrap;gap:12px;}
.listen2 a{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.4);color:#fff;padding:14px 20px;min-height:48px;
  font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;}
.listen2 a:hover{background:#fff;color:var(--black);}
.listen2 svg{width:16px;height:16px;fill:currentColor;}
.set{position:relative;}
.set img.bg{width:100%;aspect-ratio:16/11;object-fit:cover;}
.set img.lg{position:absolute;left:24px;bottom:24px;width:min(46%,240px);background:rgba(12,11,10,.72);padding:14px;}
.guests{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.guest{display:block;color:#fff;}
.guest img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 20%;background:#1d1a18;filter:grayscale(1);transition:filter .25s;}
.guest:hover img{filter:none;}
.guest b{display:block;font-family:var(--display);font-weight:700;font-size:16px;margin:12px 0 4px;line-height:1.25;}
.guest span{display:block;font-size:16px;line-height:1.4;color:var(--on-dark);}
@media(max-width:1000px){.pod2-top{grid-template-columns:1fr}.guests{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.guests{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============ GRID ============ */
.gx{background:var(--warm);padding:clamp(64px,8vw,104px) 0;}
.gx-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:30px;}
.gx h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(30px,3.6vw,46px);line-height:.95;letter-spacing:-.02em;margin:0;}
.gx-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gx-row a{display:block;overflow:hidden;}
.gx-row img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .5s;}
.gx-row a:hover img{transform:scale(1.04);}
@media(max-width:760px){.gx-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============ CLOSE ============ */
.cx{background:var(--black);color:var(--on-dark);text-align:center;padding:clamp(80px,10vw,136px) 0;}
.cx .sig{width:220px;height:auto;margin:0 auto 18px;}
.cx h2{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(40px,6vw,84px);line-height:.9;letter-spacing:-.03em;color:#fff;margin:0 0 22px;}
.cx p{font-size:18px;line-height:1.7;max-width:520px;margin:0 auto 34px;}
.cx .creed2{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:30px auto 0;}
.cx .eyebrow{justify-content:center;}
.cx .eyebrow::before{display:none;}
.answer .eyebrow{color:var(--ink);}

/* footer readability: no gray on dark, nothing under 12px */
.foot a,.foot p{color:var(--on-dark);font-size:16px;}
.foot a:hover{color:#fff;}
.foot h4{font-size:13px;}
.foot .tag{font-size:13px;}
.foot .bottom{font-size:13px;color:var(--on-dark);}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
}

@media(max-width:560px){
  .btn{white-space:normal;text-align:center;justify-content:center;width:100%;}
  .tbl-grid>*{min-width:0;}
}

.nav .menu a,.nav .menu a.navcta{font-size:13px;}
.nav .burger{min-width:44px;min-height:44px;align-items:center;justify-content:center;}
.foot .soc{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.link-g{font-size:13px;padding:14px 0 6px;}
.foot h2{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.14em;color:var(--gold);margin:0 0 18px;line-height:1.2;}

/* ============ THE INTENSIVE: three levels ============ */
.lv{display:grid;gap:12px;max-width:560px;margin-top:8px;}
.lv-card{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto;gap:6px 20px;align-items:start;
  padding:20px 22px;border:1px solid rgba(20,18,16,.22);background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s;}
.lv-card:hover{border-color:var(--ink);box-shadow:inset 6px 0 0 var(--mag);}
.lv-t{grid-row:1 / span 2;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:22px;line-height:1;letter-spacing:-.01em;}
.lv-d{font-size:16px;line-height:1.55;font-weight:400;}
.lv-go{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 -3px 0 var(--mag);justify-self:start;padding-bottom:2px;}
@media(max-width:560px){.lv-card{grid-template-columns:1fr}.lv-t{grid-row:auto}}

/* ============ HERO v3: cutout, big and bold (9/29) ============ */
.hx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;min-height:min(calc(100vh - 90px),800px);background:var(--warm);overflow:hidden;position:relative;}
.hx .wrap{grid-column:1;grid-row:1;align-self:center;max-width:none;margin:0;padding:48px clamp(24px,3vw,48px) 60px max(var(--gut),calc((100vw - var(--maxw))/2 + 40px));position:relative;z-index:2;}
.hx h1{font-size:clamp(40px,4.4vw,72px);margin-bottom:22px;}
@media(min-width:861px){.hx h1 .ln{white-space:nowrap}}
.hx-sub{margin-bottom:28px;}
.hx-stage{grid-column:2;grid-row:1;position:relative;min-height:100%;margin-right:max(0px,calc((100vw - var(--maxw))/2 - 20px));}
.hx-arch{position:absolute;left:5%;right:5%;bottom:0;height:82%;background:var(--arch,var(--mag));border-radius:999px 999px 0 0;}
.hx-stage img{position:absolute;left:50%;top:5%;height:152%;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 10px 18px rgba(12,11,10,.12));}
@media(max-width:860px){
  .hx{display:flex;flex-direction:column;min-height:0;}
  .hx-stage{order:-1;height:min(82vw,340px);min-height:0;overflow:hidden;}
  .hx-arch{left:14%;right:14%;height:86%;}
  .hx-stage img{top:4%;height:205%;transform:translateX(-47%);}
  .hx .wrap{padding:26px var(--gut) 56px;}
  .hx h1{font-size:clamp(34px,9vw,44px);}
}
.hx-arch{display:none}
@media(max-width:860px){.hx-stage{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%);}}
.pod2-top{grid-template-columns:1fr;max-width:760px;}
@media(max-width:860px){.dd-quote{margin:-40px 16px 0 16px;max-width:none}}

/* PINK DIET 9/29 */
.hx-note b{box-shadow:inset 0 -4px 0 var(--gold);}
.a-k.t::after{background:var(--gold);}
.me-photo::after{border-color:var(--gold);}
.dd li::before{background:var(--ink);}
.lv-card:hover{box-shadow:inset 6px 0 0 var(--ink);}
.lv-go{box-shadow:inset 0 -3px 0 var(--gold);}
.me .link-g{margin-top:28px;display:inline-block;}