.reels-section{padding:40px 28px 42px;background:#090806;color:#f7eddb}
.reels-inner{max-width:900px;margin:0 auto}
.reels-heading{margin:0 0 22px;color:#bcbcbc;text-align:left;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.18em}
.reels-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reels-card{position:relative;display:block;min-width:0;aspect-ratio:9/16;overflow:hidden;background:#17130e;color:#fff;text-decoration:none;isolation:isolate;scroll-snap-align:start}
.reels-card::after{content:"";position:absolute;inset:45% 0 0;z-index:1;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.68))}
.reels-poster{display:block;width:100%;height:100%;object-fit:cover}
.reels-play{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.88);border-radius:50%;background:rgba(9,8,6,.18);transition:background .2s ease,border-color .2s ease}
.reels-play img{display:block;margin-left:3px;filter:brightness(0) invert(1)}
.reels-card:hover .reels-play{border-color:#f3d28f;background:rgba(9,8,6,.5)}
.reels-caption{position:absolute;left:16px;right:16px;bottom:22px;z-index:2;text-align:center;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.13em}
.reels-pages{display:none}
.reels-profile{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin:18px auto 0;color:#d0d0d0;text-decoration:none;font:400 14px/1.5 Arial,sans-serif;letter-spacing:.02em}
.reels-profile img{display:block;flex:none;filter:brightness(0) invert(1);opacity:.85}
.reels-profile:hover{color:#f3d28f}
.reels-card:focus-visible,.reels-page:focus-visible,.reels-profile:focus-visible{outline:2px solid #e3bd71;outline-offset:4px}
.reels-dialog{inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #544c3f;background:#11100e;color:#f7eddb;overflow:auto;overscroll-behavior:contain}
.reels-dialog::backdrop{background:rgba(0,0,0,.82)}
.reels-dialog-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding-left:16px;background:#11100e;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.reels-dialog-close{align-self:stretch;min-width:88px;min-height:48px;padding:0 16px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}
.reels-embed{min-height:300px;background:#11100e;color:#222}
/* Preserve SDK layout measurements while the blank/pending iframe stays hidden. */
.reels-embed>*{opacity:0;pointer-events:none;transition:opacity .18s ease}
.reels-embed.reels-embed-ready>*{opacity:1;pointer-events:auto}
.reels-embed blockquote{width:100%!important;min-width:0!important;margin:0!important;padding:20px;border:0!important;box-shadow:none!important}
.reels-embed iframe{width:100%!important;min-width:0!important;margin:0!important;border:0!important;box-shadow:none!important}
.reels-status{margin:0;padding:14px 20px 0;color:#c5c0b8;font:400 12px/1.6 Arial,sans-serif;text-align:center}
.reels-external{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px;color:#e4d6bb;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.08em;text-decoration:none}
.reels-external img{filter:brightness(0) invert(1)}
.reels-dialog-close:focus-visible,.reels-external:focus-visible{outline:2px solid #e3bd71;outline-offset:-4px}
@media(max-width:760px){
  .reels-section{padding:40px 0 42px}
  .reels-heading{padding:0 20px}
  .reels-track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,280px);gap:20px;padding:0 20px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .reels-track::-webkit-scrollbar{display:none}
  .reels-pages{display:flex;align-items:center;justify-content:center;gap:2px;margin:8px 0 0}
  .reels-page{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
  .reels-page span{display:block;width:26px;height:2px;background:#4b4b4b;transition:background .2s ease}
  .reels-page[aria-current="true"] span{background:#e5e5e5}
  .reels-profile{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.reels-play,.reels-page span,.reels-embed>*{transition:none}}