/* Trunk Show — experiment styles */
.gl-host{position:absolute;inset:0;z-index:1}
.gl-host canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.card-layer{position:absolute;inset:0;z-index:12;pointer-events:none}
.card-layer.rise{z-index:11}
.card-layer .mc{left:0;top:0;transform-origin:50% 50%}
.ts-top{position:absolute;top:96px;left:0;right:0;text-align:center;z-index:14;opacity:0;pointer-events:none}
.ts-top .ov{letter-spacing:.38em;padding-left:.38em}
.ts-top h2{font-size:30px;margin:10px 0 12px;color:#F6EFE2;font-weight:400}
.ts-ladder{position:absolute;top:190px;left:0;right:0;z-index:14;pointer-events:none}
.lock-jewel{position:absolute;left:0;top:0;z-index:13;opacity:0;pointer-events:none;transition:opacity .4s}
.lock-jewel[data-fly="1"]{z-index:45;transition:none}
.lock-jewel .jw{margin:-15px 0 0 -15px}
.ts-hint{position:absolute;left:0;right:0;bottom:46px;text-align:center;z-index:15;opacity:0;transition:opacity .35s;pointer-events:none}
.ts-hint.on{opacity:1}
.ts-hint .ov{color:#d8cfbe;letter-spacing:.34em;font-size:10.5px;padding-left:.34em}
.chev{display:block;margin:0 auto 12px;width:14px;height:22px;position:relative}
.chev i{position:absolute;left:0;width:14px;height:14px;border-left:1.2px solid #e9e1d1;border-top:1.2px solid #e9e1d1;transform:rotate(45deg);opacity:0;animation:chev 1.9s ease-in-out infinite}
.chev i:nth-child(2){top:7px;animation-delay:.18s}
@keyframes chev{0%{opacity:0;transform:translateY(6px) rotate(45deg)}40%{opacity:.9}80%,100%{opacity:0;transform:translateY(-6px) rotate(45deg)}}
.ts-skip{position:absolute;top:58px;right:20px;z-index:16;height:30px;padding:0 13px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e9e1d1;font-size:12px;opacity:0;pointer-events:none;transition:opacity .4s;backdrop-filter:blur(6px)}
.ts-skip.on{opacity:1;pointer-events:auto}
.ts-counter{position:absolute;top:66px;left:24px;z-index:16;font-family:var(--sans);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#b6a993;opacity:0;transition:opacity .4s}
.ts-counter.on{opacity:1}

/* capsule page */
.cap-hero{position:absolute;top:92px;left:0;right:0;height:300px;display:grid;place-items:center}
.cap-hero img{width:340px;height:255px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(40,30,20,.16))}
.cap-x{position:absolute;right:38px;top:44px;font-family:var(--script);font-size:34px;color:#a8843f}
#sc-cap .dots{position:absolute;top:388px;left:0;right:0;display:flex;justify-content:center;gap:16px}
#sc-cap .dots i{width:6px;height:6px;border-radius:50%;background:#c9c1b2}#sc-cap .dots i.on{background:#3f3b33}
.cap-seg{position:absolute;top:410px;left:34px;right:34px}
.cap-name{position:absolute;top:462px;left:0;right:0;text-align:center}
.cap-name b{display:block;font-size:34px;font-weight:400;margin-top:4px}
.cap-whats{position:absolute;top:526px;left:22px;right:22px;width:auto}
.cap-pair{position:absolute;top:580px;left:22px;right:22px}
.cap-odds{position:absolute;top:648px;left:0;right:0;text-align:center}
.cap-cta{position:absolute;left:22px;right:22px;top:676px}
.cap-cta .fine{text-align:center;margin:8px 6px 0;font-size:10.5px;line-height:1.4}
.odds-h{font-family:var(--serif);font-weight:400;font-size:19px;margin:18px 0 4px}
.odds-row.slim{padding:9px 0}

/* line-up */
.lu-sheet{max-height:92%}
/* every tile is the same height (rows are 1fr, tiles stretch) and its value + Keep/Sell sit on the bottom edge, so a
   2-line house (Valentino Garavani) or a 2-line model never pushes one tile's controls below its neighbours' */
.lu-grid{display:grid;gap:10px;margin:4px 0 14px;grid-auto-rows:1fr;align-items:stretch}
.lu-grid.n3{grid-template-columns:repeat(3,1fr)}
.lu-grid.n5{grid-template-columns:repeat(6,1fr)}
.lu-grid.n5 .mini{grid-column:span 2}
.lu-grid.n5 .mini:nth-child(4){grid-column:2/span 2}
.lu-grid .mini{--mn:11.5px;padding:7px 6px 8px}
.lu-grid .mini-ph{height:82px}
.lu-grid .mini-val{font-size:14px}
.lu-seg{flex:none;display:grid;grid-template-columns:1fr 1fr;margin-top:7px;border-radius:12px;background:#EFE8DA;padding:2px}
.lu-seg button{height:24px;border-radius:10px;font-size:11px;color:#6d665c}
.lu-seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(40,30,20,.12)}
.lu-seg button[data-v="sell"].on{background:var(--ink-soft);color:#fff}
.lu-totals{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}
.lu-totals>div{text-align:center}
.lu-totals>div+div{border-left:1px solid var(--line)}
.lu-totals span{display:block;font-family:var(--sans);font-size:8.6px;letter-spacing:.2em;text-transform:uppercase;color:#8b8478}
.lu-totals b{font-family:var(--serif);font-weight:400;font-size:18px}
.lu-totals b.gold{color:#A08F50}
.lu-note{text-align:center;margin:10px 0 12px}
.lu-go{position:sticky;bottom:0;z-index:2;margin:0 -22px;padding:12px 22px 20px;background:linear-gradient(180deg,rgba(251,249,245,0) 0,var(--cream-50) 12px)}
.lu-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 12px}