/* RadheyShyam Realtor — Version 2 theme in the SMARAN visual language.
   Loaded after styles.css. Content and markup are unchanged; this file only
   restyles them: forest/gold/ivory palette, Tiro Devanagari + Mukta, pill
   controls, a dark forest closing band and footer, and one drawn gold yantra
   behind the homepage hero art.
   Motion follows Emil Kowalski's interface principles: ease-out curves, short
   UI durations, press feedback, transform/opacity only, reduced motion respected. */

:root{
  --forest-deep:#082a19;--forest:#0f3b24;--moss:#1c4a33;--forest-ink:#0c2d1c;
  --olive:#6d7a3f;--olive-soft:#a3ab78;
  --gold:#c9992b;--gold-hi:#e6c35c;--gold-ink:#8a6a17;
  --ivory:#f8f3e6;--paper:#fbf8f0;--line:#e2d8bf;
  --ink:#16261d;--ink-soft:#4a5a50;--teal:#4a5a50;
  --serif:'Tiro Devanagari Sanskrit','Noto Serif Devanagari',Georgia,serif;
  --sans:'Mukta','Segoe UI',system-ui,-apple-system,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --ui-duration:180ms;
  --press-duration:120ms;
}

/* Base */
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17.5px;line-height:1.62;font-weight:400}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;color:var(--forest-ink);line-height:1.08}
h1{font-size:clamp(46px,6.2vw,92px)}
h2{font-size:clamp(32px,4vw,58px)}
h3{letter-spacing:-.005em}
em{color:var(--gold-ink)}
::selection{background:#e6c35c66;color:var(--forest-ink)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* Eyebrows and small links: sentence case, serif italic, no tracked capitals */
.eyebrow{font-family:var(--serif);font-style:italic;font-size:19px;letter-spacing:0;text-transform:none;color:var(--olive);margin-bottom:14px}
.text-link{font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--forest);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.text-link:hover{color:var(--gold-ink)}

/* Header: quiet ivory bar that stays with you */
.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--line)}
.header-inner{min-height:92px}
.brand img{height:80px}
.nav{gap:4px}
.nav a{font-family:var(--sans);font-size:15.5px;letter-spacing:0;text-transform:none;color:var(--ink-soft);padding:8px 13px;border-radius:999px;transition:color var(--ui-duration) var(--ease-out),background-color var(--ui-duration) var(--ease-out)}
.nav a:hover{color:var(--forest-ink);background:#efe7d2}
.nav a[aria-current=page]{color:var(--forest-ink)}
.nav a[aria-current=page]:after{left:13px;right:13px;width:auto;bottom:4px;height:2px;background:var(--gold);border-radius:2px}
.menu{border-radius:999px;border-color:var(--line);font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:15px;color:var(--forest-ink)}

/* Buttons: SMARAN pills, gold or forest, with press feedback */
.button{border-radius:999px;font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;padding:12px 24px;gap:14px;min-height:48px;border:1px solid transparent;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00;
  transition:transform var(--press-duration) var(--ease-out),filter var(--ui-duration) var(--ease-out),background-color var(--ui-duration) var(--ease-out),color var(--ui-duration) var(--ease-out)}
.button:after{font-size:20px}
.button:hover{background:linear-gradient(180deg,var(--gold-hi),var(--gold));filter:brightness(1.05)}
.button:active,.choice:active,.quiet-button:active,.atlas-tab:active,.social-link:active,.menu:active{transform:scale(.97)}
.button.dark{background:var(--forest);border-color:var(--forest);color:var(--ivory)}
.button.dark:hover{background:var(--moss);filter:none}
.button.outline{background:transparent;border-color:var(--forest);color:var(--forest)}
.button.outline:hover{background:#efe7d2;filter:none}
.hero-secondary{font-size:16px;color:var(--forest);border-bottom-color:var(--gold)}
.quiet-button{font-size:15px;color:var(--forest);border-bottom-color:var(--gold)}
.choice{border-radius:999px;border-color:#cfc3a3;background:#fffdf7;font-size:15px;padding:10px 18px;transition:transform var(--press-duration) var(--ease-out),background-color var(--ui-duration) var(--ease-out),color var(--ui-duration) var(--ease-out),border-color var(--ui-duration) var(--ease-out)}
.choice:hover{border-color:var(--forest)}
.choice[aria-pressed=true],.choice[aria-checked=true],.choice.is-active,.choice.active{background:var(--forest);border-color:var(--forest);color:var(--ivory)}

/* Forms */
input,select,textarea{border-radius:14px!important;border:1px solid #cfc3a3!important;background:#fffdf7!important;color:var(--ink)}
input[type=checkbox],input[type=radio]{border-radius:4px!important;accent-color:var(--forest)}
input:focus,select:focus,textarea:focus{border-color:var(--gold)!important}

/* Homepage hero: the one signature moment — a gold yantra draws itself behind the house */
.hero.home{position:relative}
.hero.home .yantra{position:absolute;z-index:0;right:max(4%,calc((100% - 1340px)/2 + 2%));top:50%;width:min(48vw,640px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;overflow:visible}
.hero.home .hero-art{z-index:1;mask-image:none;-webkit-mask-image:none}
.hero.home .hero-copy{position:relative;z-index:2}
.yantra path,.yantra circle{fill:none;stroke:var(--gold);stroke-width:.55;vector-effect:non-scaling-stroke;stroke-linejoin:round;opacity:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:yantra-draw 1.8s var(--ease-out) forwards}
.yantra .y1{animation-delay:.15s;opacity:.4}
.yantra .y2{animation-delay:.45s}
.yantra .y3{animation-delay:.8s;stroke:var(--olive);opacity:.5}
.yantra .y4{animation-delay:1.15s}
.yantra .y-bindu{fill:var(--gold);stroke:none;opacity:0;animation:yantra-bindu .6s var(--ease-out) 1.8s forwards;stroke-dasharray:none}
.yantra-turn{transform-origin:0 0;animation:yantra-turn 240s linear infinite}
@keyframes yantra-draw{to{stroke-dashoffset:0}}
@keyframes yantra-bindu{to{opacity:.8}}
@keyframes yantra-turn{to{transform:rotate(360deg)}}
@media (max-width:900px){.hero.home .yantra{width:92vw;max-width:520px;top:auto;bottom:0;right:50%;transform:translate(50%,8%)}}

/* LENS / PRISM / ORACLE atlas */
.atlas-tab{border-bottom-color:var(--line);transition:color var(--ui-duration) var(--ease-out),transform var(--press-duration) var(--ease-out)}
.atlas-title{color:var(--forest-ink)}

/* Panels and cards: ivory with a fine gold edge, arched where they frame art */
.journey,.research-atlas{background:transparent}
.journey-result{border-left:0;background:var(--ivory);border:1px solid var(--line);border-radius:28px;padding:34px 36px}
.contact-panel{border-left:0;background:var(--ivory);border:1px solid var(--line);border-radius:28px;padding:36px 40px}
.article-card img,.article-thumbnail{border-radius:18px}
.article-card{transition:transform var(--ui-duration) var(--ease-out)}
@media (hover:hover){.article-card:hover{transform:translateY(-2px)}}
.benefit{border-right-color:var(--line)}
.prism-steps>li{border-top-color:var(--line)}
.step-number,.benefit-number{font-family:var(--serif);color:var(--gold-ink)}
.source-note,.meta{color:var(--ink-soft)}
.breadcrumbs a{color:var(--forest)}

/* Closing band: deep forest, like SMARAN's dark sections */
.closing{background:radial-gradient(90% 120% at 15% 0%,#164a30 0%,var(--forest-deep) 62%)!important;color:#e9e2cc}
.closing h2,.closing h3{color:var(--ivory)}
.closing .eyebrow{color:var(--olive-soft)}
.closing p{color:#d6cdb2}
.closing .text-link{color:var(--gold-hi);border-bottom-color:#e6c35c88}
.dark .text-link{color:var(--gold-hi)}

/* Footer: forest with the logo on an ivory plate */
.footer,.footer-refined{background:var(--forest-deep)!important;color:#cfc6ac;border-top:0}
.footer .brand{background:var(--paper);border-radius:22px;padding:12px 16px;width:auto;max-width:200px}
.footer .brand img{height:auto}
.footer p,.footer .footer-operator,.footer-brand-copy p{color:#bdb497}
.footer .footer-tagline{font-family:var(--serif);color:var(--ivory);font-size:22px;line-height:1.25}
.footer h3{font-family:var(--serif);font-size:22px;letter-spacing:0;text-transform:none;color:var(--ivory)}
.footer a,.footer .contact-link{color:#efe6cc}
.footer a:hover{color:var(--gold-hi)}
.footer-contact-icon{border-color:#e6c35c55}
.footer-contact-icon svg{color:var(--gold-hi)}
.social-link svg{color:#efe6cc}
.footer .social-link{border-radius:999px;transition:transform var(--press-duration) var(--ease-out),background-color var(--ui-duration) var(--ease-out)}
.footer .social-link:hover{background:#ffffff14}
.footer .whatsapp-link{background:var(--gold);color:#2a1d00;border-radius:999px;padding:10px 18px}
.footer .whatsapp-link svg{color:#2a1d00}
.footer-socials{background:transparent!important}
.footer-bottom{border-top-color:#1e4a33;color:#a9a083;font-size:13px}
.footer-bottom a{color:#cfc6ac}
.motion-toggle{color:#cfc6ac;font-size:13px}
.footer-explore a{font-size:15px}

/* Analytics choice banner in the same language */
.analytics-choice{background:var(--forest-deep);color:#e9e2cc;border-radius:22px}
.analytics-choice h2{color:var(--ivory)}
.analytics-choice a{color:var(--gold-hi)}

/* Reading pages */
.reading p,.wisdom-text p{font-size:18.5px;line-height:1.7}
.wisdom-text h2{color:var(--forest-ink)}

/* Respect reduced motion: show the finished yantra, no turning, no press scaling */
@media (prefers-reduced-motion:reduce){
  .yantra path,.yantra circle{animation:none;stroke-dashoffset:0}
  .yantra .y-bindu{animation:none;opacity:.8}
  .yantra-turn{animation:none}
  .button:active,.choice:active,.quiet-button:active,.atlas-tab:active,.social-link:active,.menu:active{transform:none}
}
.no-motion .yantra-turn{animation-play-state:paused}

/* --- Pass 2 fixes --- */
/* Header call to action as a forest pill */
.header .button.dark{background:var(--forest);color:var(--ivory);border:1px solid var(--forest);border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500}
.header .button.dark:hover{background:var(--moss);border-color:var(--moss)}
/* Readable timeline note on the ivory panel */
.journey-timing{color:var(--olive)!important}
/* Footer contact block on dark forest */
.footer.footer-refined .footer-tagline{color:var(--ivory)}
.footer.footer-refined .footer-connect h3{color:var(--ivory);font-family:var(--serif)}
.footer.footer-refined .phone-link,.footer.footer-refined .email-link{color:#efe6cc}
.footer.footer-refined .contact-link small{color:var(--olive-soft)}
.footer.footer-refined .footer-contact-icon svg{color:var(--gold-hi)}
.footer.footer-refined .contact-link:hover>span:last-child{color:var(--gold-hi)}
.footer.footer-refined .whatsapp-link{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:var(--gold);color:#2a1d00;border-radius:999px}
.footer.footer-refined .whatsapp-link svg,.footer.footer-refined .footer-action-arrow{color:#2a1d00}
.footer.footer-refined .whatsapp-link:hover{background:linear-gradient(180deg,var(--gold-hi),var(--gold));filter:brightness(1.05)}
.footer.footer-refined .social-link{border-color:#e6c35c44;color:#efe6cc}
.footer.footer-refined .social-link svg{color:#efe6cc}
.footer.footer-refined .social-link:hover{background:#ffffff12}
.footer.footer-refined .footer-bottom,.footer.footer-refined .footer-preferences button{color:#a9a083}
.footer.footer-refined .footer-operator{color:#bdb497}
.footer.footer-refined{padding-top:56px}
.closing+*,.footer.footer-refined{box-shadow:inset 0 1px 0 #ffffff0f}

/* --- Pass 3: sentence case everywhere, SMARAN controls on phones --- */
.approach ul,.closing aside,.contact-methods small,.meta,.step-question small,.words{text-transform:none;letter-spacing:0}
.contact-methods small,.step-question small{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--olive)}
.meta{font-size:15px}
.header .menu{border-radius:999px;border:1px solid var(--line);background:#fffdf7;color:var(--forest-ink);font-size:15px;min-height:44px;padding:8px 18px;transition:transform var(--press-duration) var(--ease-out)}
.header .menu:active{transform:scale(.97)}
.hero-secondary{padding-left:0;padding-right:0;margin-left:18px}
@media (max-width:600px){.hero-secondary{margin-left:4px}}

/* --- Pass 4: rounded panels to match SMARAN --- */
.contact-panel form>.button,.contact-panel .button{border-radius:999px}
.contact-panel{border-top:1px solid var(--line)}
.dubai-benefits .benefit{border-radius:24px;border:1px solid var(--line);border-top:1px solid var(--line);background:var(--ivory);padding:30px 30px 32px}
.dubai-benefits .benefit-icon{border-radius:14px;background:var(--forest);border-color:var(--forest);color:var(--gold-hi)}
.dubai-benefits .benefit h3{color:var(--forest-ink)}
.dubai-benefits .benefit p{color:var(--ink-soft)}
.wisdom-art,.wisdom-daily-art{border-radius:20px}

/* ===== God first: the rebuilt homepage and teachings (Version 2, round 2) ===== */

/* Hero: deep forest, gold yantra, one verse */
.hero.home.sp-hero{background:radial-gradient(75% 120% at 82% 18%,#164a30 0%,var(--forest-deep) 62%);color:#e9e2cc;min-height:min(88vh,860px);justify-content:center;padding-top:clamp(24px,5vh,56px)}
.sp-hero .hero-copy{max-width:700px;width:100%;padding:clamp(28px,6vh,72px) 0 clamp(20px,4vh,40px)}
.sp-hero .eyebrow{color:var(--gold-hi)!important;font-size:20px}
.sp-hero h1{color:var(--ivory);font-size:clamp(42px,7.6vw,104px);line-height:1.02;margin-bottom:22px}
.sp-hero .subhead{color:var(--gold-hi);font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.6vw,34px);line-height:1.25;letter-spacing:0;margin-bottom:20px;max-width:560px}
.sp-hero .hero-copy p{color:#d6cdb2;font-size:clamp(17px,1.5vw,20px);max-width:560px}
.sp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:10px}
.sp-hero .hero-secondary{color:var(--gold-hi);border-bottom-color:#e6c35c88;margin-left:0}
.sp-hero .hero-secondary:hover{color:var(--ivory)}
.sp-hero .button{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00}
.sp-hero .yantra{opacity:1}
.sp-hero .yantra path,.sp-hero .yantra circle{stroke:var(--gold);opacity:.62}
.sp-hero .yantra .y3{stroke:var(--gold-hi);opacity:.4}
.sp-hero .yantra .y1{opacity:.45}
.sp-hero .yantra .y-bindu{fill:var(--gold-hi)}
.sp-verse-wrap{position:relative;z-index:2;pointer-events:auto;padding-bottom:clamp(24px,5vh,48px)}
.sp-verse{margin:0;border-top:1px solid #e6c35c40;padding-top:20px;max-width:620px}
.sp-verse blockquote{margin:0}
.sp-verse-sa{font-family:var(--serif);font-size:clamp(20px,2.2vw,28px);color:var(--gold-hi);margin:0 0 6px;line-height:1.35}
.sp-verse-en{font-family:var(--serif);font-style:italic;color:#e9e2cc;margin:0;font-size:clamp(17px,1.5vw,20px)}
.sp-verse figcaption{margin-top:8px;font-size:15px}
.sp-verse figcaption a{color:#bdb497;text-decoration:none;border-bottom:1px solid #bdb49755}
.sp-verse figcaption a:hover{color:var(--gold-hi)}
@media (max-width:900px){
  .sp-hero .yantra{opacity:.5}
  .hero.home.sp-hero{min-height:0}
}

/* Shared section furniture */
.sp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.sp-ref{display:inline-block;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--gold-ink);border:1px solid #c9992b66;border-radius:999px;padding:3px 12px;margin-bottom:14px}
.sp-money{background:#eee6cf;border-radius:14px;padding:12px 16px;font-size:16px!important;line-height:1.5;color:var(--forest-ink)}
.sp-money strong{font-weight:600;color:var(--forest)}
.sp-fine{font-size:14.5px;color:var(--ink-soft)}
.sp-fine a{color:var(--forest);border-bottom:1px solid var(--gold);text-decoration:none}

/* The idea */
.sp-idea{background:var(--ivory);padding:clamp(56px,9vw,120px) 0}
.sp-idea-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start;pointer-events:auto}
.sp-idea h2{font-size:clamp(34px,4.4vw,64px);max-width:12em}
.sp-idea-copy p{font-size:clamp(18px,1.5vw,21px);color:var(--ink)}
.sp-pull{margin:34px 0 0;padding:6px 0 6px 26px;border-left:3px solid var(--gold);font-family:var(--serif);font-size:clamp(24px,2.7vw,36px);line-height:1.25;color:var(--forest-ink)}
@media (max-width:900px){.sp-idea-grid{grid-template-columns:1fr}}

/* Four teachings: cards */
.sp-teachings{padding:clamp(56px,8vw,104px) 0}
.sp-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.sp-card{background:var(--ivory);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,3vw,38px);transition:transform var(--ui-duration) var(--ease-out),border-color var(--ui-duration) var(--ease-out)}
.sp-card h3{font-size:clamp(25px,2.4vw,34px);margin-bottom:12px}
.sp-card p{margin:0 0 16px;color:var(--ink)}
.sp-card .sp-money{margin-bottom:0}
@media (hover:hover){.sp-card:hover{transform:translateY(-3px);border-color:#c9992b88}}
@media (max-width:760px){.sp-card-grid{grid-template-columns:1fr}}

/* The order of things: forest band */
.sp-order{background:radial-gradient(90% 110% at 10% 0%,#164a30 0%,var(--forest-deep) 66%);color:#e9e2cc;padding:clamp(56px,9vw,120px) 0}
.sp-order h2,.sp-order h3{color:var(--ivory)}
.sp-order .eyebrow{color:var(--gold-hi)!important}
.sp-order-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:clamp(32px,6vw,96px);align-items:start;pointer-events:auto}
.sp-order-intro{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2vw,26px);color:#d6cdb2;line-height:1.35}
.sp-order .sp-fine{color:#a9a083}
.sp-order .sp-fine a{color:var(--gold-hi);border-bottom-color:#e6c35c88}
.sp-steps{list-style:none;margin:0;padding:0}
.sp-steps li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px 0;border-top:1px solid #e6c35c33}
.sp-steps li:last-child{border-bottom:1px solid #e6c35c33}
.sp-num{font-family:var(--serif);font-size:clamp(40px,4.4vw,58px);line-height:1;color:var(--gold-hi)}
.sp-steps h3{font-size:clamp(24px,2.4vw,32px);margin-bottom:8px}
.sp-steps p{margin:0;color:#d6cdb2;font-size:18px}
.sp-order-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px!important}
.sp-order-links a{color:var(--gold-hi);border:1px solid #e6c35c66;border-radius:999px;padding:7px 16px;font-size:15.5px;text-decoration:none;transition:background-color var(--ui-duration) var(--ease-out),transform var(--press-duration) var(--ease-out)}
.sp-order-links a:hover{background:#e6c35c1f}
.sp-order-links a:active{transform:scale(.97)}
@media (max-width:900px){.sp-order-grid{grid-template-columns:1fr}.sp-steps li{grid-template-columns:48px 1fr;gap:14px}}

/* Today's Gita teaching */
.sp-wisdom{background:var(--ivory);padding:clamp(56px,8vw,104px) 0}
.sp-wisdom-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;pointer-events:auto}
.sp-wisdom-art{width:100%;height:auto;border-radius:28px;display:block}
.sp-wisdom h2{font-size:clamp(32px,3.8vw,54px);margin-bottom:14px}
.sp-practice{background:#eee6cf;border-radius:14px;padding:12px 16px;font-size:17px}
.sp-wisdom .button{margin-right:18px}
@media (max-width:900px){.sp-wisdom-grid{grid-template-columns:1fr}}

/* Who is speaking */
.sp-pavan{padding:clamp(56px,8vw,104px) 0}
.sp-pavan-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,6vw,96px);align-items:center;pointer-events:auto}
.sp-pavan h2{font-size:clamp(34px,4.2vw,60px);margin-bottom:18px}
.sp-pavan-copy p{font-size:clamp(17.5px,1.4vw,20px)}
.sp-pavan-copy .button{margin-top:10px}
.sp-portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:999px 999px 28px 28px;border:1px solid var(--line);justify-self:center;max-width:460px}
@media (max-width:900px){.sp-pavan-grid{grid-template-columns:1fr}.sp-portrait{order:-1;max-width:320px;justify-self:start}}

/* Why RadheyShyam: the four teachings in full */
.sp-teachings-full{padding:clamp(48px,7vw,96px) 0;background:var(--paper)}
.sp-teachings-full h2{font-size:clamp(34px,4.4vw,62px)}
.sp-lede{max-width:640px;font-size:clamp(18px,1.5vw,21px);color:var(--ink-soft);margin:14px 0 40px}
.sp-teaching{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);padding:clamp(28px,4vw,48px) 0;border-top:1px solid var(--line);scroll-margin-top:110px}
.sp-teaching:last-child{border-bottom:1px solid var(--line)}
.sp-sa{font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.5;color:var(--forest-ink);margin:0 0 14px}
.sp-tr{font-size:16px;color:var(--ink-soft);margin:0}
.sp-teaching h3{font-size:clamp(26px,2.8vw,38px);margin-bottom:12px}
.sp-meaning{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.7vw,23px)!important;color:var(--forest);line-height:1.45}
.sp-teaching-copy p{margin:0 0 16px}
@media (max-width:900px){.sp-teaching{grid-template-columns:1fr}}

/* Reduced and paused motion: cards stop lifting too */
@media (prefers-reduced-motion:reduce){.sp-card,.sp-order-links a{transition:none}.sp-card:hover{transform:none}}
.no-motion .sp-card:hover{transform:none}

/* Hero layout fix: stack copy and verse, full width, calmer headline tracking */
.hero.home.sp-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:center;max-width:none;width:100%;margin:0;border-bottom:0}
.hero.home.sp-hero h1{font-size:clamp(42px,7.2vw,100px);line-height:1.03;letter-spacing:-.02em}
.hero.home.sp-hero .hero-copy{width:100%;max-width:700px}

/* ===== One container for the whole site (matches the header) ===== */
:root{--page:min(1400px,calc(100% - 112px))}
@media (max-width:900px){:root{--page:calc(100% - 48px)}}
@media (max-width:600px){:root{--page:calc(100% - 40px)}}
.header-inner,.footer.footer-refined>.wrap{width:var(--page);max-width:none;margin-inline:auto}
.hero.home.sp-hero .sp-hero-wrap,.hero.home.sp-hero .sp-verse-wrap{width:var(--page);max-width:none;margin-inline:auto}
.sp-idea-grid,.sp-order-grid,.sp-wisdom-grid,.sp-pavan-grid,.sp-teachings>.wrap,.sp-teachings-full>.wrap{width:var(--page);max-width:none;margin-inline:auto}
.hero.home.sp-hero h1{font-size:clamp(42px,min(7vw,11vh),96px)}
@media (max-width:600px){.hero.home.sp-hero h1{line-height:1.08;font-size:clamp(40px,11vw,52px)}}

/* ===== Shades of green: olive joins forest and gold ===== */
:root{--olive-night:#2f3a1c;--olive-deep:#46532a;--olive-mist:#e8ebd6;--olive-line:#c9cfa6}

/* LENS: olive band */
.sp-lens{background:radial-gradient(90% 120% at 90% 0%,#5d6b37 0%,var(--olive-deep) 55%,var(--olive-night) 100%);color:#eceed8;padding:clamp(56px,9vw,120px) 0}
.sp-lens h2,.sp-lens h3{color:#fbf8f0}
.sp-lens .eyebrow{color:#e6dd9a!important}
.sp-lens-wrap{width:var(--page);max-width:none;margin-inline:auto;pointer-events:auto}
.sp-lens-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,96px);align-items:start;margin-bottom:clamp(32px,5vw,56px)}
.sp-lens-head h2{font-size:clamp(34px,4.4vw,64px);max-width:12em}
.sp-lens-copy p{color:#e4e7cc;font-size:clamp(17.5px,1.4vw,20px)}
.sp-lens-points{margin:18px 0 0;padding:0;list-style:none}
.sp-lens-points li{border-top:1px solid #e6dd9a40;padding:12px 0 12px 28px;position:relative;color:#fbf8f0;font-size:17.5px}
.sp-lens-points li:last-child{border-bottom:1px solid #e6dd9a40}
.sp-lens-points li:before{content:"";position:absolute;left:4px;top:21px;width:9px;height:9px;border-radius:50%;background:var(--gold-hi)}
.sp-lens .article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sp-lens .article-card{display:block;background:var(--paper);border-radius:24px;padding:14px 14px 22px;color:var(--ink);border:1px solid #ffffff22}
.sp-lens .article-card h3{color:var(--forest-ink);font-size:clamp(21px,1.9vw,26px)}
.sp-lens .article-card p{color:var(--ink-soft);font-size:16px}
.sp-lens .article-copy{padding:14px 8px 0}
.sp-lens .meta{color:var(--ink-soft)}
.sp-lens-more{margin:34px 0 0}
@media (max-width:900px){.sp-lens-head{grid-template-columns:1fr}.sp-lens .article-grid{grid-template-columns:1fr}}

/* PRISM: deep forest band with the seven-year arc */
.sp-prism{background:radial-gradient(90% 120% at 8% 0%,#164a30 0%,var(--forest-deep) 66%);color:#e9e2cc;padding:clamp(56px,9vw,120px) 0}
.sp-prism h2,.sp-prism h3{color:var(--ivory)}
.sp-prism .eyebrow{color:var(--gold-hi)!important}
.sp-prism-wrap{width:var(--page);max-width:none;margin-inline:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,96px);align-items:start;pointer-events:auto}
.sp-prism-copy h2{font-size:clamp(34px,4.4vw,64px)}
.sp-prism-copy p{color:#d6cdb2;font-size:clamp(17.5px,1.4vw,20px)}
.sp-prism-line{font-family:var(--serif);font-style:italic;color:var(--gold-hi)!important;font-size:clamp(21px,2vw,27px)!important;line-height:1.35}
.sp-prism .hero-secondary{color:var(--gold-hi);border-bottom-color:#e6c35c88}
.sp-prism .sp-actions{margin-top:22px}
.sp-prism-arc h3{font-size:clamp(24px,2.2vw,30px);margin-bottom:22px}
@media (max-width:900px){.sp-prism-wrap{grid-template-columns:1fr}}

/* The seven-year arc */
.sp-arc{list-style:none;margin:0;padding:0 0 0 26px;position:relative;display:grid;gap:26px}
.sp-arc:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#e6c35c99,#e6c35c22)}
.sp-arc li{position:relative}
.sp-arc li:before{content:"";position:absolute;left:-26px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--forest-deep);border:2px solid var(--gold-hi)}
.sp-arc li:last-child:before{background:var(--gold-hi);box-shadow:0 0 0 5px #e6c35c2e}
.sp-arc-year{font-family:var(--serif);font-style:italic;color:var(--gold-hi);font-size:18px}
.sp-arc h4{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);color:var(--ivory);margin:2px 0 6px}
.sp-arc p{margin:0;color:#d6cdb2;font-size:17px}
.sp-arc-note{margin:26px 0 0;font-size:14.5px!important;color:#a9a083!important;border-top:1px solid #e6c35c33;padding-top:14px}
/* light version (PRISM page) */
.prism-arc-section{background:var(--olive-mist);padding:clamp(48px,7vw,96px) 0}
.prism-arc-section .wrap{width:var(--page);max-width:none}
.prism-arc-section h2{font-size:clamp(32px,4vw,56px)}
.prism-arc-section .sp-arc li:before{background:var(--olive-mist);border-color:var(--gold)}
.prism-arc-section .sp-arc li:last-child:before{background:var(--gold)}
.prism-arc-section .sp-arc:before{background:linear-gradient(180deg,var(--gold),#c9992b33)}
.prism-arc-section .sp-arc-year{color:var(--gold-ink)}
.prism-arc-section .sp-arc h4{color:var(--forest-ink)}
.prism-arc-section .sp-arc p{color:var(--ink)}
.prism-arc-section .sp-arc-note{color:var(--ink-soft)!important;border-top-color:var(--olive-line)}
.prism-arc-section .sp-arc-wrap{max-width:640px}
@media (min-width:901px){.prism-arc-section .sp-arc{grid-template-columns:repeat(3,1fr);padding:30px 0 0;gap:34px}.prism-arc-section .sp-arc:before{left:0;right:0;top:7px;bottom:auto;width:auto;height:2px}.prism-arc-section .sp-arc li:before{left:0;top:-30px}.prism-arc-section .sp-arc-wrap{max-width:none}}

/* Wisdom on the homepage: a soft olive-mist band */
.sp-wisdom{background:var(--olive-mist)}
.sp-practice,.sp-wisdom .sp-money{background:#f6f3e3}

/* ===== Wisdom pages: same container, same bands ===== */
.wisdom-home{background:radial-gradient(75% 120% at 82% 18%,#164a30 0%,var(--forest-deep) 62%);color:#e9e2cc;padding:clamp(40px,7vw,88px) 0}
.wisdom-home-grid{width:var(--page);max-width:none;margin-inline:auto}
.wisdom-home h1{color:var(--ivory)}
.wisdom-home .wisdom-brand{font-family:var(--serif);font-style:italic;font-size:20px;letter-spacing:0;text-transform:none;color:var(--gold-hi)}
.wisdom-home .wisdom-intro,.wisdom-home .wisdom-welcome{color:#d6cdb2}
.wisdom-home .button.dark{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-color:transparent;color:#2a1d00}
.wisdom-art-img,.wisdom-home-art img{border-radius:28px}
.wisdom-latest{background:linear-gradient(180deg,var(--olive-deep),var(--olive-night));color:#eceed8}
.wisdom-latest-grid{width:var(--page);max-width:none;margin-inline:auto}
.wisdom-latest h2,.wisdom-latest h3{color:#fbf8f0}
.wisdom-latest p{color:#e4e7cc}
.wisdom-feature{border-left-color:var(--gold-hi)}
.wisdom-verse-ref{color:#e6dd9a;font-family:var(--serif);font-style:italic;font-size:18px;letter-spacing:0;text-transform:none}
.wisdom-latest .text-link,.wisdom-archive-link{color:var(--gold-hi);border-bottom-color:#e6c35c88}
.wisdom-wrap{width:var(--page);max-width:none;margin-inline:auto}
.wisdom-signup{background:var(--ivory);border:1px solid var(--line);border-radius:28px;padding:clamp(24px,4vw,44px);max-width:640px;margin-inline:auto}
.wisdom-signup h2{font-size:clamp(28px,3vw,40px)}
.wisdom-entry .wisdom-art{border-radius:24px}
.wisdom-text .source-note a{color:var(--forest)}
.wisdom-text p[lang=sa]{font-family:var(--serif);font-size:clamp(21px,2vw,26px);line-height:1.6;color:var(--forest-ink)}
.wisdom-text em{color:var(--olive)}
.wisdom-latest-grid>div>p{color:#e4e7cc;opacity:1}
.wisdom-signup h2{margin-top:0;padding-top:0;line-height:1.15}
.wisdom-signup{overflow:visible}
.wisdom-home~.section .wisdom-signup{padding-top:clamp(24px,4vw,44px);border:1px solid var(--line)}
/* Values cards: the opened text was pale on ivory. Use readable inks. */
.value-practice p{color:var(--ink-soft,#3f4f44)}
.value-practice:before{background:var(--olive-line)}
.value-cue{color:var(--olive-deep)}
/* Why Dubai: six considerations become a checklist */
.benefit-lead{max-width:640px;color:var(--ink-soft);margin:-8px 0 28px}
.dubai-benefits .benefit{position:relative;display:flex;flex-direction:column;transition:border-color 200ms var(--ease-out,cubic-bezier(.23,1,.32,1)),background-color 200ms var(--ease-out,cubic-bezier(.23,1,.32,1)),transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.benefit-more{display:grid;grid-template-rows:1fr}
.benefit-more-inner{overflow:hidden}
.benefit-q{margin:18px 0 8px;padding-top:16px;border-top:1px solid var(--olive-line);color:var(--forest-ink)!important;font-family:var(--serif);font-size:19px!important;line-height:1.4!important}
.benefit-q span{display:block;font-family:var(--sans,inherit);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive-deep);margin-bottom:4px}
.benefit-note{font-size:15px!important;color:var(--ink-soft)}
.benefit-toggle{margin-top:auto;align-self:flex-start;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--olive-line);background:transparent;color:var(--forest);font:inherit;font-size:15px;cursor:pointer;transition:background-color 200ms var(--ease-out,cubic-bezier(.23,1,.32,1)),color 200ms var(--ease-out,cubic-bezier(.23,1,.32,1)),transform 160ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.benefit-toggle:active{transform:scale(.97)}
.benefit-toggle-on{display:none}
.benefit-toggle[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:var(--ivory)}
.benefit-toggle[aria-pressed=true] .benefit-toggle-on{display:inline}
.benefit-toggle[aria-pressed=true] .benefit-toggle-off{display:none}
.benefit-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.js-benefits .benefit{padding-bottom:24px}
.js-benefits .benefit-more{grid-template-rows:0fr;transition:grid-template-rows 240ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.js-benefits .benefit-more-inner{opacity:0;transition:opacity 200ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.js-benefits .benefit.is-on{background:var(--olive-mist);border-color:var(--olive)}
.js-benefits .benefit.is-on .benefit-more{grid-template-rows:1fr;margin-bottom:18px}
.js-benefits .benefit.is-on .benefit-more-inner{opacity:1}
.benefit-tray{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-top:24px;padding:14px 18px 14px 24px;border-radius:999px;background:var(--forest-deep);color:var(--ivory);box-shadow:0 10px 30px #082a1940;animation:tray-in 240ms var(--ease-out,cubic-bezier(.23,1,.32,1))}
.benefit-tray[hidden]{display:none}
.benefit-tray-count{margin:0;color:var(--ivory)}
.benefit-tray-count strong{font-family:var(--serif);font-size:22px;color:var(--gold-hi)}
.benefit-tray .button{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00;margin-left:auto}
.benefit-clear{background:none;border:0;color:#d6cdb2;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px;padding:0 8px}
@keyframes tray-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.js-benefits .benefit:hover{border-color:var(--olive)}}
@media(max-width:600px){.benefit-tray{border-radius:24px;padding:16px}.benefit-tray .button{margin-left:0;width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.js-benefits .benefit-more,.js-benefits .benefit-more-inner,.benefit-tray{transition:none;animation:none}}
html.no-motion .js-benefits .benefit-more,html.no-motion .js-benefits .benefit-more-inner,html.no-motion .benefit-tray{transition:none;animation:none}
.benefit-more-inner{padding-top:4px}
.benefit-q{margin-top:14px;padding-top:18px}
.js-benefits .benefit.is-on{background:#eef0dd}

/* ===== Round 3: story, Imperial Pacific, Dubai case, numbers, Golden Visa, off-plan ===== */
.sp-tl-item[open] .value-toggle:after,.sp-reason[open] .value-toggle:after,.sp-gv-step[open] .value-toggle:after{transform:rotate(0)}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.sp-story,.sp-imperial,.sp-reasons,.sp-numbers,.sp-gv,.sp-offplan,.sp-strip{padding:clamp(56px,8vw,104px) 0}
.sp-story-grid,.sp-imperial-grid,.sp-numbers-grid,.sp-gv-grid,.sp-offplan-why,.sp-strip-grid,.sp-offplan-grid,.sp-reasons>.wrap{width:var(--page);max-width:none;margin-inline:auto}
.sp-story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,6vw,96px);align-items:start}
.sp-story h2,.sp-imperial h2,.sp-reasons h2,.sp-numbers h2,.sp-gv h2,.sp-offplan h2,.sp-strip h2{font-size:clamp(32px,4vw,58px);margin-bottom:18px}
.sp-story-copy>p{max-width:560px}
.sp-timeline{margin-top:24px;border-top:1px solid var(--line)}
.sp-tl-item{border-bottom:1px solid var(--line)}
.sp-tl-item summary{display:grid;grid-template-columns:84px 1fr 16px;gap:16px;align-items:center;min-height:64px;padding:12px 0;cursor:pointer;transition:color var(--ui-duration) var(--ease-out)}
.sp-tl-year{font-family:var(--serif);font-size:24px;color:var(--gold-ink)}
.sp-tl-label{font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);color:var(--forest-ink)}
.sp-tl-item p{margin:0 0 18px 100px;max-width:520px;color:var(--ink-soft)}
.sp-tl-item summary:hover .sp-tl-label{color:var(--olive)}
.sp-tl-mark{position:relative;width:13px;height:13px}
.sp-tl-mark:before,.sp-tl-mark:after{content:'';position:absolute;background:var(--olive);left:0;top:6px;width:13px;height:1px}
.sp-tl-mark:after{transform:rotate(90deg);transition:transform 200ms var(--ease-out)}
.sp-tl-item[open] .sp-tl-mark:after{transform:rotate(0)}
.sp-tl-item summary:focus-visible,.sp-reason summary:focus-visible,.sp-gv-step summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
@media(max-width:900px){.sp-story-grid{grid-template-columns:1fr}.sp-story-grid .sp-portrait{order:-1;max-width:320px;justify-self:start}.sp-tl-item summary{grid-template-columns:64px 1fr 16px}.sp-tl-item p{margin-left:80px}}

.sp-imperial{background:var(--olive-mist,#e8ebd6)}
.sp-imperial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,96px);align-items:start}
.sp-imperial-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--olive-line,#c9cfa6)}
.sp-imperial-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding:22px 0;border-bottom:1px solid var(--olive-line,#c9cfa6)}
.sp-imperial-n{grid-row:span 2;font-family:var(--serif);font-size:28px;color:var(--olive-deep,#46532a)}
.sp-imperial-steps h3{font-size:clamp(22px,2vw,28px);margin:0 0 4px}
.sp-imperial-steps p{margin:0;color:var(--ink-soft)}
@media(max-width:900px){.sp-imperial-grid{grid-template-columns:1fr}}

.sp-offplan-cta{background:radial-gradient(70% 140% at 85% 0%,#164a30 0%,var(--forest-deep) 62%);color:#e9e2cc;padding:clamp(56px,8vw,104px) 0}
.sp-offplan-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);align-items:center}
.sp-offplan-cta .eyebrow{color:var(--gold-hi)!important}
.sp-offplan-cta h2{color:var(--ivory);font-size:clamp(34px,4.6vw,66px)}
.sp-offplan-copy p{color:#d6cdb2;font-size:clamp(17.5px,1.4vw,20px);max-width:520px}
.sp-offplan-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:22px}
.sp-offplan-cta .button{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#2a1d00}
.sp-offplan-cta .hero-secondary{color:var(--gold-hi);border-bottom:1px solid #e6c35c88;margin:0}
@media(max-width:900px){.sp-offplan-grid{grid-template-columns:1fr}}

.sp-reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start;margin-top:32px}
.sp-reason{border:1px solid var(--line);border-radius:24px;background:var(--ivory);transition:border-color 200ms var(--ease-out),background-color 200ms var(--ease-out)}
.sp-reason[open]{background:#eef0dd;border-color:var(--olive)}
.sp-reason summary{display:flex;flex-direction:column;gap:6px;padding:26px 24px 22px;cursor:pointer;min-height:300px}
.sp-reason-fig{font-family:var(--serif);font-size:clamp(40px,4vw,58px);line-height:1;color:var(--forest-ink);font-variant-numeric:tabular-nums}
.sp-reason-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive-deep,#46532a);margin-bottom:8px}
.sp-reason-body{color:var(--ink-soft);font-size:16px;line-height:1.6}
.sp-reason-cue{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--forest)}
.sp-reason-more{padding:0 24px 24px}
.sp-reason-more p{font-size:15.5px;color:var(--ink-soft);border-top:1px solid var(--olive-line,#c9cfa6);padding-top:16px;margin-top:0}
.sp-fineprint{margin-top:22px;font-size:14px;color:var(--ink-soft)}
@media(hover:hover) and (pointer:fine){.sp-reason:hover{border-color:var(--olive)}}
@media(max-width:1100px){.sp-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-reason summary{min-height:0}}
@media(max-width:600px){.sp-reason-grid{grid-template-columns:1fr}}

.sp-strip{background:var(--ivory);border-block:1px solid var(--line)}
.sp-strip-grid{display:grid;grid-template-columns:1fr 2fr;gap:clamp(24px,5vw,72px);align-items:center}
.sp-strip h2{margin:0}
.sp-strip-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sp-strip-list li{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--olive-line,#c9cfa6);padding-left:16px}
.sp-strip-fig{font-family:var(--serif);font-size:clamp(28px,2.6vw,40px);color:var(--forest-ink);line-height:1.05}
.sp-strip-label{font-size:14.5px;color:var(--ink-soft);line-height:1.4}
.sp-strip-link{grid-column:1/-1}
@media(max-width:900px){.sp-strip-grid{grid-template-columns:1fr}.sp-strip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.sp-numbers{background:linear-gradient(180deg,var(--olive-night,#2f3a1c),var(--forest-deep));color:#e9e2cc}
.sp-numbers-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,96px);align-items:start}
.sp-numbers .eyebrow{color:var(--gold-hi)!important}
.sp-numbers h2{color:var(--ivory)}
.sp-numbers-head p{color:#d6cdb2;max-width:460px}
.sp-calc{background:var(--paper);color:var(--ink);border-radius:28px;padding:clamp(22px,3vw,36px);display:grid;gap:14px}
.sp-field{display:grid;gap:6px;font-size:14px;color:var(--ink-soft)}
.sp-field input,.sp-field select{font:inherit;font-size:20px;color:var(--forest-ink);background:#fffdf6;border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:52px;width:100%;font-variant-numeric:tabular-nums}
.sp-field select{font-size:16px}
.sp-field input:focus,.sp-field select:focus{outline:2px solid var(--gold);outline-offset:2px}
.sp-range{width:100%;accent-color:var(--olive-deep,#46532a);margin:2px 0 6px}
.sp-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 0}
.sp-results>div{background:#eef0dd;border-radius:16px;padding:14px 16px}
.sp-results dt{font-size:13px;color:var(--ink-soft);line-height:1.35}
.sp-results dt small{display:block;font-size:12px;opacity:.85}
.sp-results dd{margin:4px 0 0;font-family:var(--serif);font-size:clamp(22px,2.2vw,30px);color:var(--forest-ink);font-variant-numeric:tabular-nums}
.sp-result-wide{grid-column:1/-1}
.sp-results .sp-visa{font-size:clamp(18px,1.7vw,22px)}
.sp-calc-note{font-size:14px;color:var(--ink-soft);margin:0}
.sp-calc .button{justify-self:start;margin-top:4px}
@media(max-width:900px){.sp-numbers-grid{grid-template-columns:1fr}}
@media(max-width:480px){.sp-results{grid-template-columns:1fr}}

.sp-gv-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,6vw,96px);align-items:start}
.sp-gv-catch{background:#eef0dd;border-left:3px solid var(--olive);border-radius:6px 16px 16px 6px;padding:14px 18px;margin:18px 0 22px;color:var(--ink-soft);font-size:16px}
.sp-gv-catch strong{color:var(--forest-ink)}
.sp-gv-steps{border-top:1px solid var(--line)}
.sp-gv-step{border-bottom:1px solid var(--line)}
.sp-gv-step summary{display:grid;grid-template-columns:40px 1fr 16px;gap:14px;align-items:center;min-height:72px;padding:14px 0;cursor:pointer}
.sp-gv-n{font-family:var(--serif);font-size:26px;color:var(--gold-ink)}
.sp-gv-title{font-family:var(--serif);font-size:clamp(21px,2vw,28px);color:var(--forest-ink)}
.sp-gv-step p{margin:0 0 20px 54px;max-width:520px;color:var(--ink-soft)}
@media(max-width:900px){.sp-gv-grid{grid-template-columns:1fr}}

.sp-offplan{background:var(--ivory);border-top:1px solid var(--line)}
.sp-offplan-why{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,96px);align-items:center}
.sp-offplan-why p{max-width:560px}
.sp-offplan-links{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:8px}
.sp-offplan-art{width:100%;height:auto}
@media(max-width:900px){.sp-offplan-why{grid-template-columns:1fr}}

.oracle-video{position:relative;display:block}
.oracle-video img:not(.atlas-art){display:block;width:100%;height:auto}
.oracle-play{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none}
.oracle-play span{width:76px;height:76px;border-radius:50%;background:var(--forest-deep);box-shadow:0 10px 30px #082a1944;transition:transform 160ms var(--ease-out),background-color 200ms var(--ease-out);position:relative}
.oracle-play span:after{content:'';position:absolute;left:31px;top:23px;border-left:22px solid var(--gold-hi);border-top:15px solid transparent;border-bottom:15px solid transparent}
.oracle-play:hover span{background:var(--forest)}.oracle-play:active span{transform:scale(.97)}
.oracle-play:focus-visible span{outline:2px solid var(--gold);outline-offset:4px}
.oracle-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:18px;background:#000}
@media(prefers-reduced-motion:reduce){.sp-tl-mark:after,.oracle-play span{transition:none}}
html.no-motion .sp-tl-mark:after,html.no-motion .oracle-play span{transition:none}

/* Optional section art (placed when the new illustrations arrive) */
.sp-section-art{display:block;width:min(420px,100%);height:auto;margin-top:28px}
.wisdom-signup .interests{border:0;padding:0;margin:14px 0 6px}.wisdom-signup .interests legend{font-weight:600;margin-bottom:6px}.wisdom-signup .interests .consent{margin:8px 0}

/* ORACLE panel: the picture inside the wrapper is absolutely placed, so the wrapper needs a real box.
   Desktop: wrapper fills the right side of the panel; text stays clickable. Phone: wrapper sits under the text. */
@media(min-width:761px){
 .atlas-panel .oracle-video{position:absolute;inset:0 0 0 auto;width:58%;height:100%}
 .atlas-panel .oracle-video .atlas-art{inset:0;width:100%;height:100%}
 .atlas-panel .oracle-play{pointer-events:none}
 .atlas-panel .oracle-play span{pointer-events:auto}
 .atlas-panel .oracle-video iframe{inset:auto 0 auto auto;top:50%;transform:translateY(-50%);width:100%;height:auto;aspect-ratio:16/9;z-index:2}
}
@media(max-width:760px){
 .atlas-panel .oracle-video{order:2;width:100%}
 .atlas-panel .oracle-video .atlas-art{width:100%}
 .atlas-panel .oracle-video iframe{aspect-ratio:16/9;height:auto;border-radius:0}
}

/* ===== New RadheyShyam logo family: header (horizontal), footer (stacked), article corner mark (symbol) ===== */
html .header .brand{width:auto;flex:none}
html .header .brand img{width:auto;height:56px;max-width:100%;aspect-ratio:1340/271;object-fit:contain}
@media(max-width:1100px){html .header .brand img{height:46px}}
@media(max-width:600px){html .header .brand{width:auto}html .header .brand img{height:34px}}
html .footer .brand,html .footer-refined .footer-logo{width:190px;max-width:100%;flex:none}
html .footer .brand img,html .footer-refined .footer-logo img{width:100%;height:auto;aspect-ratio:1000/995;object-fit:contain}
@media(max-width:600px){html .footer .brand,html .footer-refined .footer-logo{width:150px}}
html .article-mark,html .article-art .article-mark,html .article-card .article-mark,html .archive .article-mark,html .reading .article-mark{aspect-ratio:1000/780;mix-blend-mode:normal;opacity:1}
html .brand img,html .article-mark{filter:none}
html .header .brand img{height:60px}
@media(max-width:1100px){html .header .brand img{height:48px}}
@media(max-width:600px){html .header .brand img{height:36px}}