/* Kiratora storefront — white & gold */
:root{
  --surface:#F1EFEC;--raised:#E4E1DB;--sunken:#EAE7E3;--line:#CEC9BE;--line-strong:#ACA392;
  --ink:#171613;--muted:#5D584C;
  /* --shu is the main accent (buttons, active states): holo violet */
  --shu:#E4C370;--shu-soft:#D8D4CC;--on-shu:#F1EFEC;
  /* secondary accent (links, notes): starlight cyan */
  --ai:#9D7925;--ai-soft:#E0DDD6;--kin:#9D7925;--kin-soft:#DCD8D1;
  --matcha:#7EE0A8;--matcha-soft:#0F2620;--danger:#FF7A8A;--danger-soft:#E3E0DA;
  --holo:linear-gradient(115deg,#E2BF67 0%,#E4C370 28%,#E3C26F 52%,#FFD58A 74%,#E2BF67 100%);
  --gold-grad:linear-gradient(115deg,#E2BF67 0%,#E4C370 35%,#E3C26F 70%,#FFD58A 100%);
  --display:"Sora","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
  --sans:"Manrope","Hiragino Sans","Yu Gothic",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --container:1312px;--gutter:24px;--hdr:72px;
  --focus:0 0 0 2px #F1EFEC,0 0 0 4px #E2BF67;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;background:var(--surface);color:var(--ink);font:16px/26px var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--ai);text-decoration:none}a:hover{color:#2C2924}
:focus-visible{outline:2px solid transparent;box-shadow:var(--focus)}
button,input,select,textarea{font:inherit;color:inherit}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--shu);color:var(--on-shu);padding:8px 12px;z-index:100}.skip:focus{left:8px}
.wrap{max-width:var(--container);margin:0 auto;padding:0 16px}
@media(min-width:1344px){.wrap{padding:0}}
.mono{font-family:var(--sans);font-variant-numeric:tabular-nums}.mincho{font-family:var(--display);font-weight:600}
.muted{color:var(--muted)}.small{font-size:13px;line-height:20px}.center{text-align:center}
.shu{color:var(--shu)}.ai{color:var(--ai)}.gold{color:var(--kin)}.matcha{color:var(--matcha)}
.flex1{flex:1}.row-between{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.row-gap{display:flex;gap:8px;flex-wrap:wrap}
.eyebrow{font-size:12px;line-height:16px;letter-spacing:.12em;font-weight:500;text-transform:uppercase;color:var(--muted)}
.display{font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,68px);line-height:1.05;letter-spacing:-.01em;margin:0;max-width:15ch}
.h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,3.4vw,44px);line-height:1.15;margin:8px 0 16px}
.h2{font-family:var(--display);font-weight:600;font-size:clamp(24px,2.6vw,34px);line-height:1.25;margin:4px 0}
.h2.big{font-size:clamp(28px,3vw,40px)}
.h3{font-family:var(--display);font-weight:600;font-size:20px;line-height:28px;margin:0 0 12px}
.lead{font-size:18px;line-height:30px;max-width:60ch}
.section{padding-top:88px}.section-sm{padding-top:40px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:28px}
.sec-head a{font-size:14px;font-weight:500}

/* buttons, tags, inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:2px;background:transparent;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--sunken);color:var(--ink)}
.btn-primary{background:var(--gold-grad);border-color:#9D7925;color:var(--on-shu);font-weight:700}.btn-primary:hover{background:var(--gold-grad);color:var(--on-shu);filter:brightness(1.08)}
.btn-quiet{border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.btn-sm{height:36px;padding:0 14px}.btn-lg{height:52px;padding:0 28px;font-size:15px}.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:2px;background:var(--sunken);color:var(--muted)}
.tag:before{content:"";width:6px;height:6px;background:currentColor}
.tag-stock{background:var(--matcha-soft);color:var(--matcha)}.tag-preorder{background:var(--ai-soft);color:var(--ai)}.tag-limited{background:var(--kin-soft);color:var(--kin)}
.input{width:100%;height:44px;padding:0 12px;background:var(--raised);border:1px solid var(--line-strong);border-radius:2px;color:var(--ink)}
textarea.input{height:auto;padding:10px 12px;line-height:22px}
select.input{appearance:auto}
.lattice{background-color:var(--sunken);background-image:linear-gradient(45deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px));background-size:32px 32px}
.panel-box{background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:24px;margin:0 0 24px;min-width:0}
fieldset.panel-box legend{float:left;width:100%;padding:0}
.note-ai{background:var(--ai-soft);color:var(--ai);padding:10px 14px;border-radius:2px;margin:12px 0}
.alert{background:var(--danger-soft);color:var(--danger);padding:12px 16px;border-radius:2px;margin-bottom:24px}
.err{display:block;color:var(--danger);font-size:13px}

/* announcement + header */
.bar{background:var(--raised);border-bottom:1px solid var(--line);font-size:13px;line-height:20px;color:var(--muted)}
.bar-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:8px;padding-bottom:8px}.bar a{color:var(--kin)}
.hdr{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}
.hdr-in{height:var(--hdr);display:flex;align-items:center;gap:24px}
.logo{display:flex;color:var(--ink);flex:none}
.nav{display:flex;align-items:stretch;height:var(--hdr);flex:1;min-width:0}
.nav-btn{height:var(--hdr);display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;background:none;color:var(--muted);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap}
.nav-item:hover .nav-btn,.nav-btn[aria-expanded="true"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--shu)}
.panel{position:absolute;left:0;right:0;top:100%;background:var(--raised);border-bottom:1px solid var(--line);box-shadow:0 16px 40px -12px #00000050}
.panel-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-top:32px;padding-bottom:36px}
.pcol .eyebrow{padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.pcol ul{list-style:none;margin:0;padding:0}
.pcol a{display:flex;align-items:baseline;gap:10px;padding:6px 0;color:var(--ink);font-size:15px;line-height:22px}.pcol a:hover{color:var(--shu)}
.pcol .code{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);min-width:30px}.pcol .code:empty{min-width:0}
.pcol .note{font-size:11px;letter-spacing:.08em;color:var(--ai)}
.feature{grid-column:span 4;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:220px;padding:24px;border:1px solid var(--line);color:var(--ink)}
.feature strong{font-family:var(--display);font-size:24px;line-height:30px}.feature .tag{align-self:flex-start}
.feature:hover{color:var(--ink)}.feature:hover .shu{text-decoration:underline}
.hdr-tools{display:flex;align-items:center;gap:8px;flex:none}
.search{position:relative}.search input{width:220px;height:44px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--ink)}
.instant{position:absolute;right:0;top:48px;width:min(440px,92vw);background:var(--raised);border:1px solid var(--line);box-shadow:0 16px 40px -12px #00000050;z-index:60;max-height:70vh;overflow:auto}
.instant a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink)}
.instant img{width:40px;height:40px;object-fit:contain;background:var(--sunken)}
.instant .all{justify-content:center;color:var(--ai)}
.cur{position:relative}.cur summary{list-style:none;height:44px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:2px;cursor:pointer;font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:13px}
.cur summary::-webkit-details-marker{display:none}
.cur-list{position:absolute;right:0;top:48px;background:var(--raised);border:1px solid var(--line);display:grid;min-width:90px;z-index:60}
.cur-list a{padding:8px 12px;font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink)}.cur-list a[aria-current]{color:var(--shu)}
.order-btn{height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 16px;background:var(--gold-grad);color:var(--on-shu);border-radius:2px;font-size:14px;font-weight:700}
.order-btn:hover{color:var(--on-shu);filter:brightness(1.08)}
.badge{font-family:var(--sans);font-variant-numeric:tabular-nums;background:var(--surface);color:var(--ink);padding:0 7px;line-height:20px}
.menu-btn{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--ink);cursor:pointer;align-items:center;justify-content:center}
@media(max-width:1180px){.search input{width:160px}}
@media(max-width:1020px){
  .menu-btn{display:inline-flex}.search{display:none}
  .nav{display:none;position:fixed;inset:calc(var(--hdr) + 37px) 0 0 0;height:auto;flex-direction:column;background:var(--surface);overflow:auto;padding:8px 16px 40px;z-index:50}
  .nav.open{display:flex}
  .nav-btn{width:100%;justify-content:space-between;height:52px;border-bottom:1px solid var(--line);color:var(--ink)}
  .nav-item:hover .nav-btn{box-shadow:none}
  .panel{position:static;box-shadow:none;border:0;background:none}
  .panel-grid{grid-template-columns:1fr;gap:16px;padding:16px 0}
  .pcol,.feature{grid-column:auto!important}.feature{min-height:0}
  .hdr-in{gap:12px}.logo svg{width:150px}
}
@media(max-width:520px){.cur{display:none}.order-btn{padding:0 12px}}

/* hero */
.hero{display:flex;flex-wrap:wrap;gap:48px 24px;align-items:center;padding-top:88px;padding-bottom:72px}
.hero-copy{flex:1 1 calc(50% - 12px);min-width:300px;display:flex;flex-direction:column;gap:24px}
.hero-art{flex:1 1 calc(50% - 12px);min-width:300px;position:relative;min-height:460px}
.hero-wall{position:absolute;top:0;right:0;width:80%;height:400px;background-color:var(--raised);border:1px solid var(--line);background-image:linear-gradient(45deg,transparent calc(50% - .5px),rgba(212,179,111,0.38) calc(50% - .5px),rgba(212,179,111,0.38) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(-45deg,transparent calc(50% - .5px),rgba(212,179,111,0.38) calc(50% - .5px),rgba(212,179,111,0.38) calc(50% + .5px),transparent calc(50% + .5px));background-size:48px 48px}
.hero-seal{position:absolute;top:40px;left:0;padding:12px;background:var(--surface)}
.hero-card{position:absolute;left:8%;bottom:0;width:min(380px,88%);background:var(--raised);border:1px solid var(--line);border-radius:4px;box-shadow:0 16px 40px -12px #00000050;padding:20px;display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.hero-card:hover{color:var(--ink);border-color:var(--line-strong)}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px}
.stats-grid div{padding:28px 0;display:flex;flex-direction:column;gap:4px}
.stat{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:34px;line-height:42px;font-weight:500}

/* tiles, set lists, steps, posts */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px}
.tile{display:flex;flex-direction:column;gap:10px;padding:24px;min-height:170px;border:1px solid var(--line);background:var(--raised);color:var(--ink)}
.tile:hover{border-color:var(--line-strong);color:var(--ink)}
.tile-title{font-family:var(--display);font-weight:600;font-size:21px;line-height:27px;flex:1}
.setlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:24px;border-top:1px solid var(--line)}
.setlist a{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}.setlist a:hover{color:var(--shu)}
.setfilter{max-width:420px;margin:8px 0 8px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.steps li{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line-strong);padding-top:20px}
.steps strong{font-family:var(--display);font-size:21px;line-height:27px}
.cards3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.post{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--raised);border:1px solid var(--line);color:var(--ink)}
.post strong{font-size:22px;line-height:28px}.post:hover{color:var(--ink);border-color:var(--line-strong)}
.split{display:flex;flex-wrap:wrap;gap:48px 24px}.split>*{flex:1 1 calc(50% - 12px);min-width:300px}
.split-rule{border-top:2px solid var(--shu);margin-top:88px;padding-top:48px}
.split>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.facts{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);font-size:14px;line-height:20px;border-bottom:1px solid var(--line);align-self:stretch}
.facts dt{padding:11px 16px 11px 0;border-top:1px solid var(--line);color:var(--muted)}
.facts dd{margin:0;padding:11px 0;border-top:1px solid var(--line);font-family:var(--sans);font-variant-numeric:tabular-nums}

/* product cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}
.results .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{background:var(--raised);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.card:hover{border-color:var(--line-strong)}
.well{position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.well img{width:82%;height:82%;object-fit:contain}
.well .tag{position:absolute;top:12px;left:12px}
.card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-title{margin:0;font-family:var(--display);font-weight:600;font-size:17px;line-height:23px;flex:1}
.card-title a{color:var(--ink)}.card-title a:hover{color:var(--shu)}
.card .eyebrow{font-size:11px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.price{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:19px;line-height:26px;font-weight:500}.price small{font-size:12px;color:var(--muted);font-weight:400}
.meta{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px;color:var(--muted)}.meta b{color:var(--shu);font-weight:500}
.add{display:flex;gap:8px;align-items:stretch;margin-top:8px}
.qty{display:flex;border:1px solid var(--line-strong);border-radius:2px;background:var(--surface);height:36px}
.qty button{width:32px;border:0;background:none;color:var(--ink);cursor:pointer;font-size:18px}
.qty input{width:46px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:none;text-align:center;font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:14px;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-lg{height:52px}.qty-lg button{width:48px}.qty-lg input{width:72px;font-size:17px}
.add .btn-sm{flex:1}

/* listing layout */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);padding:24px 0 8px}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}
.list-head{margin-bottom:16px}.intro{max-width:72ch;color:var(--muted)}
.list-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.filters{position:sticky;top:calc(var(--hdr) + 16px);max-height:calc(100vh - var(--hdr) - 32px);overflow:auto;padding-right:8px}
.fgroup{border:0;border-top:1px solid var(--line);padding:16px 0;margin:0}
.fgroup legend{padding:0 0 10px;float:left;width:100%}
.fopts{clear:both}.fopts-scroll{max-height:260px;overflow:auto}
.check,.switch{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:14px;cursor:pointer}
.check input,.switch input{width:16px;height:16px;accent-color:var(--shu);flex:none}
.check span:nth-child(2),.switch span:nth-child(2){flex:1}
.count{font-size:12px;color:var(--muted)}
.fsearch{width:100%;height:34px;margin-bottom:8px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:2px;clear:both}
.range{display:flex;gap:8px;align-items:center;clear:both}.range input{width:100%;height:38px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:2px;font-family:var(--sans);font-variant-numeric:tabular-nums}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.toolbar-right{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sel select{height:36px;padding:0 8px;background:var(--raised);border:1px solid var(--line-strong);border-radius:2px;color:var(--ink)}
.seg{display:flex;border:1px solid var(--line-strong);border-radius:2px;overflow:hidden}
.seg a{padding:0 12px;line-height:34px;font-size:13px;color:var(--muted)}.seg a[aria-current]{background:var(--ink);color:var(--surface)}
.filters-toggle{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip{font-size:13px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:2px;color:var(--ink)}.chip-clear{border-color:transparent;color:var(--ai)}
.empty{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid var(--line)}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:40px 0 0}
.pager a,.pager span{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 12px;border:1px solid var(--line);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:14px;color:var(--ink)}
.pager span[aria-current]{background:var(--shu);border-color:var(--shu);color:var(--on-shu)}
.seo-copy{border-top:1px solid var(--line);margin-top:64px;padding-top:40px}
@media(max-width:900px){
  .list-layout{grid-template-columns:1fr}
  .filters{display:none;position:fixed;inset:0;z-index:70;background:var(--surface);max-height:none;padding:24px 16px}
  .filters.open{display:block}
  .filters-toggle{display:inline-flex}
}

/* list view rows + tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px}
.rows{width:100%;border-collapse:collapse;font-size:14px;line-height:20px}
.rows th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:10px 12px;background:var(--sunken);border-bottom:1px solid var(--line)}
.rows td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.rows tr:last-child td{border-bottom:0}
.rows .num{text-align:right}.rows tfoot td{background:var(--sunken)}
.r-img{width:64px}.r-img img{width:48px;height:48px;object-fit:contain;background:var(--sunken)}
.r-title a{color:var(--ink);font-weight:500}.r-title a:hover{color:var(--shu)}
.r-price{white-space:nowrap;font-size:13px}.r-add{width:200px}
.add-row{margin:0}
.is-out td{opacity:.6}
.x{width:32px;height:32px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer;font-size:18px;border-radius:2px}

/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start;padding-top:8px}
.pdp-well{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border:1px solid var(--line)}
.pdp-well img{width:84%;height:84%;object-fit:contain}.pdp-well .tag{position:absolute;top:16px;left:16px}
.pdp-info{display:flex;flex-direction:column;gap:18px}
.pdp-title{margin:0}
.pdp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;border-top:1px solid var(--line);padding-top:20px}
.big{font-size:36px;line-height:44px;font-weight:500}
.ladder{border-collapse:collapse;width:100%;max-width:380px;font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:14px;line-height:20px}
.ladder caption{text-align:left;font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.ladder td{padding:8px 12px;border-top:1px solid var(--line)}.ladder tr:last-child td{border-bottom:1px solid var(--line)}
.ladder td:last-child{text-align:right}
.ladder tr.is-active td{background:var(--shu-soft);color:var(--shu);font-weight:500}.ladder tr.is-active td:first-child{box-shadow:inset 2px 0 0 var(--shu)}
.add-pdp{flex-wrap:wrap;align-items:flex-end;gap:16px}.add-pdp>div{display:flex;flex-direction:column;gap:6px}
.add-pdp .btn-lg{flex:1 1 240px}
@media(max-width:860px){.pdp{grid-template-columns:1fr;gap:24px}}

/* prose */
.prose{max-width:72ch}.prose h2{font-family:var(--display);font-size:28px;line-height:36px;margin:40px 0 12px}.prose h3{font-family:var(--display);font-size:21px;margin:28px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose li{margin-bottom:6px}.prose img{border:1px solid var(--line)}
.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.prose blockquote{margin:0 0 16px;padding-left:16px;border-left:2px solid var(--kin);color:var(--muted)}
.narrow{max-width:760px}.narrow-wide{max-width:1040px}
.article{max-width:760px;padding-bottom:24px}.article-img{margin:8px 0 24px;border:1px solid var(--line)}

/* cart, checkout, quick order */
.cart-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:24px}
.cart-sum{flex:0 1 380px;display:flex;flex-direction:column;gap:10px}
.checkout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.co-side{position:sticky;top:calc(var(--hdr) + 16px);display:flex;flex-direction:column;gap:12px}
.co-lines{list-style:none;margin:0;padding:0;font-size:13px;max-height:320px;overflow:auto}
.co-lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;clear:both}
.fields label,.notes{display:flex;flex-direction:column;gap:6px;font-size:14px}.span2{grid-column:span 2}
.choice{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:2px;margin-bottom:10px;cursor:pointer;clear:both}
.choice input{margin-top:5px;accent-color:var(--shu)}.choice>span{display:flex;flex-direction:column;gap:2px;flex:1}
.choice:has(input:checked){border-color:var(--shu)}
.notes{margin-top:8px}
@media(max-width:860px){.checkout{grid-template-columns:1fr}.co-side{position:static}.fields{grid-template-columns:1fr}.span2{grid-column:auto}}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
@media(max-width:860px){.quick-grid{grid-template-columns:1fr}}
.quick-results,.quick-matches{display:flex;flex-direction:column;margin-top:12px}
.qrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.qrow img{width:44px;height:44px;object-fit:contain;background:var(--sunken)}
.qrow .add{margin:0}
.example{background:var(--sunken);padding:12px;border:1px solid var(--line);white-space:pre-wrap}
.btc{word-break:break-all;background:var(--sunken);padding:12px;border:1px solid var(--line)}

/* drawer + toast */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--raised);border-left:1px solid var(--line);z-index:80;display:flex;flex-direction:column;box-shadow:0 16px 40px -12px #00000050}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.drawer-body{flex:1;overflow:auto;padding:0 16px}
.drawer-foot{padding:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.dline{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:20px}
.dline img{width:48px;height:48px;object-fit:contain;background:var(--sunken)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:12px 18px;border-radius:2px;z-index:90;font-size:14px;max-width:calc(100vw - 32px)}

/* footer */
.ftr{border-top:1px solid var(--line);margin-top:112px}
.ftr-grid{display:flex;flex-wrap:wrap;gap:40px 24px;padding-top:64px;padding-bottom:40px}
.ftr-brand{flex:1 1 300px;display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.ftr-brand p{margin:0;font-size:14px;line-height:22px;max-width:36ch}
.ftr-col{flex:1 1 150px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.ftr-col .eyebrow{padding-bottom:8px;border-bottom:1px solid var(--line)}
.ftr-col a{color:var(--ink)}.ftr-col a:hover{color:var(--shu)}
.ftr-legal{display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:24px;padding-bottom:40px;border-top:1px solid var(--line);font-size:12px;line-height:18px;color:var(--muted)}
.ftr-legal span:first-child{flex:1 1 640px}

/* polish */
.narrow-wide{padding-top:32px}
.filters-close{margin-bottom:16px}
@media(min-width:901px){.filters-close{display:none}}
@media(max-width:600px){
  .grid,.results .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card-body{padding:12px}.card-title{font-size:15px;line-height:20px}.price{font-size:16px}
  .add{flex-wrap:wrap}.add .qty{width:100%}.add .qty input{flex:1}.add .btn-sm{width:100%}
  .toolbar-right{margin-left:0;width:100%}.sel{flex:1}.sel select{width:100%}
  .hero{padding-top:48px}.hero-art{min-height:380px}.hero-wall{height:320px}
  .r-add{width:auto}
}
/* set card list */
.cardlist .table-wrap{max-height:none}
.cl-table{width:100%;border-collapse:collapse;font-size:14px}
.cl-table th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;padding:9px 12px;background:var(--sunken);border-bottom:1px solid var(--line);position:sticky;top:0}
.cl-table td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.cl-table tr:last-child td{border-bottom:0}
.cl-table td a{color:var(--ink);text-decoration:none}.cl-table td a:hover{color:var(--shu);text-decoration:underline}
.cl-table .num{text-align:right;white-space:nowrap}.cl-table td:first-child{white-space:nowrap;color:var(--muted)}
.cl-table .ok{color:var(--matcha)}
@media (max-width:640px){.cl-table th:nth-child(3),.cl-table td:nth-child(3){display:none}.cl-table td,.cl-table th{padding:8px}}

/* gold detailing */
.hdr{border-bottom:1px solid var(--line)}
.display,.h1{background:linear-gradient(180deg,#FBF4E0 0%,#E9D7A6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
@supports not (background-clip:text){.display,.h1{color:var(--ink)}}
.tag-soldout{background:var(--danger-soft);color:var(--danger)}
.ftr{border-top:1px solid #C4BDB1}
.lang-tag{display:inline-block;font:500 10px/16px var(--sans);letter-spacing:.06em;padding:0 5px;border:1px solid var(--line-strong);border-radius:2px;color:var(--muted);margin-left:6px;vertical-align:1px}
/* homepage popular links + featured set banner */
.chips.popular{margin-top:24px;align-items:center}
.chips.popular .eyebrow{margin-right:8px}
.banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px;border:1px solid var(--line-strong);background:var(--raised);color:var(--ink)}
.banner .h2{margin:8px 0}.banner p{margin:0;max-width:60ch}
.banner:hover{color:var(--ink);border-color:var(--shu)}
@media(max-width:720px){.banner{flex-direction:column;align-items:flex-start;padding:24px}}
/* order page: Bitcoin payment */
.btc-pay{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.btc-qr{width:184px;height:184px;padding:8px;background:#F5EFE2;flex:none}
.btc-qr img,.btc-qr canvas{display:block}
.btc-pay .big{font-size:24px;line-height:32px;color:var(--shu);margin:4px 0}
.btc{word-break:break-all}
/* customer reviews */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.review{margin:0;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);background:var(--raised)}
.review blockquote{margin:0;color:var(--ink);font-size:15px;line-height:24px}
.review-title{font-family:var(--display);font-size:18px;line-height:26px}
.review figcaption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:auto}
.review-photo img{display:block;width:100%;height:200px;object-fit:cover;border:1px solid var(--line)}
.stars{color:var(--shu);letter-spacing:2px;font-size:16px}.stars .off{color:var(--line-strong)}
/* mobile polish: compact stats and category tiles */
@media(max-width:640px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:0 16px}
  .stats-grid div{padding:18px 0}
  .stat{font-size:24px;line-height:32px}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile{min-height:0;padding:16px;gap:6px}
  .tile-title{font-size:16px;line-height:22px}
}
.prose table{margin:8px 0 24px}

/* ================================================================ sharpened design (Oct 2026)
   One bold thing: the fanned chase cards in gold-leaf frames. Everything else stays quiet:
   sentence-case labels, tabular figures instead of a typewriter face, gold used for links and actions only. */
.mono{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0}
.btc,code,.sku{font-family:var(--mono)}
.price,.stat,.ladder td,.cl-table td{font-variant-numeric:tabular-nums}
.eyebrow{text-transform:none;letter-spacing:.01em;font-size:13px;line-height:18px}
.card .eyebrow{font-size:12px;letter-spacing:0}
.sec-head a{color:var(--ai)}.sec-head a:hover{color:#2C2924;text-decoration:underline;text-underline-offset:3px}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:64px}
.hero-copy{gap:22px;min-width:0}
.hero .display{max-width:13ch;font-size:clamp(40px,5.2vw,72px)}
.hero .lead{max-width:46ch;color:var(--muted)}
.hero-search{display:flex;gap:8px;max-width:520px}
.hero-search input{flex:1;min-width:0;height:52px;padding:0 16px;background:var(--raised);border:1px solid var(--line-strong);color:var(--ink);font-size:16px}
.hero-search input:focus{outline:none;border-color:var(--shu);box-shadow:var(--focus)}
.hero-search .btn{height:52px;padding:0 24px}
.hero-quick{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px}
.hero-quick a{color:var(--ink);border-bottom:1px solid var(--line-strong)}.hero-quick a:hover{color:var(--shu);border-color:var(--shu)}
.hero-facts{display:flex;flex-wrap:wrap;gap:6px 0;margin:6px 0 0;color:var(--muted);font-size:14px}
.hero-facts span+span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 12px 3px;background:var(--shu);transform:rotate(45deg)}
.fan{position:relative;height:500px;max-width:560px;justify-self:center;width:100%}
.fan-card{position:absolute;top:10px;left:50%;width:236px;margin-left:-118px;color:var(--ink);transform-origin:50% 115%;transition:transform .3s ease}
.fan-frame{display:block;padding:6px;border-radius:14px;background:linear-gradient(140deg,#E2BF67 0%,#E4C370 38%,#E3C26F 70%,#FFD58A 100%);box-shadow:0 28px 60px -20px #00000059,0 0 0 1px #0000002D}
.fan-frame img{display:block;width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:9px;background:var(--raised)}
.fan-label{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:14px;line-height:20px}
.fan-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fan-price{color:var(--shu);font-variant-numeric:tabular-nums;font-weight:500}
.fan-0{z-index:3;transform:translateY(0)}
.fan-1{z-index:2;transform:translateX(-62%) rotate(-11deg) scale(.9)}
.fan-2{z-index:1;transform:translateX(62%) rotate(11deg) scale(.9)}
.fan-0:hover{transform:translateY(-14px)}
.fan-1:hover{transform:translateX(-66%) translateY(-14px) rotate(-11deg) scale(.9);z-index:4}
.fan-2:hover{transform:translateX(66%) translateY(-14px) rotate(11deg) scale(.9);z-index:4}
@keyframes fan-l{from{transform:none}}@keyframes fan-r{from{transform:none}}
.fan-1{animation:fan-l .7s cubic-bezier(.2,.8,.2,1) .15s both}.fan-2{animation:fan-r .7s cubic-bezier(.2,.8,.2,1) .15s both}
@media (prefers-reduced-motion:reduce){.fan-1,.fan-2{animation:none}.fan-card{transition:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.fan{height:400px}.fan-card{width:190px;margin-left:-95px}}
@media(max-width:480px){.fan{height:330px}.fan-card{width:150px;margin-left:-75px}.fan-1{transform:translateX(-58%) rotate(-10deg) scale(.88)}.fan-2{transform:translateX(58%) rotate(10deg) scale(.88)}.fan-label{font-size:12px}}

/* category tiles: title first, count second */
.tile{justify-content:space-between;min-height:120px}
.tile-title{font-family:var(--display);font-weight:600;font-size:20px;line-height:26px}
.tile-n{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.tile:hover{border-color:var(--shu);color:var(--ink)}

/* shop by Pokémon: a typographic index of names */
.names{display:flex;flex-wrap:wrap;gap:4px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.names a{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.6vw,34px);line-height:1.35;color:var(--ink)}
.names a:hover{color:var(--shu)}
.names sup{font-family:var(--sans);font-weight:400;font-size:12px;color:var(--muted);margin-left:4px;vertical-align:super;font-variant-numeric:tabular-nums}
.names-more{margin-top:14px}

/* featured set banner with its set code as the anchor */
.banner{border-color:var(--line)}
.banner-code{font-family:var(--display);font-weight:600;font-size:56px;line-height:1;color:var(--shu);min-width:120px}
@media(max-width:720px){.banner-code{font-size:40px}}

/* set and game lists */
.set-series{display:block;color:var(--muted);font-size:13px;font-weight:400}

/* guides grouped by topic */
.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.topics .h3{padding-bottom:10px;border-bottom:1px solid var(--line-strong);margin-bottom:8px}
.topics ul,.explore ul,.link-grid{list-style:none;margin:0;padding:0}
.topics li a,.explore li a{display:block;padding:7px 0;color:var(--ink);border-bottom:1px solid var(--line)}
.topics li a:hover,.explore li a:hover{color:var(--shu)}

/* ordering steps, numbered in Japanese because they are a sequence */
.step-n{font-family:var(--display);font-weight:600;font-size:40px;line-height:1;color:var(--shu)}
.steps{margin-top:24px}

/* related pages under a listing heading */
.related{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.related a{font-size:14px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink)}
.related a:hover{border-color:var(--shu);color:var(--shu)}

/* product page: keep exploring */
.explore-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:20px}
.explore .h3{font-size:18px;color:var(--muted);font-family:var(--sans);font-weight:500}

/* guides: contents and keep reading */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:56px;align-items:start}
.byline{margin:-6px 0 20px}
.toc{position:sticky;top:110px;border-left:1px solid var(--line-strong);padding-left:20px}
.toc-title{font-weight:500;margin:0 0 8px}
.toc ol{margin:0;padding-left:18px;color:var(--muted)}
.toc li{margin:6px 0;font-size:14px;line-height:20px}.toc a{color:var(--muted)}.toc a:hover{color:var(--shu)}
.prose h2[id]{scroll-margin-top:110px}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1;border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}}
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 24px;margin-top:16px;border-top:1px solid var(--line)}
.link-grid a{display:block;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--display);font-weight:600;font-size:18px}
.link-grid a:hover{color:var(--shu)}

/* fan: name and price sit on a plate inside each card so the fanned labels never collide */
.fan-card{display:block}
.fan-frame{position:relative}
.fan-label{position:absolute;left:6px;right:6px;bottom:6px;margin:0;padding:22px 12px 10px;border-radius:0 0 9px 9px;background:linear-gradient(transparent,#FFFFFFE6 45%);flex-direction:column;gap:0}
.fan-name{font-weight:500}
.fan-price{font-size:16px}
.price{font-size:20px}
@media(max-width:640px){.hero-facts{flex-direction:column;gap:4px}.hero-facts span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 3px 0;background:var(--shu);transform:rotate(45deg)}.hero-facts span+span::before{margin:0 10px 3px 0}}
/* logo: gold ポ card + wordmark */
.logo{align-items:center;gap:10px}
.logo-word{font-family:var(--display);font-weight:700;font-size:25px;line-height:1;letter-spacing:.015em;color:var(--ink)}
.logo:hover .logo-word{color:#000000}
.ftr-brand .logo-word{font-size:24px}
.ftr-brand > svg{vertical-align:middle;margin-right:8px}
@media(max-width:480px){.logo-word{font-size:21px}.logo-mark{width:22px;height:30px}}
.logo svg.logo-mark{width:27px;height:36px}
@media(max-width:480px){.logo svg.logo-mark{width:22px;height:30px}}

/* hero showcase: the featured set, its box, what to buy, and its chase cards */
.showcase{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"main info" "chase chase";gap:0;border:1px solid var(--line-strong);background:var(--raised);position:relative}
.showcase::before{content:"";position:absolute;inset:-1px;border:1px solid transparent;background:linear-gradient(140deg,#E2BF67,#E4C370 35%,transparent 60%,#E3C26F) border-box;-webkit-mask:linear-gradient(#FFFFFF 0 0) padding-box,linear-gradient(#FFFFFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sc-main{grid-area:main;position:relative;display:grid;place-items:center;padding:28px;background:radial-gradient(70% 70% at 50% 45%,#D2CDC3 0%,var(--raised) 70%);min-height:300px}
.sc-main img{width:100%;max-width:360px;height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 30px #00000059)}
.sc-new{position:absolute;top:16px;left:16px;font-size:13px;font-weight:500;color:var(--on-shu);background:var(--gold-grad);padding:3px 10px}
.sc-info{grid-area:info;display:flex;flex-direction:column;gap:12px;padding:28px 28px 24px 8px;justify-content:center}
.sc-title{font-family:var(--display);font-weight:700;font-size:clamp(26px,2.4vw,34px);line-height:1.15;margin:0}
.sc-title a{color:var(--ink)}.sc-title a:hover{color:var(--shu)}
.sc-sub{margin:-6px 0 4px;font-size:14px}
.sc-buy{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--line)}
.sc-buy a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;line-height:20px}
.sc-buy a:hover{color:var(--shu)}
.sc-price{color:var(--shu);white-space:nowrap;font-variant-numeric:tabular-nums}
.sc-info .btn{align-self:flex-start}
.sc-chase{grid-area:chase;border-top:1px solid var(--line);padding:18px 24px 22px}
.sc-chase-title{margin:0 0 12px;font-size:14px;color:var(--muted)}
.sc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sc-cards a{display:flex;flex-direction:column;gap:4px;color:var(--ink);font-size:12px;line-height:16px;min-width:0}
.sc-cards img{width:100%;aspect-ratio:63/88;object-fit:cover;border-radius:6px;border:1px solid var(--line-strong);background:var(--surface);transition:transform .2s ease}
.sc-cards a:hover img{transform:translateY(-4px);border-color:var(--shu)}
.sc-cards span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.sc-cards img{transition:none}}
@media(max-width:1100px){.showcase{grid-template-columns:1fr;grid-template-areas:"main" "info" "chase"}.sc-info{padding:4px 24px 24px}.sc-main{min-height:0}}
@media(max-width:480px){.sc-cards{gap:8px}.sc-chase{padding:16px}}
/* product photos often come on white: show the featured box on an ivory plinth so the photo blends in */
.sc-main{background:radial-gradient(80% 80% at 50% 40%,#FBF7EE 0%,#EFE6D2 62%,#DCCDAE 100%)}
.sc-main img{mix-blend-mode:multiply;filter:none;max-width:340px}
.sc-new{box-shadow:0 2px 8px #0000001B}
.sc-info{padding:28px 28px 24px 28px}
@media(max-width:1100px){.sc-info{padding:20px 24px 24px}}
.showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sc-buy a span:first-child{min-width:0}
.sc-main{padding:44px 16px 20px}.sc-main img{max-width:100%;width:100%}
/* showcase: just the featured photo, the set name and one button */
.showcase{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"main info"}
.sc-main{min-height:420px;padding:48px 20px 24px}
.sc-info{gap:16px}
.sc-info .btn{margin-top:8px}
@media(max-width:1100px){.showcase{grid-template-columns:1fr;grid-template-areas:"main" "info"}.sc-main{min-height:0}}

/* ================================================================ Kiratora: night sky, holo, 3D */
body{background:radial-gradient(1200px 600px at 80% -10%,#CAC4B855 0%,transparent 60%),radial-gradient(900px 500px at -10% 20%,#CAC4B833 0%,transparent 60%),var(--surface);background-attachment:fixed}
.display,.h1,.h2,.h3,.tile-title,.sc-title,.names a,.steps strong,.card-title,.pdp-title,.logo-word{font-family:var(--display);letter-spacing:-.02em}
.display{font-weight:700;font-size:clamp(40px,5.2vw,72px);line-height:1.02;color:#000000}
.h1,.h2,.h3,.sc-title{color:#000000}
.h1,.h2{font-weight:700}.h3{font-weight:600}
.holo-text{background:var(--holo);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holoShift 8s linear infinite}
@keyframes holoShift{to{background-position:200% 0}}
a{color:var(--ai)}a:hover{color:#272520}
.btn{border-radius:10px;border-color:var(--line-strong);color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.btn:hover{border-color:var(--ai);color:var(--ink)}
.btn-primary{background:var(--holo);background-size:180% 100%;border:0;color:#F1EFEC;font-weight:700;box-shadow:0 8px 24px -10px #E4C37066}
.btn-primary:hover{background-position:100% 0;color:#F1EFEC;transform:translateY(-1px);box-shadow:0 12px 30px -10px #E3C26F66;filter:none}
.order-btn{border-radius:10px;background:var(--holo);background-size:180% 100%;color:#F1EFEC}
.order-btn:hover{background-position:100% 0;color:#F1EFEC}
.badge{background:#F1EFEC;color:#000000;border-radius:6px}
.bar{background:#F7F6F4;border-bottom:1px solid var(--line);color:#9D7925}.bar a{color:var(--ai)}
.hdr{background:#F1EFECCC;backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.search input,.hero-search input,.input,.cur summary{background:#EAE7E3;border-color:var(--line-strong);border-radius:10px}
.logo{align-items:center;gap:10px}.logo-mark{flex:none;border-radius:10px}
.logo-word{font-weight:700;font-size:23px;color:var(--ink)}
.ftr{background:#F7F6F4;border-top:1px solid var(--line)}
.stars{color:#9D7925}
.tag-stock{background:#0F2620;color:var(--matcha)}

/* ---------- dropdowns: glass panels that swing open in 3D */
.nav-btn{color:#9D7925;font-weight:600}
.nav-btn svg{transition:transform .2s ease}
.nav-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-item:hover .nav-btn,.nav-btn[aria-expanded="true"]{color:#000000;box-shadow:inset 0 -2px 0 transparent;background:linear-gradient(#00000000,#00000000) padding-box}
.nav-btn[aria-expanded="true"]{box-shadow:inset 0 -2px 0 #E4C37099}
.panel{background:#E5E2DC;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 40px 80px -30px #00000047;transform-origin:50% 0}
.panel::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--holo);opacity:.7}
.panel:not([hidden]){animation:panel3d .32s cubic-bezier(.2,.8,.2,1)}
@keyframes panel3d{from{opacity:0;transform:perspective(1400px) rotateX(-14deg) translateY(-8px)}to{opacity:1;transform:perspective(1400px) rotateX(0)}}
.panel-grid{gap:28px;padding-top:28px;padding-bottom:28px}
.pcol-title{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid var(--line-strong);font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kin)}
.pcol a{justify-content:space-between;padding:7px 10px;margin:0 -10px;border-radius:8px;color:#22201C;font-size:15px;transition:background .12s,color .12s,transform .12s}
.pcol a:hover{background:#CFCAC0;color:#000000;transform:translateX(2px)}
.pcol .pl{display:flex;align-items:baseline;gap:8px;min-width:0}
.pcol .code{min-width:0;font-size:11px;padding:0 5px;border:1px solid var(--line-strong);border-radius:4px;line-height:16px;color:var(--muted)}
.pcol .cnt{font-size:12px;font-variant-numeric:tabular-nums;color:#857A64;flex:none}
.pcol a:hover .cnt{color:var(--ai)}
.pcol .note{flex:none;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F1EFEC;background:var(--holo);padding:1px 6px;border-radius:4px}
.feature{position:relative;justify-content:flex-start;gap:0;min-height:0;padding:0;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden;background:#EAE7E3;color:#000000;transform-style:preserve-3d;transition:box-shadow .2s,border-color .2s}
.feature:hover{color:#000000;border-color:#9D7925;box-shadow:0 24px 48px -20px #E4C37052}
.feature-img{display:flex;align-items:center;justify-content:center;height:190px;background:radial-gradient(60% 70% at 50% 45%,#BDB6A7 0%,#EAE7E3 100%);position:relative;overflow:hidden}
.feature-img img{max-height:170px;max-width:88%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 18px 24px #0000003B);transition:transform .35s}
.feature:hover .feature-img img{transform:translateY(-4px) rotate(-2deg) scale(1.04)}
.feature-txt{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px}
.feature:not(.has-img) .feature-txt{padding:28px 24px;min-height:100%;justify-content:flex-end;background:radial-gradient(120% 90% at 100% 0%,#C1BAAD 0%,#EAE7E3 60%)}
.feature-kicker{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#F1EFEC;background:var(--holo);padding:2px 8px;border-radius:5px}
.feature strong{font-family:var(--display);font-size:20px;line-height:26px;color:#000000}
.feature .muted{color:#504C42}
.feature-cta{margin-top:6px;font-weight:700;color:var(--ai)}.feature-cta::after{content:" →";transition:margin .15s}
.feature:hover .feature-cta::after{margin-left:4px}
.panel-foot{border-top:1px solid var(--line);background:#ECEAE5}
.panel-foot a{display:inline-block;padding:12px 0;font-weight:700;color:#000000}.panel-foot a::after{content:" →";color:var(--ai)}
@media(max-width:1020px){
  .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:#F1EFEC}
  .nav{inset:auto 0 0 0;top:calc(var(--hdr) + 37px);background:#F1EFEC;box-shadow:0 -1px 0 var(--line)}
  .nav-btn{font-size:17px;font-weight:700;color:#000000}
  .nav-btn[aria-expanded="true"]{box-shadow:none;color:var(--ai)}
  .panel{animation:none!important;background:none;backdrop-filter:none;border:0;box-shadow:none}.panel::before{display:none}
  .logo svg{width:32px}.logo-word{font-size:21px}
  .feature-img{height:150px}.panel-foot{background:none;border:0}.panel-foot .wrap{padding:0}
}

/* ---------- 3D holo cards: tilt toward the pointer, foil shine follows it */
.tilt{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease;will-change:transform}
.tilt.is-tilting{transition:transform .06s linear,box-shadow .2s ease}
.holo{position:relative;isolation:isolate}
.holo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .25s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#00000055 0%,#00000000 40%),linear-gradient(115deg,#E2BF6700 20%,#E2BF6755 35%,#E4C37055 45%,#E3C26F55 55%,#FFD58A44 65%,#FFD58A00 80%);
  background-size:100% 100%,250% 250%;background-position:center,var(--hx,50%) var(--hy,50%);mix-blend-mode:color-dodge}
.holo.is-tilting::after{opacity:1}
.card{background:#E5E2DC;border:1px solid var(--line);border-radius:14px}
.card:hover{border-color:#9D7925;box-shadow:0 26px 50px -24px #00000059,0 0 0 1px #E4C3701F}
.card .card-media,.card .well,.card .lattice{background:radial-gradient(70% 70% at 50% 40%,#CBC5BA 0%,#EAE7E3 100%)!important}
.pdp-well{background:radial-gradient(70% 70% at 50% 40%,#C6C0B4 0%,#EAE7E3 100%)!important;border-radius:18px}
.pdp-well img{filter:drop-shadow(0 30px 40px #00000041)}

/* ---------- tiles, sections */
.tile{background:linear-gradient(160deg,#DDDAD2 0%,#EAE7E3 100%);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .2s}
.tile::before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:var(--holo);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.tile:hover{border-color:#9D7925;box-shadow:0 18px 36px -20px #E4C37047}.tile:hover::before{transform:scaleX(1)}
.tile-title{color:#000000}.tile-n{color:var(--ai)}
.setlist a,.names a{color:#1B1916}.names a:hover,.setlist a:hover{color:var(--ai)}
.names sup{color:var(--kin)}
.step-n{font-family:var(--display);font-weight:800;font-size:44px;letter-spacing:-.04em;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps li{border-top:1px solid var(--line-strong)}
.hero-kicker{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:8px;margin:0 0 18px;padding:5px 12px;border-radius:999px;background:#D8D4CC;border:1px solid var(--line-strong);color:#22201C;font-size:13px;font-weight:700}
.hero-dot{width:8px;height:8px;border-radius:50%;background:#7EE0A8;box-shadow:0 0 0 3px #7EE0A81F,0 0 12px #7EE0A899}
ul.hero-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 0;color:var(--muted);font-size:14px}
ul.hero-facts li{display:flex;align-items:center;gap:8px}
ul.hero-facts li::before{content:"✦";font-size:12px;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:640px){ul.hero-facts{flex-direction:column}}

/* ---------- 3D hero stage */
.hero3d{position:relative;min-height:560px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(80% 70% at 50% 35%,#C8C2B6 0%,#E8E5E0 55%,#F1EFEC 100%)}
.hero3d canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;cursor:grab;touch-action:pan-y}
.hero3d canvas:active{cursor:grabbing}
.hero3d-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px}
.hero3d-fallback{perspective:1200px}
.hero3d-fallback img{position:absolute;width:30%;max-width:210px;aspect-ratio:63/88;object-fit:cover;border-radius:12px;box-shadow:0 30px 50px -10px #00000047,0 0 0 1px #E4C3703D;background:#C8C2B6}
.hero3d-fallback img:nth-child(1){transform:translateX(-62%) rotateY(28deg) rotateZ(-8deg)}
.hero3d-fallback img:nth-child(2){transform:translateZ(60px);z-index:2}
.hero3d-fallback img:nth-child(3){transform:translateX(62%) rotateY(-28deg) rotateZ(8deg)}
.hero3d-fallback{top:-40px}
.hero3d.is-live .hero3d-fallback{opacity:0;transition:opacity .6s;pointer-events:none}
.hero3d-info{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(transparent,#F1EFECE6 55%)}
.hero3d-info .sc-title{margin:0;font-size:28px;line-height:1.1}.hero3d-info .sc-title a{color:#000000}
.hero3d-info .sc-sub{margin:4px 0 0;font-size:13px}
.hero3d-hint{position:absolute;top:16px;right:16px;z-index:2;font-size:12px;color:#504C42;background:#EAE7E3B3;border:1px solid var(--line);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px)}
.hero3d .sc-new{position:absolute;top:16px;left:16px;z-index:2;background:var(--holo);color:#F1EFEC;font-weight:800;border-radius:6px;padding:3px 10px;font-size:12px}
@media(max-width:900px){.hero3d{min-height:470px}.hero3d-info{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.holo-text{animation:none}.panel:not([hidden]){animation:none}}
.sparkles{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 10% 20%,#00000088,transparent),radial-gradient(1px 1px at 30% 70%,#00000066,transparent),radial-gradient(1.5px 1.5px at 55% 15%,#00000099,transparent),radial-gradient(1px 1px at 75% 45%,#00000055,transparent),radial-gradient(1px 1px at 90% 80%,#00000077,transparent),radial-gradient(1.5px 1.5px at 20% 90%,#00000066,transparent),radial-gradient(1px 1px at 65% 85%,#00000055,transparent);background-size:600px 600px;opacity:.6}
.card img,.grid .card-media img{border-radius:8px}
/* category tiles with a real product photo */
.tile.has-img{padding:12px 12px 18px;gap:8px;min-height:0}
.tile-img{display:flex;align-items:center;justify-content:center;height:150px;border-radius:10px;background:#000000;overflow:hidden}
.tile-img img{max-height:136px;max-width:90%;object-fit:contain;transition:transform .35s ease}
.tile:hover .tile-img img{transform:scale(1.06) rotate(-1.5deg)}
.tile.has-img .tile-title{padding:4px 6px 0;font-size:18px;line-height:24px}
.tile.has-img .tile-n{padding:0 6px}
@media(max-width:640px){.tile-img{height:120px}.tile-img img{max-height:108px}}
/* ================================================================ 3D homepage world */
.world-canvas{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:-1;pointer-events:none;display:block}
.world-on .sparkles{display:none}
.stage{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.world-on .hero3d{background:radial-gradient(70% 60% at 50% 40%,#C1952522 0%,transparent 70%)}
.hero3d.is-live .hero3d-fallback,.stage.is-live .stage-fallback{opacity:0;transition:opacity .6s;pointer-events:none}
.stage-hint{position:absolute;top:16px;right:16px;z-index:2;font-size:12px;color:#504C42;background:#EAE7E3B3;border:1px solid var(--line);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px);pointer-events:none}
.stage-label{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;margin:0;padding:6px 14px;border-radius:999px;background:#F1EFECCC;font-weight:700;font-size:15px;white-space:nowrap;pointer-events:none}
.hero3d-info .stage-label{position:static;transform:none;background:none;padding:0;font-size:13px}
.stage-galaxy{height:600px;border-radius:24px;border:1px solid var(--line);margin-top:8px;overflow:hidden;background:radial-gradient(60% 60% at 50% 50%,#C1952526 0%,transparent 70%)}
.gal-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1200px}
.gal-fallback img{width:150px;aspect-ratio:63/88;object-fit:cover;border-radius:10px;margin:0 -28px;box-shadow:0 30px 50px -12px #00000047,0 0 0 1px #E4C3703D;background:#C8C2B6}
.gal-fallback img:nth-child(1){transform:rotateY(35deg) translateZ(-60px)}.gal-fallback img:nth-child(2){transform:rotateY(18deg) translateZ(-20px)}.gal-fallback img:nth-child(3){transform:translateZ(30px);z-index:2}.gal-fallback img:nth-child(4){transform:rotateY(-18deg) translateZ(-20px)}.gal-fallback img:nth-child(5){transform:rotateY(-35deg) translateZ(-60px)}
.chase-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.chase-list a{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid var(--line);background:#EAE7E3CC;backdrop-filter:blur(8px);color:var(--ink);transition:border-color .15s,transform .15s}
.chase-list a:hover{border-color:#9D7925;transform:translateY(-2px);color:#000000}
.chase-list img{width:44px;height:61px;object-fit:cover;border-radius:5px;flex:none;background:#C8C2B6}
.cl-name{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:600;font-size:14px;line-height:19px}.cl-name .small{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-price{font-weight:700;color:var(--ai);font-size:14px}
.forest-sec{position:relative;min-height:640px;margin-top:40px;overflow:hidden;display:flex;align-items:flex-start}
.stage-forest{position:absolute;inset:0}
.forest-fallback{position:absolute;inset:0;background:radial-gradient(40% 30% at 50% 22%,#E4C37033 0%,transparent 70%),linear-gradient(180deg,transparent 0%,#E5E2DD 75%)}
.forest-fallback::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120 L0 80 L20 40 L40 80 L55 55 L75 20 L95 70 L115 45 L135 85 L155 30 L180 75 L200 50 L225 10 L250 70 L270 40 L290 80 L310 35 L335 75 L355 50 L380 25 L400 70 L400 120Z' fill='%232B3170'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.forest-copy{position:relative;z-index:1;text-align:center;padding-top:110px;padding-bottom:80px;pointer-events:none;max-width:760px}
.forest-copy .btns{pointer-events:auto;justify-content:center}
.forest-copy .h2{text-shadow:0 4px 30px #10100E59}
.forest-copy .lead{margin-left:auto;margin-right:auto}
/* glass panels so text stays easy to read over the sky */
.world-on .split>div,.world-on .topics>div,.world-on .steps li,.world-on .setlist,.world-on .names,.world-on .reviews-grid>*{background:#EDEBE7B8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px}
.world-on .split>div{padding:28px}.world-on .topics>div{padding:20px 22px}.world-on .steps li{padding:20px;border:1px solid var(--line)}.world-on .names{padding:18px 22px}.world-on .setlist{padding:6px 18px}
/* sections rise in with a little 3D tilt */
html,body{overflow-x:clip}
.rise{transform:translateY(28px);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
@media(min-width:761px){.rise{transform:perspective(1400px) rotateX(7deg) translateY(34px);transform-origin:50% 0}}
.rise.rise-in{transform:none}
@media(max-width:760px){.stage-galaxy{height:460px}.forest-sec{min-height:560px}.forest-copy{padding-top:80px}.stage-label{font-size:13px;bottom:12px}}
.world-on .forest-sec{margin-top:0}
/* hero: the real product photo, shown before the 3D box takes over (and whenever 3D is off) */
.hero3d-fallback.hero-product{top:0;padding:64px 56px 128px;display:flex;align-items:center;justify-content:center}
.hero3d-fallback img.hero-etb{position:relative;inset:auto;width:76%;max-width:380px;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none;background:none;transform:none;z-index:1;filter:drop-shadow(0 34px 40px #00000041) drop-shadow(0 0 60px #E4C37029);animation:etbFloat 6s ease-in-out infinite}
@keyframes etbFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.hero3d-fallback img.hero-etb{animation:none}}
.hero3d-info .sc-sub a{color:#9D7925}

/* ================================================================ homepage: evenly outlined sections
   Every section is one framed panel with the same border, radius, padding and header; panels sit 24px apart. */
:root{--hp-gap:24px;--hp-pad:36px;--hp-radius:20px;--hp-line:#C1BAAC;--hp-cell:#E1DDD7;--hp-cell-line:#C4BDB1}
.trust,.section.hp,.section.hp-duo{padding-top:0;margin-top:var(--hp-gap)}
.hp{position:relative;padding:var(--hp-pad);border-radius:var(--hp-radius);border:1px solid var(--hp-line);background:linear-gradient(180deg,rgba(228,225,219,0.92) 0%,rgba(237,236,232,0.94) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 30px 60px -36px rgba(0,0,0,0.315);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hp::before{content:"";position:absolute;left:32px;right:32px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#E2BF67 20%,#E4C370 50%,#E3C26F 80%,transparent);opacity:.75;pointer-events:none}
/* header */
.hp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--hp-line)}
.hp-head-text{min-width:0}
.hp-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#504C42}
.hp-eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--holo)}
.hp .h2,.hp-head .h2{margin:0;font-size:30px;line-height:38px;color:#000000}
.hp-desc{margin:8px 0 0;color:#504C42;font-size:15px;line-height:24px;max-width:62ch}
.hp-more{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid #ABA290;background:rgba(0,0,0,0.03);color:#171613;font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s}
.hp-more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.hp-more:hover{border-color:#9D7925;background:rgba(228,195,112,0.12);color:#000000;text-decoration:none}
.hp-more:hover svg{transform:translateX(3px)}
/* one cell style for everything inside a panel */
.hp .tile,.hp .setlist a,.hp .steps li,.hp .topics>div,.hp .chase-list a,.hp .reviews-grid>*,.hp .names a{background:var(--hp-cell);border:1px solid var(--hp-cell-line);border-radius:14px}
.world-on .hp .setlist,.world-on .hp .names{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0}
.world-on .hp .steps li,.world-on .hp .topics>div,.world-on .hp .reviews-grid>*{-webkit-backdrop-filter:none;backdrop-filter:none}
/* trust strip */
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--hp-line);border-radius:var(--hp-radius);background:linear-gradient(180deg,rgba(228,225,219,0.92),rgba(237,236,232,0.94));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}
.trust-list li{display:flex;align-items:flex-start;gap:14px;padding:22px 24px}
.trust-list li+li{border-left:1px solid var(--hp-line)}
.trust-list svg{flex:none;width:36px;height:36px;padding:7px;border-radius:10px;background:rgba(228,195,112,0.12);border:1px solid #ABA290;fill:none;stroke:#2C2924;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.trust-list strong{display:block;color:#000000;font-size:15px;line-height:20px;font-weight:700}
.trust-list span{display:block;margin-top:3px;color:#504C42;font-size:13px;line-height:19px}
/* categories: two even rows */
.hp .tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hp .tile.has-img{padding:10px 10px 16px}
.hp .tile-img{height:150px;border-radius:10px}
.hp .tile-img img{max-height:134px}
/* chase cards */
.hp .stage-galaxy{margin-top:0;height:560px;border:1px solid var(--hp-cell-line);border-radius:16px;background:radial-gradient(60% 60% at 50% 50%,rgba(193,149,37,0.22) 0%,rgba(241,239,236,0.5) 70%)}
.hp .chase-list{margin-top:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hp .chase-list a{padding:10px 14px 10px 10px;-webkit-backdrop-filter:none;backdrop-filter:none;height:100%}
/* sealed boxes: two rows of five */
.hp .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
/* Pokémon names as even chips */
.hp .names{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;border:0;padding:0}
.hp .names a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;font-size:18px;line-height:24px}
.hp .names a:hover,.hp .setlist a:hover,.hp .chase-list a:hover,.hp .topics>div:hover{border-color:#9D7925}
.hp .names sup{vertical-align:0;margin:0;font-size:12px;padding:2px 8px;border-radius:999px;background:rgba(255,213,138,0.12);color:#9D7925}
.hp .names-more{margin:20px 0 0;padding-top:20px;border-top:1px solid var(--hp-line);color:#504C42}
/* sets and other games: even rows of four */
.hp .setlist{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:0}
.hp .setlist a{align-items:center;gap:12px;padding:14px 16px;min-height:68px}
.hp .setlist .small{flex:none;font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(226,191,103,0.08);color:#9D7925}
.hp .set-series{display:block;margin-top:2px;font-size:12px;color:#6C6558;font-weight:500}
/* steps */
.hp .steps{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hp .steps li{padding:22px;border-top:1px solid var(--hp-cell-line)}
.hp .steps strong{font-size:19px;line-height:25px}
/* guides */
.hp .topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hp .topics>div{padding:20px 22px}
.hp .topics .h3{font-size:17px;line-height:24px;color:#000000}
/* reviews */
.hp .reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* two text panels side by side, same height */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:var(--hp-gap);align-items:stretch}
.duo>.hp{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.duo>.hp .hp-eyebrow{margin:0}
.duo>.hp p.muted{margin:0;color:#464239}
.duo>.hp .btns{margin-top:auto;padding-top:20px;width:100%;border-top:1px solid var(--hp-line);display:flex;flex-wrap:wrap;gap:10px}
.world-on .duo>.hp{padding:var(--hp-pad)}
/* the forest closes the page right above the footer */
.forest-sec{margin-top:var(--hp-gap)}
body:has(.forest-sec) .ftr{margin-top:0}
/* sections settle in gently */
.rise{transform:translateY(24px);opacity:.001;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s}
.rise.rise-in{transform:none;opacity:1}
@media(min-width:761px){.rise{transform:translateY(28px)}}
@media(prefers-reduced-motion:reduce){.rise{transform:none;opacity:1}}
/* the chase-card galaxy is drawn by the 3D sky behind the page, so its panel stays see-through (outline only) */
.hp.galaxy-sec{background:linear-gradient(180deg,rgba(228,225,219,0.55) 0%,rgba(237,236,232,0.15) 30%,rgba(237,236,232,0.15) 70%,rgba(237,236,232,0.55) 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
.hp.galaxy-sec .stage-galaxy{background:radial-gradient(55% 55% at 50% 50%,rgba(193,149,37,0.25) 0%,transparent 75%)}
.hp.galaxy-sec .chase-list a{background:rgba(225,221,215,0.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(max-width:1180px){
  .hp .tiles,.hp .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hp .names{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hp .setlist,.hp .chase-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hp .steps,.hp .topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-list li:nth-child(3){border-left:0}
  .trust-list li:nth-child(n+3){border-top:1px solid var(--hp-line)}
}
@media(max-width:900px){
  :root{--hp-pad:24px}
  .hp .tiles,.hp .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hp .names,.hp .setlist,.hp .chase-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .duo{grid-template-columns:1fr}
  .hp .reviews-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  :root{--hp-pad:18px;--hp-gap:16px;--hp-radius:16px}
  .hp-head{flex-direction:column;align-items:flex-start;padding-bottom:18px;margin-bottom:18px}
  .hp .h2,.hp-head .h2{font-size:24px;line-height:30px}
  .hp-more{height:36px;padding:0 14px;font-size:13px}
  .hp .tiles,.hp .grid,.hp .names,.hp .steps,.hp .topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hp .setlist,.hp .chase-list{grid-template-columns:1fr;gap:10px}
  .hp .tile-img{height:110px}.hp .tile-img img{max-height:98px}
  .hp .names a{padding:10px 12px;font-size:15px}
  .hp .steps li{padding:16px}
  .hp .stage-galaxy{height:420px}
  .trust-list{grid-template-columns:1fr}
  .trust-list li+li{border-left:0;border-top:1px solid var(--hp-line)}
  .trust-list li{padding:16px 18px}
}

/* ================================================================ Kiratora black & gold (final layer: clean, flat, no 3D) */
:root{
  --surface:#F6F5F2;--raised:#EEEDE9;--sunken:#F2F1EE;--line:#DCD8D1;--line-strong:#C3BDB0;
  --ink:#9D7925;--muted:#776F61;
  --shu:#D4AF37;--shu-soft:#251F10;--on-shu:#F6F5F2;
  --ai:#9D7925;--ai-soft:#211C0F;--kin:#9D7925;--kin-soft:#EAE8E3;
  --gold:#D4AF37;--gold-light:#9D7925;--gold-deep:#A8842C;
  --holo:linear-gradient(135deg,#F6E3A0 0%,#E0BD5A 40%,#C9A13D 75%,#A8842C 100%);
  --gold-grad:var(--holo);
  --focus:0 0 0 2px #F6F5F2,0 0 0 4px #D4AF37;
  --hp-line:#DCD8D1;--hp-cell:#EFEDEA;--hp-cell-line:#262219;
}
body{background:#F6F5F2}
.sparkles,.world-canvas{display:none!important}
a:hover{color:var(--gold-light)}
/* header */
.hdr,.site-hdr,header.top{background:#F6F5F2}
.nav-btn{color:#9D7925}
.hero{padding-bottom:0}
/* links inside sentences are underlined so they stand out from the text around them */
main p a:not(.btn),main li p a:not(.btn),.prose a:not(.btn){text-decoration:underline;text-decoration-color:rgba(157,121,37,0.55);text-decoration-thickness:1px;text-underline-offset:3px}
main p a:not(.btn):hover{text-decoration-color:currentColor}
.hs-info .sc-sub a,.sc-title a{text-decoration:none}
.nav-item:hover .nav-btn{color:#000000}
.nav-btn[aria-expanded="true"]{color:var(--gold)}
/* dropdowns: clean drop, no 3D swing */
@keyframes panel3d{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* buttons */
.btn-primary,.btn-primary:hover{background:var(--holo);background-size:100% 100%;color:#F6F5F2;border:0;box-shadow:none;filter:none}
.btn-primary:hover{filter:brightness(1.07);transform:none}
.btn{border-radius:10px}
/* gold text accents (no shimmer) */
.holo-text{background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;animation:none}
.step-n{background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent}
/* no tilt or foil shine anywhere */
.tilt,.tilt.is-tilting{transform:none!important}
.holo::after,.holo::before{display:none!important}
/* panels: flat black cards with a fine gold hairline */
.hp,.trust-list{background:#EFEEEA;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-color:var(--hp-line)}
.hp::before{left:0;right:0;top:-1px;height:1px;border-radius:var(--hp-radius) var(--hp-radius) 0 0;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,0.65) 30%,rgba(241,217,138,0.9) 50%,rgba(212,175,55,0.65) 70%,transparent 100%);opacity:1}
.hp-eyebrow{color:var(--gold)}
.hp-eyebrow::before{background:var(--gold)}
.hp-desc{color:var(--muted)}
.hp-more{border-color:#D1CCC2;background:transparent;color:var(--ink)}
.hp-more:hover{border-color:var(--gold);background:rgba(212,175,55,0.08);color:#000000}
.hp .tile,.hp .setlist a,.hp .steps li,.hp .topics>div,.hp .reviews-grid>*,.hp .names a{background:var(--hp-cell);border-color:var(--hp-cell-line)}
.hp .names a:hover,.hp .setlist a:hover,.hp .topics>div:hover,.tile:hover{border-color:rgba(157,121,37,0.6);box-shadow:none}
.tile::before{background:var(--gold)}
.hp .names sup{background:rgba(212,175,55,0.12);color:var(--gold-light)}
.hp .setlist .small{background:rgba(212,175,55,0.08);color:var(--gold-light)}
.trust-list svg{background:rgba(212,175,55,0.08);border-color:#D1CCC2;stroke:var(--gold)}
.tile-n{color:var(--gold)}
.card{background:#EEEDE9;border-color:#262219}
.card:hover{border-color:rgba(157,121,37,0.55)}
/* hero: the real product on a black stage with a soft gold light */
.hero-show{position:relative;display:flex;flex-direction:column;border:1px solid var(--hp-line);border-radius:20px;overflow:hidden;background:radial-gradient(60% 55% at 50% 42%,rgba(212,175,55,0.16) 0%,rgba(212,175,55,0.04) 45%,transparent 70%),#F3F2EF;min-height:560px}
.hero-show::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(241,217,138,0.9),transparent)}
.hs-badge{position:absolute;top:18px;left:18px;z-index:2;padding:4px 10px;border-radius:6px;background:var(--holo);color:#F6F5F2;font-size:12px;font-weight:800;letter-spacing:.02em}
.hs-media{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 48px 12px}
.hs-media img{width:80%;max-width:400px;height:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,0.262));transition:transform .4s ease}
.hs-media:hover img{transform:translateY(-4px)}
.hs-info{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 24px 24px;border-top:1px solid var(--hp-line);background:#F6F5F2}
.hs-info .sc-title{margin:0;font-size:26px;line-height:32px}.hs-info .sc-title a{color:#000000}
.hs-info .sc-sub{margin:4px 0 0;font-size:14px}.hs-info .sc-sub a{color:var(--gold-light)}
/* closing call to action */
.hp.cta{text-align:center;padding:56px var(--hp-pad);background:radial-gradient(50% 80% at 50% 0%,rgba(212,175,55,0.1) 0%,transparent 70%),#EFEEEA}
.hp.cta .hp-eyebrow{justify-content:center}
.hp.cta .h2{font-size:34px;line-height:42px;max-width:720px;margin:0 auto}
.hp.cta p.lead{max-width:640px;margin:14px auto 0;color:var(--muted)}
.hp.cta .btns{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}
body:has(.hp.cta) .ftr{margin-top:56px}
.ftr{background:#F8F8F6;border-top:1px solid var(--line)}
@media(max-width:900px){.hero-show{min-height:0}.hs-media{padding:48px 24px 8px}}
@media(max-width:640px){.hs-info{flex-direction:column;align-items:flex-start}.hp.cta{padding:36px 18px}.hp.cta .h2{font-size:26px;line-height:32px}}

/* ================================================================ black & gold 3D */
.lux-canvas{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:-1;pointer-events:none;display:block}
.stage{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
/* cards and tiles tilt toward the mouse with a gold sheen */
.card,.tile,.hp .setlist a,.hp .names a{transition:transform .25s ease,border-color .2s,box-shadow .25s;will-change:transform}
.lux-on.card,.lux-on.tile,.hp .setlist a.lux-on,.hp .names a.lux-on{transition:transform .06s linear,border-color .2s,box-shadow .25s;background-image:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(241,217,138,0.13),transparent 62%);box-shadow:0 22px 40px -24px rgba(212,175,55,0.27);border-color:rgba(157,121,37,0.6)}
/* hero: the photo shows first; the 3D box takes over */
.hero-show[data-stage]{background:radial-gradient(60% 55% at 50% 42%,rgba(212,175,55,0.16) 0%,rgba(212,175,55,0.04) 45%,transparent 70%),#F3F2EF}
html.lux-on .hero-show.is-live{background:transparent}
.hero-show.is-live .hs-media{pointer-events:none}
.hero-show.is-live .hs-media img{opacity:0;transition:opacity .8s}
.hs-hint{position:absolute;top:18px;right:18px;z-index:2;padding:4px 10px;border-radius:999px;border:1px solid #D1CCC2;background:rgba(246,245,242,0.7);color:#776F61;font-size:12px;opacity:0;transition:opacity .4s}
.hero-show.is-live .hs-hint{opacity:1}
.hs-label{position:absolute;left:50%;bottom:104px;transform:translateX(-50%);z-index:2;margin:0;padding:6px 14px;border-radius:999px;background:rgba(246,245,242,0.85);border:1px solid rgba(157,121,37,0.45);color:#9D7925;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}
.hero-show .hs-info{position:relative;z-index:2}
html.lux-on .hero-show{min-height:600px}
/* the vault */
.stage-vault{display:none}
html.lux-on .stage-vault{display:block;height:560px;margin-bottom:24px;border:1px solid var(--hp-cell-line);border-radius:16px;overflow:hidden;outline:none}
.stage-vault:focus-visible{box-shadow:var(--focus)}
html.lux-on .hp.vault-sec{background:linear-gradient(180deg,#EFEEEA 0%,#EFEEEA 150px,rgba(239,238,234,0.25) 230px,rgba(239,238,234,0.25) 700px,#EFEEEA 820px)}
.vault-btn{position:absolute;top:44%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(157,121,37,0.55);background:rgba(246,245,242,0.75);color:#9D7925;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.vault-btn:hover{background:rgba(212,175,55,0.18);transform:scale(1.06)}
.vault-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vault-btn.prev{left:18px}.vault-btn.next{right:18px}
.vault-cap{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none}
.vault-cap a{pointer-events:auto}
.vc-set{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#776F61}
.vc-name{font-family:var(--display);font-weight:700;font-size:20px;line-height:26px;color:#000000;text-decoration:none!important;max-width:90%}
.vc-name:hover{color:#9D7925}
.vc-price{font-weight:700;color:#9D7925;font-size:16px}
/* closing panel with the gold star */
.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px;text-align:left}
.hp.cta .cta-text .hp-eyebrow{justify-content:flex-start}
.hp.cta .cta-text .h2{margin:0}
.hp.cta .cta-text p.lead{margin:14px 0 0}
.hp.cta .cta-text .btns{justify-content:flex-start}
.stage-star{height:340px;display:grid;place-items:center}
.star-fallback{width:180px;height:180px;filter:drop-shadow(0 18px 40px rgba(212,175,55,0.15))}
.stage-star.is-live .star-fallback{opacity:0;transition:opacity .6s}
html.lux-on .hp.cta{background:linear-gradient(90deg,#EFEEEA 0%,#EFEEEA 45%,rgba(239,238,234,0.35) 70%,rgba(239,238,234,0.35) 100%)}
.hp.cta{text-align:left;padding:var(--hp-pad)}
/* sections lean back slightly and settle in as you scroll */
html.lux-on .rise3d{transform:perspective(1400px) rotateX(7deg) translateY(36px);opacity:.001;transform-origin:50% 0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .7s}
html.lux-on .rise3d.in{transform:none;opacity:1}
@media(max-width:900px){.cta-grid{grid-template-columns:1fr}.stage-star{height:260px;order:-1}html.lux-on .hp.cta{background:linear-gradient(180deg,rgba(239,238,234,0.35) 0%,rgba(239,238,234,0.35) 280px,#EFEEEA 340px)}}
@media(max-width:640px){html.lux-on .stage-vault{height:470px}.vault-btn{width:40px;height:40px;top:40%}.vault-btn.prev{left:10px}.vault-btn.next{right:10px}.vc-name{font-size:17px}html.lux-on .hero-show{min-height:520px}.hs-label{bottom:150px}}
@media(prefers-reduced-motion:reduce){.lux-on.card,.lux-on.tile{transform:none!important}}

/* ================================================================ Kiratora white & gold (final layer) */
:root{
  --surface:#FBFAF7;--raised:#FFFFFF;--sunken:#F5F2EA;--line:#E7E0D0;--line-strong:#CFC4AC;
  --ink:#1B1813;--muted:#6B6355;
  --shu:#B8912F;--shu-soft:#F6EFDC;--on-shu:#1B1813;
  --ai:#8C6A1C;--ai-soft:#F7F0DE;--kin:#9A7724;--kin-soft:#F7F0DE;
  --gold:#C9A13D;--gold-light:#8C6A1C;--gold-deep:#7A5C17;
  --holo:linear-gradient(135deg,#F3DE9A 0%,#DDB955 40%,#C9A13D 72%,#B08A2E 100%);
  --gold-grad:var(--holo);
  --focus:0 0 0 2px #FFFFFF,0 0 0 4px #B8912F;
  --hp-line:#EAE3D3;--hp-cell:#FBF9F4;--hp-cell-line:#ECE5D5;
}
html{background:none}
body{background:#FBFAF7;color:var(--ink)}
a{color:var(--ai)}a:hover{color:#5E4710}
.bar{background:#F6F0E1;color:#6B5524;border-bottom:1px solid #EADFC4}
.bar a{color:#8C6A1C}
.hdr,.site-hdr,header.top{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #ECE5D5}
.nav-btn{color:#2A251D}.nav-item:hover .nav-btn{color:#000}.nav-btn[aria-expanded="true"]{color:#8C6A1C}
.logo-word{color:#1B1813}
.btn{background:#FFFFFF;border-color:#D9CFB8;color:#1B1813}
.btn:hover{border-color:#B8912F;color:#000}
.btn-primary,.btn-primary:hover{background:var(--holo);color:#1B1813;border:0}
.btn-primary:hover{filter:brightness(1.04) saturate(1.05)}
.holo-text,.step-n{background:linear-gradient(135deg,#D9B24E 0%,#B8912F 50%,#8C6A1C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.input,.sel select,input[type=search],input[type=text],input[type=email],input[type=tel],textarea,select{background:#FFFFFF;border-color:#D9CFB8;color:var(--ink)}
.hero-kicker{background:#FFFFFF;border-color:#E7E0D0;color:#2A251D}
/* panels: white cards with a fine gold top line and a soft shadow */
.hp,.trust-list{background:#FFFFFF;border-color:var(--hp-line);box-shadow:0 1px 2px rgba(60,45,10,.04),0 18px 40px -28px rgba(120,90,20,.22)}
.hp::before{background:linear-gradient(90deg,transparent 0%,rgba(201,161,61,.55) 25%,rgba(201,161,61,.95) 50%,rgba(201,161,61,.55) 75%,transparent 100%)}
.hp-head{border-bottom-color:var(--hp-line)}
.hp-eyebrow{color:#9A7724}.hp-eyebrow::before{background:#C9A13D}
.hp .h2,.hp-head .h2,.display,.h1,.h2,.h3,.sc-title,.tile-title,.card-title,.pdp-title{color:#1B1813}
.hp-desc,.muted{color:var(--muted)}
.hp-more{border-color:#DCD2BC;color:#1B1813;background:#FFFFFF}.hp-more:hover{border-color:#B8912F;background:#FBF6EA;color:#000}
.hp .tile,.hp .setlist a,.hp .steps li,.hp .topics>div,.hp .reviews-grid>*,.hp .names a{background:var(--hp-cell);border-color:var(--hp-cell-line);color:var(--ink)}
.hp .names sup,.hp .setlist .small{background:#F6EFDC;color:#7A5C17}
.trust-list li+li{border-color:var(--hp-line)}
.trust-list strong{color:#1B1813}.trust-list span{color:var(--muted)}
.trust-list svg{background:#FBF6EA;border-color:#E9DDBE;stroke:#A88320}
.tile{background:#FFFFFF;border-color:#ECE5D5}
.tile-title{color:#1B1813}.tile-n{color:#8C6A1C}
.tile-img{background:#FFFFFF}
.card{background:#FFFFFF;border-color:#ECE5D5}
.card:hover{border-color:#C9A13D}
.lux-on.card,.lux-on.tile,.hp .setlist a.lux-on,.hp .names a.lux-on{background-image:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(221,185,85,.16),transparent 62%);box-shadow:0 22px 40px -26px rgba(140,106,28,.45);border-color:#C9A13D}
.pdp-well{background:radial-gradient(70% 70% at 50% 40%,#FFFFFF 0%,#F2EDE2 100%)!important;border-color:#ECE5D5}
/* hero */
.hero-show,.hero-show[data-stage]{background:radial-gradient(60% 55% at 50% 42%,rgba(221,185,85,.22) 0%,rgba(221,185,85,.06) 45%,transparent 70%),#FFFFFF;border-color:#ECE5D5;box-shadow:0 24px 60px -36px rgba(120,90,20,.35)}
html.lux-on .hero-show.is-live{background:radial-gradient(60% 55% at 50% 42%,rgba(221,185,85,.18) 0%,transparent 70%)}
.hero-show::before{background:linear-gradient(90deg,transparent,rgba(201,161,61,.9),transparent)}
.hs-info{background:#FFFFFF;border-top-color:#ECE5D5}
.hs-info .sc-title a{color:#1B1813}.hs-info .sc-sub a{color:#8C6A1C}
.hs-media img{filter:drop-shadow(0 26px 30px rgba(80,60,15,.28))}
.hs-hint{background:rgba(255,255,255,.85);border-color:#E3D7BC;color:#6B6355}
.hs-label{background:rgba(255,255,255,.95);border-color:#D9C48E;color:#7A5C17}
/* vault + star panels let the 3D show through */
html.lux-on .hp.vault-sec{background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 150px,rgba(255,255,255,.0) 230px,rgba(255,255,255,0) 700px,#FFFFFF 820px)}
html.lux-on .stage-vault{background:transparent;border-color:#ECE5D5}
.vault-btn{background:rgba(255,255,255,.92);border-color:#D9C48E;color:#8C6A1C}.vault-btn:hover{background:#FBF3DF}
.vc-set{color:#8A8170}.vc-name{color:#1B1813}.vc-name:hover{color:#8C6A1C}.vc-price{color:#8C6A1C}
.hp.cta{background:radial-gradient(50% 80% at 50% 0%,rgba(221,185,85,.12) 0%,transparent 70%),#FFFFFF}
html.lux-on .hp.cta{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 45%,rgba(255,255,255,0) 70%)}
html.lux-on .stage-star{background:transparent}
@media(max-width:900px){html.lux-on .hp.cta{background:#FFFFFF}}
/* dropdown menus */
.panel,.nav .panel,[data-menu] .panel{background:#FFFFFF;border-color:#ECE5D5;box-shadow:0 30px 60px -30px rgba(80,60,15,.3)}
.ftr{background:#F7F3EA;border-top:1px solid #EADFC4}
.ftr a{color:#2A251D}.ftr a:hover{color:#8C6A1C}
.toast{background:#1B1813;color:#FFFFFF}
.badge{background:#1B1813;color:#FFFFFF}
.drawer{background:#FFFFFF}

/* dark text on every gold surface */
.order-btn,.order-btn:hover,.hs-badge,.sc-new,.feature-kicker,.pcol .note,.pager span[aria-current],.skip{color:#1B1813!important}
.order-btn [data-cart-count],.order-btn .count{background:#1B1813;color:#FFFFFF}
.cur summary{background:#FFFFFF;border:1px solid #D9CFB8;color:#1B1813}
.cur-list{background:#FFFFFF;border-color:#ECE5D5}

/* small gold text dark enough to read on white */
.hp-eyebrow,.bar a,.bar{color:#6E5312}
.hp-eyebrow::before{background:#B8912F}

:root{--shu:#8C6A1C;--ai:#7A5C17;--kin:#7A5C17}
:root{--matcha:#1E7A45;--matcha-soft:#E6F4EA;--danger:#B42335;--danger-soft:#FBE9EC}
table.ladder tr.is-active td{color:#5E4710}
dl.facts dd a{text-decoration:underline;text-decoration-color:rgba(140,106,28,.5);text-underline-offset:3px}
.tag-stock{background:#E3F2E8;color:#1A6B3C}
.tag-soldout{background:#FBE9EC;color:#A11F31}
.tag-preorder,.tag-limited{background:#F6EFDC;color:#6E5312}
.feature,.feature.has-img{background:#FBF8F0;border-color:#ECE5D5}
.panel-foot{background:#F7F3EA;border-top:1px solid #ECE5D5}

/* the stock badge stays on top of the product photo (the photo's drop shadow would otherwise paint over it) */
.pdp-well>.tag{z-index:1}

/* phones: a two-line top bar (main message and link), and a sort menu wide enough to read (per page stays on larger screens) */
@media(max-width:640px){
  .bar{font-size:12px;line-height:18px}
  .bar-in{gap:0 16px;padding-top:6px;padding-bottom:6px}
  .bar-more{display:none}
  .toolbar .sel-per{display:none}
}