/* Cosmedent — Onyx & champagne. Layout: full-bleed alternating onyx / porcelain bands,
   asymmetric editorial grids, crossing gold ribbons as the brand signature. Single deliberate look. */
:root{
  --onyx:#0A0908; --onyx-2:#14120F; --onyx-3:#1D1A15; --line-d:rgba(226,197,135,.16);
  --porcelain:#F5F1EA; --porcelain-2:#ECE6DB; --line-l:rgba(60,45,20,.12);
  --ink:#16130F; --ink-soft:#5E574C; --cream:#F3EBDD; --cream-soft:#B9AF9F;
  --gold:#C9A35A; --gold-hi:#F3DFA6; --gold-deep:#7A5A24;
  --silver:#C9CBCF; --silver-hi:#F4F5F7; --silver-deep:#7C7F85;
  --gold-metal:linear-gradient(115deg,#7A5A24 0%,#C9A35A 18%,#F6E3AE 38%,#FFF6DA 46%,#D9B66E 58%,#9C7633 78%,#E5C784 100%);
  --silver-metal:linear-gradient(115deg,#7C7F85 0%,#BFC2C7 20%,#F4F5F7 40%,#FFFFFF 47%,#C9CBCF 60%,#8E9197 80%,#DADCE0 100%);
  --f-display:"Urbanist","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-accent:"Instrument Serif","Didot","Bodoni 72",Georgia,serif;
  --f-body:"Manrope","Helvetica Neue",Arial,system-ui,sans-serif;
  --r-pill:999px; --r-card:22px; --r-img:28px;
  --maxw:1240px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--onyx);color:var(--cream);font-family:var(--f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--onyx)}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* ---------- layout ---------- */
.band{position:relative;overflow:hidden}
.band.dark{background:var(--onyx);color:var(--cream)}
.band.dark2{background:radial-gradient(120% 80% at 80% 0%,#211C14 0%,var(--onyx) 60%);color:var(--cream)}
.band.light{background:var(--porcelain);color:var(--ink)}
.band.light2{background:var(--porcelain-2);color:var(--ink)}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-block:clamp(72px,10vw,128px);position:relative}
.wrap.tight{padding-block:clamp(48px,6vw,80px)}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;letter-spacing:-.025em;margin:0;text-wrap:balance;line-height:1.02}
h1{font-size:clamp(44px,7.2vw,96px);font-weight:400}
h2{font-size:clamp(34px,4.6vw,60px);font-weight:400}
h3{font-size:clamp(20px,1.9vw,24px);letter-spacing:-.01em;line-height:1.2}
em,.ital{font-family:var(--f-accent);font-style:italic;font-weight:400;letter-spacing:-.01em}
.dark em,.dark2 em,.goldtext{background:var(--gold-metal);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.light em,.light2 em{color:var(--gold-deep)}
p{margin:0}
.lead{font-size:clamp(16px,1.3vw,18px);max-width:58ch;color:var(--cream-soft)}
.light .lead,.light2 .lead{color:var(--ink-soft)}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.light .eyebrow,.light2 .eyebrow{color:var(--gold-deep)}
.eyebrow::before{content:"";width:38px;height:1px;background:currentColor;opacity:.7}
.sec-head{display:grid;gap:22px;margin-bottom:clamp(40px,5vw,64px)}
.sec-head.split{grid-template-columns:1.1fr .9fr;align-items:end;gap:40px}
.sec-head.center{text-align:center;justify-items:center}
.sec-head.center .eyebrow::after{content:"";width:38px;height:1px;background:currentColor;opacity:.7}

/* ---------- buttons ---------- */
.btn{--h:52px;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:12px;height:var(--h);padding:0 26px 0 8px;border-radius:var(--r-pill);font:700 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;overflow:hidden}
.btn .ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none}
.btn .ico svg{width:17px;height:17px}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 62%);transform:translateX(-120%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{transform:translateX(120%)}
.btn-gold{background:var(--gold-metal);background-size:180% 100%;color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 6px rgba(90,60,10,.35),0 10px 30px -10px rgba(201,163,90,.7)}
.btn-gold .ico{background:#1A140A;color:var(--gold-hi);box-shadow:inset 0 0 0 1px rgba(243,223,166,.35)}
.btn-silver{background:var(--silver-metal);background-size:180% 100%;color:#1C1D20;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 6px rgba(60,62,68,.3),0 0 0 1.5px rgba(201,163,90,.85),0 10px 30px -12px rgba(220,222,226,.55)}
.btn-silver .ico{background:var(--gold-metal);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--line-d)}
.light .btn-ghost,.light2 .btn-ghost{box-shadow:inset 0 0 0 1px var(--line-l)}
.btn-ghost .ico{background:var(--gold-metal);color:#2A1E08}
.btn.sm{--h:44px;font-size:11px;padding-right:20px;gap:10px}
.btn.sm .ico{width:30px;height:30px}
.btn-row{display:flex;flex-wrap:wrap;gap:14px}
@media (prefers-reduced-motion:reduce){.btn,.btn::after{transition:none}}

/* gold coin icons */
.coin{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--gold-metal);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -3px 6px rgba(110,75,20,.35),0 6px 16px -6px rgba(201,163,90,.6)}
.coin svg{width:20px;height:20px}
.coin.silver{background:var(--silver-metal);color:#2A2B2E;box-shadow:inset 0 1px 0 #fff,0 0 0 1.5px rgba(201,163,90,.8),0 6px 16px -6px rgba(0,0,0,.4)}
.coin.sm{width:34px;height:34px}.coin.sm svg{width:15px;height:15px}

/* ---------- header ---------- */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;padding:14px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:24px;padding:8px 8px 8px 16px;border-radius:var(--r-pill);background:rgba(14,12,9,.72);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 0 0 1px var(--line-d),0 20px 40px -24px #000}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream)}
.brand img{width:40px;height:40px;mix-blend-mode:lighten;border-radius:8px}
.brand b{font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:.14em;text-transform:uppercase;display:block;line-height:1}
.brand small{display:block;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-top:5px}
.nav-links{display:flex;gap:4px;margin-left:auto;list-style:none;padding:0;margin-block:0}
.nav-links a{display:block;padding:10px 14px;border-radius:var(--r-pill);text-decoration:none;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cream-soft);transition:color .2s,background .2s}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--gold-hi);background:rgba(201,163,90,.09)}
.nav .btn{flex:none}
.menu-btn{display:none;margin-left:auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--gold-metal);color:#2A1E08;cursor:pointer;place-items:center}
.menu-btn svg{width:20px;height:20px}
@media (max-width:1040px){
  .nav-links{position:fixed;inset:76px 16px auto;flex-direction:column;padding:14px;border-radius:24px;background:rgba(14,12,9,.96);box-shadow:inset 0 0 0 1px var(--line-d);display:none}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 16px;font-size:13px}
  .menu-btn{display:grid}
  .nav .btn{display:none}
}

/* ---------- hero ---------- */
.hero .wrap{padding-block:clamp(40px,6vw,72px) clamp(64px,8vw,104px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-mono{position:absolute;right:-6%;top:-4%;width:min(760px,70vw);opacity:.07;mix-blend-mode:lighten;pointer-events:none;filter:sepia(.4)}
.hero h1{margin:26px 0 26px}
.hero .lead strong{color:var(--cream)}
.hero-proof{display:flex;flex-wrap:wrap;gap:22px 30px;margin-top:38px;padding-top:28px;border-top:1px solid var(--line-d)}
.proof{display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.3;color:var(--cream-soft)}
.proof b{display:block;color:var(--cream);font-weight:600}
.hero .wrap{align-items:end}
.hero .wrap > div:first-child{align-self:center}
/* cutout runs into the hero's bottom edge so the crop line never shows */
.hero-art{position:relative;aspect-ratio:863/1060;max-width:560px;justify-self:end;width:100%;margin-bottom:calc(-1 * clamp(64px,8vw,104px))}
.hero-art::before{content:"";position:absolute;left:8%;right:4%;top:6%;bottom:0;border-radius:50% 50% 0 0;background:radial-gradient(60% 55% at 50% 40%,rgba(201,163,90,.28),transparent 70%);pointer-events:none}
.hero-art .cut{position:absolute;inset:0}
.hero-art .cut img{width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.hero-art .float{z-index:2}
.hero-art .seal{z-index:3}
.hero-art .main{position:absolute;inset:0 0 0 12%;border-radius:200px 200px var(--r-img) var(--r-img);overflow:hidden;box-shadow:0 0 0 1px var(--line-d),0 40px 80px -30px #000}
.hero-art .main img{width:100%;height:100%;object-fit:cover}
.hero-art .main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,9,8,.75))}
.hero-art .float{position:absolute;left:-4%;bottom:18%;width:34%;aspect-ratio:1;border-radius:var(--r-card);overflow:hidden;box-shadow:0 0 0 1px rgba(243,223,166,.35),0 30px 60px -20px #000}
.hero-art .float img{width:100%;height:100%;object-fit:cover}
.seal{position:absolute;right:-12px;top:16%;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,#1A160F 55%,#0A0908);box-shadow:0 0 0 1px rgba(201,163,90,.5),0 18px 40px -10px #000;display:grid;place-items:center}
.seal svg{position:absolute;inset:0;animation:spin 26s linear infinite}
.seal img{width:48px;height:48px;mix-blend-mode:lighten}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.seal svg{animation:none}}
.hero-tag{position:absolute;left:18%;right:6%;bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}
.hero-tag span:last-child{color:var(--gold)}

/* ribbons — brand signature */
.ribbons{position:absolute;left:-5%;right:-5%;bottom:0;height:150px;pointer-events:none;z-index:2}
.ribbon{position:absolute;left:0;right:0;height:46px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#191510,#0B0A08);box-shadow:inset 0 1px 0 rgba(243,223,166,.55),inset 0 -1px 0 rgba(201,163,90,.55),0 18px 30px -12px rgba(0,0,0,.6)}
.ribbon.r1{bottom:62px;transform:rotate(-2.6deg)}
.ribbon.r2{bottom:22px;transform:rotate(2deg);background:var(--silver-metal);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 var(--gold),0 18px 30px -12px rgba(0,0,0,.5)}
.ribbon-track{display:flex;gap:30px;align-items:center;white-space:nowrap;animation:marquee 38s linear infinite;padding-left:30px}
.ribbon.r2 .ribbon-track{animation-direction:reverse;animation-duration:44s}
.ribbon-track span{font:700 12px/1 var(--f-body);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-hi)}
.ribbon.r2 .ribbon-track span{color:#24221E}
.ribbon-track i{width:7px;height:7px;transform:rotate(45deg);background:var(--gold);flex:none}
.ribbon-track img{width:26px;height:26px;mix-blend-mode:lighten}
.ribbon.r2 .ribbon-track img{mix-blend-mode:multiply;filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(.55)}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}}

/* page hero (interior pages) */
.page-hero .wrap{padding-block:clamp(56px,8vw,96px) clamp(56px,7vw,88px);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.crumbs{display:flex;gap:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream-soft);margin-bottom:26px}
.crumbs a{text-decoration:none;color:var(--gold)}

/* ---------- clinic intro ---------- */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.collage{position:relative;aspect-ratio:1/1.02}
.collage .a{position:absolute;left:0;top:0;width:62%;height:78%;border-radius:var(--r-img);overflow:hidden}
.collage .b{position:absolute;right:0;bottom:0;width:52%;height:64%;border-radius:var(--r-img);overflow:hidden;box-shadow:0 0 0 10px var(--porcelain),0 30px 50px -20px rgba(40,25,5,.4)}
.collage img{width:100%;height:100%;object-fit:cover}
.collage .stamp{position:absolute;left:8%;bottom:4%;background:var(--onyx);color:var(--cream);border-radius:20px;padding:18px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
.stamp b{font-family:var(--f-display);font-size:30px;font-weight:500;line-height:1;display:block}
.stamp small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-soft)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.pillar{display:grid;gap:12px;align-content:start;padding-top:20px;border-top:1px solid var(--line-l)}
.pillar h4{font-size:17px;font-weight:600;letter-spacing:-.005em}
.pillar p{font-size:14px;color:var(--ink-soft)}

/* ---------- treatments ---------- */
.tx-layout{display:grid;grid-template-columns:.8fr 2.2fr;gap:clamp(32px,4vw,56px);align-items:start}
.tx-aside{position:sticky;top:110px;display:grid;gap:22px}
.tx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tx{background:#FBF9F5;border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--line-l);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;text-decoration:none;color:var(--ink)}
.tx:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(201,163,90,.55),0 26px 50px -24px rgba(60,40,10,.45)}
.tx .ph{aspect-ratio:4/3;overflow:hidden;background:var(--onyx)}
.tx .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.tx:hover .ph img{transform:scale(1.05)}
.tx .ph.blank{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#2A2318,var(--onyx))}
.tx .ph.blank svg{width:64px;height:64px;color:var(--gold);opacity:.85}
.tx .body{padding:20px 22px 24px;display:grid;gap:10px;grid-template-rows:auto auto 1fr auto}
.tx .body .coin{margin-top:-46px;box-shadow:0 0 0 5px #FBF9F5,inset 0 1px 0 rgba(255,255,255,.7)}
.tx p{font-size:13.5px;color:var(--ink-soft)}
.tx .who{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;margin-top:6px}

/* ---------- doctors ---------- */
.docs{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.doc{position:relative;border-radius:30px;overflow:hidden;background:var(--onyx-2);box-shadow:inset 0 0 0 1px var(--line-d);display:grid;grid-template-columns:.95fr 1.05fr;min-height:460px}
.doc .ph{position:relative;overflow:hidden}
.doc .ph img{width:100%;height:100%;object-fit:cover}
.doc .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--onyx-2))}
.doc .info{padding:34px 30px;display:flex;flex-direction:column;gap:16px}
.role{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:var(--r-pill);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.role.gold{background:var(--gold-metal);color:#2A1E08}
.role.silver{background:var(--silver-metal);color:#1C1D20;box-shadow:0 0 0 1px var(--gold)}
.role i{width:20px;height:20px;border-radius:50%;background:#1A140A;color:var(--gold-hi);display:grid;place-items:center}
.role i svg{width:11px;height:11px}
.doc h3{font-size:clamp(26px,2.6vw,34px);font-weight:400}
.doc p{font-size:14px;color:var(--cream-soft)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--cream)}
.ticks li svg{width:16px;height:16px;color:var(--gold);flex:none;margin-top:3px}
.light .ticks li,.light2 .ticks li{color:var(--ink)}
.light .ticks li svg,.light2 .ticks li svg{color:var(--gold-deep)}
.doc .btn{margin-top:auto;align-self:flex-start}

/* ---------- process ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;counter-reset:s}
.steps::before{content:"";position:absolute;left:0;right:0;top:30px;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 15%,var(--gold) 85%,transparent);opacity:.5}
.step{position:relative;padding:0 22px 0 0;display:grid;gap:14px;align-content:start}
.step .n{font-family:var(--f-accent);font-style:italic;font-size:56px;line-height:.8;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;background-color:var(--onyx);padding-right:12px;justify-self:start}
.step .dot{position:absolute;left:0;top:25px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--onyx),0 0 0 6px rgba(201,163,90,.5)}
.step .n{margin-top:50px}
.step h4{font-size:18px;font-weight:600}
.step p{font-size:14px;color:var(--cream-soft)}
.step .meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}

/* ---------- results ---------- */
.res-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:14px}
.res{position:relative;border-radius:var(--r-card);overflow:hidden;background:var(--onyx);margin:0}
.res img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.res:hover img{transform:scale(1.05)}
.res figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 10px 16px;border-radius:14px;background:rgba(10,9,8,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--cream);font-size:12px}
.res figcaption b{font-weight:600;display:block}
.res figcaption small{color:var(--cream-soft);font-size:11px}
.g1{grid-column:span 5;grid-row:span 4}.g2{grid-column:span 4;grid-row:span 2}.g3{grid-column:span 3;grid-row:span 3}
.g4{grid-column:span 4;grid-row:span 2}.g5{grid-column:span 3;grid-row:span 1}
.res.quote{background:var(--onyx);display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:var(--cream)}
.res.quote b{font-family:var(--f-display);font-size:44px;font-weight:400;line-height:1}
.res.quote span{font-size:12px;color:var(--cream-soft)}

/* ---------- testimonials ---------- */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tst{border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:18px;background:var(--onyx-2);box-shadow:inset 0 0 0 1px var(--line-d)}
.tst .stars{display:flex;gap:3px;color:var(--gold)}
.tst .stars svg{width:15px;height:15px}
.tst blockquote{margin:0;font-family:var(--f-accent);font-style:italic;font-size:21px;line-height:1.35;color:var(--cream)}
.tst blockquote.ph{color:var(--cream-soft)}
.tst footer{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line-d);font-size:13px}
.tst footer small{display:block;color:var(--cream-soft);font-size:11.5px}
/* google reviews */
.gbadge{display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:var(--onyx-2);box-shadow:inset 0 0 0 1px rgba(226,197,135,.25);font-size:13px;color:var(--cream-soft)}
.gdot{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.gdot img{width:22px;height:22px}
.gdot.sm{width:34px;height:34px}.gdot.sm img{width:20px;height:20px}
.gstars{color:#E5C784;letter-spacing:3px;font-size:15px}
.tst-grid.rev{align-items:start}
.tst.featured{box-shadow:inset 0 0 0 1px rgba(201,163,90,.55)}
.rv-head{display:flex;align-items:center;gap:12px}
.rv-head div{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.rv-head b{font-size:15px;color:var(--cream)}
.rv-head small{font-size:12px;color:var(--cream-soft)}
.rv-head .gdot{margin-left:auto}
.coin.initial{font:700 15px var(--f-display)}
.rv-meta{display:flex;align-items:center;gap:10px}
.rv-meta small{font-size:12px;color:var(--cream-soft)}
.tst.rev blockquote,.tst-grid.rev blockquote{font-size:22px}
.tst .full{font-size:14.5px;line-height:1.65;color:var(--cream-soft)}
.tst-grid.rev footer{margin-top:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
/* step icons */
.step-head{display:flex;align-items:center;gap:14px;margin-top:50px}
.step-head .n{margin-top:0!important}
.note{font-size:12px;color:var(--cream-soft);text-align:center;margin-top:22px}
.light .note,.light2 .note{color:var(--ink-soft)}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,80px);align-items:start}
.faq{display:grid;gap:10px}
.faq details{border-radius:18px;background:#FBF9F5;box-shadow:0 0 0 1px var(--line-l);transition:box-shadow .3s}
.faq details[open]{box-shadow:0 0 0 1px rgba(201,163,90,.6),0 20px 40px -26px rgba(60,40,10,.5)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 20px 20px 24px;font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary .coin{margin-left:auto;transition:transform .35s}
.faq details[open] summary .coin{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;color:var(--ink-soft);font-size:14.5px;max-width:64ch}

/* ---------- visit / contact ---------- */
.visit{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}
.visit-photo{border-radius:30px;overflow:hidden;position:relative;min-height:520px}
.visit-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.visit-photo .cap{position:absolute;left:18px;right:18px;bottom:18px;padding:18px 20px;border-radius:18px;background:rgba(10,9,8,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:14px}
.visit-photo .cap img{position:static;width:44px;height:44px;mix-blend-mode:lighten}
.visit-photo .cap b{display:block;font-family:var(--f-display);letter-spacing:.12em;text-transform:uppercase;font-size:14px}
.visit-photo .cap small{color:var(--cream-soft);font-size:12px}
.visit-info{display:grid;gap:18px;align-content:start}
.mapcard{position:relative;border-radius:24px;overflow:hidden;min-height:230px;background:#15120E;box-shadow:inset 0 0 0 1px var(--line-d);text-decoration:none;display:block}
.mapcard svg.grid{position:absolute;inset:0;width:100%;height:100%}
.mapcard .pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:8px}
.mapcard .pin .coin{width:58px;height:58px;animation:bob 3s ease-in-out infinite}
.mapcard .pin .coin svg{width:26px;height:26px}
.mapcard .pin span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;background:var(--onyx);color:var(--gold-hi);padding:6px 12px;border-radius:999px;box-shadow:0 0 0 1px var(--line-d)}
.mapcard .open{position:absolute;right:14px;bottom:14px}
@keyframes bob{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.mapcard .pin .coin{animation:none}}
.info-list{display:grid;gap:4px;border-radius:24px;background:var(--onyx-2);box-shadow:inset 0 0 0 1px var(--line-d);padding:10px}
.info-row{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:16px}
.info-row:hover{background:rgba(201,163,90,.05)}
.info-row div{min-width:0}
.info-row small{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.info-row span{font-size:14.5px;color:var(--cream);user-select:all}
.copy{margin-left:auto;border:0;background:transparent;color:var(--cream-soft);font:700 10px var(--f-body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:8px 10px;border-radius:10px}
.copy:hover{color:var(--gold-hi);background:rgba(201,163,90,.08)}

/* final CTA */
.cta-card{position:relative;border-radius:36px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:linear-gradient(135deg,#1C1811,#0B0A08 60%);box-shadow:inset 0 0 0 1px rgba(201,163,90,.35)}
.cta-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--gold-metal);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cta-card .ph{min-height:420px;position:relative}
.cta-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta-card .txt{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:22px}

/* ---------- footer ---------- */
.foot{background:#070605;color:var(--cream-soft);font-size:13.5px}
.foot .wrap{padding-block:72px 32px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.foot h5{margin:0 0 16px;font:700 10.5px var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--gold-hi)}
.foot .big{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.foot .big img{width:64px;height:64px;mix-blend-mode:lighten}
.foot .big b{font-family:var(--f-display);font-size:26px;letter-spacing:.16em;color:var(--cream);font-weight:500;display:block;line-height:1}
.foot .big small{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.foot-base{margin-top:56px;padding-top:24px;border-top:1px solid var(--line-d);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px}
.wordmark{font-family:var(--f-display);font-weight:600;font-size:clamp(40px,13vw,200px);letter-spacing:.06em;white-space:nowrap;line-height:.8;text-align:center;margin-top:56px;background:linear-gradient(180deg,rgba(201,163,90,.35),rgba(201,163,90,0));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}

/* floating WhatsApp */
.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:55;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--gold-metal);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 6px rgba(201,163,90,.18),0 18px 40px -10px rgba(0,0,0,.7);transition:transform .3s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:26px;height:26px}

/* ---------- interior page blocks ---------- */
.tx-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center;padding-block:clamp(40px,5vw,64px);border-top:1px solid var(--line-l)}
.tx-detail:first-child{border-top:0;padding-top:0}
.tx-detail.flip .media{order:2}
.tx-detail .media{border-radius:var(--r-img);overflow:hidden;aspect-ratio:5/4;background:var(--onyx);position:relative}
.tx-detail .media img{width:100%;height:100%;object-fit:cover}
.tx-detail .media.blank{display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#2A2318,var(--onyx))}
.tx-detail .media.blank svg{width:96px;height:96px;color:var(--gold)}
.tx-detail .media .chip{position:absolute;left:16px;top:16px}
.tx-detail .txt{display:grid;gap:20px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-l);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--line-l)}
.facts div{background:#FBF9F5;padding:14px 16px}
.facts small{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:700}
.facts span{font-size:14px;font-weight:600}
.subnav{display:flex;flex-wrap:wrap;gap:8px}
.subnav a{padding:10px 16px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:600;box-shadow:inset 0 0 0 1px var(--line-d);color:var(--cream-soft)}
.subnav a:hover{color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold)}

.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,80px);align-items:start;padding-block:clamp(48px,6vw,80px)}
.bio + .bio{border-top:1px solid var(--line-l)}
.bio.flip .portrait{order:2}
.portrait{position:relative;border-radius:200px 200px var(--r-img) var(--r-img);overflow:hidden;aspect-ratio:4/5;background:var(--onyx);box-shadow:0 40px 70px -30px rgba(40,25,5,.5)}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait .role{position:absolute;left:18px;bottom:18px}
.bio .txt{display:grid;gap:22px}
.bio .txt p{color:var(--ink-soft);max-width:62ch}
.creds{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cred{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#FBF9F5;box-shadow:0 0 0 1px var(--line-l);font-size:13.5px;font-weight:600}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.value{padding:26px;border-radius:var(--r-card);background:var(--onyx-2);box-shadow:inset 0 0 0 1px var(--line-d);display:grid;gap:14px;align-content:start}
.value p{font-size:14px;color:var(--cream-soft)}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filters button{border:0;cursor:pointer;padding:11px 18px;border-radius:999px;font:600 12.5px var(--f-body);background:#FBF9F5;color:var(--ink);box-shadow:0 0 0 1px var(--line-l)}
.filters button[aria-pressed="true"]{background:var(--gold-metal);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.gal{columns:3 260px;column-gap:14px}
.gal figure{break-inside:avoid;margin:0 0 14px;border-radius:var(--r-card);overflow:hidden;position:relative;background:var(--onyx)}
.gal figure img{width:100%;height:auto}
.gal figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:10px 14px;border-radius:12px;background:rgba(10,9,8,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--cream);font-size:12px}
.gal figcaption small{display:block;color:var(--gold-hi);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case{padding:26px;border-radius:var(--r-card);background:var(--onyx-2);box-shadow:inset 0 0 0 1px var(--line-d);display:grid;gap:14px;align-content:start}
.case .k{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.case dl{margin:0;display:grid;gap:10px}
.case dt{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-soft)}
.case dd{margin:0;font-size:14px;color:var(--cream)}

.book{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.form{border-radius:30px;padding:clamp(24px,4vw,44px);background:#FBF9F5;box-shadow:0 0 0 1px var(--line-l),0 40px 70px -40px rgba(40,25,5,.4);display:grid;gap:18px;color:var(--ink)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:8px;min-width:0}
.field label,.field legend{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);padding:0}
.field input,.field select,.field textarea{width:100%;font:500 15px var(--f-body);color:var(--ink);background:var(--porcelain);border:0;border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--line-l);color-scheme:light}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--gold)}
fieldset.field{border:0;margin:0;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips span{display:inline-block;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);background:var(--porcelain);box-shadow:inset 0 0 0 1px var(--line-l)}
.chips input:checked + span{background:var(--gold-metal);color:#2A1E08;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.chips input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.preview{border-radius:16px;background:var(--onyx);color:var(--cream);padding:16px 18px;font-size:13.5px;white-space:pre-wrap}
.preview small{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.err{color:#9B2C1F;font-size:13px;font-weight:600}
.hours{display:grid;gap:0;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-d)}
.hours div{display:flex;justify-content:space-between;padding:14px 18px;font-size:14px;border-top:1px solid var(--line-d);font-variant-numeric:tabular-nums}
.hours div:first-child{border-top:0}
.hours div.today{background:rgba(201,163,90,.08);color:var(--gold-hi)}

/* reveal: ver motion.css (todo visible si no hay JS) */

/* ---------- responsive ---------- */
@media (max-width:1040px){
  .hero .wrap,.page-hero .wrap,.intro-grid,.tx-layout,.faq-grid,.visit,.cta-card,.tx-detail,.bio,.book{grid-template-columns:1fr}
  .sec-head.split{grid-template-columns:1fr}
  .hero-art{justify-self:center}
  .hero-art .cut img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .tx-aside{position:static}
  .docs{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr;gap:40px 20px}
  .steps::before{display:none}
  .tst-grid,.cases{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .values{grid-template-columns:1fr 1fr}
  .tx-detail.flip .media,.bio.flip .portrait{order:0}
  .portrait{max-width:460px}
  .res-grid{grid-template-columns:repeat(6,1fr)}
  .g1{grid-column:span 6;grid-row:span 3}.g2,.g4{grid-column:span 3;grid-row:span 2}.g3{grid-column:span 3;grid-row:span 2}.g5{grid-column:span 3;grid-row:span 1}
}
@media (max-width:720px){
  .tx-grid{grid-template-columns:1fr 1fr}
  .doc{grid-template-columns:1fr}
  .doc .ph{aspect-ratio:1/1}
  .doc .ph::after{background:linear-gradient(180deg,transparent 78%,var(--onyx-2))}
  .pillars{grid-template-columns:1fr}
  .tst-grid,.cases,.values,.creds{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .seal{width:92px;height:92px;right:0}
}
@media (max-width:520px){
  .tx-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .res-grid{grid-template-columns:1fr 1fr;grid-auto-rows:130px}
  .g1{grid-column:span 2;grid-row:span 3}.g2,.g3,.g4,.g5{grid-column:span 1;grid-row:span 2}
  .btn{padding-right:20px}
  .btn-row .btn{width:100%}
  .ribbons{height:120px}
  .brand small{display:none}
}