.site-cases{--tc-velvet:#4d1420;--tc-velvet-ink:#2a0910;--tc-satin:#e8c9c0;--tc-satin-deep:#d9b0a4;--tc-gold:#b8934a;--tc-gold-bright:#d8b46a;--tc-maroon-text:#3a0e18;--tc-maroon-soft:rgba(58,14,24,0.68);--tc-ease:cubic-bezier(0.22,0.9,0.24,1);--tc-lid-ms:750ms;--tc-lid-angle:58deg;--tc-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.06'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");display:grid;gap:0;margin-top:1.75rem;max-width:44rem;margin-inline:auto}.site-cases .case{position:relative;margin:0 0 2.4rem;background:radial-gradient(140% 120% at 50% -10%,rgba(0,0,0,.4),transparent 55%),var(--tc-velvet-ink);border:1px solid rgba(184,147,74,.3);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.4);transition:box-shadow var(--tc-lid-ms) var(--tc-ease)}.site-cases .case.open{box-shadow:0 26px 60px rgba(0,0,0,.65),0 4px 14px rgba(0,0,0,.4)}.site-cases .hinge{perspective:1100px;perspective-origin:50% 120%;position:relative}.site-cases .lid{display:block;width:100%;border:0;cursor:pointer;background:none;padding:0;text-align:left;transform-origin:50% 0;transition:transform var(--tc-lid-ms) var(--tc-ease),filter var(--tc-lid-ms) var(--tc-ease);will-change:transform;position:relative;z-index:2;font:inherit;color:inherit}.site-cases .case.open .lid{transform:rotateX(var(--tc-lid-angle));filter:brightness(1.12)}.site-cases .lid-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:150px;padding:1.8rem 1.5rem;border-radius:10px 10px 4px 4px;background:radial-gradient(140% 90% at 50% 0,rgba(255,255,255,.08),transparent 55%),radial-gradient(130% 110% at 50% 115%,rgba(0,0,0,.42),transparent 60%),var(--tc-noise),var(--tc-velvet);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -6px 16px rgba(0,0,0,.35)}.site-cases .lid-face:before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid rgba(184,147,74,.6);border-radius:6px}.site-cases .lid-face:after{content:"";position:absolute;inset:16px;pointer-events:none;border:1px solid rgba(184,147,74,.25);border-radius:4px}.site-cases .zari{position:absolute;width:26px;height:26px;pointer-events:none}.site-cases .case-mark{display:block;width:3.1rem;height:auto;pointer-events:none}.site-cases .zari path{stroke:var(--tc-gold);fill:none;stroke-width:1.4}.site-cases .zari.tl{top:14px;left:14px}.site-cases .zari.tr{top:14px;right:14px;transform:scaleX(-1)}.site-cases .zari.bl{bottom:14px;left:14px;transform:scaleY(-1)}.site-cases .zari.br{bottom:14px;right:14px;transform:scale(-1)}.site-cases .plate{position:relative;text-align:center;padding:.85rem 2rem 1rem;background:linear-gradient(180deg,var(--tc-gold-bright),var(--tc-gold) 80%);border:1px solid #8a6a30;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5);color:var(--tc-maroon-text)}.site-cases .plate-kicker{display:block;font-family:var(--site-sans);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;opacity:.75}.site-cases .plate-name{display:block;font-family:var(--site-display);font-size:1.35rem;letter-spacing:.1em;margin-top:.25rem;white-space:nowrap;text-transform:capitalize}.site-cases .plate:after,.site-cases .plate:before{content:"";position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#8a6a30;transform:translateY(-50%);box-shadow:inset 0 1px 1px rgba(0,0,0,.5)}.site-cases .plate:before{left:8px}.site-cases .plate:after{right:8px}.site-cases .lid-hint{position:absolute;right:1.35rem;bottom:1.15rem;display:flex;align-items:center;gap:.4rem;font-family:var(--site-sans);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--tc-gold-bright)}.site-cases .lid-hint svg{transition:transform .4s var(--tc-ease)}.site-cases .case.open .lid-hint svg{transform:rotate(180deg)}.site-cases .clasp{position:absolute;left:50%;bottom:-9px;z-index:3;width:30px;height:20px;transform:translateX(-50%);transition:transform .45s var(--tc-ease);pointer-events:none}.site-cases .clasp:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--tc-gold-bright),#8a6a30);border:1px solid #6f5426;border-radius:0 0 9px 9px;box-shadow:0 2px 6px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.45)}.site-cases .clasp:after{content:"";position:absolute;left:50%;top:6px;width:8px;height:8px;border:2px solid #6f5426;border-radius:50%;transform:translateX(-50%)}.site-cases .case.open .clasp{transform:translateX(-50%) translateY(8px) rotate(182deg)}.site-cases .well{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--tc-lid-ms) var(--tc-ease)}.site-cases .case.open .well{grid-template-rows:1fr}.site-cases .well-in{overflow:hidden;min-height:0}.site-cases .satin{margin:.5rem .75rem .75rem;border-radius:6px;padding:1.6rem 1.4rem 1.8rem;color:var(--tc-maroon-text);text-align:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px),radial-gradient(130% 80% at 50% 0,rgba(255,255,255,.4),transparent 58%),linear-gradient(180deg,var(--tc-satin),var(--tc-satin-deep));box-shadow:inset 0 8px 20px rgba(58,14,24,.28),inset 0 -2px 8px rgba(58,14,24,.15)}.site-cases .case-face{display:block;width:min(15rem,70%);height:auto;margin:.25rem auto 1rem;border:1px solid rgba(58,14,24,.25);box-shadow:0 10px 24px rgba(58,14,24,.3)}.site-cases .case-count{margin:0 0 1rem;letter-spacing:.22em;color:var(--tc-maroon-soft)}.site-cases .case-count,.site-cases .case-cta{font-family:var(--site-sans);font-size:.72rem;text-transform:uppercase}.site-cases .case-cta{display:inline-block;min-height:44px;box-sizing:border-box;padding:.75rem 1.6rem;background:linear-gradient(180deg,var(--tc-gold-bright),var(--tc-gold) 80%);border:1px solid #8a6a30;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.5);color:var(--tc-maroon-text);letter-spacing:.18em;text-decoration:none}.site-cases .case-cta:focus-visible,.site-cases .case-cta:hover{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.site-cases .lid{cursor:default}.site-cases .case.open .lid,.site-cases .lid{transform:none;filter:none}.site-cases .well{grid-template-rows:1fr}.site-cases .clasp,.site-cases .lid-hint{display:none}}