/* redesign-variants/v1-reveal — lifted VERBATIM out of the <style> block of
 * ting-ad/public/redesign-variants/v1-reveal.html. Not a rewrite: the page-specific
 * half of the design, kept in one file so it can be diffed against the source.
 * Loaded after common.css and base.css, which is the order the original head used. */
.ba{--x:50%;position:relative;width:100%;border-radius:15px;overflow:hidden;cursor:ew-resize;
  box-shadow:0 24px 60px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);touch-action:none;user-select:none}
.ba svg{display:block;width:100%;height:auto}
.ba .after{position:absolute;inset:0}
.ba .after svg{position:absolute;inset:0;width:100%;height:100%}
.ba .before{position:relative;z-index:2;clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;background:var(--y);z-index:4;pointer-events:none}
.handle::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);
  border-radius:9999px;background:var(--ys);box-shadow:0 6px 20px rgba(0,0,0,.5),inset 0 0 10px rgba(0,0,0,.05)}
.handle i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;font-size:15px;
  color:var(--ink);font-style:normal;letter-spacing:-2px}
.tagm{position:absolute;top:15px;z-index:5;font-size:9px;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;padding:4px 10px;border-radius:9999px;backdrop-filter:blur(20px)}
.tagm.l{left:15px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.85)}
.tagm.r{right:15px;background:var(--ys);color:var(--ink)}
.hint{text-align:center;font-size:12px;color:rgba(255,255,255,.5);margin-top:15px}
.refine{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.gal{display:grid;gap:15px;margin-top:40px}
@media(min-width:768px){.gal{grid-template-columns:repeat(3,1fr)}}
.gc{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
.gc figcaption{padding:15px;font-size:14px;color:rgba(255,255,255,.6)}
.gc figcaption b{display:block;color:#fff;font-size:16px;font-weight:600;margin-bottom:3px}
