.reels-section{background:var(--cream)}
.reels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reel-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:18px;color:#fff;background:#6f263c;box-shadow:var(--shadow);text-decoration:none}
.reel-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.reel-card:hover img{transform:scale(1.035)}
.reel-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,13,20,.08) 35%,rgba(35,13,20,.88) 100%)}
.reel-play{position:absolute;top:50%;left:50%;width:64px;height:64px;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(61,18,31,.62);transform:translate(-50%,-50%)}
.reel-play::after{position:absolute;top:50%;left:53%;content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;transform:translate(-50%,-50%)}
.reel-platform{position:absolute;top:16px;left:16px;padding:5px 10px;border-radius:999px;background:rgba(35,13,20,.72);font-size:.74rem;font-weight:700}
.reel-card strong{position:absolute;right:18px;bottom:20px;left:18px;font:500 1.45rem/1.2 Georgia,serif}
.reel-card-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#d7a895,#7d1f35)}
.reel-placeholder-mark{font:5rem Georgia,serif;opacity:.35}
@media(max-width:800px){.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.reels-grid{display:flex;gap:14px;overflow-x:auto;padding:3px 2px 18px;scroll-snap-type:x mandatory}.reel-card{flex:0 0 78%;scroll-snap-align:start}.reel-card strong{font-size:1.25rem}}