.skyline-reels-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.skyline-reels-title { display:flex; align-items:center; gap:12px; }
.skyline-reels-brand-icon { width:32px; height:32px; color:#b60925; flex-shrink:0; }
html body .skyline-reels-heading h2 { margin:0; font-size:clamp(30px,3vw,44px); }
html body .skyline-reels-description { margin:8px 0 0; color:#625b52; font-size:15px; line-height:1.6; }
.skyline-reels-follow { color:#b60925; font-size:14px; font-weight:500; white-space:nowrap; }
.skyline-reels-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.skyline-reel-card { min-width:0; border:1px solid #dec79e; border-radius:10px; overflow:hidden; background:#231813; box-shadow:0 5px 16px rgb(123 84 24 / 9%); }
.skyline-reel-open { display:block; position:relative; aspect-ratio:9/16; overflow:hidden; color:#fff; }
.skyline-reel-poster { display:block; width:100%; height:100%; object-fit:cover; }
.skyline-reel-open::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 45%,rgb(0 0 0 / 78%)); pointer-events:none; }
.skyline-reel-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:48px; height:48px; border:2px solid #fff; border-radius:50%; background:rgb(0 0 0 / 45%); z-index:1; }
.skyline-reel-play svg { width:20px; height:20px; margin-left:3px; fill:#fff; }
.skyline-reel-caption { position:absolute; bottom:0; left:0; right:0; padding:14px 12px; color:#fff; font:500 14px/1.45 Arial,sans-serif; z-index:1; }
.skyline-reel-open:hover .skyline-reel-play { background:#a60c20; }
.skyline-reel-open:focus-visible { outline:3px solid #e4b665; outline-offset:-4px; }
.skyline-reels-follow:hover { color:#790818; }
.skyline-reels-dialog { position:fixed; inset:0; width:min(460px,calc(100% - 24px)); max-height:94dvh; margin:auto; padding:14px; border:1px solid #d9bd89; border-radius:14px; background:#fffaf3; overflow:auto; }
.skyline-reels-dialog::backdrop { background:rgb(20 9 5 / 72%); }
.skyline-reels-modal-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.skyline-reels-modal-title { font:500 17px/1.4 Arial,sans-serif; color:#292929; }
.skyline-reels-close { width:44px; height:44px; flex-shrink:0; border:1px solid #deceb6; border-radius:50%; background:#fff; font:28px/1 Arial,sans-serif; color:#292929; }
.skyline-reels-player iframe { display:block; width:100%; height:min(690px,70dvh); border:0; background:#fff; }
.skyline-reels-original { display:block; margin-top:12px; padding:10px; text-align:center; color:#a60c20; font-size:14px; }
.skyline-reels-dialog :focus-visible { outline:3px solid #b5832c; outline-offset:2px; }
@media(max-width:1199px) { .skyline-reels-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } }
@media(max-width:767px) {
 .skyline-reels-heading { align-items:flex-start; gap:12px; }
 .skyline-reels-title { gap:8px; }
 .skyline-reels-brand-icon { width:26px; height:26px; }
 html body .skyline-reels-heading h2 { font-size:30px; }
 html body .skyline-reels-description { font-size:14px; }
 .skyline-reels-follow { margin-top:8px; font-size:13px; }
 .skyline-reels-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,72%); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 0 14px; scrollbar-width:thin; scrollbar-color:#c59c55 #eee3d1; }
 .skyline-reel-card { scroll-snap-align:start; }
}