.reels-section{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);color:#111827;background-color:#fff;padding:6rem 2rem}.reels-container{max-width:1200px;margin:0 auto}.reels-header{text-align:center;margin-bottom:4rem}.reels-badge{color:#b45309;letter-spacing:.05em;text-transform:uppercase;background-color:#fef3c7;border:1px solid #fde68a;border-radius:0;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.reels-badge svg{width:1.25rem;height:1.25rem}.reels-title{color:#111827;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.reels-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.reels-empty-state{text-align:center;background:#fff;border:2px dashed #e2e8f0;border-radius:0;max-width:600px;margin:0 auto;padding:3rem 2rem;box-shadow:0 4px 6px -1px #0000000d}.empty-icon-camera{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex}.empty-icon-camera svg{width:2rem;height:2rem}.reels-empty-state h3{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.empty-desc{color:#64748b;font-size:.95rem;line-height:1.6}.reels-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.5rem;display:grid}@media (min-width:768px){.reels-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1024px){.reels-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.reel-card{background:#fff;border:1px solid #e2e8f0;border-radius:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.reel-card:hover{box-shadow:0 10px 15px -3px #0000001a}.reel-thumbnail-wrapper{aspect-ratio:9/16;cursor:pointer;background:#0f172a;position:relative;overflow:hidden}.reel-thumbnail{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.reel-thumb-img{object-fit:cover;width:100%;height:100%}.reel-placeholder-bg{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);width:100%;height:100%}.play-button-overlay{color:#fff;background:#0f172a66;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.reel-card:hover .play-button-overlay{background:#0f172a99}.play-icon{color:#fff;filter:drop-shadow(0 2px 4px #0000004d);width:3.5rem;height:3.5rem}.reel-card:hover .play-icon{transform:scale(1.15)}.play-button-overlay span{letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;font-weight:700}.reel-iframe,.reel-video-player{border:none;width:100%;height:100%}.reel-iframe-preview{transform-origin:top;pointer-events:none;border:none;width:140%;height:200%;position:absolute;top:-60px;left:-20%;transform:scale(1.48)}.reel-info{background:#fff;border-top:1px solid #f1f5f9;padding:1.25rem}.reel-info-title{color:#0f172a;margin-bottom:.75rem;font-size:1rem;font-weight:700}.reel-play-btn{color:#ea580c;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:700}.reel-play-btn:hover{text-decoration:underline}.video-modal-backdrop{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.video-modal-container{background:#fff;border-radius:0;flex-direction:column;width:100%;max-width:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.video-modal-close{color:#fff;cursor:pointer;z-index:10;background:#0f172acc;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.5rem;display:flex;position:absolute;top:.75rem;right:.75rem}.video-modal-title{color:#0f172a;padding:1.25rem 1.25rem .75rem;font-size:1.1rem;font-weight:700}.video-modal-frame{aspect-ratio:9/16;background:#000;width:100%;max-height:70vh}.modal-iframe{border:none;width:100%;height:100%}.video-modal-footer{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem}.modal-external-link{color:#ea580c;font-size:.9rem;font-weight:700;text-decoration:none}.modal-external-link:hover{text-decoration:underline}@media (max-width:768px){.reels-title{font-size:2.25rem}}.reels-grid-wrapper{width:100%}.reels-marquee-wrapper{width:100vw;margin-left:calc(50% - 50vw);padding:1.5rem 0;position:relative;overflow:hidden}.reels-marquee-track{gap:2.5rem;width:max-content;padding:0 1rem;animation:40s linear infinite scroll-right-reels;display:flex}.reels-marquee-track.paused,.reels-marquee-track:hover{animation-play-state:paused}@keyframes scroll-right-reels{0%{transform:translate(calc(-50% - 1.25rem))}to{transform:translate(0)}}.reels-marquee-track .reel-card{flex-shrink:0;width:260px}@media (min-width:768px){.reels-marquee-track .reel-card{width:320px}}@media (min-width:1024px){.reels-marquee-track .reel-card{width:360px}}