:root{
  --plum:#45032D; --plum-deep:#340523; --olive:#1C1F12; --olive-deep:#141709;
  --line:rgba(201,168,92,.26);
  --gold:#C9A85C; --gold-lite:#E0C68C; --cream:#E9DCC8; --body:#CBB9AF;
  --body-olive:#C4B69C; --terra:#A4553F; --mauve:#6F615E;
  --display:"Arapey","Georgia",serif;
  --mark:"Arapey","Georgia",serif;
  --sans:"Julius Sans One","Optima","Avenir Next",sans-serif;
  --wrap:min(1180px,90vw);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--plum);color:var(--body);
  font-family:var(--display);font-weight:400;font-size:18px;line-height:1.75;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
p{margin:0 0 1.1rem}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-lite)}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{width:var(--wrap);margin-inline:auto}
.narrow{width:min(680px,90vw);margin-inline:auto}

/* ---------------- nav ---------------- */
nav{position:sticky;top:0;z-index:40;background:rgba(52,5,35,.95);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
nav .in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 .85rem}
nav .bd{font-family:var(--mark);font-size:1.02rem;letter-spacing:.24em;color:var(--gold);flex:none}
.wm{white-space:nowrap}
.wi{position:relative;display:inline-block}
.wi .st{position:absolute;left:calc(50% - .085em);bottom:100%;transform:translate(-50%,.16em);
  width:.40em;height:.60em;fill:currentColor;opacity:.95}
nav .bd .wi .st{width:.34em;height:.5em;transform:translate(-50%,.30em)}
nav .lk{display:flex;gap:1.35rem;font-family:var(--sans);font-size:.72rem;
  letter-spacing:.14em;text-transform:uppercase}
nav .lk a{color:rgba(201,168,92,.8);white-space:nowrap;padding:.55rem 0}
nav .lk a:hover,nav .lk a.on{color:var(--gold-lite)}
nav .lk a.on{border-bottom:1px solid var(--gold)}
.navr{display:flex;align-items:center;gap:.6rem;flex:none}
.lng{background:transparent;border:1px solid var(--line);color:var(--gold);
  font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;
  padding:.5rem .7rem;cursor:pointer;line-height:1;transition:background .2s}
.lng:hover{background:rgba(201,168,92,.14)}
.burger{display:none;background:transparent;border:0;cursor:pointer;padding:.55rem .3rem;width:40px}
.burger span{display:block;height:1px;background:var(--gold);margin:5px 0;transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sheet{position:fixed;inset:0;z-index:39;background:var(--plum-deep);
  padding:5.5rem 0 2rem;overflow-y:auto}
.sheetin{display:flex;flex-direction:column;width:min(1180px,90vw);margin-inline:auto;
  font-family:var(--sans);font-size:1rem;letter-spacing:.16em;text-transform:uppercase}
.sheetin a{color:var(--gold);padding:1rem 0;border-bottom:1px solid var(--line)}
.sheetin a.on{color:var(--gold-lite)}
@media(max-width:900px){
  nav .lk{display:none}
  .burger{display:block}
}
@media(min-width:901px){.sheet{display:none!important}}

/* ---------------- hero ---------------- */
.hero{text-align:center;padding:clamp(3rem,8vw,6rem) 0 clamp(3rem,7vw,5rem);border-bottom:1px solid var(--line)}
.hero .mk{width:clamp(140px,20vw,200px);height:auto;margin:0 auto clamp(1.4rem,3.5vw,2rem)}
h1{font-family:var(--mark);font-weight:400;letter-spacing:.17em;color:var(--gold);
  font-size:clamp(2.1rem,7vw,4.4rem);line-height:1.05;margin:0 0 1.3rem;margin-left:.17em}
.route{font-family:var(--sans);font-size:clamp(.78rem,2vw,.95rem);letter-spacing:.32em;
  text-transform:uppercase;color:var(--gold-lite);margin:0 0 2rem}
.defn{font-family:var(--display);font-style:italic;font-size:clamp(1rem,2.4vw,1.15rem);
  color:var(--body);max-width:40ch;margin:0 auto 2.4rem;line-height:1.5}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}
.btn{display:inline-block;padding:.95rem 1.9rem;font-family:var(--sans);font-size:.74rem;
  letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--gold);
  background:var(--gold);color:var(--plum-deep);transition:background .2s,color .2s;min-height:48px}
.btn:hover{background:var(--gold-lite);color:var(--plum-deep)}
.btn.ghost{background:transparent;color:var(--gold)}
.btn.ghost:hover{background:rgba(201,168,92,.12)}

/* ---------------- sections ---------------- */
section{padding:clamp(3rem,7vw,5.5rem) 0}
.olive{background:var(--olive);color:var(--body-olive)}
.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-lite);margin:0 0 1.1rem;text-align:center}
h2{font-family:var(--mark);font-weight:400;letter-spacing:.15em;text-transform:uppercase;
  font-size:clamp(1.55rem,4.4vw,2.5rem);color:var(--gold);margin:0 0 .5rem;text-align:center;line-height:1.25}
.sub{font-family:var(--sans);font-size:clamp(.72rem,1.8vw,.86rem);letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-lite);text-align:center;margin:0 0 2.2rem}
.lede{font-size:clamp(1.02rem,2.4vw,1.14rem);line-height:1.7;text-align:center;
  max-width:64ch;margin:0 auto 1.2rem}
.lede em{font-style:italic;color:var(--cream)}
.fine{font-size:.95rem;opacity:.82;margin-top:2.2rem}
.grp{font-family:var(--sans);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);text-align:center;margin:3.4rem 0 -.4rem;padding-top:1.8rem;border-top:1px solid var(--line)}
.grp + .lede{margin-top:1.8rem}

/* ---------------- product grid ---------------- */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.8rem .9rem;margin-top:2.4rem}
@media(min-width:620px){.grid{grid-template-columns:repeat(3,1fr);gap:2.2rem 1.4rem}}
@media(min-width:940px){.grid{grid-template-columns:repeat(4,1fr)}}
.grid.tall{grid-template-columns:repeat(2,1fr);gap:2rem 1.2rem}
@media(min-width:700px){.grid.tall{grid-template-columns:repeat(3,1fr);gap:2.4rem 1.8rem}}
.tile{display:flex;flex-direction:column;color:inherit}
.tile .ph{display:flex;align-items:center;justify-content:center;padding:4%;
  height:clamp(150px,22vw,230px);flex:none}
.grid.tall .tile .ph{height:clamp(250px,44vw,400px);padding:2%}
.tile .ph img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s ease}
.tile:hover .ph img{transform:scale(1.05)}
.tile .cap{display:block;text-align:center;padding-top:.6rem}
.tile .n{display:block;font-family:var(--display);font-size:1.05rem;color:var(--cream);line-height:1.3}
.tile .p{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.13em;
  color:var(--gold);margin-top:.3rem}

/* ---------------- collection cards ---------------- */
.ccards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.4rem}
@media(min-width:760px){.ccards{grid-template-columns:repeat(5,1fr)}}
.ccard{display:flex;flex-direction:column;align-items:center;text-align:center;
  border:1px solid var(--line);padding:1.4rem .8rem 1.2rem;transition:background .2s}
.ccard:hover{background:rgba(201,168,92,.07)}
.ccard .cimg{display:flex;align-items:center;justify-content:center;height:110px;width:100%}
.ccard .cimg img{max-height:100%;width:auto;object-fit:contain}
.ccard .cname{display:block;font-family:var(--display);font-size:1.1rem;color:var(--cream);margin-top:.9rem}
.ccard .cnum{display:block;font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;
  color:var(--gold);margin-top:.3rem}
.others{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;margin-top:1.8rem;
  font-family:var(--sans);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}

/* ---------------- photo strips ---------------- */
.strip,.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:2.6rem}
@media(min-width:760px){.strip,.gal{grid-template-columns:repeat(4,1fr)}}
.strip img,.gal img{width:100%;aspect-ratio:1;object-fit:cover}
.ritual{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:2.6rem}
@media(min-width:760px){.ritual{grid-template-columns:repeat(4,1fr)}}
.ritual img{width:100%;aspect-ratio:1;object-fit:cover}
.pair{display:grid;grid-template-columns:1fr;gap:10px;margin-top:2rem}
@media(min-width:760px){.pair{grid-template-columns:1fr 1fr}}
.pair img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* ---------------- story ---------------- */
.story p{font-size:clamp(1.05rem,2.4vw,1.18rem);line-height:1.75;text-align:center}
.story .big{font-family:var(--mark);letter-spacing:.09em;font-size:clamp(1.3rem,3.6vw,1.9rem);
  color:var(--gold);margin:2.2rem 0 1.4rem}
.sig{font-style:italic;color:var(--gold);text-align:center;margin-top:1.6rem}

/* ---------------- product page ---------------- */
.prod{padding-top:2rem}
.crumb{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.6rem}
.pwrap{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:860px){.pwrap{grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}}
.pimg{background:rgba(201,168,92,.05);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;padding:8%;min-height:320px}
.pimg img{max-height:min(58vh,520px);width:auto;object-fit:contain}
.pname{font-family:var(--mark);font-size:clamp(1.7rem,4.6vw,2.5rem);letter-spacing:.04em;
  color:var(--gold);margin:0 0 .3rem;line-height:1.2;text-align:left}
.pprice{font-family:var(--sans);font-size:.95rem;letter-spacing:.14em;color:var(--gold-lite);margin:0 0 1.6rem}
.pdesc{font-size:1.06rem;line-height:1.75}
.spec{display:flex;flex-direction:column;gap:.15rem;padding:1rem 0;border-top:1px solid var(--line)}
.spec .k{font-family:var(--sans);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.spec .v{font-size:.98rem}
.hint{font-size:.92rem;opacity:.8;margin-top:.9rem}
.pcta{justify-content:flex-start;margin-top:1.6rem}
.btn.wa{display:inline-flex;align-items:center;gap:.55rem}

/* ---------------- stones ---------------- */
.stones{display:grid;gap:0;margin-top:2rem;border-top:1px solid var(--line)}
.stone{padding:1.5rem 0;border-bottom:1px solid var(--line)}
.stone .sn{display:block;font-family:var(--display);font-size:1.25rem;color:var(--cream);margin-bottom:.15rem}
.stone p{margin:0;font-size:.98rem;max-width:64ch}

/* ---------------- contact ---------------- */
.wait{background:var(--plum-deep);text-align:center}
.info{display:grid;gap:1.6rem;margin-top:3rem}
@media(min-width:720px){.info{grid-template-columns:repeat(3,1fr);gap:2rem}}
.icard{text-align:center}
.icard .t{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.icard p{font-size:.98rem;margin:0}

/* ---------------- footer + fab ---------------- */
footer{padding:3.4rem 0 5.5rem;text-align:center;border-top:1px solid var(--line)}
footer .mk{width:76px;height:auto;margin:0 auto 1.2rem;opacity:.95}
footer .n{font-family:var(--mark);font-size:1.35rem;letter-spacing:.24em;color:var(--gold)}
footer .t{font-style:italic;color:var(--gold);font-size:.92rem;margin-top:.5rem}
footer .l{display:flex;gap:1.5rem;justify-content:center;margin-top:1.6rem;flex-wrap:wrap;
  font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
footer .c{font-family:var(--sans);font-size:.66rem;letter-spacing:.08em;
  color:rgba(203,185,175,.6);margin-top:2rem}
.fab{position:fixed;right:16px;bottom:16px;z-index:35;width:56px;height:56px;border-radius:50%;
  background:var(--gold);color:var(--plum-deep);display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 20px rgba(0,0,0,.45);transition:transform .2s,background .2s}
.fab:hover{background:var(--gold-lite);transform:scale(1.06);color:var(--plum-deep)}
.fab svg{width:30px;height:30px;fill:currentColor}

/* ---------------- product gallery ---------------- */
.pcol{display:flex;flex-direction:column;gap:10px}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
@media(min-width:520px){.thumbs{grid-template-columns:repeat(6,1fr)}}
.th{padding:0;border:1px solid var(--line);background:rgba(201,168,92,.05);cursor:pointer;
  aspect-ratio:1;overflow:hidden;transition:border-color .2s,opacity .2s;opacity:.72}
.th img{width:100%;height:100%;object-fit:cover}
.th:hover{opacity:1}
.th.on{border-color:var(--gold);opacity:1}
.pimg{aspect-ratio:1;min-height:0;padding:0;overflow:hidden}
.pimg img{width:100%;height:100%;object-fit:cover;max-height:none}
.pimg img[src*="-lg.webp"]{object-fit:contain;padding:8%}

/* imagen de producto sin galería: nunca se amplía más allá de su tamaño real */
.pimg.contain{aspect-ratio:auto;min-height:300px;padding:6%;
  display:flex;align-items:center;justify-content:center}
.pimg.contain img{width:auto;height:auto;max-height:min(56vh,520px);object-fit:contain;padding:0}

/* galería de piezas recortadas (fondo transparente) */
.pimg.cutgal{background:rgba(201,168,92,.04)}
.pimg.cutgal img{max-height:min(52vh,460px);width:auto;height:auto;object-fit:contain}
.th.cut{background:rgba(201,168,92,.06)}
.th.cut img{object-fit:contain;padding:9%}

/* ---------------- sobre pedido ---------------- */
.asgrid .tile .ph{height:clamp(160px,23vw,240px);padding:0;overflow:hidden;
  border:1px solid var(--line);background:rgba(201,168,92,.04)}
.asgrid .tile .ph img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.ph.noimg,.pimg.noimg{display:flex;align-items:center;justify-content:center;
  background:rgba(201,168,92,.05);border:1px solid var(--line)}
.mono{font-family:var(--sans);font-size:.86rem;letter-spacing:.24em;color:var(--gold);opacity:.75}
.tile .ty{display:block;font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-top:.35rem}
.pimg.noimg{min-height:320px}
.ph.noimg,.pimg.noimg{flex-direction:column;gap:.5rem}
.ask{font-family:var(--sans);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);opacity:.5;text-align:center;padding:0 8%}
.pimg.noimg .ask{font-size:.66rem;opacity:.6}
/* galería sobre pedido: nunca ampliar la foto de producto */
.pimg.contain.cutgal img{max-height:min(58vh,560px)}

/* ---- precios de sobre pedido ---- */
.asgrid .tile .cap .p{display:block;margin-top:.35rem;font-family:var(--mono,inherit);
  font-size:.74rem;letter-spacing:.06em;color:var(--gold)}
.pmeta{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);
  margin:.25rem 0 .9rem}
.pprice{font-family:'Arapey',Georgia,serif;font-size:1.9rem;line-height:1;color:var(--cream);
  margin:0 0 .35rem}
.pprice .cur{font-size:.72rem;letter-spacing:.16em;color:var(--gold);vertical-align:.55em;
  margin-left:.25rem}
.pnote{font-size:.78rem;line-height:1.5;opacity:.72;margin:0 0 1.2rem;max-width:34ch}