/* Dr Hashmi Online v3.3 — full-width, friendly editorial UI */
:root{
  --wrap:2200px;
  --ink:#133b32;
  --ink-2:#244b41;
  --green:#128266;
  --green-bright:#1aa17e;
  --green-dark:#0c4e3d;
  --cream:#fff9ef;
  --paper:#fffefd;
  --mint:#dcf5e9;
  --mint-2:#effbf5;
  --yellow:#ffd45f;
  --yellow-soft:#fff0ae;
  --coral:#ff907d;
  --coral-soft:#ffe2dc;
  --blue:#7dcfe1;
  --blue-soft:#e0f5fb;
  --lilac:#c9b9f2;
  --lilac-soft:#efe9ff;
  --sand:#f5eadc;
  --line:rgba(19,59,50,.11);
  --shadow-sm:0 14px 40px rgba(17,55,47,.08);
  --shadow:0 28px 90px rgba(17,55,47,.14);
  --shadow-lift:0 34px 100px rgba(17,55,47,.18);
}
html{scroll-padding-top:96px}
body.dho-v3{overflow-x:hidden;background:var(--cream)}
body.dho-v3 main{overflow:hidden}
.dho-v3 .dh-wrap{width:min(94vw,var(--wrap));max-width:none}
.dho-v3 .dh-wrap--reading{width:min(90vw,1420px);max-width:1420px}
.dho-v3 h1,.dho-v3 h2,.dho-v3 h3,.dho-v3 h4{font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",Inter,"Segoe UI",system-ui,sans-serif}
.dho-v3 h1{letter-spacing:-.055em}.dho-v3 h2{letter-spacing:-.045em}
.dho-v3 .dh-section{padding:clamp(74px,7vw,132px) 0}
.dho-v3 .dh-section--tight{padding:clamp(54px,5vw,88px) 0}
.dho-v3 .dh-lead{font-size:clamp(1.08rem,1.35vw,1.42rem);line-height:1.62}
.dho-v3 .dh-kicker{letter-spacing:.12em}
.dho-v3 .dh-btn{position:relative;overflow:hidden;isolation:isolate}
.dho-v3 .dh-btn:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);transition:left .55s ease;z-index:-1}
.dho-v3 .dh-btn:hover:after{left:120%}

/* genuinely full-width header */
.dho-v3 .dh-header{transition:background .25s ease,box-shadow .25s ease,border-color .25s ease}
.dho-v3 .dh-header.is-scrolled{background:rgba(255,249,239,.93);box-shadow:0 10px 35px rgba(17,55,47,.07);border-color:transparent}
.dho-v3 .dh-nav{height:82px}
.dho-v3 .dh-nav-right{display:flex;align-items:center;gap:18px}
.dho-v3 .dh-menu{gap:clamp(18px,1.9vw,34px)}
.dho-v3 .dh-menu a{font-size:.96rem}
.dho-v3 .dh-calm-chip{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:var(--green-dark);border:1px solid rgba(18,130,102,.12);border-radius:999px;padding:10px 14px;font-size:.86rem;font-weight:900;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.dho-v3 .dh-calm-chip:hover{transform:translateY(-2px) rotate(-1deg);background:#c9f0df}
.dho-v3 .dh-calm-chip span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;animation:dhBreatheDot 4.8s ease-in-out infinite}

/* homepage hero */
.dho-v3 .dh-hero{min-height:calc(100vh - 82px);display:flex;align-items:center;padding:clamp(54px,5vw,88px) 0 clamp(70px,6vw,104px);background:
  radial-gradient(circle at 88% 12%,rgba(255,212,95,.27),transparent 26%),
  radial-gradient(circle at 72% 74%,rgba(125,207,225,.16),transparent 22%),
  linear-gradient(180deg,#fffaf1 0%,#fff9ef 100%)}
.dho-v3 .dh-hero:before{width:55vw;height:55vw;right:-21vw;top:-26vw;opacity:.8}
.dho-v3 .dh-hero:after{content:"";position:absolute;left:-9vw;bottom:-16vw;width:38vw;height:38vw;border-radius:50%;background:radial-gradient(circle,rgba(220,245,233,.9),rgba(220,245,233,0) 69%);pointer-events:none}
.dho-v3 .dh-hero-grid{width:100%;grid-template-columns:minmax(560px,1.05fr) minmax(500px,.9fr);gap:clamp(54px,6vw,120px);align-items:center}
.dho-v3 .dh-hero-copy{padding-left:0;max-width:1020px}
.dho-v3 .dh-hero h1{font-size:clamp(4.4rem,7.3vw,9.2rem);line-height:.93;margin-bottom:26px;max-width:1050px}
.dho-v3 .dh-hero .dh-lead{max-width:820px;font-size:clamp(1.12rem,1.42vw,1.5rem)}
.dho-v3 .dh-photo-stage{min-height:min(68vw,760px)}
.dho-v3 .dh-photo-card{width:min(90%,720px);aspect-ratio:.92;border-radius:42% 58% 45% 55% / 58% 43% 57% 42%;box-shadow:0 38px 110px rgba(20,59,50,.21);transform:translateY(var(--parallax-y,0px)) rotate(1deg);transition:transform .15s linear}
.dho-v3 .dh-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,52,41,.12));pointer-events:none}
.dho-v3 .dh-bubble{animation:dhFloat 6.6s ease-in-out infinite}
.dho-v3 .dh-bubble--b{animation-delay:-2.1s}.dho-v3 .dh-bubble--c{animation-delay:-4s}
.dho-v3 .dh-trustbar{padding:16px 0;background:#113f35}
.dho-v3 .dh-trustbar-track{justify-content:space-between;font-size:.92rem}

/* section headings */
.dho-v3 .dh-section-head{align-items:center;margin-bottom:clamp(34px,4vw,62px)}
.dho-v3 .dh-section-head h2{font-size:clamp(3rem,4.7vw,6rem)}
.dho-v3 .dh-section-head .dh-lead{max-width:720px}

/* topic cards */
.dho-v3 .dh-bento{gap:clamp(16px,1.4vw,26px)}
.dho-v3 .dh-topic-card{min-height:250px;padding:30px 31px;border-radius:34px;border-color:rgba(19,59,50,.08);box-shadow:0 14px 36px rgba(17,55,47,.06);transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,box-shadow .22s ease}
.dho-v3 .dh-topic-card:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-7px);box-shadow:var(--shadow-lift)}
.dho-v3 .dh-topic-card:before{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(19,59,50,.08);border-radius:50%;right:-55px;bottom:-72px;box-shadow:0 0 0 22px rgba(255,255,255,.12),0 0 0 45px rgba(255,255,255,.08)}
.dho-v3 .dh-topic-card .dh-emoji{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.72);font-size:1.7rem;margin-bottom:24px;box-shadow:0 8px 20px rgba(17,55,47,.08)}
.dho-v3 .dh-topic-card h3{font-size:clamp(1.45rem,1.75vw,2rem);margin-bottom:10px}

/* Calm teaser on home */
.dh-home-calm{position:relative;overflow:hidden;border-radius:52px;background:linear-gradient(135deg,#113f35 0%,#0f5f4a 54%,#16775d 100%);color:#fff;padding:clamp(38px,5vw,74px);display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,90px);align-items:center;box-shadow:var(--shadow)}
.dh-home-calm:before,.dh-home-calm:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.dh-home-calm:before{width:360px;height:360px;background:rgba(255,212,95,.18);right:-120px;top:-150px}
.dh-home-calm:after{width:260px;height:260px;border:1px solid rgba(255,255,255,.16);left:-80px;bottom:-110px;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.025)}
.dh-home-calm h2{font-size:clamp(2.8rem,4.5vw,5.6rem);max-width:930px;color:#fff}
.dh-home-calm p{color:#dfeee9;max-width:780px}
.dh-calm-preview{position:relative;min-height:390px;display:grid;place-items:center}
.dh-calm-preview-orb{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7cf,#ffd45f 35%,#7dcfe1 75%,#7f71c4);box-shadow:0 0 0 30px rgba(255,255,255,.07),0 0 0 62px rgba(255,255,255,.035),0 28px 70px rgba(0,0,0,.2);animation:dhBreathingOrb 8s ease-in-out infinite}
.dh-calm-preview-note{position:absolute;background:#fff;color:var(--ink);padding:14px 18px;border-radius:18px;font-weight:900;box-shadow:var(--shadow-sm)}
.dh-calm-preview-note:nth-of-type(1){left:2%;top:12%;transform:rotate(-5deg)}
.dh-calm-preview-note:nth-of-type(2){right:1%;bottom:14%;transform:rotate(5deg)}

/* home videos: intentionally visual, no giant blank blocks */
.dh-video-showcase-v3{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:24px;align-items:stretch}
.dh-video-main-v3{position:relative;min-height:560px;border-radius:44px;overflow:hidden;background:#123f35;box-shadow:var(--shadow);color:#fff;isolation:isolate;transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease}
.dh-video-main-v3 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.dh-video-main-v3:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,40,32,.03) 12%,rgba(8,40,32,.88) 90%);z-index:-1}
.dh-video-main-v3.is-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,212,95,.28),transparent 25%),radial-gradient(circle at 28% 70%,rgba(125,207,225,.18),transparent 28%);z-index:-1}
.dh-video-main-v3 .dh-video-main-content{position:absolute;left:clamp(28px,4vw,58px);right:clamp(28px,4vw,58px);bottom:clamp(28px,4vw,52px)}
.dh-video-main-v3 h3{font-size:clamp(2.1rem,3.5vw,4.6rem);color:#fff;max-width:1000px;margin:.25rem 0 .5rem}
.dh-video-main-v3 p{color:#d8e8e2;max-width:800px}
.dh-video-side-v3{display:grid;gap:24px}
.dh-video-card-v3{display:grid;grid-template-columns:180px 1fr;min-height:260px;border-radius:34px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}
.dh-video-card-v3:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.dh-video-card-v3 .dh-video-visual{position:relative;min-height:100%;background:linear-gradient(145deg,#126c54,#2fa183);overflow:hidden}
.dh-video-card-v3 .dh-video-visual img{width:100%;height:100%;object-fit:cover}
.dh-video-card-v3 .dh-video-visual.is-placeholder{display:grid;place-items:center;font-size:3.7rem}
.dh-video-card-v3 .dh-video-visual.is-placeholder:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 25px rgba(255,255,255,.08),0 0 0 50px rgba(255,255,255,.04)}
.dh-video-card-v3 .dh-video-card-copy{padding:24px 24px 20px;display:flex;flex-direction:column;justify-content:center}
.dh-video-card-v3 h3{font-size:clamp(1.35rem,1.65vw,1.85rem)}
.dh-video-card-v3 p{font-size:.94rem;color:var(--muted)}
.dh-play-v3{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-weight:950;box-shadow:0 14px 34px rgba(0,0,0,.16);transition:transform .2s ease}
.dh-video-main-v3:hover .dh-play-v3,.dh-video-card-v3:hover .dh-play-v3{transform:scale(1.08)}
.dh-video-main-v3 .dh-play-v3{position:absolute;left:clamp(28px,4vw,58px);top:clamp(28px,4vw,52px)}
.dh-video-card-v3 .dh-play-v3{position:absolute;left:18px;top:18px;width:46px;height:46px}
.dh-restoring{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:900}

/* books */
.dho-v3 .dh-book-shelf{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2vw,38px)}
.dho-v3 .dh-book-mini-cover{aspect-ratio:.73;border-radius:34px 34px 14px 14px;padding:22px 20px 0;box-shadow:inset 0 0 0 1px rgba(19,59,50,.05);transform-style:preserve-3d}
.dho-v3 .dh-book-mini-cover img{height:94%;max-width:96%;border-radius:5px;filter:drop-shadow(0 22px 24px rgba(17,55,47,.22));animation:dhBookHover 7s ease-in-out infinite}
.dho-v3 .dh-book-mini:nth-child(even) img{animation-delay:-3s}
.dho-v3 .dh-book-mini h3{font-size:1.2rem}
.dh-cover-fallback{width:82%;height:88%;align-self:flex-end;border-radius:7px;background:linear-gradient(145deg,#8c3b34,#bb5348);color:#fff;padding:24px;display:grid;align-content:end;gap:10px;box-shadow:0 20px 28px rgba(17,55,47,.2);text-align:left}
.dh-cover-fallback small{font-weight:850;letter-spacing:.09em;text-transform:uppercase}.dh-cover-fallback strong{font-size:clamp(1.1rem,1.45vw,1.7rem);line-height:1.05}

/* homepage editorial */
.dho-v3 .dh-section--mint{background:linear-gradient(180deg,#effbf5,#e8f8f1)}
.dho-v3 .dh-editorial{grid-template-columns:.92fr 1.08fr;gap:clamp(50px,7vw,120px)}
.dho-v3 .dh-editorial-photo{min-height:600px;border-radius:46px;box-shadow:var(--shadow)}
.dho-v3 .dh-editorial-photo img{min-height:600px}

/* page hero sizing: less giant blank space */
.dho-v3 .dh-page-hero{padding:clamp(54px,5vw,82px) 0 clamp(34px,3.4vw,54px)}
.dho-v3 .dh-page-hero h1{font-size:clamp(3.8rem,6.4vw,7.4rem)}

/* Books archive v3 */
.dh-books-v3-hero{padding:clamp(56px,6vw,100px) 0 clamp(44px,5vw,74px);position:relative}
.dh-books-v3-hero-grid{display:grid;grid-template-columns:minmax(560px,1fr) minmax(520px,.9fr);gap:clamp(46px,6vw,110px);align-items:center}
.dh-books-v3-hero h1{font-size:clamp(4.2rem,7vw,8.5rem);max-width:1050px}
.dh-books-v3-hero .dh-lead{max-width:800px}
.dh-books-v3-stack{position:relative;min-height:580px}
.dh-books-v3-stack .dh-book-fan{position:absolute;width:min(31%,260px);filter:drop-shadow(0 28px 35px rgba(17,55,47,.22));transition:transform .35s ease}
.dh-books-v3-stack .dh-book-fan img{width:100%;max-height:510px;object-fit:contain;border-radius:6px}
.dh-books-v3-stack .dh-book-fan:nth-child(1){left:1%;top:16%;transform:rotate(-10deg)}
.dh-books-v3-stack .dh-book-fan:nth-child(2){left:34%;top:2%;z-index:2;transform:rotate(1deg)}
.dh-books-v3-stack .dh-book-fan:nth-child(3){right:1%;top:16%;transform:rotate(10deg)}
.dh-books-v3-stack:hover .dh-book-fan:nth-child(1){transform:translate(-15px,5px) rotate(-14deg)}
.dh-books-v3-stack:hover .dh-book-fan:nth-child(2){transform:translateY(-14px) rotate(-1deg)}
.dh-books-v3-stack:hover .dh-book-fan:nth-child(3){transform:translate(15px,5px) rotate(14deg)}
.dh-book-grid-v3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,32px)}
.dh-book-card-v3{position:relative;min-height:650px;border-radius:40px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.dh-book-card-v3:hover{transform:translateY(-8px);box-shadow:var(--shadow-lift)}
.dh-book-card-v3:nth-child(5n+1){background:#edfaf4}.dh-book-card-v3:nth-child(5n+2){background:#fff8db}.dh-book-card-v3:nth-child(5n+3){background:#eaf8fc}.dh-book-card-v3:nth-child(5n+4){background:#fff0eb}.dh-book-card-v3:nth-child(5n+5){background:#f2edff}
.dh-book-card-v3:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;min-height:650px}
.dh-book-card-v3 .dh-book-visual{min-height:430px;display:flex;align-items:flex-end;justify-content:center;padding:38px 34px 0;position:relative;overflow:hidden}
.dh-book-card-v3 .dh-book-visual:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.5);left:50%;top:50%;transform:translate(-50%,-40%);box-shadow:0 0 0 45px rgba(255,255,255,.2)}
.dh-book-card-v3 .dh-book-visual img{height:94%;max-height:530px;width:auto;max-width:90%;object-fit:contain;z-index:1;filter:drop-shadow(0 24px 28px rgba(17,55,47,.24));transition:transform .3s ease}
.dh-book-card-v3:hover .dh-book-visual img{transform:translateY(-8px) rotate(-1deg)}
.dh-book-card-v3 .dh-book-copy{padding:32px 34px 38px;display:flex;flex-direction:column;justify-content:flex-start}
.dh-book-card-v3:first-child .dh-book-copy{justify-content:center;padding:clamp(38px,4vw,64px)}
.dh-book-card-v3 h2,.dh-book-card-v3 h3{margin-bottom:14px}.dh-book-card-v3 h2{font-size:clamp(2.4rem,3.4vw,4.6rem)}
.dh-book-card-v3 p{color:#4d675e}.dh-book-card-v3 .dh-link{margin-top:auto}

/* Videos archive v3 */
.dh-video-v3-hero{padding:clamp(56px,6vw,100px) 0 clamp(42px,4vw,64px)}
.dh-video-v3-hero-grid{display:grid;grid-template-columns:minmax(480px,.9fr) minmax(650px,1.1fr);gap:clamp(45px,6vw,110px);align-items:center}
.dh-video-v3-hero h1{font-size:clamp(4.2rem,7vw,8.4rem);max-width:900px}
.dh-video-feature-v3{position:relative;border-radius:46px;overflow:hidden;min-height:500px;background:#113f35;box-shadow:var(--shadow);color:#fff}
.dh-video-feature-v3>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dh-video-feature-v3:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,37,29,.05),rgba(7,37,29,.9))}
.dh-video-feature-v3 .dh-feature-copy{position:absolute;left:36px;right:36px;bottom:32px;z-index:2}
.dh-video-feature-v3 h3{font-size:clamp(2rem,3vw,3.8rem);color:#fff;margin:.3rem 0}
.dh-video-feature-v3 .dh-play-v3{position:absolute;left:34px;top:32px;z-index:2}
.dh-video-grid-v3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.dh-video-tile-v3{overflow:hidden;border-radius:32px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);min-height:470px;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.dh-video-tile-v3:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.dh-video-tile-v3 .dh-video-poster{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(145deg,#146d55,#2aa283);display:grid;place-items:center}
.dh-video-tile-v3:nth-child(5n+2) .dh-video-poster.is-placeholder{background:linear-gradient(145deg,#497b9e,#7bd4e5)}
.dh-video-tile-v3:nth-child(5n+3) .dh-video-poster.is-placeholder{background:linear-gradient(145deg,#9c5a4e,#ff9c83)}
.dh-video-tile-v3:nth-child(5n+4) .dh-video-poster.is-placeholder{background:linear-gradient(145deg,#7761a6,#c9b9f2)}
.dh-video-tile-v3:nth-child(5n+5) .dh-video-poster.is-placeholder{background:linear-gradient(145deg,#9a7925,#f2c95d)}
.dh-video-poster img{width:100%;height:100%;object-fit:cover}.dh-video-poster-icon{font-size:4rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.14));z-index:1}.dh-video-poster.is-placeholder:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.07),0 0 0 70px rgba(255,255,255,.035)}
.dh-video-tile-v3 .dh-video-copy{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}.dh-video-tile-v3 h3{font-size:clamp(1.38rem,1.65vw,1.85rem)}.dh-video-tile-v3 p{color:var(--muted);font-size:.94rem}.dh-video-tile-v3 .dh-topic-tags{margin-top:auto}
.dh-video-poster .dh-play-v3{position:absolute;left:18px;top:18px;width:48px;height:48px}
.dh-video-channel-cta{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border-radius:30px;background:var(--mint);border:1px solid rgba(18,130,102,.1)}

/* Explore v3 */
.dh-explore-v3-hero{padding:clamp(58px,6vw,100px) 0 clamp(42px,4vw,68px);position:relative}
.dh-explore-v3-grid{display:grid;grid-template-columns:minmax(600px,1.05fr) minmax(450px,.75fr);gap:clamp(50px,6vw,100px);align-items:center}
.dh-explore-v3-hero h1{font-size:clamp(4.1rem,6.7vw,8.2rem);max-width:1050px}
.dh-feeling-board{position:relative;min-height:520px;border-radius:50px;background:linear-gradient(145deg,#eefaf4,#fffaf0);border:1px solid rgba(19,59,50,.07);box-shadow:var(--shadow-sm);overflow:hidden}
.dh-feeling-board:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:var(--yellow-soft);right:-120px;top:-100px;opacity:.75}
.dh-feeling-board:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:var(--blue-soft);left:-110px;bottom:-90px;opacity:.8}
.dh-feeling-chip{position:absolute;padding:14px 18px;border-radius:999px;background:#fff;box-shadow:0 13px 30px rgba(17,55,47,.08);font-weight:900;font-size:.88rem;animation:dhFloat 7s ease-in-out infinite;z-index:1}
.dh-feeling-chip:nth-child(1){left:8%;top:12%;transform:rotate(-5deg)}.dh-feeling-chip:nth-child(2){right:8%;top:8%;background:var(--blue-soft);animation-delay:-1.2s;transform:rotate(4deg)}.dh-feeling-chip:nth-child(3){left:27%;top:38%;background:var(--coral-soft);animation-delay:-2.3s}.dh-feeling-chip:nth-child(4){right:7%;top:53%;background:var(--mint);animation-delay:-3.5s;transform:rotate(-4deg)}.dh-feeling-chip:nth-child(5){left:7%;bottom:10%;background:var(--lilac-soft);animation-delay:-4.6s;transform:rotate(4deg)}.dh-feeling-chip:nth-child(6){right:25%;bottom:8%;background:var(--sand);animation-delay:-5.4s;transform:rotate(-2deg)}
.dh-explore-grid-v3{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.dh-guide-card-v3{min-height:300px;padding:28px;border-radius:34px;position:relative;overflow:hidden;border:1px solid rgba(19,59,50,.07);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,box-shadow .25s ease}
.dh-guide-card-v3:hover{transform:translateY(-7px) rotate(-.3deg);box-shadow:var(--shadow)}
.dh-guide-card-v3:nth-child(10n+1),.dh-guide-card-v3:nth-child(10n+6){background:var(--mint)}.dh-guide-card-v3:nth-child(10n+2),.dh-guide-card-v3:nth-child(10n+7){background:var(--blue-soft)}.dh-guide-card-v3:nth-child(10n+3),.dh-guide-card-v3:nth-child(10n+8){background:var(--coral-soft)}.dh-guide-card-v3:nth-child(10n+4),.dh-guide-card-v3:nth-child(10n+9){background:var(--lilac-soft)}.dh-guide-card-v3:nth-child(10n+5),.dh-guide-card-v3:nth-child(10n+10){background:var(--yellow-soft)}
.dh-guide-card-v3 .dh-guide-icon{margin-bottom:38px}.dh-guide-card-v3 p{color:#4e675f}
.dh-explore-calm{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:clamp(32px,4vw,54px);border-radius:42px;background:#113f35;color:#fff;overflow:hidden;position:relative}
.dh-explore-calm h2{font-size:clamp(2.5rem,4vw,4.8rem);color:#fff;max-width:980px}.dh-explore-calm p{color:#d9e9e3;max-width:800px}
.dh-explore-calm:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-110px;background:var(--yellow);opacity:.16}

/* Meet page v3 */
.dh-meet-v3-hero{padding:clamp(52px,5vw,90px) 0 clamp(58px,5vw,88px);position:relative;background:linear-gradient(180deg,#fff9ef,#f1fbf6)}
.dh-meet-v3-grid{display:grid;grid-template-columns:minmax(520px,.9fr) minmax(620px,1.1fr);gap:clamp(50px,7vw,120px);align-items:center}
.dh-meet-v3-media{position:relative;min-height:680px}
.dh-meet-v3-photo-main{position:absolute;left:0;top:0;width:74%;height:86%;border-radius:46px;overflow:hidden;box-shadow:var(--shadow);background:var(--mint);transform:rotate(-1.5deg)}
.dh-meet-v3-photo-main img{width:100%;height:100%;object-fit:cover}
.dh-meet-v3-photo-small{position:absolute;right:0;bottom:0;width:42%;height:48%;border:10px solid #fff;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#fff;transform:rotate(3deg)}
.dh-meet-v3-photo-small img{width:100%;height:100%;object-fit:cover;object-position:top center}
.dh-meet-v3-sticker{position:absolute;right:3%;top:7%;width:155px;height:155px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-weight:950;line-height:1.1;padding:18px;transform:rotate(9deg);box-shadow:var(--shadow-sm);animation:dhFloat 6s ease-in-out infinite}
.dh-meet-v3-copy h1{font-size:clamp(4.1rem,6.6vw,8rem);max-width:1100px}
.dh-meet-v3-copy .dh-lead{max-width:900px}
.dh-stat-band-v3{margin-top:38px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dh-stat-v3{padding:20px 18px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:24px;box-shadow:0 9px 26px rgba(17,55,47,.05)}
.dh-stat-v3 strong{display:block;font-size:clamp(1.55rem,2.4vw,2.4rem);line-height:1;color:var(--green);margin-bottom:7px}.dh-stat-v3 span{font-size:.84rem;color:var(--muted);font-weight:800}
.dh-meet-story-v3{display:grid;grid-template-columns:minmax(360px,.65fr) minmax(0,1.35fr);gap:clamp(36px,5vw,80px);align-items:start}
.dh-meet-story-intro{position:sticky;top:120px}
.dh-meet-story-intro h2{font-size:clamp(3rem,4.6vw,5.6rem)}
.dh-timeline-v3{display:grid;gap:18px}
.dh-timeline-card-v3{position:relative;padding:32px 34px 32px 92px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.dh-timeline-card-v3:nth-child(2){background:var(--mint)}.dh-timeline-card-v3:nth-child(3){background:var(--coral-soft)}.dh-timeline-card-v3:nth-child(4){background:var(--yellow-soft)}
.dh-timeline-num{position:absolute;left:28px;top:29px;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:950}
.dh-timeline-card-v3 h3{font-size:clamp(1.6rem,2vw,2.2rem)}
.dh-pro-grid-v3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.dh-pro-card-v3{border-radius:38px;padding:clamp(28px,3vw,44px);border:1px solid rgba(19,59,50,.08);min-height:280px;position:relative;overflow:hidden}
.dh-pro-card-v3 h2{font-size:clamp(2rem,3.2vw,3.6rem)}.dh-pro-card-v3 h3{font-size:1.6rem}
.dh-pro-card-v3--roles{grid-column:span 5;background:var(--blue-soft)}
.dh-pro-card-v3--bupa{grid-column:span 7;background:var(--yellow-soft)}
.dh-pro-card-v3--creative{grid-column:span 7;background:var(--coral-soft)}
.dh-pro-card-v3--interests{grid-column:span 5;background:var(--lilac-soft)}
.dh-pro-card-v3--quote{grid-column:span 4;background:var(--ink);color:#fff;display:flex;align-items:end}.dh-pro-card-v3--quote blockquote{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.45rem,2vw,2.2rem);line-height:1.35;margin:0}.dh-pro-card-v3--quote cite{display:block;margin-top:16px;font-size:.82rem;font-family:Inter,system-ui,sans-serif;font-style:normal;color:#b9d0c8}
.dh-pro-card-v3--portrait{grid-column:span 4;padding:0;background:#fff}.dh-pro-card-v3--portrait img{width:100%;height:100%;min-height:360px;object-fit:cover;object-position:top center}
.dh-pro-card-v3--care{grid-column:span 4;background:var(--mint)}
.dh-credential-section-v3{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(34px,5vw,80px);align-items:start}.dh-credential-title-v3{position:sticky;top:120px}.dh-credential-title-v3 h2{font-size:clamp(3rem,4.6vw,5.5rem)}

/* Contact */
.dho-v3 .dh-contact-grid{grid-template-columns:.72fr 1.28fr;gap:32px}
.dho-v3 .dh-contact-side{border-radius:44px;padding:clamp(34px,4vw,54px);background:linear-gradient(145deg,var(--mint),#effbf5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
.dho-v3 .dh-contact-side:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;bottom:-100px;background:var(--yellow-soft);opacity:.7}
.dho-v3 .dh-contact-form{border-radius:44px;padding:clamp(34px,4vw,56px)}

/* footer */
.dho-v3 .dh-footer{margin-top:clamp(60px,6vw,105px)}
.dho-v3 .dh-footer-card{border-radius:46px 46px 0 0}

/* shared reveal variants */
.dho-v3 [data-reveal]{opacity:0;transform:translateY(24px) scale(.992);transition:opacity .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .72s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.dho-v3 [data-reveal="left"]{transform:translateX(-28px)}.dho-v3 [data-reveal="right"]{transform:translateX(28px)}.dho-v3 [data-reveal="zoom"]{transform:scale(.95)}
.dho-v3 [data-reveal].is-visible{opacity:1;transform:none}

/* Calm Corner — plugin markup */
.dh-calm-hero{padding:clamp(58px,6vw,100px) 0 clamp(44px,4vw,68px);background:radial-gradient(circle at 85% 20%,rgba(125,207,225,.23),transparent 25%),radial-gradient(circle at 15% 70%,rgba(255,212,95,.2),transparent 24%),var(--cream)}
.dh-calm-hero-grid{display:grid;grid-template-columns:minmax(560px,1fr) minmax(420px,.72fr);gap:clamp(45px,6vw,100px);align-items:center}
.dh-calm-hero h1{font-size:clamp(4.2rem,7vw,8.4rem);max-width:1000px}
.dh-calm-hero-art{min-height:460px;position:relative;display:grid;place-items:center}
.dh-calm-hero-orb{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff9d6,#ffd45f 31%,#7dcfe1 68%,#a58ad6);box-shadow:0 0 0 35px rgba(255,255,255,.45),0 0 0 70px rgba(220,245,233,.55),0 34px 80px rgba(17,55,47,.15);animation:dhBreathingOrb 8s ease-in-out infinite}
.dh-calm-hero-leaf{position:absolute;font-size:2.2rem;animation:dhLeafDrift 9s ease-in-out infinite}.dh-calm-hero-leaf:nth-child(2){left:14%;top:18%;animation-delay:-2s}.dh-calm-hero-leaf:nth-child(3){right:12%;top:30%;animation-delay:-5s}.dh-calm-hero-leaf:nth-child(4){left:24%;bottom:10%;animation-delay:-7s}
.dh-calm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.dh-calm-activity{border-radius:42px;padding:clamp(30px,4vw,48px);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);min-height:520px;position:relative;overflow:hidden}
.dh-calm-activity:nth-child(2){background:var(--blue-soft)}.dh-calm-activity:nth-child(3){background:var(--mint)}.dh-calm-activity:nth-child(4){background:var(--lilac-soft)}
.dh-calm-activity h2{font-size:clamp(2.2rem,3.2vw,3.7rem)}.dh-calm-activity p{max-width:700px;color:#4f685f}
.dh-game-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.dh-game-btn{border:1px solid rgba(19,59,50,.13);background:rgba(255,255,255,.78);padding:10px 14px;border-radius:999px;font-weight:900;color:var(--ink);cursor:pointer;transition:transform .2s ease,background .2s ease}.dh-game-btn:hover,.dh-game-btn.is-active{background:var(--ink);color:#fff;transform:translateY(-2px)}
.dh-breathe-stage{height:280px;display:grid;place-items:center;position:relative}.dh-breathe-orb{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#ffd45f 34%,#7dcfe1 78%);box-shadow:0 0 0 22px rgba(255,212,95,.18),0 20px 60px rgba(17,55,47,.14);transition:transform 4s ease-in-out,box-shadow 4s ease-in-out}.dh-breathe-orb.is-inhale{transform:scale(1.65);box-shadow:0 0 0 44px rgba(125,207,225,.15),0 28px 70px rgba(17,55,47,.15)}.dh-breathe-orb.is-exhale{transform:scale(.9)}
.dh-breathe-label{position:absolute;bottom:12px;font-weight:950;font-size:1.1rem}.dh-breathe-time{font-size:.84rem;color:var(--muted);margin-top:6px}
.dh-bubble-field,.dh-ripple-pond{height:330px;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.35));border:1px solid rgba(19,59,50,.08);touch-action:manipulation}
.dh-calm-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.95),rgba(125,207,225,.65) 45%,rgba(126,119,206,.45));box-shadow:inset -8px -12px 18px rgba(255,255,255,.25),0 8px 20px rgba(17,55,47,.08);cursor:pointer;animation:dhBubbleRise var(--bubble-duration,8s) linear infinite;transition:transform .18s ease,opacity .18s ease}.dh-calm-bubble.is-popped{transform:scale(1.7);opacity:0}.dh-bubble-count{font-weight:900;margin-top:12px}
.dh-ground-step{display:none;padding:24px;border-radius:28px;background:rgba(255,255,255,.74);border:1px solid rgba(19,59,50,.08);min-height:230px}.dh-ground-step.is-active{display:block;animation:dhStepIn .35s ease}.dh-ground-step strong{font-size:clamp(2rem,3vw,3rem);display:block;margin-bottom:8px}.dh-ground-step textarea{width:100%;min-height:100px;border:1px solid rgba(19,59,50,.15);border-radius:18px;padding:14px;background:#fff;resize:vertical}.dh-ground-progress{display:flex;gap:8px;margin-top:15px}.dh-ground-dot{width:11px;height:11px;border-radius:50%;background:rgba(19,59,50,.17)}.dh-ground-dot.is-active{background:var(--green);transform:scale(1.2)}
.dh-ripple-pond{background:radial-gradient(circle at 50% 35%,#e5fbff,#bde7f1 48%,#8ec7d7);cursor:crosshair}.dh-ripple-pond:after{content:"tap anywhere";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;color:rgba(19,59,50,.45);pointer-events:none}.dh-ripple{position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.9);border-radius:50%;transform:translate(-50%,-50%);animation:dhRipple 1.8s ease-out forwards;pointer-events:none}.dh-ripple-leaf{position:absolute;font-size:1.4rem;transform:translate(-50%,-50%);animation:dhLeafFade 2.2s ease-out forwards;pointer-events:none}
.dh-calm-note{margin-top:28px;padding:20px 24px;border-radius:24px;background:#fff6d6;border:1px solid #f2dda2;font-size:.9rem;color:#624e24}

/* keyframes */
@keyframes dhFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes dhBreatheDot{0%,100%{transform:scale(.75);opacity:.65}50%{transform:scale(1.05);opacity:1}}
@keyframes dhBreathingOrb{0%,100%{transform:scale(.82)}50%{transform:scale(1.08)}}
@keyframes dhBookHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes dhLeafDrift{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(18px,-14px) rotate(8deg)}}
@keyframes dhBubbleRise{0%{transform:translateY(30px) scale(.92)}50%{transform:translateY(-150px) scale(1.03)}100%{transform:translateY(-340px) scale(.92)}}
@keyframes dhStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dhRipple{0%{width:16px;height:16px;opacity:.9}100%{width:230px;height:230px;opacity:0}}
@keyframes dhLeafFade{0%{opacity:1;transform:translate(-50%,-50%) scale(.7) rotate(0)}100%{opacity:0;transform:translate(-50%,-120%) scale(1.2) rotate(25deg)}}

@media(max-width:1500px){
  .dho-v3 .dh-wrap{width:min(92vw,var(--wrap))}
  .dh-video-grid-v3{grid-template-columns:repeat(3,1fr)}
  .dh-explore-grid-v3{grid-template-columns:repeat(4,1fr)}
  .dh-book-grid-v3{grid-template-columns:repeat(2,1fr)}
  .dh-book-card-v3:first-child{grid-column:1/-1}
}
@media(max-width:1180px){
  .dho-v3 .dh-hero{min-height:auto}
  .dho-v3 .dh-hero-grid,.dh-books-v3-hero-grid,.dh-video-v3-hero-grid,.dh-explore-v3-grid,.dh-meet-v3-grid,.dh-calm-hero-grid{grid-template-columns:1fr 1fr}
  .dh-video-showcase-v3{grid-template-columns:1fr}.dh-video-side-v3{grid-template-columns:1fr 1fr}
  .dh-home-calm{grid-template-columns:1fr 1fr}
  .dh-explore-grid-v3{grid-template-columns:repeat(3,1fr)}
  .dh-pro-card-v3--roles,.dh-pro-card-v3--bupa,.dh-pro-card-v3--creative,.dh-pro-card-v3--interests{grid-column:span 6}
  .dh-pro-card-v3--quote,.dh-pro-card-v3--portrait,.dh-pro-card-v3--care{grid-column:span 4}
}
@media(max-width:960px){
  .dho-v3 .dh-nav-right{gap:10px}.dho-v3 .dh-calm-chip{display:none}
  .dho-v3 .dh-menu{display:none;position:absolute;left:4vw;right:4vw;top:76px;background:#fff;border-radius:26px;padding:22px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:16px}.dho-v3 .dh-menu.is-open{display:flex}.dho-v3 .dh-menu-toggle{display:block}
  .dho-v3 .dh-hero-grid,.dh-books-v3-hero-grid,.dh-video-v3-hero-grid,.dh-explore-v3-grid,.dh-meet-v3-grid,.dh-calm-hero-grid,.dh-home-calm,.dh-meet-story-v3,.dh-credential-section-v3{grid-template-columns:1fr}
  .dho-v3 .dh-photo-stage{min-height:650px;max-width:760px}.dho-v3 .dh-hero h1{font-size:clamp(4rem,12vw,7rem)}
  .dh-video-side-v3{grid-template-columns:1fr 1fr}.dh-video-main-v3{min-height:500px}
  .dh-book-grid-v3{grid-template-columns:1fr 1fr}.dh-book-card-v3:first-child{grid-template-columns:1fr 1fr}
  .dh-video-grid-v3{grid-template-columns:repeat(2,1fr)}
  .dh-explore-grid-v3{grid-template-columns:repeat(2,1fr)}
  .dh-meet-v3-media{min-height:620px;max-width:760px;width:100%;margin:auto}.dh-meet-story-intro,.dh-credential-title-v3{position:static}
  .dh-pro-card-v3--roles,.dh-pro-card-v3--bupa,.dh-pro-card-v3--creative,.dh-pro-card-v3--interests,.dh-pro-card-v3--quote,.dh-pro-card-v3--portrait,.dh-pro-card-v3--care{grid-column:span 12}
  .dh-pro-card-v3--portrait img{max-height:620px}
  .dh-calm-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .dho-v3 .dh-wrap{width:calc(100% - 28px)}
  .dho-v3 .dh-hero{padding-top:38px}.dho-v3 .dh-hero h1,.dh-books-v3-hero h1,.dh-video-v3-hero h1,.dh-explore-v3-hero h1,.dh-meet-v3-copy h1,.dh-calm-hero h1{font-size:clamp(3.55rem,16vw,5.2rem)}
  .dho-v3 .dh-photo-stage{min-height:500px}.dho-v3 .dh-photo-card{width:92%}.dho-v3 .dh-bubble{font-size:.75rem;padding:12px 14px}.dho-v3 .dh-bubble--c{top:2%}
  .dho-v3 .dh-trustbar-track{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;scrollbar-width:none;padding-bottom:2px}.dho-v3 .dh-trustbar-track::-webkit-scrollbar{display:none}
  .dho-v3 .dh-topic-card{grid-column:span 12;min-height:230px}
  .dh-video-showcase-v3,.dh-video-side-v3{display:grid;grid-template-columns:1fr}.dh-video-main-v3{min-height:440px}.dh-video-card-v3{grid-template-columns:135px 1fr;min-height:230px}
  .dho-v3 .dh-book-shelf{grid-template-columns:repeat(2,1fr)}.dho-v3 .dh-book-mini:nth-child(n+5){display:none}.dho-v3 .dh-book-mini:nth-child(3),.dho-v3 .dh-book-mini:nth-child(4){display:block}
  .dh-books-v3-stack{min-height:390px}.dh-books-v3-stack .dh-book-fan{width:43%;max-width:190px}.dh-books-v3-stack .dh-book-fan:nth-child(1){left:0}.dh-books-v3-stack .dh-book-fan:nth-child(2){left:29%}.dh-books-v3-stack .dh-book-fan:nth-child(3){right:0}
  .dh-book-grid-v3{grid-template-columns:1fr}.dh-book-card-v3:first-child{grid-column:auto;display:flex;min-height:0}.dh-book-card-v3{min-height:0}.dh-book-card-v3 .dh-book-visual{min-height:400px}.dh-book-card-v3:first-child .dh-book-copy{padding:30px 28px 36px}
  .dh-video-grid-v3{grid-template-columns:1fr}.dh-video-tile-v3{min-height:0}.dh-video-channel-cta{align-items:flex-start;flex-direction:column}
  .dh-feeling-board{min-height:400px}.dh-feeling-chip{font-size:.78rem;padding:11px 14px}.dh-explore-grid-v3{grid-template-columns:1fr}.dh-guide-card-v3{min-height:260px}
  .dh-explore-calm{grid-template-columns:1fr}.dh-explore-calm .dh-btn{justify-self:start}
  .dh-meet-v3-media{min-height:520px}.dh-meet-v3-photo-main{width:82%;height:82%}.dh-meet-v3-photo-small{width:46%;height:42%;border-width:7px}.dh-meet-v3-sticker{width:120px;height:120px;font-size:.78rem}
  .dh-stat-band-v3{grid-template-columns:1fr 1fr}.dh-timeline-card-v3{padding:28px 25px 28px 78px}.dh-timeline-num{left:22px}
  .dho-v3 .dh-contact-grid{grid-template-columns:1fr}
  .dh-calm-hero-art{min-height:330px}.dh-calm-hero-orb{width:180px;height:180px}.dh-calm-activity{min-height:0}.dh-bubble-field,.dh-ripple-pond{height:290px}
}
@media (prefers-reduced-motion:reduce){
  .dho-v3 *{scroll-behavior:auto!important}.dho-v3 [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .dho-v3 .dh-bubble,.dho-v3 .dh-calm-chip span,.dh-calm-preview-orb,.dho-v3 .dh-book-mini-cover img,.dh-feeling-chip,.dh-meet-v3-sticker,.dh-calm-hero-orb,.dh-calm-hero-leaf,.dh-calm-bubble{animation:none!important}
  .dho-v3 [data-tilt]{transform:none!important}
}
/* robust book-cover fallbacks */
.dh-book-mini-cover .dh-cover-fallback{width:88%;height:92%;min-height:0}
.dh-book-card-v3 .dh-book-visual .dh-cover-fallback{width:min(84%,340px);height:86%;min-height:360px;max-height:520px;z-index:1}
.dh-books-v3-stack .dh-book-fan .dh-cover-fallback{width:100%;height:470px;max-height:510px}
.dh-home-calm .dh-kicker,.dh-explore-calm .dh-kicker{color:var(--yellow)}
.dh-video-main-icon{position:absolute;right:8%;top:12%;font-size:clamp(5rem,9vw,11rem);filter:drop-shadow(0 20px 30px rgba(0,0,0,.14));opacity:.95}
.dh-breathe-label{left:50%;transform:translateX(-50%);white-space:nowrap}
.dh-game-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
@media(max-width:960px){.dho-v3 .dh-calm-chip{display:inline-flex;font-size:0;padding:9px}.dho-v3 .dh-calm-chip span{width:22px;height:22px}.dho-v3 .dh-nav-right{margin-left:auto}.dho-v3 .dh-menu-toggle{order:2}.dho-v3 .dh-calm-chip{order:1}}

/* v3.2 QA pass: calmer desktop gutters + repaired video library */
@media (min-width:701px){
  .dho-v3 .dh-wrap{width:calc(100% - clamp(96px,10vw,220px));max-width:2100px;margin-inline:auto}
  .dho-v3 .dh-wrap--reading{width:min(calc(100% - clamp(96px,12vw,260px)),1420px);margin-inline:auto}
}
.dh-video-feature-v3{display:block;width:100%;aspect-ratio:16/9;min-height:420px}
.dh-video-feature-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#0d513f,#269b79);display:grid;place-items:center;font-size:clamp(5rem,8vw,9rem)}
.dh-video-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2vw,30px);align-items:stretch}
.dh-video-tile-v3{min-height:0;height:100%}
.dh-video-tile-v3 .dh-video-poster{display:grid;text-decoration:none}
.dh-video-tile-v3 .dh-video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.dh-video-tile-v3:hover .dh-video-poster img{transform:scale(1.035)}
.dh-video-tile-v3 .dh-video-copy h3 a{color:inherit;text-decoration:none}
.dh-video-tile-v3 .dh-video-copy h3 a:hover{color:var(--green)}
.dh-video-tile-v3 .dh-topic-tags{margin-top:auto;padding-top:18px}
.dh-video-tile-v3 .dh-topic-tags a{position:relative;z-index:2}
@media(max-width:1180px){.dh-video-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dh-video-grid-v3{grid-template-columns:1fr}.dh-video-feature-v3{min-height:320px;aspect-ratio:4/3}}


/* v3.2 live-source audit + video actions */
.dh-video-source-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:15px 18px;border:1px solid rgba(18,130,102,.14);background:linear-gradient(135deg,rgba(220,245,236,.78),rgba(255,248,229,.78));border-radius:20px;font-size:.9rem;color:var(--deep)}
.dh-video-source-note span{font-weight:800}.dh-video-source-note a{font-weight:800;color:var(--green);text-decoration:none}.dh-video-source-note a:hover{text-decoration:underline}
.dh-video-youtube-link{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:8px;font-weight:800;color:var(--green);text-decoration:none;font-size:.9rem}.dh-video-youtube-link:hover{text-decoration:underline}
.dh-video-tile-v3 .dh-topic-tags{margin-top:12px!important}
@media(max-width:700px){.dh-video-source-note{align-items:flex-start;flex-direction:column}}

/* v3.3 — richer book pages + subtle generative motion */
.dho-v3 :is(.dh-hero,.dh-books-v3-hero,.dh-video-v3-hero,.dh-explore-v3-hero,.dh-meet-v3-hero,.dh-book-detail-hero){position:relative;isolation:isolate;overflow:hidden}
.dho-v3 :is(.dh-hero,.dh-books-v3-hero,.dh-video-v3-hero,.dh-explore-v3-hero,.dh-meet-v3-hero,.dh-book-detail-hero)>.dh-wrap{position:relative;z-index:2}
.dh-ambient-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.88;mix-blend-mode:multiply}
.dho-v3 .dh-btn{transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0)}
.dho-v3 .dh-btn:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 3px),0)}
.dho-v3 .dh-link{position:relative;display:inline-flex;align-items:center;gap:.25rem}
.dho-v3 .dh-link:before{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:currentColor;border-radius:999px;transition:right .28s ease}
.dho-v3 .dh-link:hover:before{right:0}

/* Single book: preserve the legacy copy but present it as an editorial feature. */
.dh-book-detail-hero{padding:clamp(72px,7vw,132px) 0;background:
 radial-gradient(circle at 14% 15%,rgba(220,245,233,.82),transparent 25%),
 radial-gradient(circle at 90% 12%,rgba(255,212,95,.30),transparent 27%),
 linear-gradient(180deg,#fffaf1,#fff8ee)}
.dh-book-detail-grid{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(520px,1.12fr);gap:clamp(54px,7vw,130px);align-items:center}
.dh-book-detail-stage{position:relative;min-height:690px;display:grid;place-items:center;perspective:1200px}
.dh-book-detail-halo{position:absolute;width:min(76%,580px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(220,245,233,.62) 48%,rgba(220,245,233,0) 70%);filter:blur(3px);animation:dhHaloFloat 8s ease-in-out infinite}
.dh-book-detail-cover{position:relative;z-index:2;width:min(72%,470px);aspect-ratio:.72;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(var(--cover-rx,0deg)) rotateY(var(--cover-ry,0deg)) translateY(0);transition:transform .18s ease-out;filter:drop-shadow(0 38px 46px rgba(18,55,47,.22))}
.dh-book-detail-cover img{width:100%;height:100%;object-fit:contain;border-radius:10px;transform:translateZ(18px)}
.dh-book-detail-cover .dh-cover-fallback{width:100%;height:100%;border-radius:16px}
.dh-book-glare{position:absolute;inset:3% 7%;z-index:3;border-radius:12px;background:radial-gradient(circle at var(--glare-x,30%) var(--glare-y,20%),rgba(255,255,255,.34),rgba(255,255,255,0) 38%);mix-blend-mode:screen;pointer-events:none;opacity:.8}
.dh-book-float-label{position:absolute;z-index:4;right:7%;bottom:14%;max-width:230px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:13px 18px;font-weight:950;box-shadow:var(--shadow-sm);transform:rotate(3deg);animation:dhFloat 6.2s ease-in-out infinite}
.dh-book-detail-copy{max-width:920px}.dh-book-detail-copy h1{font-size:clamp(4rem,6.4vw,8rem);line-height:.94;margin:14px 0 26px}.dh-book-detail-copy .dh-lead{max-width:800px;color:#49655c}
.dh-book-quickfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}
.dh-book-quickfacts>div{padding:20px 22px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(19,59,50,.09);backdrop-filter:blur(12px)}
.dh-book-quickfacts span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950;color:var(--green);margin-bottom:7px}.dh-book-quickfacts strong{display:block;font-size:.97rem;line-height:1.45;color:var(--ink)}
.dh-book-story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.55fr);gap:clamp(38px,6vw,95px);align-items:start}
.dh-book-story{max-width:1020px}.dh-book-story h2{font-size:clamp(3rem,4.7vw,5.8rem);margin:12px 0 34px}.dh-book-prose{font-size:clamp(1.12rem,1.28vw,1.32rem);line-height:1.82;color:#38574e}.dh-book-prose p{margin:0 0 1.35em}.dh-book-prose strong{color:var(--ink)}
.dh-book-side{display:grid;gap:20px;position:sticky;top:116px}.dh-book-side-card,.dh-book-review-card{border-radius:34px;padding:30px;background:var(--mint-2);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.dh-book-side-card h3{font-size:2rem;margin:8px 0 12px}.dh-book-side-card p{color:#4b665d}.dh-book-review-card{background:#fff4c8}.dh-book-stars{font-size:1.3rem;letter-spacing:.16em;color:#b47e00;margin:15px 0}.dh-book-review-card blockquote{margin:0;font-size:1.08rem;line-height:1.65;color:var(--ink);font-weight:720}.dh-book-review-card p{margin:16px 0 0;color:#6b5b28}
.dh-related-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dh-related-book{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:20px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease}.dh-related-book:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.dh-related-book>div{height:150px;display:flex;align-items:center;justify-content:center}.dh-related-book img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(18,55,47,.16))}.dh-related-book>span{font-size:1.22rem;font-weight:950;line-height:1.2}

@keyframes dhHaloFloat{0%,100%{transform:translate3d(-2%,2%,0) scale(.98)}50%{transform:translate3d(2%,-2%,0) scale(1.04)}}

@media(max-width:1080px){
 .dh-book-detail-grid,.dh-book-story-grid{grid-template-columns:1fr}
 .dh-book-detail-stage{min-height:590px}.dh-book-detail-cover{width:min(60%,430px)}
 .dh-book-detail-copy{max-width:none}.dh-book-side{position:static;grid-template-columns:repeat(2,1fr)}
 .dh-related-books{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .dh-ambient-canvas{opacity:.56}
 .dh-book-detail-hero{padding-top:54px}.dh-book-detail-stage{min-height:460px}.dh-book-detail-cover{width:min(74%,330px)}.dh-book-float-label{right:0;bottom:7%;font-size:.78rem;max-width:180px}
 .dh-book-detail-copy h1{font-size:clamp(3.4rem,15vw,5.1rem)}.dh-book-quickfacts{grid-template-columns:1fr}.dh-book-side{grid-template-columns:1fr}.dh-related-books{grid-template-columns:1fr}.dh-related-book{grid-template-columns:95px 1fr}.dh-related-book>div{height:120px}
}
@media (prefers-reduced-motion:reduce){
 .dh-ambient-canvas{display:none}.dh-book-detail-halo,.dh-book-float-label{animation:none}.dh-book-detail-cover{transform:none!important;transition:none}.dho-v3 .dh-btn{transform:none!important}
}

/* v3.4: keep above-the-fold portraits visible even when cache/lazy-load plugins are active */
.dh-critical-image{opacity:1!important;visibility:visible!important;display:block!important;}
