/* ===========================================================
   DK Education Consulting - November 2026 revamp
   Same look as danishakeating.com: cream, deep green, clay, butter,
   Gloock headings, Figtree body, her photos. Loaded LAST so it wins.
   Words, the questionnaire, prices, and checkout are unchanged.
   =========================================================== */
:root{
  --ground:#f6f1e7; --surface:#fffdf8; --surface-2:#efe7d8;
  --ink:#1f2a22; --ink-soft:#55615a;
  --green:#2f4a3a; --green-hi:#1f3428; --green-deep:#1f3428;
  --clay:#a65832; --butter:#efd99a; --sage:#c9d6c3;
  --line:#ddd4c3; --on-green:#f6f1e7;
  --display:"Gloock",Georgia,"Times New Roman",serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --hand:"Caveat","Bradley Hand",cursive;
  --shadow:0 18px 40px -22px rgba(31,52,40,.45);
}
body.dk{background:var(--ground);font-family:var(--body);font-size:17px}
.dk .wrap{max-width:1140px}

/* header: deep green bar like the main site */
.dk .dknav{background:var(--green-deep);border-bottom:0}
.dk .dkbrand{font-family:var(--display);font-weight:400;font-size:22px;color:var(--on-green)}
.dk .dkbrand::after{content:"with Dr. Danisha Keating";display:block;font:600 10px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--butter)}
.dk .dklinks a{color:#d9e2d7;font:600 15px/1 var(--body);border-radius:999px;padding:9px 13px}
.dk .dklinks a:hover{background:rgba(255,255,255,.08);color:#fff}
.dk .dklinks a[aria-current="page"]{background:var(--on-green);color:var(--green-deep)}
.dk .dk-portal-pin{background:var(--butter)!important;color:#1f3428!important;font:800 14px/1 var(--body)!important;letter-spacing:.04em;text-transform:uppercase;border-radius:999px!important;padding:10px 16px!important;text-decoration:none}
.dk .dk-menu-btn span{background:var(--on-green)!important}

/* standalone pages: only the Home button shows */
.dk-home-btn{display:none}
body.dk.solo .dklinks,body.dk.solo .dk-menu-btn,body.dk.solo .dk-portal-pin{display:none!important}
body.dk.solo .dk-home-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--on-green);text-decoration:none;font:700 15px/1 var(--body);padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--on-green)}

/* type */
.dk h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:0}
.dk h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:0}
.dk h3,.dk .qq,.dk .opt .t,.dk .amount,.dk .quote p,.dk .story .who b,.dk .vid .meta b,.dk .portrait figcaption b,.dk .notsure strong{font-family:var(--display);font-weight:400;letter-spacing:0}
.dk .lede{font-size:19px}
.dk .eyebrow,.dk .qcount,.dk .tag{font-family:var(--mono);font-weight:600;color:var(--clay);letter-spacing:.14em}

/* sections become bands */
.dk main > section{padding-block:clamp(48px,7vw,84px)}
.dk section + section{border-top:0}
.dk main > section:nth-of-type(even){background:var(--surface)}

/* buttons: clay pills */
.dk .btn{border-radius:999px;background:var(--clay);border-color:var(--clay);color:#fff;font:700 16px/1 var(--body);padding:16px 26px;box-shadow:0 10px 24px -14px var(--clay);transition:transform .15s}
.dk .btn:hover{background:#8f4a28;border-color:#8f4a28;color:#fff;transform:translateY(-2px)}
.dk .btn.ghost{background:transparent;color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--ink)}
.dk .btn.ghost:hover{background:var(--surface-2);color:var(--ink)}

/* cards, quiz, quotes */
.dk .card,.dk .result,.dk .quote,.dk .story,.dk .vid,.dk .opt,.dk .qback{border-radius:20px}
.dk .card.pick{border-color:var(--clay)}
.dk .opt{border-left-color:var(--clay);padding:20px 24px}
.dk .opt:hover{border-left-color:var(--green)}
.dk .result{border-top-color:var(--clay);box-shadow:var(--shadow)}
.dk .amount{font-size:44px}
.dk .card li::before{background:var(--green);width:10px;height:10px;border-radius:50%;top:8px}
.dk .notsure{background:var(--green-deep);border-radius:20px}
.dk .notsure .btn{background:var(--butter);color:#1f3428;border-color:var(--butter)}
.dk .portrait{border-radius:20px;border:8px solid var(--surface);box-shadow:var(--shadow);transform:rotate(2deg)}
.dk .portrait img{aspect-ratio:2/3;object-fit:cover;object-position:50% 12%}

/* hero: words left, photo collage right */
.dk .hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center}
.dk .hero-grid > *{min-width:0}
@media (max-width:860px){.dk .hero-grid{grid-template-columns:1fr}}
.dk .collage{position:relative;min-height:500px}
.dk .collage img{position:absolute;object-fit:cover;object-position:50% 12%;border-radius:18px;border:8px solid var(--surface);box-shadow:var(--shadow);max-width:100%}
.dk .collage .a{width:62%;aspect-ratio:2/3;left:4%;top:0;transform:rotate(-3deg)}
.dk .collage .b{width:52%;aspect-ratio:2/3;right:0;bottom:0;transform:rotate(4deg)}
.dk .collage .solo{width:76%;aspect-ratio:2/3;left:12%;top:0;transform:rotate(-2deg)}
.dk .collage .note{position:absolute;left:0;bottom:24px;background:var(--surface);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow);transform:rotate(-4deg);max-width:230px;font:600 1.7rem/1 var(--hand);color:var(--clay)}
@media (max-width:860px){.dk .collage{min-height:430px}}
.dk .heroVideo{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;max-width:440px;margin-inline:auto;width:100%;background:#000}
.dk .heroVideo video{width:100%;height:100%;object-fit:cover;display:block}

/* scrolling ribbon */
.dk .ticker{overflow:hidden;background:var(--butter);color:#1f3428;border-block:2px solid var(--ink)}
.dk .ticker .track{display:flex;gap:40px;padding-block:12px;width:max-content;animation:dktick 32s linear infinite;font-family:var(--display);font-size:1.35rem}
.dk .ticker span::after{content:"\2726";margin-left:40px;font-size:.9rem;vertical-align:middle}
@keyframes dktick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dk .ticker .track{animation:none}}

/* family band on About */
.dk .famgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dk .famgrid img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:18px;box-shadow:var(--shadow)}
.dk .famgrid .f1{grid-row:span 2}
.dk .famgrid .f2,.dk .famgrid .f3{aspect-ratio:4/5}

/* footer */
.dk .dkfoot{background:var(--green-deep);color:#cdd6cc;border-top:0}
.dk .dkfoot a{color:#cdd6cc}
.dk .dkfoot a:hover{color:#fff}

/* beat the page's own Portal button rule */
html body .dknav a.dk-portal-pin,html body .header-right a.dk-portal-pin{color:#1f3428!important;background:var(--butter)!important}
html body .dknav a.dk-portal-pin:hover{background:#e6c978!important}
/* standalone header: brand left, Home right */
body.dk.solo .dknav .row{justify-content:space-between}
body.dk.solo .dkbrand{order:1;margin-right:auto}
body.dk.solo .dk-home-btn{order:2}