/* ---------- arcade — gallery retail: full-screen opener, panel catalogue, serif prices ---------- */
body.t-arcade { --sf-serif: 'Fraunces', Georgia, 'Times New Roman', serif; background: #ffffff; }
html[data-theme="dark"] body.t-arcade { background: radial-gradient(ellipse at top, #17171a 0%, #101012 55%, #08080a 100%); }
body.t-arcade .sf-name { text-transform: uppercase; letter-spacing: 0.22em; font-weight: 800; font-size: 15px; }
body.t-arcade .sf-cart { text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; font-weight: 700; }
body.t-arcade .sf-cart .badge { border-radius: 0; box-shadow: none; }
body.t-arcade .sf-announce { text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; }
body.t-arcade .btn.brand { border-radius: 0; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 700; font-size: 11px; padding: 15px 30px; box-shadow: none; }
/* the opener runs the full screen, as the reference's does */
body.t-arcade .sc-hero { min-height: 100vh; }
body.t-arcade .sc-hero h1 { text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; font-size: clamp(26px, 5.4vw, 66px); line-height: 1.08; }
body.t-arcade .sc-hero p { text-transform: uppercase; letter-spacing: 0.2em; font-size: 11.5px; font-weight: 600; }
body.t-arcade .sc-h2 { text-transform: uppercase; letter-spacing: 0.24em; font-weight: 800; font-size: clamp(13px, 1.6vw, 16px); }
/* panel catalogue */
/* the heading band gets a third tone of its own — matching either panel colour
   made the run of white read as one big empty area */
body.t-arcade .sc-showcase { background: #e8e6e2; padding-bottom: 0; }
body.t-arcade .sc-showcase > .container { padding-top: 62px; padding-bottom: 34px; }
body.t-arcade .sc-show-item { background: #ffffff; }
body.t-arcade .sc-show-item:nth-child(4n + 2), body.t-arcade .sc-show-item:nth-child(4n + 3) { background: #f4f4f4; }
body.t-arcade .sc-show-cat { color: #8c6a45; }
body.t-arcade .sc-show-t { color: #111111; }
/* The shots are cut out on pure white (measured 250-255 across the frame), so
   `multiply` maps that white exactly onto whichever panel ground it lands on and
   the object reads as having no background at all. NOT `darken`: darken also
   clamps the product's own pale highlights to the panel value, which makes a
   cream lampshade vanish into the grey panels. Any replacement shot must be cut
   out on white or it will show as a box. */
body.t-arcade .sc-show-media img { mix-blend-mode: multiply; }
body.t-arcade .sc-show-price { font-family: var(--sf-serif); font-weight: 400; color: #111111; }
/* the reference's buy control is a 2px ghost outline; kept as a flat solid slab
   instead (house rule: no button borders), same caps/tracking silhouette */
body.t-arcade .sc-show-btn { background: #111111; color: #ffffff; }
body.t-arcade .sc-show-btn:hover { background: #8c6a45; }
body.t-arcade .sc-richtext p { font-size: 15.5px; }

/* cart + checkout get a titled band instead of a bare heading */
body.t-arcade .co-page { padding-top: 0; }
body.t-arcade .co-h1 { margin: 0 calc(50% - 50vw) 44px; width: 100vw; max-width: 100vw; padding: 70px 20px 74px;
  background: #14110e; color: #ffffff; text-align: center; text-transform: uppercase;
  letter-spacing: 0.24em; font-size: clamp(20px, 3vw, 34px); font-weight: 800; }
body.t-arcade .co-h1::after { content: ''; display: block; width: 32px; height: 2px; background: #8c6a45; margin: 20px auto 0; }
body.t-arcade .co-page .card { border-radius: 0; box-shadow: none; }
body.t-arcade .co-page input, body.t-arcade .co-page .btn { border-radius: 0; }
body.t-arcade .co-table thead th { text-transform: uppercase; letter-spacing: 0.16em; font-size: 10.5px; font-weight: 700; }
body.t-arcade .sf-cat-nav a { text-transform: uppercase; letter-spacing: 0.14em; font-size: 11px; font-weight: 700; }
body.t-arcade .pdp .ph { border-radius: 0; }
body.t-arcade .sc-field input, body.t-arcade .sc-field textarea { border-radius: 0; }
body.t-arcade .sc-contact-sub { text-transform: none; }
body.t-arcade .pdp .price { font-family: var(--sf-serif); font-weight: 400; font-size: 28px; }
body.t-arcade .product-card { border-radius: 0; }
body.t-arcade .product-card .ph { border-radius: 0; }