/* Home page batch (14 Nov): quotes, Meet Richard, In the room, familiar hooks, Room Review steps, hovers. */

/* 1. Quote lines a little closer together (was 1.3) */
html main .dh .v6 .audience-card__q:not(#_){line-height:1.1}
html main .mh .mh-who__t span.mh-who__q:not(#_){line-height:1.12}

/* 2. Meet Richard: smaller photo, centred against the words */
@media (min-width:1001px){
  html body .dh.dh .v6 .meet__layout:not(#_){align-items:center!important}
  html body .dh.dh .v6 .meet .meet__portrait:not(#_){max-width:430px!important;width:430px!important;justify-self:center!important}
}
html main .v6 .meet .meet__intro--more:not(#_){margin-top:0}

/* 3. In the room: stats 50px higher */
@media (min-width:1001px){html main .dh .v6 .in-room__stats:not(#_){position:relative;top:-50px}}

/* 4. Does the room get it: hook always shown, the rest behind a teaser */
html main .dh .fam-inner ul.fam-hook:not(#_){margin-bottom:8px}
html main .dh .fam-more:not(#_){margin:0}
html main .dh .fam-more > summary:not(#_){list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(185,146,5,.45);font:700 12.5px/1.3 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#7a5c00}
html main .dh .fam-more > summary::-webkit-details-marker{display:none}
html main .dh .fam-more > summary i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
html main .dh .fam-more[open] > summary i{transform:rotate(-135deg) translateY(-2px)}
html main .dh .fam-more > summary:focus-visible{outline:3px solid #B99205;outline-offset:2px}
html main .dh .fam-more > ul{margin-top:6px}
html[data-lias-theme="dark"] main .dh .fam-more > summary:not(#_){color:#E5C878}
html main .mh .mh-fam__hook:not(#_){display:block;margin-top:8px;font:400 15.5px/1.5 "DM Sans",sans-serif;color:#2a3350}
html main .mh .mh-fam__cue:not(#_){display:block;margin-top:10px;font:700 12px/1.3 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7a5c00}

/* 5. Room Review steps: quieter and tidier */
html main .dh .start__next:not(#_){margin-top:40px;padding:26px 0 0;border-top:1px solid rgba(185,146,5,.35)}
html main .dh .start__next-h:not(#_){font:italic 400 20px/1.3 "Playfair Display",serif;margin:0 0 18px;color:#1B2B44}
html main .dh .start__next-l:not(#_){display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
html main .dh .start__next-l li:not(#_){border:0!important;padding:0 24px 0 0;margin:0;display:block}
html main .dh .start__next-l li + li:not(#_){border-left:1px solid rgba(185,146,5,.35)!important;padding-left:24px}
html main .dh .start__next-l li span:not(#_){display:none}
html main .dh .start__next-l li b:not(#_){display:block;font:700 16px/1.3 "DM Sans",sans-serif;color:#7a5c00;margin:0 0 4px}
html main .dh .start__next-l li p:not(#_){font:400 15px/1.5 "DM Sans",sans-serif;margin:0}
html main .dh .start__opt:not(#_){font-size:14px;margin:22px 0 0;opacity:.85}
html main .dh .start__opt b:not(#_){color:inherit}

/* 6. Hover: something with a little polish (mouse devices, motion allowed) */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  html body .dh.dh .v6 .audience-card:not(#_){transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,min-height .5s cubic-bezier(.22,.61,.36,1),border-color .4s!important}
  html body .dh.dh .v6 .audience-card:not(.is-expanded):hover:not(#_){transform:translateY(-6px);border-color:#E5C878;box-shadow:0 26px 44px -18px rgba(0,0,0,.65),0 0 0 1px rgba(229,200,120,.55),0 0 34px -6px rgba(229,200,120,.35)}
  html main .dh .audience-card__media img:not(#_){transition:transform .8s cubic-bezier(.22,.61,.36,1)}
  html main .dh .audience-card:hover .audience-card__media img:not(#_){transform:scale(1.05)}
  html main .dh .fam-card:not(#_){transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .4s}
  html main .dh .fam-card:hover:not(#_){transform:translateY(-5px);border-color:#B99205;box-shadow:0 22px 40px -20px rgba(27,43,68,.45),0 0 0 1px rgba(185,146,5,.5)}
  html main .dh .fam-card .fam-num:not(#_){transition:transform .4s}
  html main .dh .fam-card:hover .fam-num:not(#_){transform:scale(1.12)}
  html main .dh .start-card:not(#_){transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .4s}
  html main .dh .start-card:hover:not(#_){transform:translateY(-8px);box-shadow:0 28px 46px -18px rgba(0,0,0,.65),0 0 0 1px rgba(229,200,120,.7),0 0 40px -8px rgba(229,200,120,.4)}
  html main .dh .terry__q:not(#_){transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s}
  html main .dh .terry__q:hover:not(#_){transform:translateY(-4px);box-shadow:0 20px 36px -18px rgba(0,0,0,.6)}
  html main .dh .in-room__stat:not(#_){transition:transform .35s cubic-bezier(.22,.61,.36,1)}
  html main .dh .in-room__stat:hover:not(#_){transform:translateY(-4px)}
  html main .dh .start__next-l li:not(#_){transition:transform .3s}
  html main .dh .start__next-l li:hover:not(#_){transform:translateY(-3px)}
  html main .mh .mh-card:not(#_),html main .mh .mh-who__c:not(#_){transition:transform .3s,box-shadow .3s}
  html main .mh .mh-card:hover:not(#_){transform:translateY(-3px);box-shadow:0 16px 28px -16px rgba(11,16,41,.45)}
}

html[data-lias-theme="dark"] main .dh .start__next-h:not(#_){color:#F5F1E8}
html[data-lias-theme="dark"] main .dh .start__next-l li b:not(#_){color:#E5C878}
html[data-lias-theme="dark"] main .dh .start__next:not(#_){border-color:rgba(229,200,120,.3)}

/* batch 2: Meet photo grid, Room Review card opens on click */
html body .dh.dh .v6 .meet .meet__grid:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:12px;width:470px;max-width:100%;justify-self:center;margin:0;aspect-ratio:auto;position:relative;background:none;box-shadow:none;border:0}
html body .dh.dh .v6 .meet .meet__tile:not(#_){position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#1B2B44;box-shadow:0 18px 34px -20px rgba(11,16,41,.55)}
html body .dh.dh .v6 .meet .meet__tile img:not(#_){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
html body .dh.dh .v6 .meet .meet__tile b:not(#_){position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(15,25,42,.82);color:#fff;font:700 10.5px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase}
html body .dh.dh .v6 .meet .meet__tile--main img:not(#_){object-position:50% 35%}

html main .dh .start-card--rr:not(#_){position:relative}
html main .dh .start-card--rr .rr-chk:not(#_){position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
html main .dh .start-card--rr .rr-hit:not(#_){position:absolute;inset:0;z-index:1;cursor:pointer;border-radius:inherit}
html main .dh .start-card--rr .btn:not(#_){position:relative;z-index:2}
html main .dh .start-card--rr .rr-cue:not(#_){position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;font:700 13px/1 "DM Sans",sans-serif;letter-spacing:.08em;color:#7a5c00;cursor:pointer;text-transform:uppercase}
html main .dh .start-card--rr .rr-cue i:not(#_){width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
html main .dh .start-card--rr .rr-chk:checked ~ .rr-cue i:not(#_){transform:rotate(-135deg) translateY(-2px)}
html main .dh .start-card--rr .rr-chk:focus-visible ~ .rr-cue:not(#_){outline:2px solid #1B2B44;outline-offset:4px;border-radius:4px}
html main .dh .start-card--rr .rr-more:not(#_){display:none;margin:16px 0 4px;padding:16px 0 0;border-top:1px solid rgba(185,146,5,.45);position:relative;z-index:0}
html main .dh .start-card--rr .rr-chk:checked ~ .rr-more:not(#_){display:block}
html main .dh .start-card--rr .rr-more ol:not(#_){margin:0;padding:0;list-style:none;display:grid;gap:10px}
html main .dh .start-card--rr .rr-more li:not(#_){font:400 14.5px/1.45 "DM Sans",sans-serif;color:#3d4a63;margin:0;padding:0}
html main .dh .start-card--rr .rr-more li b:not(#_){display:block;font:700 14.5px/1.3 "DM Sans",sans-serif;color:#1B2B44;margin:0 0 1px}
html main .dh .start-card--rr .rr-opt:not(#_){margin:14px 0 0;font:400 13.5px/1.5 "DM Sans",sans-serif;color:#3d4a63;min-height:0}
html main .dh .start-card--rr .rr-opt b:not(#_){color:#1B2B44}
html main .dh .start__grid:has(.rr-chk:checked):not(#_){align-items:start}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-cue:not(#_){color:#E5C878}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-more:not(#_){border-top-color:rgba(229,200,120,.45)}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-more li:not(#_),html[data-lias-theme="dark"] main .dh .start-card--rr .rr-opt:not(#_){color:#D2D7DC}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-more li b:not(#_){color:#E5C878}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-opt b:not(#_){color:#FBF7EA}
html[data-lias-theme="dark"] main .dh .start-card--rr .rr-chk:focus-visible ~ .rr-cue:not(#_){outline-color:#E5C878}
/* the card turns navy on hover or focus: panel text follows */
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-cue:not(#_){color:#E5C878}
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-more:not(#_){border-top-color:rgba(229,200,120,.45)}
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-more li:not(#_),html main .dh .start-card--rr:is(:hover,:focus-within) .rr-opt:not(#_){color:#D2D7DC}
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-more li b:not(#_){color:#E5C878}
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-opt b:not(#_){color:#fff}
html main .dh .start-card--rr:is(:hover,:focus-within) .rr-chk:focus-visible ~ .rr-cue:not(#_){outline-color:#E5C878}

/* Meet grid hover: lift, gold ring, label fills gold, the others step back */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
html body .dh.dh .v6 .meet .meet__tile:not(#_){transition:transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s,opacity .45s,filter .45s}
html body .dh.dh .v6 .meet .meet__tile b:not(#_){transition:background .35s,color .35s,transform .45s cubic-bezier(.22,.61,.36,1),letter-spacing .35s}
html body .dh.dh .v6 .meet .meet__tile::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 0 #E5C878;transition:box-shadow .4s;pointer-events:none}
html body .dh.dh .v6 .meet .meet__grid:hover .meet__tile:not(:hover):not(#_){opacity:.55;filter:saturate(.55) brightness(.92);transform:scale(.97)}
html body .dh.dh .v6 .meet .meet__tile:hover:not(#_){transform:translateY(-8px) scale(1.035);box-shadow:0 30px 46px -22px rgba(11,16,41,.75);z-index:2}
html body .dh.dh .v6 .meet .meet__tile:hover::after{box-shadow:inset 0 0 0 3px #E5C878}
html body .dh.dh .v6 .meet .meet__tile:hover img:not(#_){transform:scale(1.09)}
html body .dh.dh .v6 .meet .meet__tile:hover b:not(#_){background:#E5C878;color:#0F192A;transform:translateY(-4px);letter-spacing:.16em}
}
/* Room Review card: room between the cue and the button */
html main .dh .start-card--rr .rr-cue:not(#_){margin:16px 0 22px}
html main .dh .start-card--rr .rr-more:not(#_){margin:-2px 0 22px}

/* Popup fits inside the closed card (no growth): tighter type and spacing, 14 Nov 2026 */
html body .dh.dh .v6 .audience-card .audience-card__challenge .ac-inner:not(#_){padding:16px 20px 12px!important}
html body .dh.dh .v6 .audience-card .ac-stood:not(#_){padding:12px 14px!important;margin:0 0 4px!important}
html body .dh.dh .v6 .audience-card .ac-stood :is(.ac-stood__b,.ac-stood__a):not(#_){font-size:15px!important;line-height:1.45!important;margin:0 0 6px!important}
html body .dh.dh .v6 .audience-card .ac-stood :is(.ac-stood__b,.ac-stood__a) span:not(#_){margin-bottom:2px!important}
html body .dh.dh .v6 .audience-card .ac-inner .ac-h:not(#_){padding:12px 0 6px!important}
html body .dh.dh .v6 .audience-card .ac-inner ul:not(#_){gap:6px!important}
html body .dh.dh .v6 .audience-card .ac-inner li:not(#_){font-size:14px!important;line-height:1.42!important}
@media (max-width:1300px){
  html body .dh.dh .v6 .audience-card .ac-stood :is(.ac-stood__b,.ac-stood__a):not(#_){font-size:14px!important}
  html body .dh.dh .v6 .audience-card .ac-inner li:not(#_){font-size:13.5px!important}
}
@media (max-width:1150px){html body .dh.dh .v6 .audience-card .ac-stood:not(#_){padding:10px 12px!important}html body .dh.dh .v6 .audience-card .ac-inner .ac-h:not(#_){padding:10px 0 5px!important}}

/* Who I help cards about 20% shorter (14 Nov 2026): shorter photo, tighter text; popup keeps one How I help point */
html body .dh.dh .v6 .audience-card .audience-card__media:not(#_){aspect-ratio:2.3!important;height:auto!important;min-height:0!important}
html body .dh.dh .v6 .audience-card .audience-card__media img:not(#_){height:100%!important;object-fit:cover}
html body .dh.dh .v6 .audience-card .audience-card__body:not(#_){padding:16px 24px 4px!important}
html body .dh.dh .v6 .audience-card .audience-card__k:not(#_){margin-bottom:6px!important}
html body .dh.dh .v6 .audience-card .audience-card__q:not(#_){margin-bottom:6px!important}
html body .dh.dh .v6 .audience-card .audience-card__line:not(#_){margin-bottom:8px!important}
html body .dh.dh .v6 .audience-card .ac-inner ul li:nth-child(n+2):not(#_){display:none!important}
@media (max-width:1150px){html body .dh.dh .v6 .audience-card .audience-card__media:not(#_){aspect-ratio:2.05!important}}

/* Hero photo (portrait 12): soft shadow so he sits into the background, 14 Nov 2026 */
html body .hero__figure:not(#_),html body .mh-hero__ph:not(#_){filter:drop-shadow(0 40px 50px rgba(0,3,12,.85)) drop-shadow(-34px 14px 46px rgba(0,3,12,.72)) drop-shadow(20px 0 38px rgba(0,3,12,.55))}