.reels-section{background:#eee8f6;overflow:hidden}.reels-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.reels-heading h2{margin:16px 0 0}.reels-heading p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.7}.reels-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px}.inc-reel{aspect-ratio:9/16;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#17191d;color:white;scroll-snap-align:center;border:1px solid #ffffff70}.reel-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s;animation:reel-drift 12s ease-in-out infinite alternate}.reel-photo.active{opacity:1}.inc-reel:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(#15171b88,transparent 35%,#15171b33 48%,#15171bf5);pointer-events:none}.reel-top{position:absolute;top:22px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;align-items:center}.reel-top img{width:72px;height:50px;object-fit:contain}.reel-top span{font:9px 'JetBrains Mono',monospace;letter-spacing:1px;border:1px solid #ffffff70;border-radius:30px;padding:8px}.reel-bottom{position:absolute;bottom:24px;left:22px;right:22px;z-index:3}.reel-category{font:9px 'JetBrains Mono',monospace;color:var(--yellow);letter-spacing:2px}.reel-bottom h3{font-size:clamp(23px,2.6vw,36px);font-weight:800;line-height:1.08;letter-spacing:-1.2px;margin:15px 0 24px;max-width:270px}.reel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff40;padding-top:14px}.reel-controls small{font:8px 'JetBrains Mono',monospace;letter-spacing:1px;color:#e5d6fa}.reel-toggle{border:1px solid #ffffff70;background:#ffffff18;color:#fff;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:16px}.inc-reel.paused .reel-photo{animation-play-state:paused}.reels-hint{font:10px 'JetBrains Mono',monospace;color:var(--neural);margin-top:14px}.reel-toggle:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@keyframes reel-drift{from{transform:scale(1)}to{transform:scale(1.12) translateY(-1%)}}@media(max-width:760px){.reels-heading{display:block}.reels-heading p{margin-top:22px}.reels-track{grid-auto-columns:85%;gap:16px;overflow: auto}.reel-bottom h3{font-size:30px}.reel-top{top:18px;left:18px;right:18px}.reel-bottom{left:20px;right:20px}.reels-heading h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.reel-photo{animation:none;transition:none}}
/* Editorial stories: unobstructed photographs, quiet identity and direct controls. */
.inc-reel{border-radius:22px;box-shadow:0 14px 35px #25154312}
.reel-photo{animation:none;transform:scale(1.035);transition:opacity 1.1s ease}
.reel-photo.active{animation:reel-story-drift 7s linear both;animation-direction:var(--drift-direction,normal)}
.inc-reel:after{background:linear-gradient(180deg,#10101580 0%,transparent 25%,transparent 44%,#101015b8 68%,#101015fa 100%)}
.reel-progress{position:absolute;top:4px;left:16px;right:16px;z-index:5;display:flex;gap:6px}
.reel-progress button{position:relative;flex:1;height:28px;min-width:0;border:0;background:transparent;padding:0;cursor:pointer}
.reel-progress button:before,.reel-progress button span{content:'';position:absolute;left:0;right:0;top:13px;height:3px;border-radius:4px;background:#ffffff45}
.reel-progress button span{background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}
.reel-top{top:37px}.reel-top img{width:64px;height:45px}.reel-top span{background:#14141b40;backdrop-filter:blur(8px);font-size:8px}
.reel-category{display:inline-block;background:var(--yellow);color:#19171c;padding:7px 10px;letter-spacing:1.5px;transform:rotate(-2deg);font-weight:700}
.reel-bottom h3{font-size:clamp(25px,2.6vw,37px);line-height:1.06;max-width:310px;margin:16px 0 10px;min-height:2.12em;letter-spacing:-1.2px}
.reel-caption{font-size:13px!important;line-height:1.55!important;color:#ffffffd9!important;margin:0 0 18px!important;max-width:270px;min-height:3.1em}
.reel-controls{gap:6px;padding-top:10px}.reel-controls small{max-width:100px;font-size:7px;line-height:1.7;letter-spacing:1.1px;color:#ffffffb3}
.reel-buttons{display:flex;gap:3px}.reel-buttons button{width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0e;color:white;cursor:pointer;font-size:17px}.reel-buttons .reel-toggle{background:white;color:#17171c;border-color:white}
.reel-buttons button:hover{background:var(--yellow);color:#17171c}.reel-buttons button:focus-visible,.reel-progress button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@keyframes reel-story-drift{from{transform:scale(1.035) translateY(0)}to{transform:scale(1.095) translateY(-.7%)}}
@media(max-width:760px){.reel-top{top:34px}.reel-bottom h3{font-size:30px}.reel-caption{font-size:12px!important}.reel-bottom{bottom:19px}}
@media(prefers-reduced-motion:reduce){.reel-photo.active{animation:none}.reel-photo,.reel-progress button span{transition:none}}