/* Naadova design system. Black, white and gold. */
:root{
  --black:#000000;
  --panel:#15120E;
  --panel-2:#1E1A14;
  --gold:#A27A3E;
  --gold-hi:#D9B574;
  --bone:#F2ECE2;
  --bone-2:#E7DED0;
  --smoke:#9A9286;
  --ink:#171310;
  --line:rgba(242,236,226,.13);
  --line-dark:rgba(23,19,16,.14);
  --ok:#7FB28A;
  --serif:"Cormorant Garamond","Cormorant",Garamond,"Times New Roman",serif;
  --sans:"Sora","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --deva:"Tiro Devanagari Sanskrit","Noto Serif Devanagari",serif;
  --step--1:clamp(.84rem,.8rem + .15vw,.92rem);
  --step-0:clamp(1rem,.96rem + .2vw,1.1rem);
  --step-1:clamp(1.25rem,1.1rem + .6vw,1.6rem);
  --step-2:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);
  --step-3:clamp(2.4rem,1.6rem + 3.4vw,4.4rem);
  --step-4:clamp(3.2rem,2rem + 6vw,7.4rem);
  --r-sm:6px; --r-md:14px; --r-lg:28px;
  --ease:cubic-bezier(.2,.7,.2,1);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--bone);font-family:var(--sans);font-size:var(--step-0);line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--gold-hi);text-underline-offset:3px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
::selection{background:var(--gold);color:#000}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#000;padding:8px 14px;border-radius:999px;z-index:100}
.skip:focus{left:12px}

.wrap{width:min(1240px,100% - 2*clamp(18px,4vw,48px));margin-inline:auto}
.narrow{width:min(760px,100% - 2*clamp(18px,4vw,48px));margin-inline:auto}

h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.02}
.display{font-family:var(--serif);font-weight:300;font-size:var(--step-4);letter-spacing:-.02em;line-height:.95}
.h2{font-family:var(--serif);font-weight:300;font-size:var(--step-3);letter-spacing:-.015em}
.h3{font-family:var(--serif);font-weight:400;font-size:var(--step-2)}
.h4{font-family:var(--sans);font-weight:500;font-size:var(--step-1);letter-spacing:-.01em}
.lede{font-size:var(--step-1);font-weight:300;color:#D6CEC1;max-width:36ch;line-height:1.45}
.muted{color:var(--smoke)}
.small{font-size:var(--step--1);color:var(--smoke)}
.deva{font-family:var(--deva)}
.kicker{font-family:var(--serif);font-style:italic;font-size:var(--step-1);color:var(--gold-hi);margin:0 0 .6rem}
.num{font-variant-numeric:tabular-nums}

/* nav: a thin gold line, then a solid header that is clearly separate from the page */
.goldline{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:41;background:linear-gradient(90deg,#6E5228,#D9B574 30%,#F2D9A2 50%,#D9B574 70%,#6E5228)}
.nav{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 3px) 0 auto 0;z-index:40;background:#100D09;border-bottom:1px solid rgba(217,181,116,.28);box-shadow:0 10px 30px -18px rgba(0,0,0,.9)}
.nav .in{display:flex;align-items:center;gap:32px;height:86px}
.nav .brand img{height:42px;width:auto}
.nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex:1}
.nav ul a{display:block;padding:9px 14px;border-radius:999px;color:var(--bone);text-decoration:none;font-size:1.06rem;font-weight:400;letter-spacing:.01em}
.nav ul a:hover{color:var(--gold-hi)}
.nav ul a[aria-current="page"]{color:var(--gold-hi);background:rgba(162,122,62,.14)}
.nav .act{display:flex;gap:10px;align-items:center}
.nav .burger{display:none;background:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px}
@media (max-width:1100px){
  .nav ul{display:none;position:absolute;top:86px;left:0;right:0;flex-direction:column;background:#100D09;padding:12px clamp(18px,4vw,48px) 24px;border-bottom:1px solid var(--line)}
  .nav.open ul{display:flex}
  .nav ul a{font-size:1.2rem;padding:12px 0}
  .nav .burger{display:inline-block}
  .nav .act .hide-s{display:none}
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 100px)}
/* buttons: bright gold; hover reverses to an outline. Ghost does the opposite. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:999px;border:1.5px solid var(--gold-hi);background:var(--gold-hi);color:#000;font-weight:500;font-size:1rem;text-decoration:none;letter-spacing:.01em;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.btn:hover,.btn:focus-visible{background:transparent;color:var(--gold-hi)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:transparent;color:var(--gold-hi);border-color:var(--gold-hi)}
.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--gold-hi);color:#000}
.btn.sm{padding:9px 18px;font-size:.92rem}
.btn.ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.ink:hover{background:transparent;color:var(--ink)}
.btn svg{width:18px;height:18px}
/* on light backgrounds */
.w .btn,.sec.bone .btn,.foot .btn{background:#C9A35E;border-color:#C9A35E;color:#000}
.w .btn:hover,.sec.bone .btn:hover{background:#fff;color:#7A5A28;border-color:#C9A35E}
.w .btn.ghost,.sec.bone .btn.ghost{background:#fff;color:var(--ink);border-color:#BDB4A6}
.w .btn.ghost:hover,.sec.bone .btn.ghost:hover{background:#C9A35E;border-color:#C9A35E;color:#000}

/* sections */
.sec{padding:clamp(80px,11vw,160px) 0;position:relative}
.sec.bone{background:var(--bone);color:var(--ink)}
.sec.bone .muted,.sec.bone .small{color:#6C6458}
.sec.bone .kicker{color:var(--gold)}
.sec.panel{background:var(--panel)}
.rule{height:1px;background:var(--line);border:0;margin:0}
.grid{display:grid;gap:clamp(16px,2vw,28px)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}

/* forms */
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field label{font-size:.88rem;color:var(--smoke)}
.input,.select,.textarea{width:100%;background:rgba(242,236,226,.04);border:1px solid var(--line);border-radius:10px;padding:13px 14px;font-size:1rem;color:var(--bone)}
.input:focus,.select:focus,.textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(162,122,62,.25)}
.textarea{min-height:120px;resize:vertical}
.select option{background:#000}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;margin:8px 0}
.chk input{accent-color:var(--gold);margin-top:5px;width:16px;height:16px}

/* chips */
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--bone);font-size:.88rem}
.chip[aria-pressed="true"]{border-color:var(--gold);color:var(--gold-hi);background:rgba(162,122,62,.12)}
.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:500;background:rgba(162,122,62,.16);color:var(--gold-hi)}

/* footer: light, so the page ends calmly */
.foot{background:#F7F3EC;color:#4A4239;border-top:3px solid var(--gold);padding:72px 0 calc(env(safe-area-inset-bottom,0px) + 36px);font-size:.93rem}
.foot .cols{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:32px}
.foot h4{font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink);margin-bottom:12px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:7px 0}
.foot a{color:#4A4239;text-decoration:none}
.foot a:hover{color:var(--gold)}
.foot .legal{margin-top:48px;padding-top:22px;border-top:1px solid var(--line-dark);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.82rem;color:#6C6458}
.foot .legal nav{display:flex;gap:18px;flex-wrap:wrap}
.foot .select{background:#fff;color:var(--ink);border-color:var(--line-dark)}
@media (max-width:820px){.foot .cols{grid-template-columns:1fr 1fr}}
/* photo slot (replace with real photography) */
.photo{position:relative;overflow:hidden;border-radius:var(--r-md);background:radial-gradient(120% 90% at 30% 20%,#3A2C18 0%,#14100B 55%,#000 100%)}
.photo::after{content:attr(data-photo);position:absolute;left:14px;bottom:12px;font-size:.75rem;color:rgba(242,236,226,.45)}
.photo img{width:100%;height:100%;object-fit:cover}

.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);transform:translate(-50%,20px);background:var(--bone);color:#000;padding:12px 22px;border-radius:999px;font-size:.95rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease);z-index:90}
.toast.on{opacity:1;transform:translate(-50%,0)}
.proto{font-size:.74rem;text-align:center;color:#000;background:var(--gold);padding:3px 8px;position:relative;z-index:41}

@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}

/* ---------- inner pages ---------- */
.phero{position:relative;padding:calc(89px + clamp(64px,10vw,130px)) 0 clamp(48px,7vw,90px);overflow:hidden;border-bottom:1px solid var(--line)}
.phero canvas.rings{position:absolute;right:-8vw;top:50%;transform:translateY(-50%);width:min(70vw,820px);height:min(70vw,820px);pointer-events:none;opacity:.9}
.phero .in{position:relative;max-width:760px}
.phero h1{font-family:var(--serif);font-weight:300;font-size:var(--step-4);letter-spacing:-.02em;line-height:.95}
.phero .lede{margin-top:22px}
.crumbs{font-size:.84rem;color:var(--smoke);margin-bottom:18px}
.crumbs a{color:var(--smoke);text-decoration:none}
.tabsbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 28px}
.card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:24px}
.card h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin-bottom:8px;line-height:1.1}
.card p{color:#CFC7BA;margin:.4em 0}
.sec.bone .card{background:#FBF7F0;border-color:var(--line-dark)}
.sec.bone .card p{color:#5C5449}
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:980px){.cols-3,.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}
.meta{font-size:.82rem;color:var(--gold-hi);font-weight:500}
.price{font-family:var(--serif);font-size:1.8rem;font-weight:400}
.list{list-style:none;margin:0;padding:0}
.list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}
table.t{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}
table.t th,table.t td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
table.t th{font-weight:500;color:var(--smoke);font-size:.82rem;background:rgba(242,236,226,.02)}
table.t tr:last-child td{border-bottom:0}
.sec.bone .tbl{border-color:var(--line-dark)} .sec.bone table.t th,.sec.bone table.t td{border-color:var(--line-dark)}
.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:0}
.steps li{counter-increment:st;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(st);font-family:var(--serif);font-size:2.6rem;font-weight:300;color:var(--gold-hi);line-height:1}
.steps h3{font-family:var(--sans);font-weight:500;font-size:1.05rem;margin-bottom:4px}
.steps p{margin:0;color:#CFC7BA}
.sec.bone .steps li{border-color:var(--line-dark)} .sec.bone .steps p{color:#5C5449}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.side{position:sticky;top:96px;align-self:start}
.layout-side{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px}
@media (max-width:900px){.layout-side{grid-template-columns:1fr}.side{position:static}}
.fgroup{border-bottom:1px solid var(--line);padding:14px 0}
.fgroup h4{font-family:var(--sans);font-size:.86rem;font-weight:500;color:var(--bone);margin-bottom:8px}
.avatar{width:72px;height:72px;border-radius:50%;flex:none}
.avatar::after{display:none}
.tag{display:inline-block;font-size:.76rem;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:#CFC7BA}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.spread{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.stack>*+*{margin-top:12px}
.notice{border-left:3px solid var(--gold);background:rgba(162,122,62,.1);padding:14px 16px;border-radius:6px;font-size:.94rem}
.playbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold-hi);display:grid;place-items:center;flex:none}
.playbtn:hover{background:var(--gold);color:#000}
.playbtn svg{width:18px;height:18px}
.wave{height:34px;display:flex;gap:2px;align-items:center;flex:1}
.wave i{flex:1;background:rgba(217,181,116,.35);border-radius:2px}
.wave.on i{background:var(--gold-hi)}

/* modal and drawer */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}
.scrim.on{opacity:1;pointer-events:auto}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);width:min(620px,92vw);max-height:88vh;overflow:auto;background:#0E0C09;border:1px solid var(--line);border-radius:22px;padding:30px;z-index:61;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}
.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.modal .x,.drawer .x{float:right;background:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(440px,100%);background:#0E0C09;border-left:1px solid var(--line);z-index:61;transform:translateX(102%);transition:transform .3s var(--ease);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px)}
.drawer.on{transform:none}
.cartbtn{position:relative}
.cartbtn .n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;background:var(--gold-hi);color:#000;font-size:.72rem;display:grid;place-items:center;padding:0 5px;font-weight:600}
.cartbtn .n[hidden]{display:none}

/* dashboards */
.dash{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100svh;padding-top:89px}
.dnav{border-right:1px solid var(--line);padding:28px 18px;position:sticky;top:89px;height:calc(100svh - 89px);overflow:auto;background:#060504}
.dnav .who{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.dnav .who .avatar{width:44px;height:44px}
.dnav a{display:block;padding:9px 12px;border-radius:10px;color:#CFC7BA;text-decoration:none;font-size:.92rem}
.dnav a:hover{background:rgba(242,236,226,.05);color:var(--bone)}
.dnav a.on{background:rgba(162,122,62,.16);color:var(--gold-hi)}
.dnav h5{font-size:.74rem;color:var(--smoke);font-weight:500;margin:20px 12px 6px}
.dmain{padding:32px clamp(18px,3vw,44px) 80px;min-width:0}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.dhead h1{font-family:var(--serif);font-weight:300;font-size:var(--step-3)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}
.kpi{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;background:var(--panel)}
.kpi span{font-size:.8rem;color:var(--smoke)}
.kpi b{display:block;font-family:var(--serif);font-size:2.3rem;font-weight:400;line-height:1.1;margin-top:4px}
.kpi small{font-size:.78rem;color:var(--ok)}
.kpi small.down{color:#E08A6A}
.dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.dgrid.even{grid-template-columns:1fr 1fr}
.panelbox{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);padding:20px;min-width:0}
.panelbox h2{font-family:var(--sans);font-weight:500;font-size:1rem;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.chart{width:100%;height:220px;display:block}
.bar{height:8px;border-radius:999px;background:rgba(242,236,226,.08);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-hi))}
.pill{display:inline-block;font-size:.74rem;padding:2px 9px;border-radius:999px;font-weight:500}
.pill.ok{background:rgba(127,178,138,.16);color:#9FD3A8}
.pill.wait{background:rgba(217,181,116,.16);color:var(--gold-hi)}
.pill.no{background:rgba(224,138,106,.16);color:#F0A88C}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dgrid,.dgrid.even{grid-template-columns:1fr}}
@media (max-width:820px){.dash{grid-template-columns:1fr}.dnav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto;padding:14px}.dnav .who,.dnav h5{display:none}.dnav a{white-space:nowrap}}

/* ---------- light inner pages (match the home page) ---------- */
.w{background:#fff;color:var(--ink)}
.w h1,.w h2,.w h3,.w .h2,.w .h3{color:#111}
.w .lede,.w .muted{color:#5C5449}
.w .small{color:#6C6458}
.w .kicker{color:#9A7434}
.w a{color:#7A5A28}
.w .sec{padding:clamp(72px,9vw,120px) 0}
.w .sec.panel,.w .sec.bone{background:linear-gradient(180deg,#fff 0%,#FBF8F2 18%,#FBF8F2 82%,#fff 100%);color:var(--ink)}
.w .card{background:#fff;border-color:#E3DACB;color:var(--ink)}
.w .card p{color:#5C5449}
.w .field label,.w .fs legend{color:#4A4239}
.w .input,.w .select,.w .textarea{background:#fff;border-color:#D8CFC0;color:var(--ink)}
.w .select option{background:#fff;color:var(--ink)}
.w .chip{border-color:#D8CFC0;color:var(--ink)}
.w .chip[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.w .badge{background:#F6EFE2;color:#7A5A28}
.w .tbl{border-color:#E3DACB}
.w table.t th,.w table.t td{border-color:#EEE7DB}
.w table.t th{color:#6C6458;background:#FBF8F2}
.w .steps li{border-color:#EEE7DB}
.w .steps p{color:#5C5449}
.w .steps li::before{color:#A27A3E}
.w .list li,.w .fgroup{border-color:#EEE7DB}
.w .fgroup h4{color:#111}
.w .tag{border-color:#D8CFC0;color:#5C5449}
.w .notice{background:#FBF6EC;color:#3E372F}
.w .meta{color:#9A7434}
.w .price{color:#111}
.w .playbtn{color:#7A5A28;border-color:#C9A35E}
.w .wave i{background:rgba(162,122,62,.3)}
.w .photo{background:radial-gradient(120% 90% at 30% 20%,#EFE4CE 0%,#D9C6A2 60%,#BFA77E 100%)}
.w .photo::after{color:rgba(40,28,10,.55)}
.w .rule{background:#EEE7DB}
.w .kpi,.w .panelbox{background:#fff;border-color:#E3DACB}
.w .avatar{background:radial-gradient(120% 90% at 30% 20%,#F2EADB,#DCCBAA)}

/* photo page header */
.phero.ph{background-color:#000;background-size:cover;background-position:center;min-height:min(64vh,620px);display:flex;align-items:flex-end;border-bottom:0}
.phero.ph::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.15) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}
.phero.ph canvas.rings{opacity:.45}
.phero.ph .wrap{position:relative;width:min(1240px,100% - 2*clamp(18px,4vw,48px))}
.phero.ph h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.phero.ph .lede{color:#EDE5D8}
.phero.ph .crumbs,.phero.ph .crumbs a{color:rgba(255,255,255,.7)}

/* shared section heading */
.sechead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.sechead .lede{max-width:46ch}
@media (max-width:900px){.sechead{grid-template-columns:1fr}}

/* forms */
.narrow-form{max-width:860px}
.formcard{background:#fff;border:1px solid #E3DACB;border-radius:22px;padding:clamp(22px,4vw,44px);box-shadow:0 30px 60px -40px rgba(60,40,10,.35)}
.fs{border:0;padding:0;margin:4px 0 16px}
.fs legend{font-size:.88rem;margin-bottom:6px;padding:0}
.chkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 16px}
@media (max-width:700px){.chkgrid{grid-template-columns:1fr 1fr}}

/* cards with icons, ways, steps */
.hic{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#D9B574,#A27A3E);display:grid;place-items:center;margin-bottom:14px;box-shadow:0 10px 22px -12px rgba(122,90,40,.7)}
.hic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefits .card h3,.ways-c .card h3{font-size:1.45rem}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.way{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid #E3DACB;border-radius:18px;overflow:hidden;background:#fff}
.way .wimg{background-size:cover;background-position:center;min-height:200px}
.way .wb{padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.way h3{font-family:var(--serif);font-weight:500;font-size:1.7rem;line-height:1.05}
.way p{margin:0;color:#5C5449;font-size:.95rem}
.way .btn{align-self:flex-start;margin-top:auto}
.best{font-size:.88rem!important}
.wc{display:flex;flex-direction:column;gap:6px}
.wc .btn{align-self:flex-start;margin-top:auto}
@media (max-width:900px){.ways{grid-template-columns:1fr}.way{grid-template-columns:120px minmax(0,1fr)}}
.cols-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.cols-steps li{grid-template-columns:1fr;border-top:2px solid #E3DACB}
@media (max-width:900px){.cols-steps{grid-template-columns:1fr}}
.timeline .mins{display:inline-block;font-family:var(--serif);font-size:2.2rem;color:#A27A3E;line-height:1}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{padding:12px 0 12px 32px;border-bottom:1px solid #EEE7DB;position:relative}
.ticks li::before{content:"";position:absolute;left:4px;top:18px;width:14px;height:8px;border-left:2px solid #A27A3E;border-bottom:2px solid #A27A3E;transform:rotate(-45deg)}
.faq details{border-bottom:1px solid #EEE7DB;padding:14px 0}
.faq summary{cursor:pointer;font-weight:500;color:#111}
.faq p{color:#5C5449;margin:8px 0 0}
.w{color-scheme:light}
.chk{display:block;position:relative;padding-left:28px}
.chk input{position:absolute;left:0;top:4px;margin:0}

/* ===== v3 additions (Oct 2026) ===== */
/* dropdown menu */
.nav ul li.dd{position:relative}
.nav ul li.dd>button{background:none;border:0;display:block;padding:9px 14px;border-radius:999px;color:var(--bone);font-size:1.06rem;font-weight:400;cursor:pointer}
.nav ul li.dd>button::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:9px}
.nav ul li.dd>button:hover{color:var(--gold-hi)}
.nav ul .sub{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#100D09;border:1px solid rgba(217,181,116,.28);border-radius:14px;padding:8px;list-style:none;margin:6px 0 0;box-shadow:0 18px 40px -18px #000}
.nav ul li.dd:hover .sub,.nav ul li.dd:focus-within .sub,.nav ul li.dd.open .sub{display:block}
.nav ul .sub a{padding:9px 14px;border-radius:10px;font-size:1rem}
.nav ul .sub a:hover{background:rgba(162,122,62,.14)}
@media (max-width:1100px){.nav ul .sub{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 14px;margin:0}.nav ul li.dd>button{padding:12px 0;font-size:1.2rem}.nav ul li.dd>button::after{display:none}}
/* coloured card headings with icons */
.w .card.ic h3{color:#7A5A28;font-family:var(--sans);font-weight:500;font-size:1.15rem;letter-spacing:-.005em;margin:14px 0 8px}
.w .card.ic .hic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#F6EFE2}
.w .card.ic .hic svg{width:24px;height:24px;stroke:#7A5A28;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.w .darkh .h2,.w .darkh h2{color:#111}
.w .card h3.tt{color:#7A5A28}
/* tinted tiles */
.w .card.t1{background:#FBF6EC;border-color:#EFE3CC}.w .card.t2{background:#F3F7F1;border-color:#DEE8D9}
.w .card.t3{background:#F7F2F8;border-color:#E8DDEB}.w .card.t4{background:#F1F5F9;border-color:#DCE5EE}
/* course cards */
.ccards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
@media (max-width:1100px){.ccards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ccards{grid-template-columns:1fr}}
.cc{display:flex;flex-direction:column;background:#fff;border:1px solid #E3DACB;border-radius:18px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.cc:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(60,40,10,.45)}
.cc .im{aspect-ratio:4/3;background:#EFE4CE center/cover no-repeat;position:relative}
.cc .im .cat{position:absolute;left:12px;top:12px;background:#111;color:#fff;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.cc .bd{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cc h3{font-family:var(--serif);font-size:1.55rem;line-height:1.08;color:#111}
.cc .hrs{font-size:.86rem;color:#7A5A28;font-weight:500}
.cc p{color:#5C5449;font-size:.95rem;margin:0}
.cc .ft{margin-top:auto;padding-top:12px;border-top:1px solid #EEE7DB;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cc .pr{font-family:var(--serif);font-size:1.6rem;color:#111}.cc .pr small{font-family:var(--sans);font-size:.75rem;color:#6C6458;display:block}
/* pathway */
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:p}
.path>div{position:relative;padding:22px 20px;border:1px solid #E3DACB;background:#fff}
.path>div:first-child{border-radius:16px 0 0 16px}.path>div:last-child{border-radius:0 16px 16px 0}
.path>div::before{counter-increment:p;content:"0" counter(p);font-family:var(--serif);font-size:2.2rem;color:#C9A35E;display:block;line-height:1}
.path h3{font-family:var(--sans);font-weight:500;font-size:1.05rem;color:#111;margin:8px 0 4px}.path p{margin:0;color:#5C5449;font-size:.92rem}
@media (max-width:900px){.path{grid-template-columns:1fr 1fr}.path>div{border-radius:0!important}}
/* events */
.evs{display:grid;gap:18px}
.ev{display:grid;grid-template-columns:200px 92px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid #E3DACB;border-radius:18px;overflow:hidden;padding-right:22px}
.ev .th{height:100%;min-height:130px;background:#EFE4CE center/cover}
.ev .dt{text-align:center;font-family:var(--serif);color:#111;line-height:1}.ev .dt b{display:block;font-size:2.6rem;font-weight:400}.ev .dt span{font-family:var(--sans);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#7A5A28}
.ev h3{font-family:var(--serif);font-size:1.5rem;color:#111;margin:4px 0 6px}.ev .mt{color:#5C5449;font-size:.92rem;margin:0}
.ev .tp{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#7A5A28}
@media (max-width:900px){.ev{grid-template-columns:110px 1fr;padding:0 0 18px}.ev .th{grid-row:span 2;min-height:100%}.ev .dt{text-align:left}.ev .go{grid-column:2}}
/* logos */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.logos .lg{background:#fff;border:1px solid #E3DACB;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.logos .lg img{height:62px;width:auto;object-fit:contain}
.logos .lg b{color:#111;font-weight:500}.logos .lg span{font-size:.88rem;color:#5C5449}
/* vertical quote */
.vq{border-left:3px solid #C9A35E;padding:6px 0 6px 22px;margin:18px 0}
.vq p{font-family:var(--serif);font-style:italic;font-size:1.7rem;line-height:1.25;margin:0}
.vq span{display:block;margin-top:8px;font-size:.92rem;opacity:.75}
/* brand badges (logo placeholders) */
.brands{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.brands .bb{display:inline-flex;align-items:center;gap:8px;border:1px dashed #C9B48E;border-radius:12px;padding:8px 12px;font-size:.82rem;color:#5C5449;background:#fff}
.brands .bb i{font-style:normal;font-weight:600;color:#7A5A28;font-family:var(--serif);font-size:1.1rem}
/* photo grid */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px}
.pgrid .p{background:#EFE4CE center/cover;border-radius:14px}.pgrid .p.big{grid-column:span 2;grid-row:span 2}
@media (max-width:800px){.pgrid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}
/* lessons list */
.lessons{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;list-style:none;margin:0;padding:0;counter-reset:l}
.lessons li{counter-increment:l;display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #EEE7DB;color:#3E372F}
.lessons li::before{content:counter(l,decimal-leading-zero);font-family:var(--serif);font-size:1.3rem;color:#C9A35E;width:30px}
.lessons li .lk{margin-left:auto;font-size:.75rem;color:#7A5A28;border:1px solid #E3DACB;border-radius:999px;padding:2px 9px}
@media (max-width:700px){.lessons{grid-template-columns:1fr}}
.vframe{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111}.vframe iframe{width:100%;height:100%;border:0}
/* faq */
.faqcats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.w .faq details{border-bottom:1px solid #EEE7DB;padding:16px 0}.w .faq summary{cursor:pointer;color:#111;font-weight:500;font-size:1.08rem}
.w .faq details p,.w .faq details li{color:#4A4239}
.w .faqsec{margin-bottom:46px}.w .faqsec h2{font-family:var(--serif);font-size:2.1rem;color:#111;margin-bottom:6px}
/* cta band */
.ctaband{background:#111;color:#fff;border-radius:22px;padding:clamp(28px,4vw,48px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ctaband h2{font-family:var(--serif);font-weight:300;font-size:var(--step-2);color:#fff!important}.ctaband p{color:#D6CEC1;margin:6px 0 0}
.w .ctaband .btn.ghost{background:transparent;color:#fff;border-color:#fff}
/* sector photo cards */
.sector{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #E3DACB}.sector .im{aspect-ratio:16/10;background:#EFE4CE center/cover}.sector .bd{padding:18px}.sector h3{font-family:var(--serif);font-size:1.6rem;color:#111}.sector p{color:#5C5449;margin:6px 0 0}
/* profile */
.prof{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.prof .ph{aspect-ratio:4/5;border-radius:18px;background:#EFE4CE center/cover}
@media (max-width:860px){.prof{grid-template-columns:1fr}}
/* product overlay */
.pimg{position:relative;aspect-ratio:4/3;background:#EFE4CE center/cover}.pimg span{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.68);color:#fff;font-size:.78rem;padding:4px 10px;border-radius:999px}
/* legal readable */
.w .legalsec{padding:30px 0;border-bottom:1px solid #EEE7DB}.w .legalsec h2{font-family:var(--serif);font-size:2rem;color:#111;margin-bottom:10px}.w .legalsec p,.w .legalsec li{color:#3E372F}
.langs{display:flex;gap:10px;flex-wrap:wrap;font-size:.85rem}.langs span{opacity:.6}
.w .otabs{display:flex;gap:6px;flex-wrap:wrap}.w .otabs button{border:1px solid #D8CFC0;background:#fff;border-radius:999px;padding:8px 16px;color:#3E372F}.w .otabs button[aria-selected="true"]{background:#111;color:#fff;border-color:#111}

.brands .bl{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #E3DACB;border-radius:14px;background:#fff;padding:6px}
.brands .bl img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
/* ---- v5 fixes ---- */
.select{-webkit-appearance:none;appearance:none;height:52px;line-height:1.2;padding:0 42px 0 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A5A28' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px}
.input{height:52px}textarea.input,.textarea{height:auto}input[type=file].input{height:auto;padding:12px 14px}input[type=range]{height:auto}
@media (min-width:1101px){.nav ul .sub{margin-top:0;top:100%}.nav ul li.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.nav ul .sub{top:calc(100% + 8px)}}
.askp{position:fixed;right:clamp(14px,2vw,26px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:58;display:flex;align-items:center;gap:14px;background:#3E7B44;color:#fff;text-decoration:none;border-radius:999px;padding:7px 26px 7px 7px;box-shadow:0 10px 30px -8px rgba(0,0,0,.45);font-family:Poppins,var(--sans);font-weight:600;font-size:1.05rem;transition:transform .2s var(--ease)}
.askp:hover{transform:translateY(-2px);color:#fff}
.askp .ap-av{position:relative;width:54px;height:54px;border-radius:50%;background:#FBF4E8;border:3px solid #fff;display:block}
.askp .ap-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.askp .ap-av i{position:absolute;right:-5px;bottom:-4px;width:22px;height:22px;border-radius:50%;background:#3E7B44;border:2px solid #fff;display:grid;place-items:center;color:#fff}
.askp .ap-av i svg{width:12px;height:12px}
@media (max-width:640px){.askp{padding:5px;gap:0}.askp .ap-t{display:none}.askp .ap-av{width:50px;height:50px}}
/* cart drawer and checkout: light theme */
.drawer{background:#fff;color:#171310;border-left-color:#E3DACB;--line:#EEE7DB;--bone:#171310;--smoke:#7A7166}
.drawer .muted,.drawer .small{color:#7A7166}.drawer .chip{border-color:#D8CFC0;color:#171310;background:#fff}.drawer .x{color:#171310;border-color:#D8CFC0}
.scrim{background:rgba(23,19,16,.45)}
body.lightp{background:#F7F3EC}
.lightmain{background:#F7F3EC;color:#171310;--bone:#171310;--line:#E7DFD1;--smoke:#7A7166;--panel:#fff;min-height:70vh}
.lightmain .panelbox{background:#fff;border-color:#E3DACB;color:#171310}
.lightmain .panelbox h2{font-family:var(--serif);font-weight:400;font-size:1.9rem}
.lightmain .input,.lightmain .select,.lightmain .textarea{background-color:#fff;border-color:#D8CFC0;color:#171310}
.lightmain .field label,.lightmain .muted,.lightmain .small{color:#5C5449}
.lightmain .lede{color:#3E372F}.lightmain .h2,.lightmain h1{color:#171310}
.lightmain .t th{color:#6C6458;background:#FBF8F2;border-color:#EEE7DB}.lightmain .t td{border-color:#EEE7DB;color:#171310}
.lightmain .photo{background:radial-gradient(120% 90% at 30% 20%,#EFE4CE 0%,#D9C6A2 60%,#BFA77E 100%)}
.lightmain .notice{background:#FBF6EC;color:#3E372F}.lightmain .crumbs a{color:#7A5A28}
.lightmain .btn.ghost{background:#fff;color:#171310;border-color:#BDB4A6}
/* modals: light */
.modal{background:#fff;color:#171310;border-color:#E3DACB;--bone:#171310;--line:#E7DFD1;--smoke:#7A7166}
.modal .muted,.modal .small{color:#5C5449}.modal .field label{color:#4A4239}.modal .x{color:#171310;border-color:#D8CFC0}
.modal .input,.modal .select,.modal .textarea{background-color:#fff;border-color:#D8CFC0;color:#171310}
.modal .kicker{color:#7A5A28}.modal .btn.ghost{background:#fff;color:#171310;border-color:#BDB4A6}
.modal.wide{width:min(900px,94vw)}
.evm-img{height:180px;border-radius:14px;background:#EFE4CE center/cover;margin:28px 0 16px}
.t.evm{min-width:0;margin-top:14px;font-size:.95rem}.t.evm th{width:34%;color:#6C6458;background:#FBF8F2}.t.evm td,.t.evm th{border-color:#EEE7DB}
.evm-l{margin:0;padding-left:20px;color:#3E372F}.evm-l li{margin:4px 0}
.pqv{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;margin-top:24px}@media(max-width:720px){.pqv{grid-template-columns:1fr}}
/* bigger pathway and event text */
.path>div{padding:26px 24px}.path h3{font-size:1.3rem;line-height:1.25}.path p{font-size:1.05rem;line-height:1.5;margin-top:6px}
.ev h3{font-size:1.85rem}.ev .mt{font-size:1.05rem}.ev .tp{font-size:.85rem}.ev .dt b{font-size:3rem}.ev .dt span{font-size:.9rem}
.ev .go{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* lead faculty card with photo */
.logos .lg.lf img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 25%;max-height:none}
/* free audio cards on home */
.acard{background:#fff;border:1px solid #E3DACB;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.acard .aim{height:170px;background:#EFE4CE center/cover;position:relative}
.acard .aim span{position:absolute;left:14px;top:14px;background:rgba(0,0,0,.55);color:#fff;font-size:.78rem;border-radius:999px;padding:3px 10px}
.acard .abd{padding:18px 20px 20px}.acard h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;color:#111;margin:0 0 4px}.acard p{color:#5C5449;margin:0 0 12px}
.acard audio{width:100%;height:42px}
.modal .photo{background:radial-gradient(120% 90% at 30% 20%,#EFE4CE 0%,#D9C6A2 60%,#BFA77E 100%)}.modal .photo::after{color:rgba(40,28,10,.6)}
.brandcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}@media(max-width:700px){.brandcards{grid-template-columns:1fr}}
.brc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid #E3DACB;border-radius:16px;padding:18px 12px;text-decoration:none;color:#171310}.brc:hover{border-color:#C9A35E}
.brc img{height:84px;width:auto;object-fit:contain}.brc b{display:block;font-weight:500;font-size:.98rem}.brc span{font-size:.82rem;color:#5C5449;line-height:1.35}
select.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A5A28' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px!important;padding-right:42px!important}
/* ---- v6 event cards and compact details ---- */
.evs{display:flex;flex-direction:column;gap:14px}
.ev2{display:grid;grid-template-columns:200px 86px minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid #E3DACB;border-left:4px solid var(--tc);border-radius:18px;overflow:hidden;padding-right:20px;color:#171310;transition:transform .2s,box-shadow .2s}
.ev2:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(23,19,16,.35)}
.ev2-img{align-self:stretch;min-height:150px;background:#EFE4CE center/cover;position:relative}
.ev2-type{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;background:var(--tc);color:#fff;border-radius:999px;padding:4px 11px 4px 8px;font-size:.78rem;font-weight:500;letter-spacing:.02em}
.ev2-type svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ev2-date{text-align:center;border-right:1px solid #EEE7DB;padding-right:16px;line-height:1}
.ev2-date small{display:block;font-size:.78rem;color:#8A8174;text-transform:uppercase;letter-spacing:.1em}
.ev2-date b{display:block;font-family:var(--serif);font-weight:400;font-size:3.2rem;color:var(--tc);margin:4px 0}
.ev2-date span{font-size:.8rem;letter-spacing:.14em;color:#5C5449}
.ev2-main h3{font-family:var(--serif);font-weight:500;font-size:1.75rem;line-height:1.1;margin:0 0 10px;color:#171310}
.ev2-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.98rem;color:#4A4239;margin-bottom:12px}
.ev2-meta span{display:inline-flex;align-items:center;gap:6px}.ev2-meta .fee{font-weight:600;color:#171310}
.evi{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--tc,#A27A3E)}
.ev2-who{display:inline-flex;align-items:center;gap:10px;border:1px solid #E3DACB;background:#FBF8F2;border-radius:999px;padding:4px 12px 4px 4px;font-size:.92rem;color:#171310;text-align:left}
.ev2-who:hover{border-color:var(--tc,#A27A3E)}
.ev2-who small{display:block;font-size:.74rem;color:#7A7166}.ev2-who b{font-weight:600}
.ev2-who em{font-style:normal;font-size:.72rem;color:#fff;background:var(--tc,#A27A3E);border-radius:999px;padding:2px 8px;margin-left:4px}
.av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#E9DCC2;display:grid;place-items:center;flex:none}
.av img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.av i{font-style:normal;font-weight:600;color:#7A5A28;font-size:.85rem}
.av.big{width:84px;height:84px}.av.big i{font-size:1.4rem}
.ev2-go{display:flex;flex-direction:column;gap:8px}
@media(max-width:900px){.ev2{grid-template-columns:110px 1fr;gap:12px;padding:0}.ev2-img{grid-row:span 1;min-height:110px}.ev2-date{display:none}.ev2-main{padding:14px 14px 0 0}.ev2-go{grid-column:1/-1;flex-direction:row;padding:0 14px 14px}.ev2-main h3{font-size:1.35rem}.ev2-meta{font-size:.88rem}}
.biom{display:flex;gap:16px;align-items:center;margin-top:24px}
.evm2{margin:-4px 0 0}
.evm2-hd{border-radius:16px;background:#EFE4CE center/cover;padding:58px 22px 18px;position:relative;margin-top:30px;color:#fff}
.evm2-hd h2{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.05;margin:0;color:#fff}
.evm2-desc{color:#4A4239;margin:14px 0 12px}
.evm2-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}
.evm2-facts>div{display:flex;gap:10px;align-items:flex-start;background:#FBF8F2;border:1px solid #EEE7DB;border-radius:12px;padding:10px 12px;font-size:.92rem;line-height:1.35}
.evm2-facts small{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8A8174;margin-bottom:2px}
.evm2-facts .evi{margin-top:2px}
.evm2-h{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#7A5A28;margin:16px 0 8px;font-weight:600}
.evm2-l{columns:2;column-gap:24px;margin:0;padding-left:20px;font-size:.93rem;color:#3E372F}.evm2-l li{margin:0 0 5px;break-inside:avoid}
@media(max-width:600px){.evm2-l{columns:1}}
.evm2-go{position:sticky;bottom:-28px;background:#fff;display:flex;gap:10px;padding:14px 0 4px;margin-top:10px;border-top:1px solid #EEE7DB}
.ccard .cflag{display:inline-block;background:#171310;color:#D9B574;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:3px 10px;margin-bottom:10px}.ccard h3{margin-bottom:10px}.cline{display:flex;gap:10px;align-items:flex-start;margin:8px 0}.cline .evi{margin-top:3px}
/* ---- singing-bowls.html ---- */
.sb-toc{position:sticky;top:88px;z-index:30;background:rgba(251,248,242,.95);backdrop-filter:blur(10px);border-bottom:1px solid #E7DFD1}
.sb-toc .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.sb-toc a{white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:.88rem;color:#5C5449;text-decoration:none}
.sb-toc a:hover,.sb-toc a.on{background:#171310;color:#fff}
#what,#origins,#yoga,#craft,#types,#play,#science,#myths,#aya,#faq{scroll-margin-top:150px}
.sb-what{align-items:center}
.sb-fig{background:radial-gradient(70% 70% at 50% 45%,#FBF1DE,#F3E6CC 60%,transparent 70%);border-radius:28px;padding:10px}
.sb-svg{width:100%;height:auto;display:block}
.sb-svg [data-part]{cursor:pointer;transition:filter .2s,opacity .2s}
.sb-svg [data-part].on:not(.sb-hot){filter:drop-shadow(0 0 10px rgba(201,163,94,.9))}
.sb-hot circle{fill:#171310;stroke:#fff;stroke-width:3}.sb-hot text{fill:#D9B574;font:600 14px var(--sans);text-anchor:middle}
.sb-hot:hover circle,.sb-hot.on circle{fill:#A27A3E}.sb-hot.on text,.sb-hot:hover text{fill:#fff}
.sb-part{margin-top:12px;background:#fff;border:1px solid #E3DACB;border-left:4px solid #A27A3E;border-radius:14px;padding:14px 18px;min-height:96px}
.sb-part b{font-family:var(--serif);font-size:1.5rem;font-weight:500}.sb-part p{margin:4px 0 0;color:#4A4239}
.sb-tf{margin-bottom:22px}.tl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.tl-doc{--tc:#2F7F78}.tl-trad{--tc:#B0573F}.tl-mod{--tc:#6B5BA6}
.tl-dot.tl-doc{background:#2F7F78}.tl-dot.tl-trad{background:#B0573F}.tl-dot.tl-mod{background:#6B5BA6}
.sb-tl{list-style:none;margin:0;padding:0;position:relative}
.sb-tl::before{content:"";position:absolute;left:150px;top:6px;bottom:6px;width:2px;background:linear-gradient(#E3DACB,#C9A35E,#E3DACB)}
.sb-tl li{display:grid;grid-template-columns:130px 1fr;gap:42px;margin:0 0 18px;position:relative;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.sb-tl li.in{opacity:1;transform:none}.sb-tl li[hidden]{display:none}
.sb-tl li::before{content:"";position:absolute;left:144px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 5px #F7F3EC}
.tl-when{text-align:right;font-family:var(--serif);font-size:1.25rem;color:#3E372F;padding-top:10px;line-height:1.15}
.tl-card{background:#fff;border:1px solid #E3DACB;border-left:4px solid var(--tc);border-radius:16px;padding:16px 20px}
.tl-card h3{font-family:var(--serif);font-weight:500;font-size:1.5rem;margin:6px 0 4px;color:#171310}.tl-card p{margin:0;color:#4A4239}
.tl-tag{display:inline-block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#fff;background:var(--tc);border-radius:999px;padding:2px 10px}
@media(max-width:700px){.sb-tl::before{left:8px}.sb-tl li{grid-template-columns:1fr;gap:6px;padding-left:28px}.sb-tl li::before{left:2px;top:6px}.tl-when{text-align:left;padding-top:0}}
.sb-quote{margin:0;background:#171310;color:#F2ECE2;border-radius:24px;padding:28px;display:grid;gap:14px}
.sb-quote img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:3px solid #C9A35E}
.sb-quote blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:1.6rem;line-height:1.3}
.sb-quote figcaption{font-size:.9rem;color:#CFC7BA}.sb-quote b{color:#D9B574;font-weight:500}
.sb-c h3,.sb-aya h3{font-family:var(--sans);font-size:1.12rem;font-weight:600;color:#7A5A28;margin:0 0 8px}
.sb-tbl{margin-top:22px;overflow-x:auto;background:#fff;border:1px solid #E3DACB;border-radius:16px}
.sb-tbl .t{min-width:620px}.sb-tbl .tl-tag{font-size:.68rem}
.sb-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.sb-ty{background:#fff;border:1px solid #E3DACB;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.sb-ty-im{height:150px;background:#EFE4CE center/cover;position:relative}
.sb-play{position:absolute;right:12px;bottom:-22px;width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:#C9A35E;color:#1A1208;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);cursor:pointer}
.sb-play svg{width:20px;height:20px}.sb-play:hover{background:#171310;color:#D9B574}
.sb-ty-bd{padding:22px 16px 16px;display:flex;flex-direction:column;flex:1}.sb-ty-bd h3{font-family:var(--serif);font-weight:500;font-size:1.4rem;margin:0 0 6px}.sb-ty-bd p{color:#4A4239;font-size:.94rem;flex:1;margin:0 0 10px}
.sb-vid{margin:0}.sb-vid figcaption{font-size:.92rem;color:#4A4239;margin-top:8px}.sb-vid b{font-weight:600;color:#171310}
.sb-steps{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:s}
@media(max-width:800px){.sb-steps{grid-template-columns:1fr 1fr}}
.sb-steps li{counter-increment:s;background:#fff;border:1px solid #E3DACB;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}
.sb-steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:#171310;color:#D9B574;display:grid;place-items:center;font-weight:600;margin-bottom:6px}
.sb-steps b{font-size:1.08rem}.sb-steps span{color:#4A4239;font-size:.94rem}
.sb-facts{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sb-facts div{background:#fff;border:1px solid #E3DACB;border-radius:16px;padding:16px 18px;width:100%}.sb-facts b{display:block;color:#7A5A28;font-weight:600;margin-bottom:4px}.sb-facts span{color:#4A4239}
.sb-flips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.sb-flip{position:relative;height:190px;border:0;background:none;padding:0;perspective:900px;cursor:pointer;text-align:left;font:inherit}
.sb-flip .f,.sb-flip .b{position:absolute;inset:0;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sb-flip .f{background:#fff;border:1px solid #E3DACB;font-family:var(--serif);font-size:1.45rem;line-height:1.2;color:#171310}
.sb-flip .b{background:#171310;color:#F2ECE2;transform:rotateY(180deg);font-size:1rem;line-height:1.5}
.sb-flip i{font-style:normal;font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#B0573F;font-weight:600}.sb-flip .b i{color:#D9B574}
.sb-flip em{margin-top:auto;font-style:normal;font-family:var(--sans);font-size:.8rem;color:#7A5A28}
.sb-flip[aria-pressed="true"] .f{transform:rotateY(-180deg)}.sb-flip[aria-pressed="true"] .b{transform:none}
.sb-aya{position:relative;padding-top:52px}.sb-n{position:absolute;top:16px;left:20px;font-family:var(--serif);font-size:2rem;color:#C9A35E;line-height:1}
.sb-src{margin-top:30px;font-size:.88rem;color:#5C5449}.sb-src h3{font-family:var(--sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#7A5A28;margin:0 0 8px}.sb-src li{margin:4px 0}
.sb-photo{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(23,19,16,.45)}
.sb-photo img{display:block;width:100%;height:auto}
.sb-hot{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:#171310;color:#D9B574;font:600 15px var(--sans);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -4px rgba(0,0,0,.5);transition:transform .2s,background .2s}
.sb-hot::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:sbpulse 2.2s ease-out infinite}
.sb-hot:hover,.sb-hot.on{background:#C9A35E;color:#1A1208;transform:translate(-50%,-50%) scale(1.1)}
@keyframes sbpulse{0%{opacity:.9;transform:scale(.8)}100%{opacity:0;transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){.sb-hot::after{animation:none}}
.sb-fig{background:none;padding:0}
.sb-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.sb-gal figure{margin:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #E3DACB}
.sb-gal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sb-gal figcaption{padding:10px 14px;font-size:.88rem;color:#4A4239}
@media(max-width:700px){.sb-gal{grid-template-columns:1fr}}
.sb-src{max-width:100%}.sb-src ol{padding-left:1.4em;margin:0}.sb-src li{overflow-wrap:anywhere}