@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Nunito:wght@400;500;600;700;800&family=Caveat:wght@500;600;700&display=swap');
/* ============================================================
   THE HABITUAL HOST · page-host
   Scoped under #page-host. Prefix hh- avoids the global
   [class*="hero|eyebrow|-card|-tile|tag|badge|metric|search-|
   progress-|footer|-fill|stat-|pill|-input|-section|mood-"]
   !important wildcard rules.
   ============================================================ */
#page-host{
  --hh-navy:#243447; --hh-ink:#3d4230; --hh-muted:#7a7568;
  --hh-white:#FFFDFA; --hh-cream:#FBF6EC;
  --hh-sage:#7d9e77; --hh-sage-deep:#5E7E57; --hh-sage-tint:#EAF1E4;
  --hh-peach:#E8A87C; --hh-peach-tint:#FBE6D6;
  --hh-terra:#C6764F; --hh-terra-deep:#AE6039; --hh-terra-tint:#F6E7DD;
  --hh-butter:#E9C566; --hh-butter-tint:#FAF0D0; --hh-gold:#CF9E3F;
  --hh-line:#EAE2D4;
  --hh-shadow:0 14px 34px rgba(61,66,48,.11); --hh-shadow-sm:0 6px 16px rgba(61,66,48,.08);
  --hh-r:20px; --hh-r-lg:28px;
  color:var(--hh-ink); font-family:'Nunito',system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased;
}
#page-host *{box-sizing:border-box}

#page-host .hh-sec{padding:60px 20px}
#page-host .hh-wrap{max-width:1120px;margin:0 auto}
#page-host .hh-sec--white{background:var(--hh-white)}
#page-host .hh-sec--cream{background:var(--hh-cream)}
#page-host .hh-sec--sage{background:var(--hh-sage-tint)}
#page-host .hh-sec--peach{background:var(--hh-peach-tint)}
#page-host .hh-sec--butter{background:var(--hh-butter-tint)}
#page-host .hh-sec--deep{background:linear-gradient(150deg,#31465F 0%,#243447 70%)}

#page-host .hh-eb{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--hh-terra);margin:0 0 13px}
#page-host .hh-eb svg{width:16px;height:16px}
#page-host .hh-eb--sage{color:var(--hh-sage-deep)}
#page-host .hh-eb--light{color:var(--hh-butter)}
#page-host h2.hh-h{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.14;margin:0 0 12px;color:var(--hh-navy)}
#page-host .hh-lead{font-size:1.04rem;color:var(--hh-muted);max-width:64ch;margin:0 0 28px}
#page-host .hh-h--light{color:#fff !important;-webkit-text-fill-color:#fff !important}
#page-host .hh-lead--light{color:rgba(255,255,255,.85)}

/* HERO — illustrated image header (text is baked into the artwork) */
#page-host .hh-top{position:relative;overflow:hidden;background:#F8F3EF}
#page-host .hh-top__img{position:relative;width:100%;line-height:0}
#page-host .hh-top__img img{width:100%;height:auto;display:block}
/* Back button — dark-on-light so it reads on the cream artwork */
#page-host .hh-back{
  position:absolute;top:18px;left:18px;z-index:3;
  display:inline-flex;align-items:center;gap:7px;line-height:1;
  background:rgba(255,255,255,.88);border:1px solid rgba(36,52,71,.16);color:var(--hh-navy);
  border-radius:999px;padding:9px 16px 9px 12px;font:inherit;font-weight:700;font-size:.86rem;
  cursor:pointer;backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(61,66,48,.10)}
#page-host .hh-back svg{width:17px;height:17px}
#page-host .hh-back:hover{background:#fff;border-color:rgba(36,52,71,.3)}
/* CTAs flank the little heart at the bottom centre of the artwork (50% across, 95.3% down).
   The middle spacer clears the heart, which is only ~1.8% of the image width. */
#page-host .hh-top__cta{
  position:absolute;z-index:3;left:50%;top:95.3%;transform:translate(-50%,-50%);
  display:flex;align-items:center;justify-content:center;gap:0;line-height:1.6;white-space:nowrap}
#page-host .hh-top__gap{display:block;width:70px;flex:none}
#page-host .hh-top__cta .hh-btn{box-shadow:0 10px 26px rgba(61,66,48,.22)}
/* Below ~900px the artwork's baked-in text gets small — drop the CTAs into their own
   cream band under the image so they never sit on top of the wording or icon strip. */
@media (max-width:900px){
  #page-host .hh-top__cta{
    position:static;transform:none;left:auto;top:auto;
    background:#F8F3EF;padding:16px 20px 22px;gap:12px;flex-wrap:wrap}
  #page-host .hh-top__gap{display:none}
}
@media (max-width:560px){
  #page-host .hh-top__cta{flex-direction:column;align-items:stretch}
  #page-host .hh-top__cta .hh-btn{justify-content:center}
}

/* buttons */
#page-host .hh-btn{display:inline-flex;align-items:center;gap:9px;border-radius:999px;font:inherit;font-weight:800;font-size:.98rem;padding:13px 24px;cursor:pointer;border:2px solid transparent;transition:transform .16s,box-shadow .16s,background .16s;text-decoration:none;line-height:1}
#page-host .hh-btn svg{width:18px;height:18px}
#page-host .hh-btn:active{transform:translateY(1px)}
#page-host .hh-btn--terra{background:var(--hh-terra);color:#fff;box-shadow:0 12px 26px rgba(198,118,79,.4)}
#page-host .hh-btn--terra:hover{background:var(--hh-terra-deep);transform:translateY(-2px)}
#page-host .hh-btn--sage{background:var(--hh-sage-deep);color:#fff}
#page-host .hh-btn--sage:hover{background:#4d6a47;transform:translateY(-2px)}
#page-host .hh-btn--glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(6px)}
#page-host .hh-btn--glass:hover{background:rgba(255,255,255,.24)}
#page-host .hh-btn--ghost{background:#fff;color:var(--hh-sage-deep);border-color:var(--hh-line)}
#page-host .hh-btn--ghost:hover{border-color:var(--hh-sage)}
#page-host .hh-btn--sm{padding:9px 16px;font-size:.85rem}
#page-host .hh-btn--big{padding:17px 30px;font-size:1.08rem}

#page-host .hh-perf{height:14px;background:repeating-linear-gradient(90deg,var(--hh-white) 0 16px,transparent 16px 32px)}

/* icon chips */
#page-host .hh-icn{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex:none}
#page-host .hh-icn svg{width:25px;height:25px}
#page-host .hh-icn--sage{background:var(--hh-sage-tint);color:var(--hh-sage-deep)}
#page-host .hh-icn--terra{background:var(--hh-terra-tint);color:var(--hh-terra)}
#page-host .hh-icn--peach{background:var(--hh-peach-tint);color:var(--hh-terra-deep)}
#page-host .hh-icn--butter{background:var(--hh-butter-tint);color:#a97e2b}

#page-host .hh-grid{display:grid;gap:18px}
#page-host .hh-grid--4{grid-template-columns:repeat(4,1fr)}
#page-host .hh-grid--3{grid-template-columns:repeat(3,1fr)}
#page-host .hh-grid--2{grid-template-columns:repeat(2,1fr)}
#page-host .hh-panel{background:#fff;border:1px solid var(--hh-line);border-radius:var(--hh-r-lg);box-shadow:var(--hh-shadow);padding:26px}

/* occasion cards */
#page-host .hh-occ{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
#page-host .hh-occ button{background:#fff;border:1px solid var(--hh-line);border-radius:var(--hh-r);padding:18px 12px;box-shadow:var(--hh-shadow-sm);cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:transform .16s,box-shadow .16s,border-color .16s}
#page-host .hh-occ button:hover{transform:translateY(-4px);box-shadow:var(--hh-shadow);border-color:var(--hh-peach)}
#page-host .hh-occ b{font-weight:700;font-size:.86rem;color:var(--hh-navy)}

/* chips */
#page-host .hh-chips{display:flex;flex-wrap:wrap;gap:8px}
#page-host .hh-chip{font-size:.8rem;font-weight:700;color:var(--hh-sage-deep);background:#fff;border:1.5px solid var(--hh-line);border-radius:999px;padding:7px 14px;cursor:pointer;font-family:inherit;transition:.15s}
#page-host .hh-chip:hover{border-color:var(--hh-sage)}
#page-host .hh-chip.on{background:var(--hh-terra);border-color:var(--hh-terra);color:#fff}

/* counters */
#page-host .hh-count{background:#fff;border:1px solid var(--hh-line);border-radius:16px;padding:14px;text-align:center;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-count b{display:block;font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--hh-terra);line-height:1}
#page-host .hh-count span{font-size:.76rem;color:var(--hh-muted);margin-top:5px;display:block}

/* generic mini panel */
#page-host .hh-mini{background:#fff;border:1px solid var(--hh-line);border-radius:18px;padding:20px;box-shadow:var(--hh-shadow-sm);display:flex;flex-direction:column;gap:11px;height:100%}
#page-host .hh-mini h3{font-size:1rem;font-weight:800;margin:0;color:var(--hh-navy)}
#page-host .hh-mini p{margin:0;font-size:.87rem;color:var(--hh-muted)}
#page-host .hh-mini ul{margin:2px 0 0;padding-left:18px;font-size:.86rem;color:var(--hh-muted);line-height:1.7}
#page-host .hh-mini h3 svg{width:17px;height:17px;vertical-align:-3px;color:var(--hh-sage);margin-right:5px}

/* fields */
#page-host .hh-field label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--hh-muted);margin-bottom:5px}
#page-host .hh-field input,#page-host .hh-field select,#page-host .hh-field textarea{width:100%;border:1.5px solid var(--hh-line);border-radius:12px;padding:10px 13px;font:inherit;font-size:.92rem;color:var(--hh-navy);background:#fff;outline:none}
#page-host .hh-field input:focus,#page-host .hh-field select:focus,#page-host .hh-field textarea:focus{border-color:var(--hh-sage)}
#page-host .hh-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* guest rows */
#page-host .hh-guest{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--hh-line);border-radius:14px;padding:12px 15px;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-guest__av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;flex:none;font-size:.9rem}
#page-host .hh-guest__main{flex:1;min-width:0}
#page-host .hh-guest__main b{color:var(--hh-navy);font-weight:800}
#page-host .hh-guest__main span{display:block;font-size:.8rem;color:var(--hh-muted)}
#page-host .hh-rsvp{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;flex:none}
#page-host .r-yes{background:var(--hh-sage-tint);color:var(--hh-sage-deep)}
#page-host .r-maybe{background:var(--hh-butter-tint);color:#a97e2b}
#page-host .r-no{background:#f0e6e0;color:var(--hh-terra-deep)}

/* checklist */
#page-host .hh-check{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer}
#page-host .hh-check__box{width:24px;height:24px;border-radius:7px;border:2px solid var(--hh-sage);flex:none;display:grid;place-items:center;background:none;cursor:pointer;transition:.15s}
#page-host .hh-check__box svg{width:15px;height:15px;color:#fff;opacity:0;transition:.15s}
#page-host .hh-check.on .hh-check__box{background:var(--hh-sage);border-color:var(--hh-sage)}
#page-host .hh-check.on .hh-check__box svg{opacity:1}
#page-host .hh-check span{font-size:.92rem;color:var(--hh-ink)}
#page-host .hh-check.on span{text-decoration:line-through;color:var(--hh-muted)}
#page-host .hh-checkgroup h3{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--hh-terra);margin:0 0 4px}

/* timeline */
#page-host .hh-timeline{position:relative;padding-left:26px}
#page-host .hh-timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--hh-line)}
#page-host .hh-tl{position:relative;margin-bottom:18px}
#page-host .hh-tl::before{content:"";position:absolute;left:-22px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--hh-terra);border:2px solid #fff;box-shadow:0 0 0 2px var(--hh-terra-tint)}
#page-host .hh-tl h4{margin:0 0 6px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--hh-sage-deep)}
#page-host .hh-tl p{margin:0;font-size:.9rem;color:var(--hh-ink)}

/* shopping groups */
#page-host .hh-shopgrp{background:#fff;border:1px solid var(--hh-line);border-radius:16px;padding:16px 18px;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-shopgrp h4{margin:0 0 8px;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--hh-terra)}
#page-host .hh-shopgrp li{list-style:none;font-size:.9rem;color:var(--hh-ink);padding:5px 0;border-bottom:1px dashed var(--hh-line);display:flex;align-items:center;gap:8px}
#page-host .hh-shopgrp li:last-child{border-bottom:none}
#page-host .hh-shopgrp ul{margin:0;padding:0}
#page-host .hh-shopgrp li svg{width:14px;height:14px;color:var(--hh-sage)}

/* space blocks */
#page-host .hh-blocks{display:flex;flex-wrap:wrap;gap:10px}
#page-host .hh-block{padding:12px 16px;border-radius:14px;font-weight:800;font-size:.85rem;color:#fff;display:flex;align-items:center;gap:8px;cursor:grab;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-block svg{width:16px;height:16px}

/* speak */
#page-host .hh-speak{display:flex;align-items:center;gap:16px;width:100%;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(100deg,var(--hh-sage-deep),#4b6a48);color:#fff;border:none;border-radius:var(--hh-r);padding:18px 22px;box-shadow:var(--hh-shadow);transition:transform .16s}
#page-host .hh-speak:hover{transform:translateY(-2px)}
#page-host .hh-speak__mic{width:48px;height:48px;border-radius:50%;background:var(--hh-terra);display:grid;place-items:center;flex:none;position:relative}
#page-host .hh-speak__mic svg{width:24px;height:24px;color:#fff}
#page-host .hh-speak__mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--hh-terra);opacity:.6;animation:hhpulse 2.2s ease-out infinite}
@keyframes hhpulse{0%{transform:scale(.85);opacity:.7}100%{transform:scale(1.35);opacity:0}}
#page-host .hh-speak__txt small{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hh-butter);margin-bottom:3px}
#page-host .hh-speak__txt span{font-size:1.02rem;font-weight:600}
#page-host .hh-speak__txt em{font-style:normal;color:rgba(255,255,255,.78)}

/* budget */
#page-host .hh-budget__row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed var(--hh-line);font-size:.92rem}
#page-host .hh-budget__row:last-child{border-bottom:none}
#page-host .hh-budget__row b{color:var(--hh-navy)}
#page-host .hh-money{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px}
#page-host .hh-money>div{flex:1;min-width:130px;background:var(--hh-cream);border-radius:14px;padding:14px 16px}
#page-host .hh-money b{display:block;font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--hh-navy);line-height:1}
#page-host .hh-money span{font-size:.76rem;color:var(--hh-muted);text-transform:uppercase;letter-spacing:.05em}
#page-host .hh-money .rem b{color:var(--hh-sage-deep)}

/* progress stages */
#page-host .hh-prog{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
#page-host .hh-step{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--hh-muted);background:#fff;border:1.5px solid var(--hh-line);border-radius:999px;padding:7px 14px}
#page-host .hh-step.done{background:var(--hh-sage-tint);border-color:var(--hh-sage);color:var(--hh-sage-deep)}
#page-host .hh-step .hh-dot{width:9px;height:9px;border-radius:50%;background:var(--hh-line)}
#page-host .hh-step.done .hh-dot{background:var(--hh-sage)}
#page-host .hh-prog__msg{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;color:var(--hh-navy)}

/* dashboard mini gathering */
#page-host .hh-gath{background:#fff;border:1px solid var(--hh-line);border-radius:var(--hh-r);overflow:hidden;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-gath__top{height:70px;display:flex;align-items:center;gap:12px;padding:0 18px;color:#fff}
#page-host .hh-gath__top svg{width:24px;height:24px}
#page-host .hh-gath__top b{font-family:'Playfair Display',serif;font-size:1.08rem}
#page-host .hh-gath__body{padding:15px 18px}
#page-host .hh-gath__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.82rem;color:var(--hh-muted);margin-bottom:10px}
#page-host .hh-gath__meta b{color:var(--hh-navy)}
#page-host .hh-mini-bar{height:7px;border-radius:999px;background:var(--hh-cream);overflow:hidden;margin-bottom:10px}
#page-host .hh-mini-bar i{display:block;height:100%;background:var(--hh-terra);border-radius:999px}

/* around the table */
#page-host .hh-promptcard{background:linear-gradient(150deg,var(--hh-butter-tint),#fff);border:1px solid var(--hh-line);border-radius:var(--hh-r-lg);padding:34px;text-align:center;box-shadow:var(--hh-shadow-sm)}
#page-host .hh-promptcard .q{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,3vw,1.8rem);color:var(--hh-navy);margin:14px 0 0;min-height:2.2em;display:flex;align-items:center;justify-content:center}

/* HOST MODE overlay */
#hhHost{position:fixed;inset:0;z-index:100000;background:linear-gradient(160deg,#243447,#1a2836);color:#fff;display:none;flex-direction:column;padding:22px;overflow-y:auto}
#hhHost.on{display:flex}
#hhHost .hh-hm-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
#hhHost .hh-hm-clock{font-family:'Playfair Display',serif;font-size:clamp(2rem,7vw,3.4rem);font-weight:700;line-height:1}
#hhHost .hh-hm-close{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:10px 18px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
#hhHost .hh-hm-close svg{width:18px;height:18px}
#hhHost .hh-hm-count{font-family:'Caveat',cursive;font-size:1.6rem;color:var(--hh-butter);margin-bottom:18px}
#hhHost .hh-hm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;flex:1}
#hhHost .hh-hm-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--hh-r);padding:20px}
#hhHost .hh-hm-panel h4{margin:0 0 12px;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-butter);display:flex;align-items:center;gap:8px}
#hhHost .hh-hm-panel h4 svg{width:16px;height:16px}
#hhHost .hh-hm-task{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.96rem}
#hhHost .hh-hm-task:last-child{border-bottom:none}
#hhHost .hh-hm-task .n{width:22px;height:22px;border-radius:50%;background:var(--hh-terra);display:grid;place-items:center;font-size:.75rem;font-weight:800;flex:none}
#hhHost .hh-timer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1)}
#hhHost .hh-timer:last-child{border-bottom:none}
#hhHost .hh-timer .d{font-weight:700}
#hhHost .hh-timer .d small{display:block;font-weight:600;font-size:.72rem;color:rgba(255,255,255,.6)}
#hhHost .hh-timer .t{font-family:'Playfair Display',serif;font-size:1.5rem;font-variant-numeric:tabular-nums}
#hhHost .hh-timer.done .t{color:var(--hh-butter)}
#hhHost .hh-hm-note{font-size:.92rem;color:rgba(255,255,255,.85);line-height:1.6}
#hhHost .hh-hm-diet{background:rgba(233,197,102,.16);border-radius:12px;padding:12px 14px;font-size:.9rem;margin-top:8px}
#hhHost .hh-hm-calm{grid-column:1/-1;text-align:center;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.2rem,3vw,1.7rem);color:#fff;padding:14px}
#hhHost .hh-hm-speak{display:inline-flex;align-items:center;gap:10px;background:var(--hh-terra);color:#fff;border:none;border-radius:999px;padding:12px 22px;font:inherit;font-weight:800;cursor:pointer;margin-top:8px}
#hhHost .hh-hm-speak svg{width:18px;height:18px}

/* toast */
#hh-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--hh-navy,#243447);color:#fff;font-weight:700;font-size:.9rem;padding:13px 22px;border-radius:999px;box-shadow:0 16px 40px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.28s;z-index:100001;max-width:88vw;text-align:center}
#hh-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

#page-host .hh-addrow{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
#page-host .hh-note{font-size:.82rem;color:var(--hh-muted);display:flex;align-items:flex-start;gap:8px;margin-top:14px}
#page-host .hh-note svg{width:15px;height:15px;color:var(--hh-sage);flex:none;margin-top:2px}

/* footer */
#page-host .hh-footcta{text-align:center;color:#fff}
#page-host .hh-footcta h2{font-family:'Playfair Display',serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;margin:0 0 10px;color:#fff !important;-webkit-text-fill-color:#fff !important}
#page-host .hh-footcta__line{font-family:'Caveat',cursive;font-size:clamp(1.5rem,3.4vw,2.1rem);color:var(--hh-butter);margin:0 0 28px}
#page-host .hh-footcta__btns{display:flex;flex-wrap:wrap;gap:13px;justify-content:center}
#page-host .hh-brandstrip{background:var(--hh-navy);color:rgba(255,255,255,.55);text-align:center;padding:22px 20px;font-size:.82rem;font-weight:600}
#page-host .hh-brandstrip b{font-family:'Playfair Display',serif;color:#fff;font-weight:700}

#page-host button:focus-visible,#page-host a:focus-visible,#page-host input:focus-visible,#page-host select:focus-visible,#hhHost button:focus-visible{outline:3px solid var(--hh-butter);outline-offset:3px;border-radius:10px}
@media (prefers-reduced-motion:reduce){#page-host *,#hhHost *{animation:none !important;transition:none !important}}

@media (max-width:920px){
  #page-host .hh-grid--4{grid-template-columns:repeat(2,1fr)}
  #page-host .hh-grid--3{grid-template-columns:repeat(2,1fr)}
  #page-host .hh-occ{grid-template-columns:repeat(3,1fr)}
  #page-host .hh-selects{grid-template-columns:1fr 1fr}
  #hhHost .hh-hm-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  #page-host .hh-sec{padding:44px 16px}
  #page-host .hh-grid--4,#page-host .hh-grid--3,#page-host .hh-grid--2{grid-template-columns:1fr}
  #page-host .hh-occ{grid-template-columns:repeat(2,1fr)}
  #page-host .hh-selects{grid-template-columns:1fr}
  #page-host .hh-top__cta,#page-host .hh-footcta__btns{flex-direction:column}
  #page-host .hh-top__cta .hh-btn,#page-host .hh-footcta__btns .hh-btn{justify-content:center}
  #page-host .hh-sticky{position:sticky;bottom:14px;z-index:20}
}