/* ÁNH KIM — trang sức. Montserrat nét mảnh in hoa giãn chữ (tiêu đề) · Inter Tight (thân)
   Đen nhung #0D0C0A · ngà #F6F2EA · vàng champagne #C8A96A · chữ trên nền tối #EDE6D6 · đường kẻ tóc 1px vàng
   Tủ kính: sản phẩm đứng trong vùng sáng tròn; băng giá vàng chạy ngang trên cùng */
[hidden]{display:none!important}
:root{--k:#0D0C0A;--k2:#171513;--k3:#221F1B;--iv:#F6F2EA;--iv2:#EDE6D8;--gold:#C8A96A;--gold-l:#E3CFA2;--gold-d:#9C7F45;--tx:#EDE6D6;--mut:#A39B8C;--ink:#1C1A17;--line:rgba(200,169,106,.28);--line2:#DDD3C1;
  --fd:'Montserrat',system-ui,sans-serif;--fb:'Inter Tight',system-ui,sans-serif;--w:1280px;--gx:clamp(16px,4vw,56px);--ease:cubic-bezier(.19,1,.22,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--k);color:var(--tx);font:300 1rem/1.7 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:.01em}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
h1,h2,h3{font-family:var(--fd);font-weight:200;text-transform:uppercase;letter-spacing:.18em;line-height:1.2;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:.22em}
h2{font-size:clamp(1.5rem,3vw,2.4rem)}
h3{font-size:1rem;font-weight:400;letter-spacing:.16em}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
.i{width:1em;height:1em;fill:currentColor;flex:none;vertical-align:-.125em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gx)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--gold);color:var(--k);padding:10px;z-index:200}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font:500 .68rem/1 var(--fd);letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before,.eyebrow::after{content:"";width:28px;height:1px;background:var(--gold)}
.mut{color:var(--mut)}
.num{font-family:var(--fd);font-weight:200;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.sec{padding:clamp(80px,10vw,140px) 0;position:relative}
.light{background:var(--iv);color:var(--ink)}
.light .mut{color:#716959}
.light h1,.light h2,.light h3{color:var(--ink)}
.light .eyebrow{color:var(--gold-d)}.light .eyebrow::before,.light .eyebrow::after{background:var(--gold-d)}
.sec-h{text-align:center;max-width:760px;margin:0 auto 60px}
.sec-h h2{margin-top:22px}
.sec-h p{color:var(--mut)}
.light .sec-h p{color:#716959}
.diamond{display:block;width:14px;height:14px;margin:0 auto;border:1px solid var(--gold);transform:rotate(45deg)}
/* nút */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 36px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:500 .72rem/1 var(--fd);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;text-decoration:none!important;position:relative;overflow:hidden;transition:color .5s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease);z-index:-1}
.btn{isolation:isolate}
.btn:hover{color:var(--k)}.btn:hover::before{transform:scaleX(1);transform-origin:left}
.btn-fill{background:var(--gold);color:var(--k)}
.btn-fill::before{background:var(--gold-l)}
.light .btn{color:var(--gold-d);border-color:var(--gold-d)}.light .btn:hover{color:#fff}.light .btn::before{background:var(--gold-d)}
.light .btn-fill{background:var(--ink);border-color:var(--ink);color:var(--iv)}.light .btn-fill::before{background:var(--gold-d)}
.btn.sm{min-height:42px;padding:0 20px;font-size:.66rem}
.btn[disabled]{opacity:.4;pointer-events:none}
.lnk{font:500 .7rem/1 var(--fd);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:6px}
.light .lnk{color:var(--gold-d)}
/* băng giá vàng */
.ticker{background:var(--k2);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;font:400 .76rem/1 var(--fd);letter-spacing:.12em}
.ticker .run{display:inline-flex;gap:46px;padding:11px 0;animation:tick 40s linear infinite}
.ticker span{color:var(--mut)}.ticker b{color:var(--gold-l);font-weight:500}.ticker em{font-style:normal;color:#7FBF8F}
@keyframes tick{to{transform:translateX(-50%)}}
/* header */
.hdr{position:sticky;top:0;z-index:60;background:rgba(13,12,10,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px;gap:20px}
.nav{display:flex;gap:30px}
.nav a{font:400 .7rem/1 var(--fd);letter-spacing:.24em;text-transform:uppercase;color:var(--tx);padding:8px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a.on{color:var(--gold);border-color:var(--gold)}
.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--tx);line-height:1}
.logo svg{width:26px;height:26px;color:var(--gold);margin-bottom:8px}
.logo b{font:300 1.35rem/1 var(--fd);letter-spacing:.5em;margin-right:-.5em}
.logo small{font:400 .52rem/1 var(--fd);letter-spacing:.5em;color:var(--mut);margin-top:8px;margin-right:-.5em}
.hdr-r{display:flex;justify-content:flex-end;gap:22px;align-items:center}
.hdr-r a{font:400 .7rem/1 var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--tx);display:inline-flex;gap:8px;align-items:center}
.hdr-r a .i{color:var(--gold)}
.hdr-r .bag em{font-style:normal;color:var(--gold)}
.menu-btn{display:none;background:none;border:0;color:var(--tx);font-size:1.3rem;cursor:pointer}
.drawer{position:fixed;inset:0;z-index:90;pointer-events:none}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .4s}
.drawer-p{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:var(--k2);padding:30px;transform:translateX(-100%);transition:transform .6s var(--ease);display:flex;flex-direction:column;gap:4px}
.drawer.open{pointer-events:auto}.drawer.open .drawer-bg{opacity:1}.drawer.open .drawer-p{transform:none}
.drawer-p a{font:200 1.2rem/2.4 var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--tx)}
.drawer-x{align-self:flex-end;background:none;border:0;color:var(--tx);font-size:1.3rem;cursor:pointer}
/* hero tủ kính */
.hero{position:relative;padding:clamp(50px,7vw,90px) 0 clamp(70px,8vw,110px);text-align:center;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;left:50%;top:44%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(227,207,162,.2) 0,rgba(200,169,106,.07) 34%,transparent 62%);z-index:-1}
.hero h1{margin:26px auto 14px;max-width:1000px}
.hero .lead{color:var(--mut);max-width:560px;margin:0 auto}
.vitrine{position:relative;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:clamp(16px,4vw,60px);max-width:1100px;margin:50px auto 0}
.vt{position:relative;display:block;text-decoration:none;color:var(--tx)}
.vt .glass{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 40px 80px -30px rgba(0,0,0,.9)}
.vt .glass img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2s var(--ease)}
.vt:hover .glass img{transform:scale(1.07)}
.vt .glass::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 45%)}
.vt .pl{display:block;width:60%;height:10px;margin:18px auto 0;border-radius:50%;background:radial-gradient(ellipse,rgba(200,169,106,.35),transparent 70%)}
.vt .cap{display:block;margin-top:14px;font:400 .68rem/1.6 var(--fd);letter-spacing:.26em;text-transform:uppercase}
.vt .cap b{display:block;color:var(--gold);font-weight:400}
.vt.side{transform:translateY(-10%)}
/* thanh cam kết */
.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust div{padding:28px 20px;text-align:center;border-right:1px solid var(--line)}
.trust div:last-child{border:0}
.trust .i{color:var(--gold);font-size:1.3rem;margin-bottom:10px}
.trust b{display:block;font:400 .72rem/1.4 var(--fd);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}
.trust span{font-size:.86rem;color:var(--mut)}
/* bộ sưu tập (khối ngang lớn) */
.colls{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}
.coll{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--k);color:var(--tx);text-decoration:none;display:flex;align-items:flex-end;padding:30px}
.coll img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity 1s,transform 2s var(--ease)}
.coll:hover img{opacity:.95;transform:scale(1.05)}
.coll::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(13,12,10,.92))}
.coll div{position:relative;z-index:1}
.coll b{display:block;font:200 1.6rem/1.2 var(--fd);letter-spacing:.2em;text-transform:uppercase}
.coll small{color:var(--gold);font:400 .66rem/1 var(--fd);letter-spacing:.3em;text-transform:uppercase}
/* thẻ sản phẩm */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.light .grid{background:var(--line2);border-color:var(--line2)}
.card{background:var(--k);display:flex;flex-direction:column;text-decoration:none;color:var(--tx);padding:0 0 22px;min-width:0;position:relative}
.light .card{background:var(--iv);color:var(--ink)}
.card .ph{position:relative;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2A2621,var(--k) 70%)}
.light .card .ph{background:radial-gradient(circle at 50% 45%,#fff,var(--iv2) 75%)}
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.card:hover .ph img{transform:scale(1.06)}
.card .ph .alt{opacity:0;transition:opacity .8s}
.card .b{padding:20px 22px 0;text-align:center}
.card .col{font:400 .6rem/1 var(--fd);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.light .card .col{color:var(--gold-d)}
.card h3{margin:10px 0 8px;font-size:.86rem}
.card .pr{font:300 1.05rem/1 var(--fd);letter-spacing:.06em}
.card .dots{display:flex;gap:6px;justify-content:center;margin-top:12px}
.card .dots i{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
/* khối tính năng chia đôi ngang (không phải hero) */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center}
.duo .ph{position:relative;aspect-ratio:4/5;overflow:hidden}
.duo .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.duo .ph::after{content:"";position:absolute;inset:18px;border:1px solid rgba(227,207,162,.5);pointer-events:none}
/* bảng giá vàng */
.gold-t{width:100%;border-collapse:collapse}
.gold-t th,.gold-t td{padding:18px 16px;border-bottom:1px solid var(--line);text-align:right}
.gold-t th:first-child,.gold-t td:first-child{text-align:left}
.gold-t th{font:400 .64rem/1 var(--fd);letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}
.gold-t td{font:300 1.15rem/1 var(--fd);letter-spacing:.04em}
.gold-t td:first-child{font:400 .78rem/1.4 var(--fd);letter-spacing:.16em;text-transform:uppercase}
.gold-t em{font-style:normal;font-size:.78rem}
.up{color:#7FBF8F}.dn{color:#E08A7A}
.light .gold-t th,.light .gold-t td{border-color:var(--line2)}
/* form, công cụ */
.fld{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.fld>span{font:400 .62rem/1 var(--fd);letter-spacing:.28em;text-transform:uppercase;color:var(--mut)}
.fld input,.fld select,.fld textarea{background:transparent;border:0;border-bottom:1px solid var(--line);min-height:46px;padding:8px 0;color:inherit;outline:none;border-radius:0}
.light .fld input,.light .fld select,.light .fld textarea{border-color:var(--line2)}
.fld input:focus,.fld select:focus{border-color:var(--gold)}
.fld select option{color:var(--ink)}
.fld .err{color:#E08A7A;font-size:.82rem}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts button{border:1px solid var(--line);background:none;padding:12px 16px;font:400 .68rem/1 var(--fd);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.light .opts button{border-color:var(--line2)}
.opts button.on{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.light .opts button.on{color:var(--gold-d);border-color:var(--gold-d);box-shadow:inset 0 0 0 1px var(--gold-d)}
.opts i{width:12px;height:12px;border-radius:50%}
.tool{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:start}
.stage{position:sticky;top:130px;aspect-ratio:1;background:radial-gradient(circle at 50% 45%,#2A2621,var(--k) 70%);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.stage svg{width:82%;height:auto}
.stage .sum{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);background:rgba(13,12,10,.75)}
.stage .sum b{font:200 1.9rem/1 var(--fd);color:var(--gold-l);letter-spacing:.04em}
.stage .sum small{color:var(--mut);font-size:.8rem}
.step{border-top:1px solid var(--line);padding:24px 0}
.step h3{display:flex;gap:14px;align-items:baseline}
.step h3 em{font-style:normal;color:var(--gold);font-weight:200}
.ring-size{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.rs-stage{position:relative;aspect-ratio:1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:var(--k2)}
.rs-circle{border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 0 999px rgba(0,0,0,0),inset 0 0 30px rgba(200,169,106,.2);transition:width .2s,height .2s}
.rs-card{position:relative;border:1px dashed var(--gold);border-radius:10px;height:54px;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.8rem;margin:12px 0;transition:width .2s}
.range{width:100%;accent-color:var(--gold)}
.rs-out{font:200 3.4rem/1 var(--fd);color:var(--gold-l)}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.slots button{border:1px solid var(--line);background:none;padding:12px 4px;cursor:pointer;font:400 .78rem var(--fd);letter-spacing:.1em}
.light .slots button{border-color:var(--line2)}
.slots button.on{background:var(--gold);color:var(--k);border-color:var(--gold)}
.slots button:disabled{opacity:.3;text-decoration:line-through}
.cert{border:1px solid var(--gold);padding:34px;text-align:center;position:relative}
.cert::before{content:"";position:absolute;inset:6px;border:1px solid var(--line);pointer-events:none}
.cert .code{font:300 1.6rem/1 var(--fd);letter-spacing:.3em;color:var(--gold-l);margin:14px 0}
.cert dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;text-align:left;font-size:.9rem;margin:20px 0 0}
.cert dt{color:var(--mut);font:400 .62rem/1.8 var(--fd);letter-spacing:.2em;text-transform:uppercase}
/* chi tiết */
.pd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:start}
.pd .ph{position:sticky;top:130px;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2A2621,var(--k) 70%)}
.pd .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pd h1{font-size:clamp(1.6rem,3vw,2.4rem);margin-top:16px}
.pd .price{font:200 2rem/1 var(--fd);color:var(--gold-l);margin:10px 0 24px}
.specs{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0;font-size:.92rem}
.specs dt{font:400 .62rem/1.9 var(--fd);letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:18px 0;font:400 .72rem/1 var(--fd);letter-spacing:.24em;text-transform:uppercase;display:flex;justify-content:space-between}
.acc summary::-webkit-details-marker{display:none}
.acc p{color:var(--mut)}
/* dịch vụ, đánh giá */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.svc div{text-align:center}
.svc b{display:block;font:400 .78rem/1.4 var(--fd);letter-spacing:.2em;text-transform:uppercase;margin:18px 0 10px}
.svc p{font-size:.92rem}
.svc .n{font:200 2.6rem/1 var(--fd);color:var(--gold-d)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.quotes figure{margin:0;text-align:center}
.quotes q{display:block;font:200 1.25rem/1.6 var(--fd);letter-spacing:.02em;quotes:"“" "”";margin-bottom:22px}
.quotes figcaption{font:400 .62rem/1 var(--fd);letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.faq{max-width:900px;margin:0 auto}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{list-style:none;cursor:pointer;padding:24px 0;font:300 1.05rem/1.4 var(--fd);letter-spacing:.06em;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .i{transition:transform .5s var(--ease);color:var(--gold-d)}
.faq details[open] summary .i{transform:rotate(45deg)}
.faq p{color:#716959;padding-bottom:18px}
/* trang con */
.pghead{padding:clamp(60px,8vw,110px) 0 clamp(40px,5vw,70px);text-align:center;border-bottom:1px solid var(--line)}
.pghead p{color:var(--mut);max-width:640px;margin:0 auto}
.crumbs{display:flex;gap:12px;justify-content:center;list-style:none;padding:0;margin:0 0 24px;font:400 .6rem/1 var(--fd);letter-spacing:.3em;text-transform:uppercase;color:var(--mut)}
.crumbs li+li::before{content:"—";margin-right:12px;color:var(--gold)}
.crumbs a{color:var(--mut)}
.page{padding:clamp(50px,7vw,100px) 0}
.filters{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;margin-bottom:50px;font:400 .66rem/1 var(--fd);letter-spacing:.24em;text-transform:uppercase}
.filters button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;cursor:pointer;color:var(--mut)}
.filters button.on,.filters button:hover{color:var(--gold);border-color:var(--gold)}
.filters .sep{width:1px;background:var(--line)}
.empty{text-align:center;color:var(--mut);padding:40px}
.arts{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.art{text-decoration:none;color:var(--tx)}
.art .ph{position:relative;aspect-ratio:16/10;overflow:hidden;margin-bottom:22px}
.art .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 2s var(--ease)}
.art:hover .ph img{transform:scale(1.05)}
.art h3{font-size:1.05rem;line-height:1.5}
.prose{max-width:720px;margin:0 auto;font-size:1.08rem}
.prose h2{font-size:1.3rem;margin-top:1.8em}
.tb{width:100%;border-collapse:collapse;font-size:.88rem}
.tb th,.tb td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tb img{width:80px;height:56px;object-fit:cover}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:var(--gold);color:var(--k);padding:14px 26px;font:500 .72rem/1 var(--fd);letter-spacing:.2em;text-transform:uppercase;z-index:200;opacity:0;transition:all .5s var(--ease);pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
/* footer */
.ftr{border-top:1px solid var(--line);padding:90px 0 34px;position:relative;overflow:hidden}
.ftr .mono{position:absolute;right:-4%;bottom:-18%;width:min(520px,60vw);color:rgba(200,169,106,.06);pointer-events:none}
.ftr-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;position:relative}
.ftr h4{font:400 .62rem/1 var(--fd);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}
.ftr a{display:block;color:var(--tx);padding:5px 0;font-size:.92rem}
.ftr a:hover{color:var(--gold)}
.ftr .logo{align-items:flex-start;margin-bottom:22px}
.ftr .logo b,.ftr .logo small{margin-right:0}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:70px;padding-top:24px;font-size:.8rem;color:var(--mut)}
.ftr-bot a{display:inline;color:var(--mut)}
.mbar{display:none}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (max-width:1060px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.svc{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .nav,.hdr-r .hide-m{display:none}.menu-btn{display:block}
  .hdr-in{grid-template-columns:auto 1fr auto}.logo{grid-column:2}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .colls,.quotes{grid-template-columns:1fr}.coll{aspect-ratio:16/10}
  .duo,.pd,.tool,.ring-size{grid-template-columns:minmax(0,1fr)}
  .pd .ph,.stage{position:relative;top:0}
  .trust{grid-template-columns:1fr 1fr}.trust div:nth-child(2){border-right:0}.trust div{border-bottom:1px solid var(--line)}
  .ftr-grid{grid-template-columns:1fr 1fr}.arts{grid-template-columns:1fr}
}
@media (max-width:620px){
  body{padding-bottom:70px}
  .vitrine{grid-template-columns:1fr 1fr}.vitrine .vt:first-child{display:none}.vt.side{transform:none}
  .ftr-grid{grid-template-columns:1fr}
  .slots{grid-template-columns:repeat(3,1fr)}
  .svc{grid-template-columns:1fr}
  .gold-t th,.gold-t td{padding:14px 6px}.gold-t td{font-size:.95rem}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--k2);border-top:1px solid var(--line)}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:62px;color:var(--tx);font:400 .56rem/1 var(--fd);letter-spacing:.2em;text-transform:uppercase}
  .mbar .i{color:var(--gold);font-size:1.05rem}
  .mbar .cta{background:var(--gold);color:var(--k)}.mbar .cta .i{color:var(--k)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

span.ph,span.glass{display:block}