/* Portrait story placeholders. Replace approved video sources in reels.js when ready. */
.dreamnice-reels{overflow:hidden}.reel-navigation{display:flex;align-items:center;gap:10px;margin-top:24px}.reel-navigation>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-right:12px;color:#75616f}.reel-navigation button{width:43px;height:43px;border:1px solid #cbbfc6;border-radius:50%;background:transparent;color:#4e0250;font-size:21px;cursor:pointer}.reel-navigation button:hover{background:#4e0250;color:white}.reel-navigation button:disabled{opacity:.3;cursor:default}.reel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bda7bd transparent;padding:4px 0 18px;overscroll-behavior-inline:contain}.reel-card{position:relative;isolation:isolate;aspect-ratio:9/16;border:0;border-radius:20px;overflow:hidden;scroll-snap-align:start;background:#30222f;text-align:left;color:#fff;cursor:pointer;padding:0;min-width:0}.reel-card:focus-visible,.reel-navigation button:focus-visible{outline:3px solid #b678bc;outline-offset:3px}.reel-ambient{position:absolute;inset:-18px;width:calc(100% + 36px);height:calc(100% + 36px);object-fit:cover;filter:blur(19px) brightness(.6);z-index:-2;opacity:.7}.reel-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,10,24,.28),transparent 45%,rgba(23,10,24,.9))}.reel-card .reel-product{position:absolute;top:21%;left:0;width:100%;height:51%;object-fit:contain;transition:transform .35s}.reel-card:hover .reel-product{transform:scale(1.025)}.reel-top{position:absolute;top:18px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.reel-wordmark{font-family:var(--heading);font-size:21px;letter-spacing:-1px}.reel-status{font:600 9px var(--body);letter-spacing:.06em;text-transform:uppercase;border:1px solid #ffffff60;border-radius:30px;padding:6px 8px;background:#34243670}.reel-bottom{position:absolute;bottom:22px;left:19px;right:19px;display:grid;gap:10px}.reel-number{font-size:10px;letter-spacing:.16em;color:#e0cce4}.reel-title{font-family:var(--heading);font-weight:500;font-size:29px;line-height:1.03;letter-spacing:-.5px}.reel-caption{font-size:10px;color:#e8dce8;line-height:1.5}.reel-preview{font-size:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff35;padding-top:10px}.reel-preview b{font-size:17px}.reel-dialog{width:min(430px,calc(100vw - 28px));max-height:92dvh;padding:0;border:0;border-radius:22px;background:#241b25;color:white;overflow:auto}.reel-dialog::backdrop{background:#160d19d9;backdrop-filter:blur(8px)}.reel-dialog .reel-close{position:absolute;z-index:2;right:12px;top:12px;width:38px;height:38px;border:1px solid #ffffff55;background:#241b25c9;color:white;border-radius:50%;font-size:24px;cursor:pointer}.reel-view-image{width:100%;height:min(49dvh,440px);object-fit:contain;background:#362b35}.reel-view-copy{padding:24px}.reel-view-copy h3{font-family:var(--heading);font-size:34px;line-height:1.05;margin:12px 0}.reel-view-copy p{font-size:13px;line-height:1.7;color:#e2d6e4;margin-bottom:18px}.reel-view-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#d9b9dd}.reel-view-copy a{display:inline-flex;border:1px solid #b7a2b9;border-radius:30px;padding:12px 20px;color:white;font-size:13px;text-decoration:none}.reel-dialog-nav{display:flex;justify-content:space-between;padding:0 24px 22px}.reel-dialog-nav button{border:0;background:transparent;color:#e2c4e7;font-size:13px;cursor:pointer}.reel-dialog-nav span{font-size:12px;color:#b9a4bf}@media(max-width:900px){.reel-track{grid-auto-columns:31%;gap:15px}.reel-title{font-size:25px}.reel-status{font-size:8px;padding:5px 6px}.reel-top{left:12px;right:12px}.reel-wordmark{font-size:18px}}@media(max-width:600px){.reel-track{grid-auto-columns:76%;gap:14px}.reel-card{border-radius:18px}.reel-title{font-size:31px}.reel-wordmark{font-size:23px}.reel-status{font-size:9px}.dreamnice-reels .editorial-heading{gap:18px}.reel-navigation{margin-top:15px}.reel-track{padding-top:12px}.reel-top{left:17px;right:17px}.reel-bottom{bottom:23px}.reel-caption{font-size:11px}}@media(prefers-reduced-motion:reduce){.reel-card .reel-product{transition:none}}