/* Editorial opening — same Sigu tokens, image-led composition. */
.opening-hero{min-height:100svh;padding:30px clamp(28px,5vw,96px) 22px;display:flex;flex-direction:column;background:var(--canvas)}
.opening-brand{display:block;width:100px}.opening-brand img{width:100%;height:auto}.opening-composition{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:clamp(35px,6vw,100px);flex:1;padding:28px 0}.opening-copy{max-width:620px}.opening-copy .eyebrow{font-size:13px;letter-spacing:2px;margin-bottom:28px}.opening-copy h1{font-size:clamp(42px,5vw,80px);font-weight:400;letter-spacing:-.065em;line-height:1.08;margin:0 0 32px}.opening-copy h1 em{font-style:normal;color:var(--brand)}.opening-analysis{font-size:clamp(16px,1.35vw,21px);line-height:1.7;color:var(--muted);max-width:510px}.opening-meta{font-size:14px;margin-top:24px}.opening-meta span{display:block;color:var(--subtle);margin-top:5px}.opening-byline{font-size:12px;color:var(--subtle);margin:14px 0 24px}.opening-link{display:inline-flex;align-items:center;gap:28px;border:0;border-radius:0;border-bottom:1px solid #52bec655;background:none;padding:10px 0;font-size:14px;min-height:44px}.opening-link span{color:var(--brand);transition:transform .2s}.opening-link:hover span{transform:translate(3px,-3px)}.opening-image{height:clamp(460px,73svh,950px);width:100%;position:relative;border:0;padding:0;border-radius:0;background:#10191b;overflow:hidden;cursor:zoom-in}.opening-image>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;transition:transform .8s}.opening-image:hover>img{transform:scale(1.025)}.opening-image>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:50px 24px 22px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;letter-spacing:1px;color:#fff}.opening-image b{font-size:12px;font-weight:400;letter-spacing:0}.opening-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--subtle);font-size:12px}.opening-bottom button{border:0;background:none;font-size:13px;display:flex;gap:25px;align-items:center;padding:8px 0}.opening-bottom button span{color:var(--brand);font-size:22px}
.editorial-home .sidebar{opacity:0;visibility:hidden;transform:translateX(-15px);pointer-events:none}.editorial-home.exploring-acervo .sidebar{opacity:1;visibility:visible;transform:none;pointer-events:auto}.sidebar{transition:opacity .45s ease,transform .45s ease,width .25s ease,visibility .45s}.collapse-btn,.sidebar-collapsed .collapse-btn{position:static;align-self:flex-end;flex-shrink:0;width:34px;min-height:34px;border-radius:7px;margin:-6px 0 20px;border:1px solid transparent;background:transparent;color:var(--subtle)}.collapse-btn:hover{border-color:var(--border);background:var(--raised);color:var(--brand)}.collapse-btn svg{width:22px;height:22px}.sidebar .brand-home{padding-bottom:20px}.sidebar-collapsed .collapse-btn{align-self:center;margin-bottom:24px}.sidebar-collapsed .brand-home{padding-bottom:18px}
.editorial-home .topbar,.editorial-home #featured{display:none}.editorial-home .intro{padding-top:24px}.intro h1:focus{outline:none}.editorial-home .intro h1{font-size:32px}.editorial-home .format-sticky{position:fixed;top:0;left:268px;right:40px;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .4s,transform .4s,visibility .4s;z-index:8;min-height:68px}.editorial-home.exploring-acervo .format-sticky{opacity:1;visibility:visible;pointer-events:auto;transform:none}.editorial-home.sidebar-collapsed .format-sticky{left:124px}.editorial-home .workspace{padding-top:75px;position:relative}.editorial-home .workspace main{padding-top:0}.viewing-detail #editorial-opening,.viewing-account #editorial-opening{display:none}.viewing-detail .sidebar,.viewing-account .sidebar{display:none!important}
.ranking-scroll{position:relative;margin-left:228px;background:var(--canvas)}.sidebar-collapsed .ranking-scroll{margin-left:84px}.ranking-sticky{position:sticky;top:68px;height:calc(100svh - 68px);padding:34px 40px 18px;display:flex;flex-direction:column;overflow:hidden}.ranking-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-shrink:0}.ranking-heading .eyebrow{font-size:12px;margin:0 0 12px}.ranking-heading h2{font-size:clamp(24px,2.5vw,40px);letter-spacing:-1px;font-weight:400;line-height:1.2;margin:0}.ranking-heading h2 em{color:var(--brand);font-style:normal}.ranking-demo{font-size:12px;color:var(--subtle);margin:10px 0 0}.ranking-window{width:100%;min-height:0;flex:1;overflow:hidden;outline-offset:4px}.ranking-track{display:flex;gap:28px;height:100%;width:max-content;will-change:transform;position:relative}.ranking-card{width:clamp(250px,27vw,450px);height:100%;display:flex;flex-direction:column;flex-shrink:0}.ranking-image{position:relative;flex:1;min-height:0;border:0;background:#07101a;padding:0;overflow:hidden;width:100%;border-radius:0}.ranking-image img{height:100%;width:100%;object-fit:contain}.ranking-number{position:absolute;top:14px;left:14px;background:#000b;color:white;font-size:18px;padding:4px 10px}.ranking-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:16px;min-height:88px}.ranking-caption>div>span{font-size:12px;color:var(--subtle)}.ranking-caption button{display:block;text-align:left;font-size:15px;font-weight:400;line-height:1.4;padding:6px 0 0;background:none;border:0;border-radius:0;min-height:0}.ranking-likes{display:flex;gap:5px;align-items:center;color:var(--brand);font-size:13px;padding-top:4px}.ranking-likes svg{width:17px;height:17px}.ranking-footer{margin:16px 0 0;padding:12px 0 0;display:flex;align-items:center;gap:24px;flex-shrink:0;border-top:1px solid var(--border);color:var(--subtle);font-size:12px}.ranking-progress{height:2px;background:var(--border);flex:1}.ranking-progress i{display:block;background:var(--brand);height:100%;transform-origin:left;transform:scaleX(.03)}.ranking-controls{display:flex;gap:8px}.ranking-controls button{border:0;background:none;min-height:36px;width:36px}.ranking-heading .opening-link{white-space:nowrap}
@media(max-width:1150px) and (min-width:761px){.ranking-scroll{margin-left:205px}.editorial-home .format-sticky{left:229px;right:24px}.ranking-sticky{padding-left:24px;padding-right:24px}.ranking-heading{gap:15px}.ranking-heading .opening-link{font-size:12px}}
@media(max-width:900px){.opening-composition{gap:28px;grid-template-columns:1fr 1.05fr}.opening-copy h1{font-size:43px}.opening-image{height:65svh}.ranking-scroll{height:auto!important}.ranking-sticky{position:relative;top:auto;height:auto;padding-top:94px}.ranking-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--brand) var(--surface);padding-bottom:14px;flex:auto}.ranking-track{height:480px;transform:none!important}.ranking-card{width:280px;scroll-snap-align:start}.ranking-heading{align-items:flex-start;flex-direction:column}.ranking-footer>span{display:none}}
@media(max-width:760px){.opening-hero{padding:22px 22px 18px}.opening-brand{width:76px}.opening-composition{grid-template-columns:1fr;gap:24px;padding:30px 0 24px}.opening-copy .eyebrow{font-size:12px;margin-bottom:16px;letter-spacing:1.3px}.opening-copy h1{font-size:42px;margin-bottom:18px;max-width:330px}.opening-analysis{font-size:16px;margin-bottom:12px}.opening-meta{font-size:13px;margin-top:14px}.opening-meta span{display:inline;margin-left:12px}.opening-byline{font-size:12px;margin:10px 0}.opening-link{font-size:14px}.opening-image{height:52svh;min-height:340px;max-height:600px}.opening-image>span{padding:40px 14px 16px;font-size:10px}.opening-image b{font-size:11px}.opening-bottom{align-items:flex-start;gap:12px}.opening-bottom>span{max-width:140px;font-size:11px}.opening-bottom button{font-size:12px;gap:10px;white-space:nowrap}.editorial-home .sidebar,.editorial-home.sidebar-collapsed .sidebar{position:fixed;top:0;left:0;right:0;z-index:10;background:#00040ff5;padding:4px 12px;display:flex;border-bottom:1px solid var(--border)}.editorial-home .sidebar .brand-home{display:none}.editorial-home .sidebar nav .nav-item{font-size:11px;flex-direction:row;min-height:42px;padding:4px;gap:5px}.editorial-home .sidebar nav .count{display:none}.editorial-home .format-sticky,.editorial-home.sidebar-collapsed .format-sticky{left:0;right:0;top:59px;padding:4px 12px;min-height:55px}.editorial-home .workspace{padding-top:114px}.editorial-home .intro h1{font-size:26px}.ranking-scroll,.sidebar-collapsed .ranking-scroll{margin-left:0}.ranking-sticky{padding:146px 22px 20px}.ranking-heading h2{font-size:29px}.ranking-heading{gap:12px;margin-bottom:24px}.ranking-heading .eyebrow{font-size:12px}.ranking-track{height:440px;gap:20px}.ranking-card{width:76vw;max-width:360px}.ranking-caption{min-height:90px}.ranking-footer{margin-top:8px}.ranking-controls button{min-height:44px;width:44px}}
@media(prefers-reduced-motion:reduce){.ranking-scroll{height:auto!important}.ranking-sticky{position:relative;top:auto;height:auto;padding-top:95px}.ranking-window{overflow-x:auto!important}.ranking-track{height:480px;transform:none!important;will-change:auto}.sidebar,.format-sticky,.opening-image>img{transition:none!important}.opening-link span{transition:none}.opening-image:hover>img{transform:none}}
@media print{#editorial-opening{display:none!important}}


/* White interlude: the original creative is the only image surface. */
.ranking-scroll{background:#fff;color:#101923;--subtle:#52606c;--border:#d6dfe3}
.ranking-heading .eyebrow,.ranking-heading h2 em,.ranking-likes{color:#176b73}
.ranking-track{align-items:stretch}
.ranking-card{height:100%;background:transparent;border:0;box-shadow:none}
.ranking-image{background:transparent;border:0;box-shadow:none}
.ranking-caption button,.ranking-controls button{color:#101923}
.ranking-caption button:hover{color:#176b73}
.ranking-progress{background:#d6dfe3}
.ranking-progress i{background:#176b73}
.ranking-window{scrollbar-color:#176b73 #e8edef}
.ranking-heading [data-go-collection]{background:var(--action);color:#00040f;border:1px solid var(--action);border-radius:8px;padding:15px 22px;min-height:52px;font-size:14px;font-weight:600;gap:20px}
.ranking-heading [data-go-collection] span{color:#00040f;font-size:20px}
.ranking-heading [data-go-collection]:hover{background:#52bec6;border-color:#52bec6}
.ranking-scroll button:focus-visible,.ranking-window:focus-visible{outline:2px solid #176b73;outline-offset:5px}
@media(max-width:760px){.ranking-heading [data-go-collection]{width:100%;justify-content:space-between}}

/* The white interlude emerges and recedes with scroll, rather than a hard color cut. */
.ranking-scroll{background:var(--rail-bg,#00040f);color:var(--rail-ink,#fff);--subtle:var(--rail-muted,#dce5ef);--border:var(--rail-line,#455666);transition:background-color 120ms linear}
.ranking-heading .eyebrow,.ranking-heading h2 em,.ranking-likes,.ranking-caption button:hover{color:var(--rail-accent,#8be5ea)}
.ranking-caption button,.ranking-controls button{color:var(--rail-ink,#fff)}
.ranking-progress{background:var(--rail-line,#455666)}
.ranking-progress i{background:var(--rail-accent,#8be5ea)}
.ranking-window{scrollbar-color:var(--rail-accent,#8be5ea) var(--rail-bg,#00040f)}
.ranking-scroll button:focus-visible,.ranking-window:focus-visible{outline-color:var(--rail-accent,#8be5ea)}
@media(prefers-reduced-motion:reduce){.ranking-scroll{transition:none}}

/* Keep discovery controls for the collection, leaving the opening and rail unobstructed. */
.editorial-home .ranking-scroll,.editorial-home.sidebar-collapsed .ranking-scroll{margin-left:0}
.ranking-sticky{top:0;height:100svh;padding:34px clamp(22px,5vw,96px) 18px}
.opening-image{background:transparent;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;overflow:visible}
.opening-image>img{object-fit:contain;object-position:center;height:100%;width:100%;min-height:0}
.opening-image:hover>img{transform:none}
.opening-image>span{position:static;background:none;padding:0;max-width:100%;justify-content:center;gap:20px;color:var(--subtle)}
@media(max-width:900px){.ranking-sticky{position:relative;height:auto;padding-top:40px}}
@media(prefers-reduced-motion:reduce){.ranking-sticky{position:relative;height:auto;padding-top:40px}}

/* One fixed backdrop, shared by the opening, horizontal rail and vertical collection. */
body{isolation:isolate;--scene-bg:#00040f;--rail-ink:#fff;--rail-muted:#dce5ef;--rail-accent:#8be5ea;--rail-line:#455666}
body.scene-light{--scene-bg:#fff;--rail-ink:#101923;--rail-muted:#35434f;--rail-accent:#12545b;--rail-line:#bdc9ce}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--scene-bg);transition:background-color 650ms cubic-bezier(.22,.61,.36,1)}
.editorial-home .opening-hero,.editorial-home .ranking-scroll,.editorial-home .workspace{background:transparent;transition:none}
.opening-copy,.opening-bottom,.opening-image>span{color:var(--rail-ink)}
.opening-copy .eyebrow,.opening-copy h1 em,.opening-link span,.opening-bottom button span{color:var(--rail-accent)}
.opening-analysis,.opening-meta span,.opening-byline,.opening-bottom>span,.opening-image>span{color:var(--rail-muted)}
.opening-copy,.opening-copy p,.opening-copy h1 em,.ranking-heading,.ranking-heading h2 em,.ranking-caption button,.ranking-caption>div>span,.ranking-likes,.ranking-footer,.ranking-controls button{transition:color 650ms cubic-bezier(.22,.61,.36,1)}
body.viewing-detail::before,body.viewing-account::before{background:#00040f}
@media(prefers-reduced-motion:reduce){body::before{transition:none}}

/* Creative grid: no outer card outline. */
#grid .ad-card{border:0;box-shadow:none}

/* Product welcome and rotating vertical references. */
.opening-copy h1{margin:0 0 28px;letter-spacing:0;line-height:1}
.opening-copy h1 span,.opening-copy h1 strong{display:block}
.opening-copy .opening-welcome{font-size:clamp(17px,1.5vw,22px);line-height:1.4;font-weight:400;color:var(--rail-muted);margin-bottom:24px}
.opening-copy .opening-welcome b{font-weight:600;color:var(--rail-ink)}
.opening-copy .opening-intro{font-size:clamp(18px,1.8vw,26px);line-height:1.3;font-weight:400;color:var(--rail-muted);margin-bottom:8px}
.opening-copy h1 strong{font-size:clamp(48px,5.7vw,88px);line-height:.92;letter-spacing:-.06em;font-weight:600;color:var(--rail-ink)}
.opening-copy h1 strong em{font-style:normal;color:var(--rail-accent)}
.opening-copy .opening-analysis{max-width:580px;font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:var(--rail-muted);margin:0}
.hero-showcase{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:min(77svh,820px)}
.hero-stack{position:relative;width:100%;flex:1;min-height:0;perspective:1200px}
.hero-slide{position:absolute;top:50%;left:50%;height:100%;max-height:720px;aspect-ratio:9/16;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none;transform:translate(-50%,-50%) scale(.72);opacity:0;pointer-events:none;transition:transform .75s cubic-bezier(.22,.61,.36,1),opacity .55s ease,filter .55s ease;z-index:0}
.hero-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#05090f}
.hero-slide>span{position:absolute;left:0;right:0;bottom:0;padding:54px 18px 17px;background:linear-gradient(transparent,#000e);color:#fff;text-align:left;font-size:12px;line-height:1.4;opacity:0;transition:opacity .35s}
.hero-slide>span b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9ee6ea;margin-bottom:4px}
.hero-slide.is-active{transform:translate(-50%,-50%) scale(1.2);opacity:1;pointer-events:auto;z-index:4}
.hero-slide.is-active>span{opacity:1}
.hero-slide.is-prev{transform:translate(-118%,-50%) scale(.984) rotateY(4deg);opacity:.58;filter:saturate(.72);pointer-events:auto;z-index:2}
.hero-slide.is-next{transform:translate(18%,-50%) scale(.984) rotateY(-4deg);opacity:.58;filter:saturate(.72);pointer-events:auto;z-index:2}
.hero-slide.is-prev:hover,.hero-slide.is-next:hover{opacity:.82;filter:saturate(.9)}
.hero-slide.is-far{transform:translate(-50%,-50%) scale(.7);opacity:0;pointer-events:none;z-index:0}
.hero-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:14px;flex-shrink:0}
.hero-controls>button{width:42px;min-height:42px;border:0;background:transparent;color:var(--rail-ink);font-size:20px}
.hero-dots{display:flex;gap:8px}.hero-dots button{width:28px;height:2px;min-height:2px;padding:0;border:0;background:var(--rail-line);transition:background .3s,transform .3s}.hero-dots button.active{background:var(--rail-accent);transform:scaleY(2)}
.hero-status{margin:3px 0 0;min-height:20px;color:var(--rail-muted);font-size:12px;text-align:center}
.scroll-cue{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;color:var(--rail-muted);padding:5px 18px;min-height:62px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.mouse-icon{position:relative;width:20px;height:31px;border:1px solid var(--rail-muted);border-radius:11px}.mouse-icon i{position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:3px;background:var(--rail-accent);transform:translateX(-50%);animation:mouseWheel 1.7s ease-in-out infinite}
.scroll-cue b{font-weight:500}@keyframes mouseWheel{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,10px)}}
.opening-copy h1 strong,.opening-copy .opening-welcome,.opening-copy .opening-welcome b,.opening-copy .opening-intro,.hero-controls>button,.hero-status,.scroll-cue{transition:color 650ms cubic-bezier(.22,.61,.36,1)}
@media(max-width:1000px) and (min-width:761px){.opening-composition{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}.opening-copy h1 strong{font-size:clamp(45px,6.2vw,66px)}.hero-showcase{height:min(70svh,700px)}}
@media(max-width:760px){.opening-hero{min-height:100svh}.opening-composition{display:flex;flex-direction:column;align-items:stretch;padding:18px 0 10px;gap:22px}.opening-copy{max-width:none}.opening-copy h1{margin-bottom:17px}.opening-copy .opening-welcome{font-size:16px;margin-bottom:12px}.opening-copy .opening-intro{font-size:17px;margin-bottom:5px}.opening-copy h1 strong{font-size:clamp(42px,13vw,58px);line-height:.9}.opening-copy .opening-analysis{font-size:14px;line-height:1.6}.hero-showcase{height:42svh;min-height:340px}.hero-slide{max-height:none}.hero-slide.is-prev{transform:translate(-108%,-50%) scale(.936)}.hero-slide.is-next{transform:translate(8%,-50%) scale(.936)}.hero-slide.is-far{transform:translate(-50%,-50%) scale(.816)}.hero-slide>span{padding:40px 12px 12px;font-size:11px}.hero-controls{padding-top:8px}.hero-status{font-size:11px}.scroll-cue{min-height:54px;padding-bottom:0}.mouse-icon{height:27px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.mouse-icon i{animation:none;top:7px}}

/* Softer light scene and more negative space across the horizontal rail. */
body.scene-light{--scene-bg:#f6f5f4}
.ranking-track{gap:clamp(56px,5vw,96px)}
@media(max-width:760px){.ranking-track{gap:32px}}

.ranking-number{display:none}

/* Direct route from the welcome to the complete collection. */
.hero-explore-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px;padding:11px 18px;width:max-content;min-width:150px;min-height:46px;border:1px solid #fff;border-radius:7px;background:transparent;color:#fff;font-size:14px;font-weight:500;transition:border-color .2s,color .2s,background .2s}
.hero-explore-btn:hover{border-color:var(--brand);color:var(--brand);background:#52bec60c}.hero-explore-btn span{font-size:18px}

/* The collection behaves as an image gallery; metadata is revealed on intent. */
#grid.grid{gap:12px}
#grid .ad-card{position:relative;aspect-ratio:3/4;overflow:hidden;border:0;border-radius:0;background:#060910;transform:none}
#grid .ad-card:hover{transform:none}
#grid .ad-card .media-shell{height:100%;background:#060910}
#grid .ad-card .media-open,#grid .ad-card .media-shell.square .media-open,#grid .ad-card .media-shell.landscape .media-open{height:100%;aspect-ratio:auto;padding:0}
#grid .ad-card .media-open img{width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
#grid .ad-card:hover .media-open img,#grid .ad-card:focus-within .media-open img{transform:scale(1.025);filter:brightness(.72)}
#grid .ad-card .format-label,#grid .ad-card .video-demo-badge{display:none}
#grid .ad-card .inline-carousel{opacity:0;transition:opacity .25s}
#grid .ad-card:hover .inline-carousel,#grid .ad-card:focus-within .inline-carousel{opacity:1}
#grid .ad-card .card-body{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:34px 22px 18px;background:linear-gradient(180deg,transparent 24%,#020610ee 100%);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.2,1)}
#grid .ad-card:hover .card-body,#grid .ad-card:focus-within .card-body{opacity:1;transform:none}
#grid .ad-card .card-body button{pointer-events:auto}
#grid .ad-card .advertiser{margin:0 0 5px;color:#dce6ee;font-size:11px;letter-spacing:1px}
#grid .ad-card .card-format{color:var(--brand);font-size:12px;margin-bottom:7px}
#grid .ad-card .card-title{color:#fff;font-size:17px;line-height:1.4;margin:0 0 14px}
#grid .ad-card .card-bottom{margin:0;padding:10px 0 0;border-top:1px solid #ffffff30;justify-content:flex-end}
#grid .ad-card .reaction{color:#dce6ee}
#grid .catalog-auto-video{position:absolute;inset:0;z-index:1;background:#050910}
#grid .catalog-auto-video>img,#grid .catalog-auto-video>video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:contain;background:#050910}
#grid .catalog-auto-video>video{opacity:0;transition:opacity .25s ease}
#grid .catalog-auto-video.playing>video{opacity:1}
#grid .catalog-auto-video.playing>img{opacity:0}
#grid .catalog-auto-video .video-sound{z-index:5;opacity:0;transition:opacity .2s}
#grid .catalog-auto-video.playing .video-sound{opacity:1}
#grid .catalog-auto-video .native-video-controls{opacity:0;transition:opacity .2s}
#grid .catalog-auto-video.playing .native-video-controls{opacity:1}
#grid .catalog-auto-video .native-video-controls .video-sound{opacity:1}
#grid .ad-card:hover .catalog-auto-video .video-sound,#grid .ad-card:focus-within .catalog-auto-video .video-sound{opacity:1}
#grid .media-shell.is-video{height:100%}
@media(max-width:760px){.hero-explore-btn{margin-top:18px;min-height:44px}#grid.grid{gap:10px}#grid .ad-card .card-body{padding:24px 14px 12px}#grid .ad-card .card-title{font-size:14px}}