/* ============================================================
   HOUSE SYSTEM, September 2026.
   Steve's properties (Learn Awesome, Ask an Alum) share one look.
   This layer loads AFTER styles.css and brings stevecorney.com onto it:
   navy ink, Poppins + Inter Tight, sentence case, rounded corners,
   softer offset shadows, the sun highlighter, and a fuller palette.
   Existing markup keeps working; only the styling changes.
   ============================================================ */

:root{
  --ink:#0E1A36; --ink-soft:#1F2D52; --ink-mute:#4A5677;
  --paper:#FBF8F1; --paper-2:#EFEADC; --paper-warm:#EFEADC; --paper-deep:#E4DCC6;
  --blue:#2456E6; --blue-text:#2456E6; --blue-bright:#3B6FFF;
  --yellow:#FFD24A; --sun:#FFD24A; --rose:#FF5C5C; --grass:#66D173; --sky:#8FD3FF;
  --display:"Poppins",system-ui,-apple-system,sans-serif;
  --body:"Inter Tight",system-ui,-apple-system,sans-serif;
  --r:14px; --r-sm:10px; --r-pill:999px;
  --shadow:6px 6px 0 var(--ink); --shadow-sm:4px 4px 0 var(--ink);
}

body{font-weight:400;}
p,li{line-height:1.6;}

/* ---- Type: sentence case everywhere, Poppins for display ---- */
h1,h2,h3,h4,.h2,.manifesto,.fbig,.big{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;text-transform:none !important;}
.h2{font-size:clamp(32px,4.2vw,46px);line-height:1.08;}
.phero h1,.hero h1,.manifesto{line-height:1.04;letter-spacing:-0.025em;}
.h1sub{font-family:var(--display);font-weight:700;text-transform:none !important;color:var(--ink-soft);letter-spacing:-0.01em;}
.lead,.sub,.oneline{font-size:18px;line-height:1.62;color:var(--ink-soft);font-weight:400;}
.dark .lead,.dark .sub,.sec.dark p,.closer p{color:rgba(251,248,241,.8);}

/* kickers and eyebrows keep their small-caps, everything else drops it */
.kick,.eyebrow,.tag,.tmeta span,.taglist span,.move,.pgtag,.wmeta,.talk-fits b,.mono,.receipt,
.fcol h3,.tb-go,.banner-row,.proof,.dlab,
.sn,.gn,.mn,.rn,.bn,.hn,.wn,.fk,.flow-num,.mnum,.mlabel,.st-stamp,.slot,.sig
  {text-transform:uppercase;font-family:var(--display);}
.kick,.eyebrow{font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--ink-mute);}
.sec .kick{color:var(--ink-mute);}
.dark .kick,.sec.dark .kick{color:rgba(251,248,241,.6);}

/* the highlighter: a sun marker, the Learn Awesome / Ask an Alum device */
.box,.manifesto .box,.phero h1 .box,.hero h1 .box,h1 .box,h2 .box{
  background:var(--sun) !important;color:var(--ink) !important;border:0 !important;
  box-shadow:none !important;border-radius:4px;padding:0 .14em .04em !important;
  transform:rotate(-0.6deg) !important;display:inline-block;}
.idline i,.sigline i,.vow p i,.big i{background:var(--sun);color:var(--ink);border-radius:4px;padding:0 .14em;box-shadow:none;transform:rotate(-0.6deg);display:inline-block;}

/* ---- Buttons ---- */
.btn{border-radius:12px;border:2.5px solid var(--ink);font-weight:700;font-size:15px;letter-spacing:0;
  padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm);
  transition:transform .12s ease,box-shadow .12s ease;}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);}
.btn-primary{background:var(--blue);color:var(--paper);}
.btn-ghost{background:var(--paper);color:var(--ink);}
.btn-light{background:var(--sun);color:var(--ink);}

/* ---- Surfaces: round the corners, soften the shadows ---- */
.card,.panel,.goal,.door,.realm,.what,.why,.fit,.step,.get,.st,.mode,.prog,.planet,.person,
.quest,.vb,.dgrp,.invc,.bring,.host,.fbq,.tri,.way,.wk,.pass,.mo,.offer,.m-card,.embedslot,
.phero-media,.split-media,.lane-media,.card-media,.ftile,.vtile,.ep.has-thumb,.price,.spec,
.mini2x2 .mq,.matrix .q,.mdetail,.bookwrap,.talk-panel .talk-in,.five,.tape13
  {border-radius:var(--r);}
.card,.goal,.door,.what,.why,.fit,.invc,.tri,.way,.pass,.quest,.vb,.prog,.planet,.person,.mo,.fbq
  {box-shadow:var(--shadow-sm);}
.card:hover,.tri:hover,.pass:hover,.prog:hover,.vb:hover,.mo:hover,.planet:hover
  {transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);}
img,.phero-media img,.split-media img,.cutout img{border-radius:0;}
.phero-media,.split-media,.lane-media,.card-media,.ft-thumb,.epthumb{overflow:hidden;}
.matrix .q{border-width:2.5px;}
.q.rock{background:var(--sun);color:var(--ink);}
.matrix .q.rock,.matrix .q.rock .lab,.matrix .q.rock p,.matrix .q.rock h3{color:var(--ink);}
.q.ego{background:var(--paper);}
.q.choice{background:var(--ink);color:var(--paper);}
.q.happy{background:var(--sky);color:var(--ink);}
.mq-rock{background:var(--sun)!important;color:var(--ink)!important;}
.mq-choice{background:var(--ink)!important;color:var(--paper)!important;}
.mq-happy{background:var(--sky)!important;color:var(--ink)!important;}

/* chips and pills */
.chip,.tag,.tmeta span,.taglist span,.tags span,.move,.pgtag,.thr span,.mmoves span
  {border-radius:var(--r-pill);border:2px solid var(--ink);box-shadow:none;padding:7px 13px;font-size:12px;letter-spacing:.06em;}
.chip:hover,.tags span:hover{background:var(--sun);}

/* ---- Nav: navy bar, like the other properties ---- */
header#site-nav,header{background:var(--ink);border-bottom:0;}
#site-nav .nav{height:66px;}
.brand{color:var(--paper);font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-0.01em;text-transform:none;}
.brand b{color:var(--sun);}
.navmenu>a,.navlink{color:var(--paper);font-weight:600;font-size:14px;letter-spacing:0;text-transform:none;}
.navmenu>a:hover,.navlink:hover,.navmenu a.active,.navlink.active{color:var(--sun);}
.navmenu .book,.book{background:var(--blue);color:var(--paper);border:2.5px solid var(--blue);border-radius:12px;box-shadow:none;
  font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none !important;
  padding:11px 22px;line-height:1.1;display:inline-flex;align-items:center;}
.navmenu .book:hover{background:var(--blue-bright);border-color:var(--blue-bright);}
.dropdown{border-radius:var(--r);border:2.5px solid var(--ink);box-shadow:8px 8px 0 rgba(14,26,54,.35);}
.dropdown a{border-radius:var(--r-sm);text-transform:none;font-weight:600;letter-spacing:0;font-size:13.5px;}
.navtoggle{border-radius:var(--r-sm);border-color:var(--paper);background:transparent;box-shadow:none;}
.navtoggle span{background:var(--paper);}
@media(max-width:860px){
  .navmenu{background:var(--ink);border-bottom:0;}
  .navmenu>a,.navlink{color:var(--paper);border-bottom-color:rgba(251,248,241,.14);}
  .dropdown a{color:var(--paper);}
  .dropdown a:hover{background:rgba(251,248,241,.08);}
}

/* ---- Bands ---- */
.banner{background:var(--ink);border-top:0;border-bottom:0;}
.banner-row{font-size:12.5px;letter-spacing:.1em;}
.banner-row .p{color:var(--sun);}
.banner-row .dot{color:var(--sun);}
.sec.tint{background:var(--paper-2);}
.sec.dark,.closer{background:var(--ink);}
.closer{color:var(--paper);}
.closer .h2{color:var(--paper);}
.closer .btn-light{background:var(--sun);color:var(--ink);border-color:var(--ink);}
.proof{border-top:2px dashed var(--line,rgba(14,26,54,.18));font-size:12px;letter-spacing:.1em;color:var(--ink-mute);}
.dark .proof,.sec.dark .proof{border-top-color:rgba(251,248,241,.25);color:rgba(251,248,241,.6);}

/* ---- Footer ---- */
footer#site-footer,#site-footer{background:var(--ink);color:var(--paper);}
.fbig{font-size:23px;letter-spacing:-0.01em;}
.fbig .hi{color:var(--sun);}
.fcol h3{font-size:11px;letter-spacing:.14em;color:rgba(251,248,241,.55);}
.fcol a{font-family:var(--body);font-weight:500;font-size:14px;text-transform:none;letter-spacing:0;}
.fcol a:hover{color:var(--sun);}

/* ---- Substack bar ---- */
.topbar{background:var(--ink);}
.tb-lead{color:var(--paper);font-size:13.5px;letter-spacing:0;text-transform:none;font-weight:700;}
.tb-go{color:var(--sun);border-bottom-color:var(--sun);letter-spacing:.06em;}

/* ---- Talks / accordions ---- */
.talk-t{font-family:var(--display);font-weight:800;text-transform:none !important;letter-spacing:-0.015em;font-size:clamp(19px,2.3vw,26px);}
.talk-btn:hover{background:rgba(36,86,230,.06);}
.talk-x{color:var(--blue);}
.tblock h3{color:var(--blue-text);letter-spacing:.12em;}
.sigwho{color:var(--blue-text);font-family:var(--display);}

/* ---- Forms ---- */
input,textarea,select{border-radius:var(--r-sm);border:2.5px solid var(--ink);font-family:var(--body);}
input:focus,textarea:focus{outline:3px solid var(--blue);outline-offset:2px;}
label{font-family:var(--display);font-weight:600;text-transform:none;letter-spacing:0;}
.chip input+span,.picker .chip{border-radius:var(--r-pill);}
/* form radio chips: the label is only a wrapper, the span is the one pill */
.chips .chip,.chips .chip:hover{border:0;background:none;padding:0;box-shadow:none;border-radius:0;}
.chips{gap:10px;}
.chips .chip span{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:14px;
  letter-spacing:0;text-transform:none;border:2.5px solid var(--ink);border-radius:999px;padding:10px 18px;
  background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;}
.chips .chip span::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);flex:0 0 auto;}
.chips .chip:hover span{background:var(--sun);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);}
.chips .chip input:checked+span{background:var(--blue);color:#fff;}
.chips .chip input:checked+span::before{background:var(--sun);border-color:#fff;box-shadow:inset 0 0 0 2px var(--blue);}
.chips .chip input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px;}

/* ---- Misc trims ---- */
.go,.link{color:var(--blue-text);font-family:var(--display);font-weight:700;font-size:13.5px;letter-spacing:0;text-transform:none !important;}
.btn{text-transform:none !important;letter-spacing:0;}
.navmenu>a,.navlink,.brand,.tb-lead{text-transform:none !important;letter-spacing:0;}
.grain{opacity:.25;}
.beam::before{background:conic-gradient(from 195deg at 100% 0%,transparent 0deg,rgba(255,210,74,.26) 12deg,rgba(255,210,74,.10) 30deg,transparent 46deg);}
.vlightbox-frame{border-radius:var(--r);border-color:var(--paper);}
.vlightbox-close{border-color:var(--paper);background:var(--ink);}
.embedslot{border-style:dashed;border-width:2.5px;}

/* ============================================================
   RICH COMPONENTS, shared so every page gets homepage treatment
   ============================================================ */

/* torn-tape eyebrow */
.tape{display:inline-block;background:var(--sun);color:var(--ink);font-family:var(--display);font-weight:700;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;transform:rotate(-2deg);
  clip-path:polygon(0% 8%,3% 0%,97% 4%,100% 12%,98% 92%,95% 100%,2% 96%,0% 88%);margin-bottom:18px;}

/* rotated sticker */
.stick{position:absolute;top:-16px;right:-12px;background:var(--rose);border:2.5px solid var(--ink);
  border-radius:999px;padding:8px 14px;font-family:var(--display);font-weight:800;font-size:12px;
  transform:rotate(6deg);box-shadow:3px 3px 0 var(--ink);color:var(--ink);z-index:3;white-space:nowrap;}
.stick.sun{background:var(--sun);} .stick.grass{background:var(--grass);} .stick.sky{background:var(--sky);}

/* hero media frame: image now, video later */
.hframe{position:relative;border-radius:20px;border:2.5px solid var(--ink);background:var(--paper);
  box-shadow:var(--shadow);padding:16px;transform:rotate(1deg);}
.hframe .inner{position:relative;border-radius:14px;border:2.5px solid var(--ink);overflow:hidden;
  aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;background:var(--sun);}
.hframe .inner.sky{background:var(--sky);} .hframe .inner.rose{background:var(--rose);}
.hframe .inner.grass{background:var(--grass);} .hframe .inner.ink{background:var(--ink);}
.hframe .inner.photo{aspect-ratio:4/5;}
.hframe .inner img{width:100%;height:100%;object-fit:cover;}
.hframe .inner.cut img{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(14,26,54,.28));}
.hframe .under{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;}
.hframe .under strong{font-family:var(--display);font-size:14px;}
.hframe .under span{font-size:12px;color:var(--ink-mute);}
.hframe .branches{display:grid;gap:8px;margin-top:12px;}
.hframe .branches a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;
  border:2px solid var(--ink);border-radius:10px;font-family:var(--display);font-weight:600;font-size:13.5px;
  color:var(--ink);background:var(--paper-warm);transition:background .1s ease;}
.hframe .branches a:hover{background:var(--sun);}
.hframe .branches a,.hframe .branches a:hover{text-decoration:none;}
@media(max-width:940px){.hframe{transform:none;max-width:420px;margin:0 auto;}}

/* stat tiles */
.stattiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;}
.stattiles.five{grid-template-columns:repeat(5,1fr);}
.stattiles.three{grid-template-columns:repeat(3,1fr);}
@media(max-width:1000px){.stattiles,.stattiles.five,.stattiles.three{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.stattiles,.stattiles.five,.stattiles.three{grid-template-columns:1fr;}}
.stattile{border:2.5px solid var(--ink);border-radius:16px;padding:22px 20px;box-shadow:var(--shadow-sm);
  background:var(--paper);transition:transform .12s ease,box-shadow .12s ease;}
.stattile:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:8px 8px 0 var(--ink);}
/* emoji badge in the corner of a stat tile (Steve, 8 Oct 2026) */
.stattile{position:relative;}
.stattile .ico,.stat .ico{position:absolute;top:-14px;right:12px;width:42px;height:42px;border-radius:50%;border:2.5px solid var(--ink);
  background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;
  box-shadow:2px 2px 0 var(--ink);transform:rotate(8deg);transition:transform .15s ease;}
.stattile:hover .ico,.stat:hover .ico{transform:rotate(-6deg) scale(1.1);}
.stattile .n{padding-right:34px;}
.stattile .n{font-family:var(--display);font-weight:900;font-size:clamp(24px,2.8vw,34px);line-height:1;letter-spacing:-.03em;}
.stattile .l{font-size:13.5px;line-height:1.4;margin-top:8px;color:var(--ink-soft);}
.stattile.sun{background:var(--sun);} .stattile.sky{background:var(--sky);}
.stattile.rose{background:var(--rose);} .stattile.grass{background:var(--grass);}
.stattile.warm{background:var(--paper-warm);}
.stattile.ink{background:var(--ink);} .stattile.ink .n{color:var(--sun);} .stattile.ink .l{color:rgba(251,248,241,.8);}

/* photo mosaic */
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;gap:18px;margin-top:40px;}
@media(max-width:1100px){.mosaic{grid-auto-rows:150px;gap:14px;}}
@media(max-width:900px){.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;}}
@media(max-width:560px){.mosaic{grid-template-columns:1fr;grid-auto-rows:190px;}
  .mo.big,.mo.wide{grid-column:span 1;}.mo.big{grid-row:span 1;}}
.mo{position:relative;border-radius:16px;border:2.5px solid var(--ink);overflow:hidden;box-shadow:var(--shadow-sm);
  background:var(--ink-soft);display:block;transition:transform .14s ease,box-shadow .14s ease;}
.dark .mo,.sec.dark .mo{border-color:var(--paper);}
.mo:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--sun);z-index:2;}
.mo img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;}
.mo:hover img{transform:scale(1.04);}
.mo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;
  background:linear-gradient(transparent,rgba(14,26,54,.55));pointer-events:none;}
.mo.slot::after{display:none;}
.mo.big{grid-column:span 2;grid-row:span 2;} .mo.wide{grid-column:span 2;} .mo.tall{grid-row:span 2;}
.mo .cap{position:absolute;z-index:2;left:12px;bottom:12px;font-family:var(--display);font-weight:800;font-size:11.5px;
  letter-spacing:.08em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2px solid var(--ink);
  border-radius:999px;padding:5px 11px;}
.mo .play{position:absolute;z-index:2;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;background:var(--sun);
  border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 rgba(0,0,0,.4);}
.mo .play i{border-left:17px solid var(--ink);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:5px;}
.mo.slot{background:transparent;border-style:dashed;box-shadow:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;}
.mo.slot span{font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;color:var(--ink-mute);}
.dark .mo.slot span,.sec.dark .mo.slot span{color:rgba(251,248,241,.7);}

/* chip row */
.chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chiprow a{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:13px;
  padding:9px 14px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);
  transition:transform .1s ease,background .1s ease;}
.chiprow a:hover{background:var(--sun);transform:translateY(-1px);}
.chiprow a .d{width:8px;height:8px;border-radius:50%;background:var(--blue);}
.chiprow a .d.sun{background:var(--sun);border:1.5px solid var(--ink);}
.chiprow a .d.rose{background:var(--rose);} .chiprow a .d.grass{background:var(--grass);}

/* logo marquee */
.lmq{padding:0;background:var(--paper-warm);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.lmq .bar{display:grid;grid-template-columns:auto 1fr;align-items:stretch;}
.lmq .lbl{display:flex;align-items:center;padding:22px 28px;border-right:2.5px solid var(--ink);background:var(--sun);
  font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;}
.lmq .mq{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.lmq .track{display:flex;gap:14px;width:max-content;animation:lmqscroll 55s linear infinite;padding:16px 0;align-items:center;}
.lmq:hover .track{animation-play-state:paused;}
.lmq .lg{display:inline-flex;align-items:center;justify-content:center;height:64px;padding:0 26px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);}
.lmq .lg img{height:30px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85;transition:filter .2s,opacity .2s;}
.lmq .lg:hover img{filter:none;opacity:1;}
@keyframes lmqscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.lmq .track{animation:none;flex-wrap:wrap;width:auto;}}
@media(max-width:700px){.lmq .lbl{display:none;}.lmq .bar{grid-template-columns:1fr;}}

/* coloured feature cards */
.featcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
@media(max-width:900px){.featcards{grid-template-columns:1fr;}}
.feat{border-radius:18px;border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);background:var(--paper);
  padding:26px;display:flex;flex-direction:column;gap:12px;color:var(--ink);transition:transform .12s,box-shadow .12s;}
.feat:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);}
.feat .orb{width:52px;height:52px;border-radius:14px;border:2.5px solid var(--ink);display:flex;align-items:center;
  justify-content:center;box-shadow:3px 3px 0 var(--ink);font-family:var(--display);font-weight:900;font-size:19px;background:var(--paper-warm);}
.feat .orb.sun{background:var(--sun);} .feat .orb.sky{background:var(--sky);}
.feat .orb.rose{background:var(--rose);} .feat .orb.grass{background:var(--grass);}
.feat h3{font-size:21px;} .feat p{font-size:14.5px;color:var(--ink-soft);flex-grow:1;}
.feat .link{font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--blue);}

/* ============================================================
   TALK CARDS: a booker has to be able to scan this in seconds
   ============================================================ */
.talks{border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.talk{border-bottom:2.5px solid var(--ink);}
.talk:last-child{border-bottom:0;}
.talk-btn{padding:26px 8px;align-items:center;border-radius:0;}
.talk-btn:hover{background:rgba(36,86,230,.05);}
.talk-t{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,27px);line-height:1.08;letter-spacing:-.02em;}
.talk-line{font-family:var(--body);font-weight:400;font-size:15.5px;line-height:1.55;color:var(--ink-soft);margin-top:8px;max-width:64ch;}
.talk-fits{display:inline-flex;align-items:baseline;gap:8px;margin-top:12px;background:var(--paper-warm);
  border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--ink);}
.talk-fits b{font-family:var(--display);font-weight:800;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-text);}
.talk-x{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--ink);background:var(--sun);
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);padding:0;}
.talk-btn[aria-expanded="true"] .talk-x{background:var(--ink);color:var(--sun);}

/* the open panel: three cards, no dead column */
.talk-panel.open{max-height:1800px;}
.talk-in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:4px 8px 30px;align-items:stretch;}
@media(max-width:980px){.talk-in{grid-template-columns:1fr 1fr;}}
@media(max-width:700px){.talk-in{grid-template-columns:1fr;}}
.talk-in > .tblock{background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;padding:20px 20px 22px;
  box-shadow:var(--shadow-sm);grid-column:auto !important;display:flex;flex-direction:column;}
.talk-in > .tblock:nth-child(1){border-top:7px solid var(--sun);}
.talk-in > .tblock:nth-child(2){border-top:7px solid var(--sky);}
.talk-in > .tblock:nth-child(3){border-top:7px solid var(--rose);}
.talk-in > .tblock:nth-child(4){border-top:7px solid var(--grass);}
.tblock h3{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--ink-mute);margin:0 0 10px;}
.tblock p{font-size:14.5px;line-height:1.58;color:var(--ink-soft);}
.tblock ul{margin:0;padding:0;list-style:none;}
.tblock li{position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin-bottom:9px;}
.tblock li::before{content:"";position:absolute;left:0;top:7px;width:10px;height:10px;border-radius:3px;
  border:2px solid var(--ink);background:var(--sun);}
.tblock p.mantra{font-family:var(--display);font-weight:700;font-size:15.5px;line-height:1.4;color:var(--ink);
  border-left:0;background:var(--paper-warm);border-radius:10px;padding:14px 16px;margin:0 0 12px;}
.tmeta{grid-column:1/-1 !important;display:flex;flex-wrap:wrap;gap:9px;margin-top:4px;}
.tmeta span{background:var(--paper-warm);border:2px solid var(--ink);border-radius:999px;font-size:12px;
  letter-spacing:.04em;text-transform:none;font-family:var(--display);font-weight:600;padding:8px 14px;}

/* signature talk cards: layout lives in speaking.html (full-width rows) */
.sigmore .talk-in{grid-template-columns:1fr;padding:14px 0 0;}
.talk-fits{align-self:flex-start;width:auto;max-width:100%;}
.talk-btn > span:first-child{display:flex;flex-direction:column;align-items:flex-start;}
.talk-btn{width:100%;background:transparent;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;
  display:grid;grid-template-columns:1fr auto;gap:clamp(14px,2.4vw,28px);align-items:center;
  padding:26px 8px;transition:background .14s ease;}
.talk-btn:focus-visible{outline:3px solid var(--blue);outline-offset:-3px;}
.talk-panel{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.2,.8,.2,1);}
/* only cut-outs stand in a portrait frame. A photo keeps its own shape so
   nothing lands cropped through the subject. */
.hframe .inner:not(.cut){aspect-ratio:auto;display:block;}
.hframe .inner:not(.cut) img{width:100%;height:auto;object-fit:contain;display:block;}

/* ---- mega dropdowns ---- */
.dropdown.mega{width:min(620px,92vw);padding:18px;display:none;grid-template-columns:1fr 1fr;gap:6px;
  background:var(--paper);border:2.5px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 rgba(14,26,54,.45);}
.navitem:hover .dropdown.mega,.navitem:focus-within .dropdown.mega,.navitem.open .dropdown.mega{display:grid;}
.dropdown.mega .ddttl{grid-column:1/-1;font-family:var(--display);font-weight:800;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);padding:2px 10px 8px;}
.dropdown.mega a{display:flex;gap:12px;align-items:flex-start;padding:12px 10px;border-radius:12px;
  color:var(--ink);background:transparent;white-space:normal;text-transform:none;letter-spacing:0;}
.dropdown.mega a:hover{background:var(--paper-warm);}
.dropdown.mega a.active{background:var(--sun);}
.dropdown.mega .sw{width:34px;height:34px;border-radius:10px;border:2.5px solid var(--ink);flex-shrink:0;
  box-shadow:2px 2px 0 var(--ink);background:var(--paper-warm);}
.dropdown.mega .sw.sun{background:var(--sun);} .dropdown.mega .sw.sky{background:var(--sky);}
.dropdown.mega .sw.rose{background:var(--rose);} .dropdown.mega .sw.grass{background:var(--grass);}
.dropdown.mega .sw.ink{background:var(--ink);}
.dropdown.mega strong{display:block;font-family:var(--display);font-size:13.5px;font-weight:700;line-height:1.2;}
.dropdown.mega em{display:block;font-style:normal;background:none;transform:none;padding:0;font-size:12.5px;
  color:var(--ink-mute);line-height:1.4;margin-top:3px;}
@media(max-width:860px){
  .dropdown.mega{width:auto;grid-template-columns:1fr;border:0;box-shadow:none;background:transparent;padding:2px 0 10px 8px;}
  .dropdown.mega .ddttl{color:rgba(251,248,241,.5);}
  .dropdown.mega a{color:var(--paper);border-bottom:0;}
  .dropdown.mega a:hover{background:rgba(251,248,241,.08);}
  .dropdown.mega em{color:rgba(251,248,241,.6);}
}

/* story: the life-in-numbers strip sits tight under the hero */
.lifeline{padding:0 0 10px;}
.lifeline .stattiles{margin-top:0;}
.splitnar .nm{border-radius:18px;border:2.5px solid var(--ink);box-shadow:8px 8px 0 var(--sun);overflow:hidden;}
.dark .splitnar .nm{box-shadow:8px 8px 0 var(--blue);}
.pull{text-transform:none !important;font-family:var(--display);font-weight:800;font-size:clamp(20px,2.7vw,30px);
  line-height:1.18;letter-spacing:-.02em;max-width:26ch;background:var(--paper-warm);border-left:7px solid var(--sun);
  border-radius:0 14px 14px 0;padding:18px 22px;}
.dark .pull,.sec.dark .pull{background:rgba(251,248,241,.07);border-left-color:var(--sun);color:var(--paper);}
.narrative p{font-size:16.5px;line-height:1.7;color:var(--ink-soft);}
.rdsdef{border:2.5px solid var(--ink);border-radius:16px;padding:22px;background:var(--paper);box-shadow:var(--shadow-sm);}
.rdsdef:nth-child(1){border-top:8px solid var(--sun);}
.rdsdef:nth-child(2){border-top:8px solid var(--sky);}
.rdsdef:nth-child(3){border-top:8px solid var(--grass);}
.chiprow a{text-decoration:none;}
.narrative{margin-top:20px;}
.splitnar .narrative{margin-top:18px;}
.sec .h2 + .narrative,.sec .h2 + .lead{margin-top:20px;}
.splitnar .nm{background:var(--paper-warm);}

/* ============================================================
   SPACING RHYTHM + real cards
   Rule-only components were getting a border-radius, which drew a
   floating curved hairline instead of a card. They are cards now.
   ============================================================ */

/* one vertical scale for the whole site */
.sec{padding:clamp(60px,7.5vh,92px) 0;}
/* the tiles close the hero with room under them, so they never sit as a
   thin light strip butted against a dark section that follows */
.statband{padding:44px 0 clamp(48px,6vh,72px);position:relative;}
.statband .stattiles{margin-top:0;}
.statband + .sec:not(.dark){padding-top:clamp(8px,1.5vh,20px);}
main.wrap.phero,main.phero{padding-bottom:clamp(38px,5vh,62px);}
.sec > .wrap > .kick + .h2,.sec > .wrap > .tape + .h2{margin-top:12px;}
.h2 + .lead{margin-top:18px;}
.lead + .lead{margin-top:14px;}

/* cards, not floating curves */
.wk,.mode,.fit,.step,.dp,.rdsdef,.detail,.bring,.host,.what,.get,.why,.st{
  background:var(--paper);border:2.5px solid var(--ink);border-radius:16px;
  padding:24px;box-shadow:var(--shadow-sm);border-top-width:2.5px;}
.sec.tint .wk,.sec.tint .mode,.sec.tint .fit,.sec.tint .step,.sec.tint .dp,.sec.tint .detail{background:var(--paper);}
.dark .wk,.dark .mode,.dark .fit,.dark .step,.dark .dp,.dark .detail,.dark .bring,.dark .host,.dark .get,
.sec.dark .step,.sec.dark .get,.sec.dark .bring,.sec.dark .host{
  background:rgba(251,248,241,.06);border-color:var(--paper);box-shadow:4px 4px 0 var(--blue);}
.dark .wk p,.dark .mode p,.dark .step p,.dark .get p,.dark .bring p,.dark .host p,
.sec.dark .step p,.sec.dark .get p,.sec.dark .bring p,.sec.dark .host p{color:rgba(251,248,241,.8);}
.wk:hover,.mode:hover,.fit:hover,.dp:hover,.detail:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);}
.wk,.mode,.fit,.dp,.detail{transition:transform .12s ease,box-shadow .12s ease;}

/* accent tops so a row of cards reads as a set */
.wk:nth-child(1),.mode:nth-child(1),.fit:nth-child(1),.dp:nth-child(1){border-top:8px solid var(--sun);}
.wk:nth-child(2),.mode:nth-child(2),.fit:nth-child(2),.dp:nth-child(2){border-top:8px solid var(--sky);}
.wk:nth-child(3),.mode:nth-child(3),.fit:nth-child(3),.dp:nth-child(3){border-top:8px solid var(--rose);}
.wk:nth-child(4){border-top:8px solid var(--grass);}

/* the numbered rows on facilitation keep their number but become cards */
.modes{display:grid;gap:18px;margin-top:34px;border-top:0;}
.mode{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;border-bottom:0;padding:24px;}
.mode .mn{font-family:var(--display);font-weight:900;font-size:clamp(26px,3vw,38px);color:var(--blue);line-height:1;}

/* work-with-me detail blocks */
.detail{border-bottom:0;margin-bottom:18px;}
.detail:last-of-type{border-bottom:2.5px solid var(--ink);}
.detail .shapes{margin:20px 0 16px;}
.shape{background:var(--paper-warm);border:2px solid var(--ink);border-radius:12px;padding:16px;border-top:2px solid var(--ink);}

/* steps rows */
.steps{gap:18px;}
.step .sn{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.1em;color:var(--blue);margin-bottom:10px;}

/* ============================================================
   CARD ROWS: no frame around a row of framed cards, and give
   them some life. Slight tilts, straightening on hover.
   ============================================================ */
.ways,.stuck,.hosts,.runs,.outcomes,.shapes3,.trio,.featcards,.works,.whys,.fits,.deeper,.gets,.brings,.modes,.steps,.progs
  {border:0 !important;}

.ways .way,.stuck .st,.hosts .host,.runs .run,.outcomes .oc,.shapes3 .oc,.whys .why,.fits .fit,
.deeper .dp,.brings .bring,.works .wk,.progs .prog
  {border:2.5px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-sm);
   transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease;}

/* a deliberate, repeating wobble rather than a ruler-straight row */
.ways .way:nth-child(4n+1),.stuck .st:nth-child(4n+1),.hosts .host:nth-child(4n+1),
.runs .run:nth-child(4n+1),.outcomes .oc:nth-child(4n+1),.works .wk:nth-child(4n+1){transform:rotate(-0.8deg);}
.ways .way:nth-child(4n+2),.stuck .st:nth-child(4n+2),.hosts .host:nth-child(4n+2),
.runs .run:nth-child(4n+2),.outcomes .oc:nth-child(4n+2),.works .wk:nth-child(4n+2){transform:rotate(0.6deg);}
.ways .way:nth-child(4n+3),.stuck .st:nth-child(4n+3),.hosts .host:nth-child(4n+3),
.runs .run:nth-child(4n+3),.outcomes .oc:nth-child(4n+3),.works .wk:nth-child(4n+3){transform:rotate(-0.45deg);}
.ways .way:nth-child(4n+4),.stuck .st:nth-child(4n+4),.hosts .host:nth-child(4n+4),
.runs .run:nth-child(4n+4),.outcomes .oc:nth-child(4n+4),.works .wk:nth-child(4n+4){transform:rotate(0.9deg);}

/* hover: straighten up, lift, and throw a coloured shadow */
.ways .way:hover,.stuck .st:hover,.hosts .host:hover,.runs .run:hover,.outcomes .oc:hover,
.shapes3 .oc:hover,.whys .why:hover,.fits .fit:hover,.deeper .dp:hover,.brings .bring:hover,
.works .wk:hover,.progs .prog:hover{
  transform:rotate(0deg) translate(-4px,-4px) !important;box-shadow:10px 10px 0 var(--sun);z-index:2;position:relative;}
.sec.dark .runs .run:hover,.sec.dark .outcomes .oc:hover{box-shadow:10px 10px 0 var(--blue);}

@media(prefers-reduced-motion:reduce){
  .ways .way,.stuck .st,.hosts .host,.runs .run,.outcomes .oc,.works .wk{transform:none !important;}
}

/* the accent tops must survive the border reset above */
.works .wk:nth-child(1),.ways .way:nth-child(1),.outcomes .oc:nth-child(1),.shapes3 .oc:nth-child(1),
.runs .run:nth-child(1),.whys .why:nth-child(1),.fits .fit:nth-child(1),.deeper .dp:nth-child(1),
.modes .mode:nth-child(1),.stuck .st:nth-child(1),.hosts .host:nth-child(1),.brings .bring:nth-child(1)
  {border-top:8px solid var(--sun);}
.works .wk:nth-child(2),.ways .way:nth-child(2),.outcomes .oc:nth-child(2),.shapes3 .oc:nth-child(2),
.runs .run:nth-child(2),.whys .why:nth-child(2),.fits .fit:nth-child(2),.deeper .dp:nth-child(2),
.modes .mode:nth-child(2),.stuck .st:nth-child(2),.hosts .host:nth-child(2),.brings .bring:nth-child(2)
  {border-top:8px solid var(--sky);}
.works .wk:nth-child(3),.ways .way:nth-child(3),.outcomes .oc:nth-child(3),.shapes3 .oc:nth-child(3),
.runs .run:nth-child(3),.whys .why:nth-child(3),.fits .fit:nth-child(3),.deeper .dp:nth-child(3),
.modes .mode:nth-child(3),.stuck .st:nth-child(3),.hosts .host:nth-child(3),.brings .bring:nth-child(3)
  {border-top:8px solid var(--rose);}
.works .wk:nth-child(4),.ways .way:nth-child(4),.outcomes .oc:nth-child(4),
.runs .run:nth-child(4),.whys .why:nth-child(4),.stuck .st:nth-child(4),.hosts .host:nth-child(4),.brings .bring:nth-child(4)
  {border-top:8px solid var(--grass);}
.stuck .st:nth-child(5),.hosts .host:nth-child(5){border-top:8px solid var(--sun);}
.stuck .st:nth-child(6),.hosts .host:nth-child(6){border-top:8px solid var(--sky);}

/* ============================================================
   RECEIPTS: audience feedback components
   Source: audience feedback report, 27 Sept 2026. 99 written
   comments across five stages and two online channels.
   ============================================================ */

/* the three words, as a feature block */
.threewords{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,52px);align-items:center;
  border:2.5px solid var(--ink);border-radius:20px;background:var(--paper);padding:clamp(26px,4vw,40px);
  box-shadow:10px 10px 0 var(--sun);margin-top:38px;}
@media(max-width:860px){.threewords{grid-template-columns:1fr;}}
.threewords .words{display:flex;flex-direction:column;gap:6px;}
.threewords .words b{font-family:var(--display);font-weight:900;font-size:clamp(28px,4.4vw,52px);
  line-height:1;letter-spacing:-.03em;}
.threewords .words b:nth-child(1){color:var(--ink);}
.threewords .words b:nth-child(2){color:var(--blue);}
.threewords .words b:nth-child(3){color:var(--ink);}
.threewords p{font-size:15.5px;line-height:1.6;color:var(--ink-soft);margin:0;}
.threewords p b{font-family:var(--display);color:var(--ink);}
.dark .threewords,.sec.dark .threewords{background:rgba(251,248,241,.06);border-color:var(--paper);box-shadow:10px 10px 0 var(--blue);}
.dark .threewords .words b:nth-child(1),.dark .threewords .words b:nth-child(3){color:var(--paper);}
.dark .threewords .words b:nth-child(2){color:var(--sun);}
.dark .threewords p{color:rgba(251,248,241,.8);}

/* quote cards */
/* masonry: each card is as tall as its quote, so a one-liner never sits in a
   box sized for a paragraph. Columns, not grid, so rows don't stretch. */
.quotes{column-count:3;column-gap:20px;margin-top:38px;}
.quotes.two{column-count:2;}
.quotes.four{column-count:4;}
@media(max-width:1000px){.quotes,.quotes.four{column-count:2;}}
@media(max-width:640px){.quotes,.quotes.two,.quotes.four{column-count:1;}}
.qc{border:2.5px solid var(--ink);border-radius:16px;background:var(--paper);padding:22px 22px 20px;
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;
  break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 20px;width:100%;
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease;}
.qc:nth-child(4n+1){transform:rotate(-0.7deg);} .qc:nth-child(4n+2){transform:rotate(0.5deg);}
.qc:nth-child(4n+3){transform:rotate(-0.4deg);} .qc:nth-child(4n+4){transform:rotate(0.8deg);}
.qc:hover{transform:rotate(0deg) translate(-4px,-4px);box-shadow:10px 10px 0 var(--sun);z-index:2;position:relative;}
.qc p{font-family:var(--display);font-weight:700;font-size:clamp(16px,1.7vw,19px);line-height:1.35;
  letter-spacing:-.015em;color:var(--ink);margin:0;}
.qc cite{font-style:normal;font-size:13px;line-height:1.4;color:var(--ink-mute);
  padding-top:10px;border-top:2px dashed rgba(14,26,54,.18);}
.qc cite b{display:block;font-family:var(--display);font-weight:800;font-size:13.5px;color:var(--ink);
  text-transform:none;letter-spacing:0;}
.qc.big p{font-size:clamp(19px,2.3vw,26px);}
.qc.sun{background:var(--sun);} .qc.sky{background:var(--sky);}
.qc.rose{background:var(--rose);} .qc.grass{background:var(--grass);}
.qc.ink{background:var(--ink);} .qc.ink p{color:var(--paper);}
.qc.ink cite{color:rgba(251,248,241,.66);border-top-color:rgba(251,248,241,.28);}
.qc.ink cite b{color:var(--sun);}
.sec.dark .qc{border-color:var(--paper);}
@media(prefers-reduced-motion:reduce){.qc{transform:none !important;}}
/* the big wall of feedback: four across on wide screens, tighter type */
@media(min-width:1101px){.quotes.qwall{column-count:4;}}
.qwall .qc{padding:18px 18px 16px;}
.qwall .qc p{font-size:clamp(15px,1.4vw,17px);}
.qwall .qc.big p{font-size:clamp(18px,1.9vw,22px);}

/* the numbers behind the quotes */
.feedbar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;}
@media(max-width:860px){.feedbar{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.feedbar{grid-template-columns:1fr;}}
.fb-n{border:2.5px solid var(--ink);border-radius:16px;padding:20px;background:var(--paper);box-shadow:var(--shadow-sm);}
.fb-n b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(24px,3vw,34px);line-height:1;letter-spacing:-.03em;}
.fb-n span{display:block;margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--ink-soft);}
.fb-n:nth-child(1){background:var(--sun);} .fb-n:nth-child(2){background:var(--sky);}
.fb-n:nth-child(3){background:var(--rose);} .fb-n:nth-child(4){background:var(--ink);}
.fb-n:nth-child(4) b{color:var(--sun);} .fb-n:nth-child(4) span{color:rgba(251,248,241,.8);}

/* audiences have included people from, never "clients" */
.audstrip{margin-top:34px;border:2.5px dashed var(--ink);border-radius:16px;padding:22px 24px;background:var(--paper-warm);}
.audstrip .al{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-mute);display:block;margin-bottom:12px;}
.audstrip .orgs{display:flex;flex-wrap:wrap;gap:8px;}
.audstrip .orgs span{font-family:var(--display);font-weight:700;font-size:13px;border:2px solid var(--ink);
  border-radius:999px;padding:7px 14px;background:var(--paper);}
.dark .audstrip,.sec.dark .audstrip{background:rgba(251,248,241,.05);border-color:rgba(251,248,241,.4);}
.dark .audstrip .al{color:rgba(251,248,241,.6);}
.dark .audstrip .orgs span{background:transparent;border-color:rgba(251,248,241,.45);color:var(--paper);}
.audstrip .orgs span.more{border-style:dashed;background:transparent;font-style:italic;}

/* ============================================================
   FREE-STANDING CUT-OUTS
   A cut-out in a bordered box on a colour ground reads wrong and the
   frame crops the legs. Cut-outs stand on the page instead: no box,
   no ground, nothing clipped. Photographs keep the .hframe treatment.
   ============================================================ */
.freecut{position:relative;display:flex;align-items:flex-end;justify-content:center;padding-top:8px;}
.freecut img{width:100%;height:auto;max-width:min(100%,460px);display:block;
  filter:drop-shadow(0 22px 28px rgba(14,26,54,.22)) drop-shadow(0 4px 10px rgba(14,26,54,.14));}
.freecut .stick{top:6px;right:0;}
@media(max-width:420px){.hframe .stick{right:4px;}}
/* a soft blob of colour behind, so he isn't floating on nothing */
.freecut::before{content:"";position:absolute;left:8%;right:8%;bottom:6%;height:74%;border-radius:28px;z-index:-1;
  background:var(--sun);opacity:.9;}
.freecut.sky::before{background:var(--sky);} .freecut.rose::before{background:var(--rose);}
.freecut.grass::before{background:var(--grass);} .freecut.warm::before{background:var(--paper-warm);}
.freecut.none::before{display:none;}
@media(max-width:940px){.freecut{max-width:400px;margin:0 auto;}}

/* styles.css sets .tag{position:absolute} for an old photo-corner label.
   Any card using .tag inherited it and escaped to the top-left of the
   nearest positioned ancestor, landing on the section kicker. */
.tag{position:static;}
.phero-media .tag,.vtile .tag{position:absolute;}

/* the Mum passage, with the shop window sign beside it */
.mumgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,58px);align-items:center;}
@media(max-width:940px){.mumgrid{grid-template-columns:1fr;gap:30px;}}
.signshot{margin:0;}
.signshot img{width:100%;height:auto;display:block;border:2.5px solid var(--ink);border-radius:18px;box-shadow:12px 12px 0 var(--ink);}
.signshot figcaption{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--ink-mute);max-width:44ch;}
.dark .signshot img,.sec.dark .signshot img{border-color:var(--paper);box-shadow:12px 12px 0 var(--blue);}
.dark .signshot figcaption,.sec.dark .signshot figcaption{color:rgba(251,248,241,.62);}

/* HighLevel booking calendars: form_embed.js hides the iframe (absolute,
   off-screen, hidden) until it gets a message back from HighLevel. If that
   message never arrives (privacy settings, blockers, slow load) the calendar
   stays an empty strip. Force it visible at a usable height; the script can
   still grow it once it does load. */
.bookwrap iframe[src*="leadconnectorhq.com/widget/booking"]{
  position:relative !important;left:auto !important;visibility:visible !important;opacity:1 !important;
  pointer-events:auto !important;display:block !important;width:100% !important;min-height:760px !important;}
#chat .bookwrap iframe[src*="leadconnectorhq.com/widget/booking"]{min-height:980px !important;}
@media(max-width:700px){.bookwrap iframe[src*="leadconnectorhq.com/widget/booking"]{min-height:1000px !important;}}