/* f.css: The Family Gem Shop, direction F (Spectrum Boutique). Hand-maintained static stylesheet, ported from the approved designs-5 F mockups (Oct 16, 2026). */
@font-face{font-family:'Cormorant';src:url('fonts/cormorant-var.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:'Cormorant';font-style:italic;src:url('fonts/cormorant-italic-var.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/inter-var.woff2') format('woff2');font-weight:400 600;font-display:swap}

:root{--em:#0F4A3A;--emd:#082E24;--emh:#1C6650;--gold:#B8955A;--golds:#D9BE87;--wg:#E8E6E0;--cream:#F6F0E3;--ivory:#FBF8F1;--ink:#1E2A24;--muted:#6E7068;--blue:#1F3A7A;--ruby:#8E1B2C}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;overflow-x:hidden}
body{position:relative;overflow-x:hidden;font-family:'Inter',sans-serif;color:var(--ink);background:var(--ivory);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none;cursor:pointer}
img{display:block;max-width:100%;height:auto}
.serif,h1,h2,h3,h4{font-family:'Cormorant',Georgia,serif;font-weight:500}
.label{font:600 12px/1.3 Inter;letter-spacing:.14em;text-transform:uppercase}
.gemico{width:44px;height:44px}
/* glow: background halo only, behind the opaque photo frame, never over the stone */
.glow{position:relative;isolation:isolate}
.glow::before{content:'';position:absolute;inset:-9%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--stone-glow,var(--g)) 0%,var(--stone-glow,var(--g)) 45%,transparent 100%);pointer-events:none}
.photo{background:#fff;overflow:hidden}
.photo img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rule{display:flex;align-items:center;gap:14px;justify-content:center;width:240px;margin:18px auto}
.rule:before,.rule:after{content:'';flex:1;height:1px;background:var(--gold)}
.rule i{width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;font:600 15px Inter;letter-spacing:.03em;padding:15px 28px;border-radius:2px;white-space:nowrap}
.btn.pri{background:var(--em);color:var(--cream);box-shadow:inset 0 0 0 1px var(--golds),inset 0 0 0 3px var(--em)}
.btn.out{border:1px solid var(--gold);color:var(--emd)}
.btn.secd{border:1px solid var(--golds);color:var(--cream)}
.btn.goldfill{background:var(--golds);color:var(--emd)}
.chip{display:inline-flex;align-items:center;gap:7px;font:600 11.5px Inter;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:99px}
.chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.spec{width:100%;border-collapse:collapse;font-size:15px}
.spec th{width:38%;text-align:left;font-weight:500;color:var(--muted);padding:11px 0;border-bottom:1px solid #E3D7BD;vertical-align:top}
.spec td{padding:11px 0;border-bottom:1px solid #E3D7BD}
.spec td.unk{color:var(--muted);font-style:italic}
.hon{list-style:none;font-size:14.5px}
.hon li{padding:6px 0 6px 22px;position:relative}
.hon li:before{content:'';position:absolute;left:2px;top:13px;width:7px;height:7px;border:1.5px solid var(--gold);transform:rotate(45deg)}
.thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.thumbs .t{aspect-ratio:1/1;background:#fff;border:1px solid #DCCFB3;padding:3px}
.thumbs .t img{width:100%;height:100%;object-fit:cover}
.thumbs .t.on{outline:2px solid var(--em);outline-offset:1px}
.thumbs .t.todo{display:flex;align-items:center;justify-content:center;text-align:center;font-size:10.5px;line-height:1.25;color:var(--muted);border-style:dashed;background:var(--cream);padding:5px}
.menu{display:none}
.qbuy{display:none}
.mob{display:none}
@media (max-width:820px){
 body{font-size:16px}
 .nav{display:none!important}
 .menu{display:flex!important;align-items:center;gap:8px;font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase}
 .menu b{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor}
 .thumbs{grid-template-columns:repeat(4,1fr);gap:8px}
 .btn{padding:14px 18px;font-size:14.5px;white-space:normal;text-align:center}
  .mob{display:block}.desk{display:none!important}
 .ctas{flex-direction:column;align-items:stretch}.ctas .btn{width:100%}
 .qbuy{display:block;margin:14px 0 6px;padding:14px 16px;background:#fff;border:1px solid var(--gold);border-radius:var(--qr,4px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
 .qbuy .qr{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
 .qbuy .qt{font:600 20px/1.1 Cormorant;color:var(--emd)}
 .qbuy .qp{font:600 20px/1.1 Cormorant;color:var(--emd);white-space:nowrap}
 .qbuy .qr2{display:flex;justify-content:space-between;gap:10px;margin:4px 0 10px}
 .qbuy .qs{font:600 9.5px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--ruby)}
 .qbuy .qs2{font:500 11px Inter;color:var(--muted)}
 .qbuy .btn{width:100%;padding:13px 16px;font-size:14.5px}
}


body{color:#17201B}
.spec-line{height:4px;background:linear-gradient(90deg,#0F4A3A,#3FD0C9,#23708A,#1F3A7A,#4B4A9E,#A99BD1,#B8476A,#8E1B2C,#B34528,#D08A2E,#B8955A)}
.ann{display:flex;justify-content:center;gap:30px;background:var(--emd);color:#E6F1EC;font:500 12.5px Inter;letter-spacing:.02em;padding:9px}
.ann span:before{content:'';display:inline-block;width:7px;height:7px;transform:rotate(45deg);margin-right:9px;vertical-align:1px;background:var(--c)}
header{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;max-width:1440px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;border-radius:50%;box-shadow:0 0 0 1px var(--gold)}
.brand .nm{font-family:Cormorant;font-weight:600;font-size:28px;color:var(--emd);letter-spacing:.005em}
.nav{display:flex;gap:4px;background:#F6F3EC;border-radius:99px;padding:5px;border:1px solid #EFE8D9}
.nav a{padding:9px 17px;border-radius:99px;font:500 14px Inter;color:#2D3832;position:relative}
.nav a.on{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);color:var(--emd)}
.nav a.on:after{content:'';position:absolute;left:18px;right:18px;bottom:4px;height:2px;border-radius:2px;background:var(--uc,#3FD0C9)}
.hd-r{display:flex;align-items:center;gap:14px}
.ask{font:600 14px Inter;background:var(--em);color:#fff;padding:11px 19px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(217,190,135,.55)}
.wrap{max-width:1440px;margin:0 auto;padding:0 48px}
.btn.rnd{border-radius:99px}
.btn.pri{box-shadow:inset 0 0 0 1px rgba(217,190,135,.7)}
.btn.out{border:1px solid var(--gold);color:var(--emd);background:#fff}
.pill{display:inline-flex;gap:8px;align-items:center;font:600 12px Inter;letter-spacing:.05em;padding:7px 13px;border-radius:99px;background:#fff;border:1px solid #E8E0CF;color:var(--emd)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--c,#3FD0C9);box-shadow:0 0 0 4px color-mix(in srgb,var(--c,#3FD0C9) 22%,transparent)}
.label{color:#267C78}
/* HERO: white stage, micro-glows, color wheel */
.hero{border-radius:32px;margin-top:6px;padding:56px 56px 30px;position:relative;overflow:hidden;border:1px solid #EFE8D9;
 background:radial-gradient(circle at 6% 14%,rgba(63,208,201,.17),transparent 26%),radial-gradient(circle at 36% 104%,rgba(184,71,106,.13),transparent 28%),
 radial-gradient(circle at 98% 6%,rgba(208,138,46,.15),transparent 24%),radial-gradient(circle at 98% 96%,rgba(31,58,122,.10),transparent 26%),linear-gradient(180deg,#FFFCF4,#F8F0DF)}
.hero .in{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:center}
.hero h1{font-size:84px;line-height:.98;color:var(--emd);margin:22px 0 22px;font-weight:500;letter-spacing:-.005em}
.hero h1 .sw{background:linear-gradient(90deg,#1C6650,#23708A 28%,#4B4A9E 52%,#B8476A 76%,#B34528);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-right:4px}
.hero p.lede{font-size:18.5px;max-width:500px;color:#3B463F}
.ctas{display:flex;gap:12px;margin-top:30px}
.minitrust{display:flex;gap:18px;margin-top:30px;font:500 13px Inter;color:#4A554F}
.minitrust span{display:flex;align-items:center;gap:7px}
.minitrust span:before{content:'';width:7px;height:7px;border:1.5px solid var(--gold);transform:rotate(45deg)}
.wheel{position:relative;width:620px;height:620px;margin:0 auto}
.ring{position:absolute;left:50%;top:50%;width:580px;height:580px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#8E1B2C 0deg 14deg,#0F4A3A 26deg 54deg,#B8476A 66deg 94deg,#1F3A7A 106deg 134deg,#B34528 146deg 174deg,#3FD0C9 186deg 214deg,#23708A 226deg 254deg,#D08A2E 266deg 294deg,#B8955A 306deg 334deg,#8E1B2C 346deg);
 -webkit-mask:radial-gradient(circle,transparent 62.5%,#000 63%,#000 67.5%,transparent 68%);mask:radial-gradient(circle,transparent 62.5%,#000 63%,#000 67.5%,transparent 68%)}
.ring2{position:absolute;left:50%;top:50%;width:470px;height:470px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(184,149,90,.55)}
.dot{position:absolute;width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.dot span{position:absolute;white-space:nowrap;font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;top:2px}
.hcard{position:absolute;left:50%;top:50%;width:300px;transform:translate(-50%,-50%);background:#fff;padding:11px 11px 0;border-radius:24px;box-shadow:0 26px 60px rgba(30,42,36,.16),0 0 0 1px rgba(184,149,90,.6)}
.hcard .photo{border-radius:15px}
.hcard .lab{display:flex;justify-content:space-between;align-items:center;padding:11px 4px 12px}
.hcard .lab .nm2{font:600 20px/1.1 Cormorant;color:var(--emd)}
.tag{position:absolute;z-index:3;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 14px 34px rgba(30,42,36,.16);font:500 12.5px Inter;color:var(--muted);line-height:1.35}
.tag b{display:block;font:600 21px/1.1 Cormorant;color:var(--emd)}
.tag .dr{display:flex;gap:5px;margin-top:6px}.tag .dr i{width:13px;height:13px;border-radius:50%}
.t1{left:-6px;top:6px}.t2{right:-10px;top:0}.t3{right:-14px;bottom:-12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;padding-top:22px;border-top:1px solid #F0EADD}
.chip{background:var(--bg);color:var(--fg)}
/* sections */
.blk{padding:96px 0 0}
.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:40px}
.sh h2{font-size:54px;color:var(--emd);line-height:1}
.sh .label{margin-bottom:10px}
.sh p{max-width:420px;color:var(--muted);font-size:15.5px}
.sh a.more{font:600 14px Inter;color:var(--emd);border-bottom:2px solid var(--uc,#3FD0C9);padding-bottom:2px;white-space:nowrap}
/* gem cards = D saturated cards + B paint-chip stripes */
.cg{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:236px;gap:14px}
.cc{border-radius:24px;padding:20px 20px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 10px 24px -14px var(--sh)}
.cc.hero2{grid-column:span 2;grid-row:span 2;padding:26px 26px 0}
.cc.w2{grid-column:span 2}
.cc .gemico{width:34px;height:34px;opacity:.95}
.cc .wm{position:absolute;right:-34px;top:-34px;width:150px;height:150px;opacity:.14}
.cc h3{font-size:30px;font-weight:600;line-height:1;text-shadow:0 1px 10px rgba(0,0,0,.12)}
.cc.hero2 h3{font-size:46px}
.cc .cnt.soon{background:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.55);font-weight:500;letter-spacing:.06em}
.cc .cnt{display:inline-block;margin-top:9px;font:600 11px Inter;letter-spacing:.04em;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.22);backdrop-filter:blur(2px)}
.cc .chipstrip{display:flex;margin:16px -20px 0;height:14px}
.cc.hero2 .chipstrip{margin:20px -26px 0;height:18px}
.cc .chipstrip i{flex:1}
.cc .ph2{display:flex;gap:12px;margin:18px 0 0}
.cc .ph2 .glow{width:150px;flex:none}
.cc .ph2 .fr{background:#fff;border-radius:16px;padding:6px;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.cc .ph2 .photo{border-radius:11px}
.cc .ph2 small{display:block;font:600 12px Inter;color:#fff;margin-top:8px;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.cc .ph2 small em{font-style:normal;font-weight:500;opacity:.85}
/* product cards */
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pc{border-radius:24px;background:#fff;border:1px solid #EEE7D8;overflow:hidden;box-shadow:0 18px 40px -28px rgba(30,42,36,.35)}
.pc{display:block;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.pc:hover{transform:translateY(-3px);box-shadow:0 24px 44px -26px rgba(30,42,36,.45)}
.pc:focus-visible{outline:2px solid var(--stone-ink,#0F4A3A);outline-offset:3px}
.pc .band{height:7px;background:linear-gradient(90deg,var(--stone,#0F4A3A),var(--stone-line,#9FD3C1))}
.pc .pic{margin:14px 14px 0;border-radius:18px;padding:26px;background:radial-gradient(circle at 50% 45%,var(--stone-soft,#F6F0E3),#fff 78%);box-shadow:inset 0 0 0 1px var(--stone-soft,#EEE7D8)}
.pc .pic .fr{background:#fff;border-radius:14px;padding:6px;box-shadow:0 0 0 1px rgba(184,149,90,.5)}
.pc .pic .photo{border-radius:10px}
.pc .meta{padding:16px 20px 20px}
.pc .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pc h3{font-size:26px;color:var(--emd);font-weight:600;margin:10px 0 2px;line-height:1.1}
.pc .sub{font-size:14px;color:var(--muted)}
.pc .pr{font:600 13.5px Inter;color:var(--em)}
.pc .no{font:600 11px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ph{aspect-ratio:1/1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13.5px;color:var(--muted);background:rgba(255,255,255,.75);border:1.5px dashed rgba(0,0,0,.12)}
.ph .gemico{width:48px;height:48px}
/* logo story */
.ls{display:grid;grid-template-columns:420px 1fr;border-radius:32px;overflow:hidden;border:1px solid #EFE8D9;background:linear-gradient(180deg,#FFFDF8,#F8F2E5)}
.ls .crest{position:relative;display:flex;align-items:center;justify-content:center;padding:44px;background:radial-gradient(circle at 50% 46%,rgba(46,160,110,.38),transparent 52%),radial-gradient(ellipse 80% 70% at 50% 120%,rgba(217,190,135,.25),transparent 60%),linear-gradient(150deg,#145A47,#082E24)}
.ls .crest img{width:270px;height:270px;border-radius:50%;box-shadow:0 0 0 1px rgba(217,190,135,.7),0 30px 60px rgba(0,0,0,.35)}
.ls .crest .ct{position:absolute;font:600 10.5px Inter;letter-spacing:.14em;text-transform:uppercase;color:var(--golds);display:flex;align-items:center;gap:8px}
.ls .crest .ct:before{content:'';width:28px;height:1px;background:var(--golds)}
.ls .crest .c1{top:58px;right:22px}.ls .crest .c2{bottom:58px;right:22px}
.ls .txt{padding:60px 72px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative}
.ls .txt:after{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0F4A3A,#1C6650 50%,#D9BE87)}
.ls h2{font-size:58px;line-height:1;color:var(--emd);margin:12px 0 18px}
.ls h2 em{color:#1C6650}
.ls p{font-size:18px;line-height:1.65;color:#34403A;max-width:700px;position:relative}
.ls .txt .halo{position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,160,110,.16),transparent);pointer-events:none}
.ls .legend{display:flex;gap:10px;margin:22px 0 24px;flex-wrap:wrap}
.ls .legend span{display:inline-flex;align-items:center;gap:9px;font:500 13.5px Inter;padding:8px 14px 8px 9px;border-radius:99px;background:#fff;border:1px solid #E8DFCB;color:#2D3832}
.ls .legend b{font-weight:600;color:var(--emd)}
.gem-e{width:22px;height:16px;border-radius:3px;background:linear-gradient(135deg,#46C38A,#0E7A4C 55%,#0A5A37);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 0 0 1.5px var(--gold)}
.gem-d{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#E6EAEF 55%,#B9C2CC);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 0 0 1.5px var(--gold)}
.link{font:600 14px Inter;color:var(--emd);border-bottom:2px solid var(--gold);padding-bottom:2px;align-self:flex-start}
/* story ring photo: glow sits behind the frame only, photo itself untouched by CSS */
.ringfig{position:relative;margin:0}
.ringfig:before{content:'';position:absolute;inset:-26px -18px;border-radius:40px;background:radial-gradient(closest-side,rgba(70,195,138,.42),rgba(217,190,135,.16) 60%,transparent);filter:blur(10px);z-index:0}
.ringfig .rf{position:relative;z-index:1;background:#fff;border-radius:24px;padding:10px;box-shadow:0 26px 60px rgba(8,46,36,.22),0 0 0 1px rgba(184,149,90,.6)}
.ringfig img{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:16px}
.ringfig figcaption{position:relative;z-index:1;margin-top:16px;font:500 italic 24px/1.25 Cormorant;color:var(--emd);text-align:center}
.ringfig figcaption small{display:block;margin-top:6px;font:500 12px/1.4 Inter;font-style:normal;color:var(--muted);letter-spacing:.01em}
.sbody .legendcard.slim{padding:8px 22px 24px;margin-top:34px}
.ringnote{display:flex;gap:16px;align-items:center;margin:20px 0 0;padding:10px 16px 10px 10px;border-radius:18px;background:#fff;border:1px solid #E8DFCB;max-width:520px;position:relative}
.ringnote .rf{flex:none;width:150px;border-radius:12px;padding:4px;background:#fff;box-shadow:0 0 0 1px rgba(184,149,90,.6),0 10px 22px -8px rgba(46,160,110,.55)}
.ringnote img{display:block;width:100%;aspect-ratio:8/5;border-radius:9px}
.ringnote span{font:500 italic 20px/1.25 Cormorant;color:var(--emd)}
/* editorial long story (pass 7) */
.sbody.ed{align-items:start;grid-template-columns:4fr 7fr;gap:64px}
.sbody.ed .side{position:sticky;top:24px}
.sbody.ed p.long{margin:0 0 22px}
.sbody.ed p.long.lede{font-size:21px;line-height:1.66;color:#22302A}
.sbody.ed p.long.lede:first-letter{float:left;font:600 76px/.82 Cormorant;color:var(--emd);margin:8px 12px 0 0}
.sbody.ed p.long.close{font:500 italic 26px/1.35 Cormorant;color:var(--emd);margin-top:8px}
.pq{margin:34px 0 36px;padding:26px 30px 26px 34px;border-radius:24px;position:relative;background:radial-gradient(ellipse 70% 120% at 0% 50%,rgba(70,195,138,.20),transparent 70%),#F7FBF8;border:1px solid #DCEDE3}
.pq:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:5px;border-radius:5px;background:linear-gradient(180deg,#46C38A,#0F4A3A 60%,#D9BE87)}
.pq q{display:block;font:500 italic 36px/1.15 Cormorant;color:#0F4A3A;quotes:"\201C" "\201D"}
.pq span{display:block;margin-top:10px;font:600 11px Inter;letter-spacing:.14em;text-transform:uppercase;color:#1C6650}
/* trust */
.tg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tc{border-radius:22px;padding:26px;background:var(--bg);position:relative;overflow:hidden}

.tc .ic{width:48px;height:48px;border-radius:15px;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 10px 20px -8px var(--c);color:#fff}
.tc .ic .gemico{width:26px;height:26px}
.tc h4,.tc h3{font-size:26px;color:var(--emd);font-weight:600;line-height:1.1}
.tc p{font-size:14.5px;color:#3A453F;margin-top:6px}
/* hunt + lore */
.duo{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.huntc{border-radius:28px;padding:56px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(75,74,158,.85),transparent 60%),radial-gradient(ellipse 50% 60% at 0% 100%,rgba(35,112,138,.6),transparent 70%),linear-gradient(135deg,#1F3A7A,#14285A)}
.huntc h2{font-size:58px;line-height:1}
.huntc p{color:#DCE3F2;max-width:520px;margin:14px 0 26px}
.huntc .rg{position:absolute;right:-110px;bottom:-110px;width:330px;height:330px;border-radius:50%;background:conic-gradient(from 0deg,#8E1B2C 0deg 14deg,#0F4A3A 26deg 54deg,#B8476A 66deg 94deg,#1F3A7A 106deg 134deg,#B34528 146deg 174deg,#3FD0C9 186deg 214deg,#23708A 226deg 254deg,#D08A2E 266deg 294deg,#B8955A 306deg 334deg,#8E1B2C 346deg);-webkit-mask:radial-gradient(circle,transparent 64%,#000 64.5%,#000 68%,transparent 68.5%);mask:radial-gradient(circle,transparent 64%,#000 64.5%,#000 68%,transparent 68.5%);opacity:.8}
.btn.white{background:#fff;color:var(--emd)}
.lg{display:grid;gap:14px}
.lc{border-radius:22px;padding:22px 26px 22px 30px;background:var(--bg);display:flex;gap:18px;align-items:center;position:relative;overflow:hidden}
.lc:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:6px;border-radius:0 4px 4px 0;background:var(--c)}
.lc .gemico{width:42px;height:42px;flex:none;color:var(--c)}
.lc h3{font-size:25px;color:var(--emd);font-weight:600}
.lc p{font-size:14px;color:#3A453F}
.lc a{font:600 12px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--emd);border-bottom:1px solid var(--gold)}
footer{margin-top:96px;background:#0B241C;color:#E8EFEA;border-radius:32px 32px 0 0;padding:0 48px 34px;overflow:hidden}
footer .spec-line{margin:0 -48px 56px;height:5px}
.fg{display:grid;grid-template-columns:1.3fr 2fr;gap:60px;max-width:1344px;margin:0 auto}
footer .brand .nm{color:#fff}
footer p{color:#B9C6BF;font-size:14.5px;margin-top:14px;max-width:380px}
.fl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;font-size:14.5px;color:var(--golds);align-content:start}
.fl a{display:flex;align-items:center;min-height:44px}
.copy{max-width:1344px;margin:36px auto 0;padding-top:20px;border-top:1px solid #23362E;font-size:13px;color:#8FA197}
/* STONE */
.crumb{font-size:13px;color:var(--muted);padding:10px 0 18px}
.crumb b{color:#267C78;font-weight:600}
.sp{display:grid;grid-template-columns:7fr 5fr;grid-template-areas:"g p" "m p";grid-template-rows:auto 1fr;gap:28px 40px;align-items:start}
.gcol{grid-area:g}.panel{grid-area:p}.more{grid-area:m;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.more>div{border-radius:24px;padding:26px;background:var(--bg);position:relative;overflow:hidden}
.more>div:before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--c)}
.more .span2{grid-column:1/-1}.more .range,.more .hb{margin-top:0}
.more h3{font-size:28px;color:var(--emd);font-weight:600;margin-bottom:8px}.more p{font-size:15px}
.below{grid-template-columns:1.4fr 1fr!important}
.relrow{display:flex;gap:18px;align-items:center}.relrow .phs{display:flex;gap:12px;margin-left:auto}.relrow .phs div{width:96px;aspect-ratio:1/1;border-radius:14px;border:1.5px dashed rgba(184,71,106,.35);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:var(--muted);background:rgba(255,255,255,.6)}
.hunt2{background:radial-gradient(ellipse 70% 90% at 100% 0%,rgba(75,74,158,.85),transparent 60%),linear-gradient(135deg,#1F3A7A,#14285A)!important;color:#fff}.hunt2 h3{color:#fff!important}.hunt2 p{color:#DCE3F2;margin-bottom:18px}
.gal{border-radius:28px;padding:68px 64px 30px;position:relative;overflow:hidden;border:1px solid #E6EDE0;
 background:radial-gradient(circle at 12% 10%,rgba(63,208,201,.14),transparent 30%),radial-gradient(circle at 92% 92%,rgba(184,149,90,.14),transparent 30%),linear-gradient(180deg,#FBFCF8,#F3F6EE)}
.gal .glow{max-width:500px;margin:0 auto}
.gal .fr{background:#fff;border-radius:22px;padding:12px;box-shadow:0 26px 60px rgba(60,90,30,.16),0 0 0 1px rgba(184,149,90,.55)}
.gal .fr .photo{border-radius:14px}
.gal .ctag{position:absolute;top:22px;left:22px}
.gal .ntag{position:absolute;top:22px;right:22px}
.gal .tags{display:flex;justify-content:center;gap:12px;margin-top:22px}
.gal .tags .tag{position:static}
.sp .thumbs{margin-top:14px}.sp .thumbs .t{border-radius:14px;overflow:hidden;border-color:#EAE3D4}.sp .thumbs .t.todo{background:#FAF8F2}
.range{margin-top:22px;border-radius:22px;border:1px solid #EEE7D8;padding:22px 24px;background:#fff}
.range .rw{display:flex;gap:10px;margin-top:14px}
.range .pchip{flex:1;border-radius:12px;overflow:hidden;border:1px solid #EEE7D8;background:#fff}
.range .pchip i{display:block;height:56px}
.range .pchip span{display:block;font:500 12px Inter;color:#4A554F;padding:7px 9px}
.range .pchip.on{box-shadow:0 0 0 2px var(--emd),0 10px 20px -10px rgba(0,0,0,.3)}
.range .pchip.on span{color:var(--emd);font-weight:600}
.panel h1{font-size:56px;line-height:1;color:var(--emd);font-weight:600;margin:16px 0 12px}
.panel .ld{font-size:16.5px;color:#34403A}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.facts span{font:500 13px Inter;padding:7px 12px;border-radius:99px;background:#F5F2EA;color:#2D3832;border:1px solid #EEE7D8}
.facts span.g{background:#EAF4E6;border-color:#D6E8CF;color:#2F5A20}
.facts span b{font-weight:600}
.buy{border-radius:22px;border:1px solid #EEE7D8;padding:22px;box-shadow:0 18px 40px -30px rgba(30,42,36,.4);position:relative;overflow:hidden}
.buy:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0F4A3A,#3FD0C9,#23708A,#1F3A7A,#4B4A9E,#A99BD1,#B8476A,#8E1B2C,#B34528,#D08A2E,#B8955A)}
.buy .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.price{font:600 32px Cormorant;color:var(--emd)}
.stat{font:600 11.5px Inter;letter-spacing:.04em;background:#FCE8EC;color:var(--ruby);padding:6px 11px;border-radius:99px}
.buy .btn{width:100%}
.ship{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}
.card2{border-radius:22px;border:1px solid #EEE7D8;padding:6px 22px 12px;margin-top:16px}
.card2 h4{font-size:25px;color:var(--emd);font-weight:600;margin:16px 0 4px}
.spec th,.spec td{border-color:#EFEAE0}
.crestmini{display:flex;gap:16px;align-items:center;margin-top:16px;padding:16px 20px;border-radius:22px;background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(46,160,110,.18),transparent 70%),#FBF8F1;border:1px solid #EFE6D2}
.crestmini img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 1px var(--gold)}
.crestmini b{display:block;font:600 23px/1.1 Cormorant;color:var(--emd);margin:3px 0 4px}.crestmini span{font:600 13px Inter;color:var(--emd);border-bottom:2px solid var(--gold)}
.hb{border-radius:22px;background:#EEF7F5;padding:18px 22px;margin-top:16px}
.hb .label{margin-bottom:4px}
.hb .hon li:before{border-color:#267C78}
.below{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.below>div{border-radius:24px;padding:28px;background:var(--bg);position:relative;overflow:hidden}
.below>div:before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--c)}
.below h3{font-size:30px;color:var(--emd);font-weight:600;margin-bottom:8px}
.below p{font-size:15px}
.rel{display:flex;gap:16px;align-items:center}
.rel .glow{width:112px;flex:none}.rel .fr{background:#fff;border-radius:14px;padding:5px;box-shadow:0 0 0 1px rgba(184,149,90,.5)}.rel .photo{border-radius:10px}
/* STORY */
.shero{border-radius:32px;margin-top:6px;padding:80px 56px 92px;text-align:center;position:relative;overflow:hidden;color:#fff;
 background:radial-gradient(circle at 50% 34%,rgba(52,170,116,.42),transparent 26%),radial-gradient(circle at 6% 100%,rgba(63,208,201,.15),transparent 26%),radial-gradient(circle at 94% 10%,rgba(63,208,201,.20),transparent 26%),radial-gradient(circle at 92% 100%,rgba(184,71,106,.20),transparent 26%),radial-gradient(circle at 4% 4%,rgba(63,208,201,.14),transparent 22%),linear-gradient(160deg,#145A47,#0B3B2E 55%,#082E24)}
.shero .rg{position:absolute;left:50%;top:186px;width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,#8E1B2C 0deg 14deg,#0F4A3A 26deg 54deg,#B8476A 66deg 94deg,#1F3A7A 106deg 134deg,#B34528 146deg 174deg,#3FD0C9 186deg 214deg,#23708A 226deg 254deg,#D08A2E 266deg 294deg,#B8955A 306deg 334deg,#8E1B2C 346deg);-webkit-mask:radial-gradient(circle,transparent 66%,#000 66.5%,#000 68.5%,transparent 69%);mask:radial-gradient(circle,transparent 66%,#000 66.5%,#000 68.5%,transparent 69%);opacity:.75}
.shero img.cr{width:210px;height:210px;border-radius:50%;margin:0 auto;position:relative;box-shadow:0 0 0 1px rgba(217,190,135,.8),0 30px 70px rgba(0,0,0,.4)}
.shero .pill{margin-top:78px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#E6F1EC}
.shero h1{font-size:92px;line-height:1;margin:20px 0 14px;font-weight:500}
.shero h1 em{color:#BFE9D3}
.shero .sub{font:500 italic 30px/1.2 Cormorant;color:var(--golds)}
.shero .ft{position:absolute;top:132px;background:#fff;color:var(--muted);border-radius:16px;padding:11px 16px;text-align:left;font:500 12.5px/1.35 Inter;box-shadow:0 16px 36px rgba(0,0,0,.28);display:flex;gap:12px;align-items:center}
.shero .ft b{display:block;font:600 21px/1.1 Cormorant;color:var(--emd)}
.shero .ft.l{right:calc(50% + 200px)}.shero .ft.r{left:calc(50% + 200px);top:212px}
.shero .sp2{height:4px;width:240px;margin:28px auto 0;border-radius:4px;background:linear-gradient(90deg,#0F4A3A,#3FD0C9,#23708A,#1F3A7A,#4B4A9E,#A99BD1,#B8476A,#8E1B2C,#B34528,#D08A2E,#B8955A)}
.sbody{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center;max-width:1180px;margin:0 auto;padding:88px 0 0}
.legendcard{border-radius:28px;background:linear-gradient(180deg,#FFFDF8,#F6EFE0);border:1px solid #EFE6D2;padding:40px 30px;position:relative}
.gempair{display:flex;justify-content:center;gap:26px;padding:14px 0 6px}
.gp{width:190px;border-radius:24px;padding:30px 18px 16px;text-align:center;position:relative;overflow:hidden}
.gp.e{background:radial-gradient(circle at 50% 42%,rgba(70,195,138,.45),transparent 62%),linear-gradient(160deg,#145A47,#082E24)}
.gp.d{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.95),transparent 62%),linear-gradient(160deg,#EEF1F5,#D5DCE5)}
.gp .bigem{width:118px;height:104px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.25))}
.gp span{display:block;margin-top:12px;font:600 11px Inter;letter-spacing:.14em;text-transform:uppercase}
.gp.e span{color:var(--golds)}.gp.d span{color:#4A5564}
.legendcard .row{display:flex;gap:14px;align-items:flex-start;margin-top:22px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #EEE5D2}
.legendcard .row .gem-e,.legendcard .row .gem-d{flex:none;margin-top:4px}
.legendcard .row b{display:block;font:600 22px/1.1 Cormorant;color:var(--emd)}
.legendcard .row span{font-size:14px;color:#4A554F}
.sbody .label{color:#1C6650}
.sbody h2{font-size:54px;line-height:1.02;color:var(--emd);margin:12px 0 10px}
.sbody .rule{margin:18px 0 22px;width:200px}
.sbody p.long{font-size:19px;line-height:1.72;color:#2E3A34;max-width:680px}
.sig{font:500 italic 34px Cormorant;color:var(--emd);margin-top:18px}
.next{max-width:1180px;margin:72px auto 0;border-top:1px solid #EFE8D9;padding-top:26px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}
.next b{font:600 22px Cormorant;color:var(--emd);margin-right:10px}
.mbar{display:none}
@media (max-width:820px){
 .sbody.ed{grid-template-columns:1fr;gap:30px}.sbody.ed .side{position:static}
 .sbody.ed p.long.lede{font-size:18px}.sbody.ed p.long.lede:first-letter{font-size:62px}.sbody.ed p.long.close{font-size:23px}
 .pq{margin:26px 0 28px;padding:20px 18px 20px 24px}.pq q{font-size:28px}
 .ringfig:before{inset:-14px -8px}.ringfig .rf{padding:7px;border-radius:18px}.ringfig img{border-radius:12px}.ringfig figcaption{font-size:21px}
 .ringnote{gap:12px;padding:8px 12px 8px 8px}.ringnote .rf{width:112px}.ringnote span{font-size:17px}
 .sbody .legendcard.slim{margin-top:26px}
 .ann{flex-wrap:wrap;gap:4px 14px;font-size:11.5px;padding:7px 10px;line-height:1.35}
 header{padding:12px 16px}.brand img{width:40px;height:40px}.brand .nm{font-size:21px}.ask{display:none}
 .wrap{padding:0 14px}
 .hero{padding:34px 20px 22px;border-radius:24px}.hero .in{grid-template-columns:1fr;gap:6px}
 .hero h1{font-size:46px;margin:16px 0 14px}.hero p.lede{font-size:16px}.ctas .btn{flex:1;padding:14px 12px}
 .minitrust{flex-wrap:wrap;gap:8px 14px;margin-top:18px;font-size:12px}
 .wheel{width:350px;height:350px;margin:10px -12px 0}.ring{width:330px;height:330px}.ring2{width:262px;height:262px}
 .hcard{width:176px;padding:7px 7px 0;border-radius:18px}.hcard .photo{border-radius:11px}.hcard .lab{padding:7px 2px 8px}.hcard .lab .nm2{font-size:14px}.hcard .lab .chip{display:none}
 .dot{width:15px;height:15px;border-width:2px}.dot span{display:none}
 .tag{padding:7px 10px;font-size:10.5px;border-radius:12px}.tag b{font-size:16px}
 .t1{left:-4px;top:22px}.t2{right:-6px;top:auto;bottom:-2px}.t3{display:none}
 .chips{gap:6px;margin-top:6px;padding-top:16px}.chips .chip{font-size:10px;padding:5px 9px}
 .blk{padding-top:64px}.sh{display:block;margin-bottom:20px}.sh h2{font-size:38px}.sh p{font-size:14.5px;margin-top:8px}.sh a.more{display:inline-block;margin-top:10px}
 .cg{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}.cc{border-radius:20px;padding:15px 15px 0}.cc.hero2{grid-column:span 2;grid-row:span 2;padding:20px 20px 0}.cc.w2{grid-column:span 2}
 .cc h3{font-size:23px}.cc.hero2 h3{font-size:34px}.cc .chipstrip{margin:12px -15px 0;height:10px}.cc.hero2 .chipstrip{margin:14px -20px 0;height:12px}.cc .ph2 .glow{width:104px}.cc .wm{width:110px;height:110px}
 .pg{grid-template-columns:1fr 1fr;gap:10px}.pc{border-radius:20px}.pc .pic{margin:8px 8px 0;padding:12px;border-radius:14px}.pc .meta{padding:10px 12px 14px}.pc h3{font-size:20px}.pc .sub{font-size:12.5px}.pc .chip{font-size:9.5px;padding:4px 8px}.pc .no{display:none}
 .ls{grid-template-columns:1fr;border-radius:24px}.ls .crest{padding:34px}.ls .crest img{width:190px;height:190px}.ls .crest .ct{display:none}
 .ls .txt{padding:30px 22px 32px}.ls .txt:after{display:none}.ls h2{font-size:38px}.ls p{font-size:16px}.ls .legend span{font-size:12.5px}
 .tg{grid-template-columns:1fr 1fr;gap:10px}.tc{padding:18px 16px}.tc h4,.tc h3{font-size:20px}.tc p{font-size:13px}.tc .ic{width:38px;height:38px;margin-bottom:12px}
 .duo{grid-template-columns:1fr}.huntc .rg{width:220px;height:220px;right:-120px;bottom:-120px}.huntc{padding:34px 24px}.huntc h2{font-size:40px}.lc{padding:18px 18px 18px 24px}.lc h3{font-size:22px}
 footer{padding:0 22px 28px;border-radius:24px 24px 0 0;margin-top:64px}footer .spec-line{margin:0 -22px 40px}.fg{grid-template-columns:1fr;gap:26px}.fl{grid-template-columns:1fr 1fr}
 .sp{grid-template-columns:1fr;grid-template-areas:"g" "p" "m";gap:18px}.more{grid-template-columns:1fr}.below{grid-template-columns:1fr!important}.relrow{flex-wrap:wrap}.relrow .phs{margin-left:0}.relrow .phs div{width:88px}.gal{padding:52px 16px 18px;border-radius:22px}.gal .ctag{top:14px;left:14px}.gal .ntag{top:14px;right:14px}.gal .tags{gap:6px;margin-top:14px}.gal .tags .tag{padding:7px 9px}.gal .tags .tag b{font-size:15px}.gal .fr{padding:8px;border-radius:18px}
 .range{padding:18px 16px}.range .rw{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.range .pchip i{height:38px}.range .pchip span{font-size:11.5px;padding:6px 8px}
 .qbuy{--qr:20px}.qbuy .btn{border-radius:99px}
 .panel h1{font-size:40px}
 .below{grid-template-columns:1fr;margin-top:30px}
 .shero{padding:48px 20px 56px;border-radius:24px}.shero .rg{top:124px;width:230px;height:230px}.shero img.cr{width:140px;height:140px}.shero .pill{margin-top:52px}
 .shero h1{font-size:50px}.shero .ft{display:none}.shero .sub{font-size:23px}
 .sbody{grid-template-columns:1fr;gap:30px;padding:48px 4px 0}.sbody .txt{order:-1}.sbody h2{font-size:38px}.sbody p.long{font-size:17px}.sig{font-size:28px}
 .legendcard{padding:26px 16px}.gempair{gap:12px}.gp{width:150px;padding:22px 12px 12px}.gp .bigem{width:92px;height:80px}.legendcard .row{padding:12px 14px}
 .next{flex-direction:column;gap:8px;margin-top:44px}
}

/* ---- site additions (not in mockup): skip link, focus, no-JS mobile menu, tablet range, standard pages ---- */
body{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.serif,h1,h2,h3,h4{font-family:'Cormorant',Georgia,"Times New Roman",serif}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:#fff;color:var(--emd);padding:8px 12px;border-radius:8px}
.skip:focus{left:12px}
a:focus-visible,summary:focus-visible{outline:2px solid #3FD0C9;outline-offset:3px;border-radius:6px}
.nav a:hover{color:var(--emd);background:#fff}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;display:flex;align-items:center;gap:8px;font:600 12px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--emd);cursor:pointer;padding:10px 4px}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary b{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 -6px 0 currentColor;margin:0 4px}
.mnav nav{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:flex;flex-direction:column;min-width:210px;background:#fff;border:1px solid #EFE8D9;border-radius:18px;padding:8px;box-shadow:0 18px 40px rgba(30,42,36,.18)}
.mnav nav a{padding:12px 14px;border-radius:12px;font:500 15px Inter;color:#2D3832}
.mnav nav a.on{background:#EEF6F2;color:var(--emd)}
.btn.white{background:#fff;color:var(--emd)}
@media (max-width:1180px) and (min-width:821px){
 header{padding:16px 28px}.wrap{padding:0 28px}.ask{display:none}
 .hero .in{grid-template-columns:1fr}.hero{padding:48px 40px 30px}
 .cg{grid-template-columns:repeat(4,1fr)}.pg{grid-template-columns:repeat(2,1fr)}.tg{grid-template-columns:repeat(2,1fr)}
 .duo{grid-template-columns:1fr}.ls{grid-template-columns:320px 1fr}.ls .txt{padding:48px 44px}
 .sbody.ed{grid-template-columns:1fr 1.4fr;gap:40px}
 .fg{grid-template-columns:1fr;gap:30px}
}
@media (max-width:980px) and (min-width:821px){.nav a{padding:9px 11px;font-size:13.5px}.brand .nm{font-size:24px}}
@media (max-width:820px){
 .mnav{display:block}
 .menu{display:none!important}
}
@media (max-width:420px){.wheel{width:330px;height:330px;margin:10px auto 0}.ring{width:310px;height:310px}.ring2{width:246px;height:246px}}
/* standard pages (guides, FAQ, contact, privacy, shop, 404): existing content, F type and color */
main.std{padding:8px 0 8px}
main.std .wrap{max-width:1200px;padding:0 24px}
.crumbs{font-size:14px;color:var(--muted);margin:-12px 0 8px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;padding:0!important;margin:0!important}
.crumbs li{margin:0!important;display:flex;align-items:center;min-height:44px}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--emh)!important}
.crumbs li+li:before{content:"/";margin-right:6px;color:#9aa39d}
main.std h1{font-size:clamp(40px,6vw,62px);line-height:1.02;color:var(--emd);margin:18px 0 16px;font-weight:500}
main.std h2{font-size:clamp(28px,3.4vw,36px);line-height:1.1;color:var(--emd);margin:1.5em 0 .45em;font-weight:600}
main.std h3{font-size:24px;line-height:1.15;color:var(--emd);margin:1.2em 0 .4em;font-weight:600}
main.std p,main.std li{margin:0 0 .85em}
main.std ul,main.std ol{padding-left:1.3em;margin:0 0 1em}
main.std .lead{font-size:19px;line-height:1.6;color:#3B463F;max-width:40em}
main.std .prose{max-width:46em}
main.std a:not(.btn){color:#16794a;text-decoration:underline;text-underline-offset:2px}

main.std .btn{border-radius:99px;background:var(--em);color:#fff;padding:13px 24px;margin:6px 10px 6px 0;box-shadow:inset 0 0 0 1px rgba(217,190,135,.7);text-decoration:none}
main.std .btn.alt{background:#fff;color:var(--emd);box-shadow:none;border:1px solid var(--gold)}
main.std .grid{display:grid;gap:18px}
main.std .card{background:#fff;border:1px solid #EEE7D8;border-radius:22px;padding:22px 24px;box-shadow:0 18px 40px -30px rgba(30,42,36,.35)}
main.std .card h2,main.std .card h3{margin-top:0}
main.std .feature{display:grid;gap:18px;align-items:center}
main.std svg.gem{width:150px;height:auto;justify-self:center}
main.std .tag{display:inline-block;background:#EEF6F2;color:var(--em);font:600 12px Inter;letter-spacing:.04em;padding:5px 12px;border-radius:99px}
main.std dl.spec{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0;width:auto}
main.std dl.spec dt{font-weight:600}main.std dl.spec dd{margin:0}
main.std details{background:#fff;border:1px solid #EEE7D8;border-radius:16px;padding:4px 18px;margin:10px 0}
main.std summary{cursor:pointer;font-weight:600;padding:12px 0;color:var(--emd)}
main.std .note{background:#EEF6F2;border-left:4px solid var(--emh);padding:14px 18px;border-radius:12px;margin-top:28px}
main.std small{font-size:14px;color:var(--muted)}
@media (min-width:760px){main.std .grid.c3{grid-template-columns:repeat(3,1fr)}main.std .grid.c2{grid-template-columns:repeat(2,1fr)}main.std .feature{grid-template-columns:160px 1fr}}

/* ---- review fixes (Oct 16, 2026, Joshua 7:23 PM PT): per-stone color, F inner pages, tap targets ---- */
/* tap targets >= 44px */
.nav a{min-height:44px;display:inline-flex;align-items:center}
.sh a.more,.link{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;border-bottom:0;background:linear-gradient(var(--uc,var(--gold)),var(--uc,var(--gold))) 0 calc(100% - 9px)/100% 2px no-repeat}
.mnav summary{min-height:44px}
.ask{min-height:44px;display:inline-flex;align-items:center}
/* stone card extras */
.soonchip{display:inline-flex;align-items:center;gap:6px;font:600 11px Inter;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:var(--stone-soft,#F6F0E3);color:var(--stone-ink,#0F4A3A);border:1px solid var(--stone-line,#E8E0CF)}
.soonchip.pricechip{letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums}
.soonchip.pricechip.sold,.soonchip.pricechip.reserved{opacity:.85}
.soonchip.pricechip .was,s.was{opacity:.65;margin-right:4px}

.pc .go{font:600 18px Inter;color:var(--stone-ink,#0F4A3A);transition:transform .18s}
.pc:hover .go{transform:translateX(3px)}
.pg.pg5{grid-template-columns:repeat(5,1fr)}
.pg.pg3{grid-template-columns:repeat(3,1fr);max-width:980px;margin:40px auto 0}
/* inner page header (F) */
.phead{border-radius:32px;margin-top:6px;padding:40px 56px 44px;position:relative;overflow:hidden;border:1px solid #EFE8D9;
 background:radial-gradient(circle at 4% 10%,rgba(217,72,122,.12),transparent 26%),radial-gradient(circle at 30% 110%,rgba(63,208,201,.14),transparent 30%),
 radial-gradient(circle at 96% 8%,rgba(208,138,46,.14),transparent 24%),radial-gradient(circle at 98% 96%,rgba(46,111,176,.12),transparent 26%),linear-gradient(180deg,#FFFCF4,#F8F0DF)}
.phead .label{margin-top:16px}
.phead h1{font-size:clamp(42px,6vw,72px)!important;line-height:1!important;color:var(--emd);margin:12px 0 14px!important;font-weight:500}
.phead .lead{font-size:18.5px;line-height:1.6;color:#3B463F;max-width:44em;margin:0}
.phead .pub{font-size:14px;color:var(--muted);margin:12px 0 0}
.phead .ctas{margin-top:24px}
.phead .chips{justify-content:flex-start;margin-top:26px}
.phead .sp3{position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0F4A3A,#3FD0C9,#23708A,#1F3A7A,#4B4A9E,#A99BD1,#B8476A,#8E1B2C,#B34528,#D08A2E,#B8955A)}
.sheet{background:#FFFCF5;border:1px solid #EEE7D8;border-radius:28px;padding:44px 56px;margin-top:22px;box-shadow:0 18px 40px -30px rgba(30,42,36,.35);max-width:none!important}
.sheet.prose>*{max-width:46em}
main.std .sheet h2:first-child{margin-top:0}
.guide{border-top:6px solid var(--stone)}
.guide h2{position:relative;padding-left:20px}
.guide h2:before{content:'';position:absolute;left:0;top:.42em;width:9px;height:9px;transform:rotate(45deg);background:var(--stone)}
main.std .guide .note{background:var(--stone-soft);border-left-color:var(--stone-ink)}
main.std .guide a:not(.btn){color:var(--stone-ink)}
.faqs details{border-left:4px solid var(--c,#3FD0C9)}
.faqs details:nth-child(4n+1){--c:#D9487A}.faqs details:nth-child(4n+2){--c:#2E6FB0}.faqs details:nth-child(4n+3){--c:#D08A2E}.faqs details:nth-child(4n+4){--c:#3FD0C9}
main.std .faqs summary{min-height:44px;display:flex;align-items:center}
.duo2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:stretch}
.duo2 .sheet{margin-top:22px}.duo2 .huntc{margin-top:22px}
.duo2 .huntc h2{color:#fff;font-size:48px;margin:10px 0 0}
main.std .huntc .btn.white{background:#fff;color:var(--emd);box-shadow:none}
.glist{display:grid;gap:16px;margin-top:22px}
.gcard{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #EEE7D8;border-top:6px solid var(--stone);border-radius:28px;padding:30px 40px;box-shadow:0 18px 40px -30px rgba(30,42,36,.35);text-decoration:none!important;color:inherit!important}
.gcard:hover{box-shadow:0 24px 44px -26px rgba(30,42,36,.45)}
.gcard .gpic{padding:16px;border-radius:20px;background:radial-gradient(circle at 50% 45%,var(--stone-soft),#fff 78%)}
.gcard .gpic .fr{background:#fff;border-radius:14px;padding:6px;box-shadow:0 0 0 1px rgba(184,149,90,.5)}.gcard .gpic .photo{border-radius:10px}
.gcard h2{margin:6px 0 8px!important;font-size:38px!important}
.gcard p{color:#3A453F}
.gcard .link{--uc:var(--stone)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vcard{border-radius:24px;padding:28px 30px;background:var(--stone-soft);border-top:6px solid var(--stone);position:relative}
.vcard h3{font-size:30px!important;color:var(--emd);margin:6px 0 8px!important}
.vcard p{font-size:15.5px;color:#2E3A34;margin:0!important}
/* shop: per-stone sections in the stone's own color */
.sds{display:grid;gap:22px}
.sd{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:start;border-radius:32px;padding:44px;border:1px solid var(--stone-line);scroll-margin-top:20px;
 background:radial-gradient(ellipse 60% 70% at 0% 0%,var(--stone-soft),transparent 70%),#fff;position:relative;overflow:hidden}
.sd:before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--stone),var(--stone-line))}
.sd .sdp{padding:10px}
.sd .sdp .fr{background:#fff;border-radius:22px;padding:12px;box-shadow:0 26px 60px rgba(30,42,36,.14),0 0 0 1px rgba(184,149,90,.55)}
.sd .sdp .photo{border-radius:14px}
.sd .row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sd .no{font:600 11.5px Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sd h2{font-size:48px;line-height:1.02;color:var(--emd);font-weight:600;margin:14px 0 16px}
.spec2{display:grid;grid-template-columns:150px 1fr;margin:0 0 18px;font-size:15.5px}
.spec2 dt,.spec2 dd{padding:9px 0;border-bottom:1px solid #EFEAE0;margin:0}
.spec2 dt{color:var(--muted);font-weight:500}
.spec2 dd.unk{color:var(--muted);font-style:italic}
.closenote{font:500 italic 21px/1.4 Cormorant;color:var(--emd);margin:0 0 18px;padding-left:16px;border-left:3px solid var(--stone)}
.vbox{border-radius:20px;background:var(--stone-soft);padding:20px 24px;border:1px solid var(--stone-line)}
.vbox h3{font-size:26px;color:var(--stone-ink);font-weight:600;margin:0 0 6px}
.vbox p{font-size:15px;color:#2E3A34}
.sdcta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.sdcta .btn{padding:12px 22px}
main.f.inner .crumbs a{color:var(--emh)}
@media (max-width:1180px) and (min-width:821px){.pg.pg5{grid-template-columns:repeat(3,1fr)}.sd{grid-template-columns:320px 1fr;gap:28px;padding:32px}.duo2{grid-template-columns:1fr}}
@media (max-width:820px){
 .crumbs{margin:-6px 0 2px}
 .phead{padding:22px 18px 30px;border-radius:24px}.phead .lead{font-size:16px}.phead .chips{justify-content:flex-start}
 .sheet{padding:26px 18px;border-radius:22px}
 .pg.pg5,.pg.pg3{grid-template-columns:1fr 1fr}
 .pc .soonchip{font-size:9.5px;padding:5px 7px;letter-spacing:.03em}
 .sd{grid-template-columns:1fr;gap:6px;padding:22px 16px;border-radius:24px}.sd .sdp{padding:14px 18px}.sd h2{font-size:34px}
 .spec2{grid-template-columns:118px 1fr;font-size:14.5px}.closenote{font-size:19px}
 .gcard{grid-template-columns:1fr;gap:16px;padding:22px 18px}.gcard .gpic{max-width:240px}.gcard h2{font-size:30px!important}
 .vgrid{grid-template-columns:1fr}.duo2{grid-template-columns:1fr}.duo2 .huntc h2{font-size:38px}
 header{padding:10px 16px}
}
/* inline text links: 44px hit area without changing line layout */
main.std .prose a:not(.btn),main.std .note a,main.std details a{padding:12px 0;margin:-12px 0}
main.std .sh h2{font-size:clamp(38px,4.2vw,54px);margin:0;line-height:1}
main.std .sh p{margin:0}
/* Phase 2 per-stone layer (Oct 16, 2026): thumbs, video, variety layer. All color from the stone's own CSS vars. */
.ths{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding:0 10px}
.ths .th{display:block;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--stone-line),0 10px 22px -16px rgba(30,42,36,.4);transition:transform .15s}
.ths .th:hover{transform:translateY(-2px)}
.ths .th:focus-visible{outline:2px solid var(--stone-ink);outline-offset:3px}
.ths img{display:block;width:100%;height:auto;aspect-ratio:1}
.sdl{grid-column:1/-1;display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start;margin-top:18px;padding-top:30px;border-top:1px solid var(--stone-line)}
.vid{margin:0}
.vid video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:20px;background:var(--stone-soft);box-shadow:0 0 0 1px rgba(184,149,90,.55),0 22px 48px -24px rgba(30,42,36,.45)}
.vid figcaption{font-size:13px;color:var(--muted);margin-top:10px;text-align:center}
.lay .label{margin:0 0 12px}
.lbs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lb{background:#fff;border:1px solid var(--stone-line);border-top:4px solid var(--stone);border-radius:18px;padding:18px 20px}
.lb h3{font:600 24px/1.1 Cormorant;color:var(--stone-ink);margin:0 0 10px}
.lb ul{margin:0;padding:0;list-style:none}
.lb li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.5;color:#2E3A34;margin:0 0 8px}
.lb li:before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;transform:rotate(45deg);background:var(--stone)}
@media (max-width:1180px) and (min-width:821px){.sdl{grid-template-columns:220px 1fr;gap:24px}.lbs{grid-template-columns:1fr}}
@media (max-width:820px){.sdl{grid-template-columns:1fr;gap:20px;padding-top:20px}.vid{max-width:260px;margin:0 auto}.lbs{grid-template-columns:1fr}.ths{padding:0 18px}}
.namenote{font-size:15px;line-height:1.5;color:var(--stone-ink);margin:-6px 0 16px;padding:8px 14px;border-radius:12px;background:var(--stone-soft);border:1px solid var(--stone-line)}
.sd h2{overflow-wrap:anywhere}

/* ===== Cream & streaks theme (approved by Joshua, Oct 16, 2026, 9:09 PM PT) =====
   Warm cream base with subtle depth on every page; soft rays in each stone's own color sweep toward the gem and fade
   into a calm cream halo; stone sections tinted toward their stone; home hero and inner page headers use multi-color
   streaks (never green-only). Contrast: muted grey darkened inside tinted sections, name-note ink deepened (AA on all palettes). */
:root{--cr0:#FCF8EF;--cr1:#F7EFDF;--cr2:#F1E6D0}
body{background:
  radial-gradient(1200px 700px at 12% -6%,rgba(255,255,255,.75),transparent 60%),
  radial-gradient(1100px 800px at 100% 40%,rgba(233,218,190,.35),transparent 65%),
  linear-gradient(180deg,var(--cr0),var(--cr1) 55%,#F5ECDA)!important;background-attachment:scroll}
/* white panels -> warm ivory so nothing is flat white */
.pc,.sheet,.lb,.qbuy,.tc,.gcard,.cc{background-color:#FFFCF5}
.pc .pic{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--stone,#B8955A) 16%,var(--cr0)),var(--cr0) 80%)!important}
.nav{background:rgba(255,252,245,.7)}
/* ---- rays behind every framed gem: stone color, fading out toward the gem (cream halo) and at the rim ---- */
.glow::before{inset:-26%!important;border-radius:50%;
  background:
   radial-gradient(closest-side,var(--cr0) 0%,rgba(252,248,239,.92) 30%,transparent 52%),
   repeating-conic-gradient(from 8deg,color-mix(in srgb,var(--stone-glow,var(--stone,#B8955A)) 100%,transparent) 0deg 2.2deg,transparent 2.2deg 11deg),
   radial-gradient(closest-side,color-mix(in srgb,var(--stone,#B8955A) 22%,transparent) 30%,transparent 100%)!important;
  -webkit-mask:radial-gradient(closest-side,#000 0%,#000 58%,transparent 100%);mask:radial-gradient(closest-side,#000 0%,#000 58%,transparent 100%);
  opacity:.55;filter:blur(1.2px)}
/* ---- home hero: same cream, multi-color streaks from the whole collection (never green-only) ---- */
.hero{background:
  radial-gradient(circle at 6% 14%,rgba(63,208,201,.16),transparent 26%),radial-gradient(circle at 36% 104%,rgba(217,72,122,.13),transparent 28%),
  radial-gradient(circle at 98% 6%,rgba(232,150,46,.16),transparent 24%),radial-gradient(circle at 98% 96%,rgba(46,111,176,.11),transparent 26%),
  linear-gradient(180deg,#FFFCF4,#F8F0DF)!important;border-color:#EADFC8!important}
.wheel::before{content:'';position:absolute;inset:-14%;border-radius:50%;z-index:0;pointer-events:none;
  background:
   radial-gradient(closest-side,#FDF9F0 0%,rgba(253,249,240,.94) 26%,transparent 50%),
   repeating-conic-gradient(from 0deg,transparent 0deg 6deg,rgba(255,255,255,0) 6deg 8deg),
   conic-gradient(from 0deg,rgba(217,72,122,.55),rgba(232,150,46,.5),rgba(226,196,60,.45),rgba(52,181,107,.5),rgba(63,208,201,.5),rgba(46,111,176,.5),rgba(107,90,205,.5),rgba(217,72,122,.55));
  -webkit-mask:radial-gradient(closest-side,#000 40%,transparent 100%),repeating-conic-gradient(#000 0deg 2.4deg,transparent 2.4deg 9deg);-webkit-mask-composite:source-in;
  mask:radial-gradient(closest-side,#000 40%,transparent 100%) intersect,repeating-conic-gradient(#000 0deg 2.4deg,transparent 2.4deg 9deg);
  opacity:.36;filter:blur(1.4px)}
.wheel>*{z-index:1}
.hcard{background:#FFFCF5}
/* ---- stone sections: cream tinted toward the stone's own color ---- */
.sd{background:
  radial-gradient(ellipse 55% 75% at 18% 28%,color-mix(in srgb,var(--stone) 26%,var(--cr0)),transparent 72%),
  radial-gradient(ellipse 60% 60% at 100% 100%,color-mix(in srgb,var(--stone) 10%,var(--cr1)),transparent 70%),
  linear-gradient(180deg,color-mix(in srgb,var(--stone) 6%,var(--cr0)),color-mix(in srgb,var(--stone) 9%,var(--cr1)))!important;
  border-color:color-mix(in srgb,var(--stone) 28%,#EADFC8)!important}
.sd .sdp .glow::before{inset:-34%!important;opacity:.6}
.sd .vbox,.namenote{background:color-mix(in srgb,var(--stone) 12%,#FFFCF5)!important}
.sd .lb{background:color-mix(in srgb,var(--stone) 6%,#FFFAF0)!important}
.vid video{background:color-mix(in srgb,var(--stone) 14%,var(--cr0))}
/* ---- slightly brighter accents for pop ---- */
.pc .band,.sd:before,.lb,.phead .sp3{filter:saturate(1.3) brightness(1.04)}
.chip,.soonchip{filter:saturate(1.2)}
.ann{background:linear-gradient(90deg,#082E24,#0D3B2F 50%,#082E24)}
/* contrast: darker muted grey inside tinted sections; slightly deeper stone ink on the name note */
.sd{--muted:#4F5149}
.sd .namenote{color:color-mix(in srgb,var(--stone-ink) 85%,#000)!important}

/* ivory instead of flat white on small panels, all pages */
.pill,.tag,.btn.out,.range,.range .pchip,.legendcard .row,.ringnote,.ls .legend span,.mnav nav,.nav a.on,.nav a:hover{background-color:#FFFCF5}
.phead{border-color:#EADFC8}
/* phones: rays a touch stronger so they read on a small screen, still soft */
@media (max-width:820px){
 .wheel::before{inset:-18%;opacity:.5}
 .glow::before{opacity:.68}
 .sd .sdp .glow::before{opacity:.72}
}
/* contrast pass for the cream base (audit Oct 16, 2026): AA 4.5:1 for small text on every page */
:root{--muted:#5B5D55}
.sd{--muted:#4F5149}
.chip{color:color-mix(in srgb,var(--fg) 68%,#141414)!important;filter:none!important}
/* label + wheel-label hues darkened just enough for 4.8:1 on the deepest cream (same hue family) */
.label{color:#216B67}
main .label[style*="#187C45"],.dot span[style*="#187C45"]{color:#16703E!important}
main .label[style*="#23708A"],.dot span[style*="#23708A"]{color:#216982!important}
main .label[style*="#267C78"],.dot span[style*="#267C78"]{color:#216B67!important}
main .label[style*="#2E6FB0"],.dot span[style*="#2E6FB0"]{color:#29649E!important}
main .label[style*="#3FD0C9"],.dot span[style*="#3FD0C9"]{color:#216C69!important}
main .label[style*="#6A5ACD"],.dot span[style*="#6A5ACD"]{color:#5F51B8!important}
main .label[style*="#886E42"],.dot span[style*="#886E42"]{color:#725C37!important}
main .label[style*="#996622"],.dot span[style*="#996622"]{color:#84581D!important}
main .label[style*="#A95719"],.dot span[style*="#A95719"]{color:#984E16!important}
main .label[style*="#B34528"],.dot span[style*="#B34528"]{color:#A53F25!important}
main .label[style*="#B8476A"],.dot span[style*="#B8476A"]{color:#A23E5D!important}
main .label[style*="#B8955A"],.dot span[style*="#B8955A"]{color:#725C38!important}
main .label[style*="#C92A61"],.dot span[style*="#C92A61"]{color:#B52657!important}
main .label[style*="#D08A2E"],.dot span[style*="#D08A2E"]{color:#85581D!important}
main .label[style*="#E07B2E"],.dot span[style*="#E07B2E"]{color:#8F4F1D!important}
.sd .label[style*="stone-ink"],.lay .label[style*="stone-ink"],.sd .label{color:color-mix(in srgb,var(--stone-ink) 80%,#000)!important}
.cc .cnt{background:rgba(6,20,16,.32)}
details{background:#FFFDF7}
/* soft dark scrim under the white text on the lighter collection tiles */
.cc::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
 background:linear-gradient(180deg,rgba(6,20,16,0) 22%,rgba(6,20,16,.34) 62%,rgba(6,20,16,.5))}
.cc>*{position:relative;z-index:1}
/* crest served via <picture> (webp + jpg, 280/560/840w); keep the original img layout */
.ls .crest picture,.shero picture{display:contents}
/* ===== stone viewer: 4 photos + 1 video tile, one player (Oct 16, 2026, 10:08 PM PT) ===== */
.ths{grid-template-columns:repeat(5,1fr);gap:8px}
.ths .th{position:relative}
.ths .th[aria-current="true"]{box-shadow:0 0 0 2px var(--stone-ink),0 10px 22px -16px rgba(30,42,36,.4)}
.ths .thv img{filter:saturate(1.05) brightness(.92)}
.play{position:absolute;left:50%;top:44%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:50%;
 background:rgba(8,20,16,.62);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 6px 16px rgba(0,0,0,.35)}
.play:after{content:'';position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
.ths .vl{position:absolute;left:0;right:0;bottom:0;padding:3px 0 4px;text-align:center;font:600 10.5px/1 Inter;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(0deg,rgba(8,20,16,.78),rgba(8,20,16,0))}
.sdp .photo.isvid{background:#0E1512;display:flex;justify-content:center}
.sdp .photo video{display:block;width:min(100%,calc(min(72vh,620px)*9/16));height:auto;aspect-ratio:9/16;object-fit:contain;background:#0E1512}
.sdp .photo img[hidden],.sdp .photo video[hidden]{display:none}
.vcard{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:9/16;background:var(--stone-soft);box-shadow:0 0 0 1px rgba(184,149,90,.55),0 22px 48px -24px rgba(30,42,36,.45)}
.vcard img{display:block;width:100%;height:100%;object-fit:cover}
.play.big{top:46%;width:72px;height:72px;background:rgba(8,20,16,.58);box-shadow:0 0 0 3px rgba(255,255,255,.92),0 10px 30px rgba(0,0,0,.4);transition:transform .15s}
.play.big:after{border-width:14px 0 14px 22px}
.vcard:hover .play.big{transform:translate(-50%,-50%) scale(1.06)}
.vcard .vl{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border-radius:99px;font:600 13px/1 Inter;color:#fff;background:rgba(8,20,16,.66)}
.vcard:focus-visible,.ths .th:focus-visible{outline:2px solid var(--stone-ink);outline-offset:3px}
.pc .pic{position:relative}
.vchip{position:absolute;left:22px;top:22px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:99px;font:600 10.5px/1 Inter;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(8,20,16,.72)}
.vchip i{width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #fff}
@media (max-width:820px){.ths{gap:6px}.ths .vl{font-size:9.5px;padding:2px 0 3px}.play{width:22px;height:22px;top:40%}.play:after{border-width:5px 0 5px 8px}.vchip{left:16px;top:16px;font-size:10px}}
/* tile badge sits in the corner so the gem in the video frame stays visible */
.ths .thv .play{left:6px;top:6px;transform:none;width:22px;height:22px}
.ths .thv .play:after{border-width:5px 0 5px 8px}
.ths .vl{background:rgba(8,20,16,.82)}
.vcard img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover}
/* SEO pass (Oct 17, 2026): <picture> wrappers keep the original img layout */
.photo picture,.ths picture,.vcard picture{display:contents}