.bwx{max-width:1240px;margin:0 auto}
@media (min-width:2100px){.bwx{max-width:1440px}}
@media (min-width:500px) and (max-width:1520px){.bwx{max-width:1080px}.bwx-row h3{font-size:clamp(1.3rem,2.6vw,2.1rem)}.bwx-no{font-size:clamp(1.3rem,2.4vw,1.9rem)}}
.bwx-row{display:block;position:relative;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.bwx-row::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.bwx-row:hover::before{transform:scaleX(1)}
.bwx-clip{overflow:hidden}
.bwx-inner{display:grid;grid-template-columns:clamp(70px,8vw,120px) 1fr clamp(200px,24vw,320px) 60px;
  gap:clamp(14px,2.6vw,36px);align-items:center;padding:clamp(26px,3.6vw,44px) 4px;
  transition:transform .5s cubic-bezier(.2,.6,.2,1)}
.bwx-row:hover .bwx-inner{transform:translateX(clamp(8px,1.4vw,20px))}
.bwx-no{font-weight:800;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.02em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(10,17,24,.22);transition:all .4s}
.bwx-row:hover .bwx-no{color:var(--accent);-webkit-text-stroke:1.5px var(--accent)}
.bwx-tag{display:inline-block;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent-deep);margin-bottom:10px}
.bwx-row h3{font-size:clamp(1.5rem,3.3vw,2.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.06;transition:color .35s}
.bwx-row:hover h3{color:var(--accent-deep)}
.bwx-desc{color:var(--text-dim);font-size:.9rem;line-height:1.6}
.bwx-arr{font-size:clamp(1.3rem,2vw,1.8rem);color:var(--text-faint);justify-self:end;
  transition:transform .45s cubic-bezier(.2,.6,.2,1),color .35s}
.bwx-row:hover .bwx-arr{color:var(--accent);transform:rotate(-45deg) scale(1.15)}
.bwx-badge{display:inline-block;margin-left:14px;font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:linear-gradient(92deg,var(--accent-deep),var(--accent));border-radius:999px;padding:5px 12px;vertical-align:middle;transform:translateY(-4px)}
.bwx-row.soon h3{color:var(--text-dim)}
.bwx-row.soon:hover h3{color:var(--text)}
/* floating preview */
#bwPrev{position:fixed;top:0;left:0;z-index:80;width:clamp(240px,24vw,340px);aspect-ratio:16/10;border-radius:16px;
  overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-60%);
  box-shadow:0 30px 80px rgba(10,20,30,.35)}
#bwPrev img{width:100%;height:100%;object-fit:cover}
#bwPrev::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,17,24,.25),transparent 50%)}
.bwx-thumb{display:none}
@supports not (aspect-ratio: 1/1){#bwPrev{height:200px}}
@media (hover:none),(max-width:860px){
  #bwPrev{display:none}
  .bwx-inner{grid-template-columns:1fr;gap:10px;padding:26px 0}
  .bwx-thumb{display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;margin-bottom:6px}
  .bwx-thumb img{width:100%;height:100%;object-fit:cover}
  .bwx-no{position:absolute;right:0;top:30px}
  .bwx-arr{display:none}
}