/* v73: two lead films, six overlapping portraits, compact independent carousel. */
#advert.creative-section{--creative-ink:#153461;--creative-muted:#526d8b;--creative-radius:16px}
#advert .creative-heading{position:relative;max-width:none;margin-inline:0}
#advert .creative-rail-actions button{font:inherit;font-size:12px;color:var(--creative-ink);border:1px solid #719cc64a;background:#f9feff;padding:9px 15px;border-radius:24px;cursor:pointer}
#advert .creative-panel{position:relative;isolation:isolate;width:100%;max-width:none;margin-inline:0;padding:24px clamp(18px,2.3vw,38px) 16px;border:1px solid #ffffffda;border-radius:26px;background:radial-gradient(ellipse at 78% 9%,#baffeb4d,transparent 45%),radial-gradient(ellipse at 10% 88%,#bed4ff66,transparent 56%),#effaff;box-shadow:0 8px 30px #6898b009;overflow:hidden;color:var(--creative-ink)}
#advert button{touch-action:manipulation}
#advert button:focus-visible{outline:3px solid #438cca;outline-offset:5px}
#advert .creative-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:24px;align-items:stretch;max-width:1280px;margin:0 auto 8px;padding:6px 0 6px}
#advert .creative-feature{position:relative;isolation:isolate;display:block;width:100%;height:auto;aspect-ratio:9/16;min-width:0;padding:0;border:5px solid #fbfeff;border-radius:19px;background:#deedf4;box-shadow:0 21px 38px #386a9633,0 0 0 1px #a4d5e982;overflow:hidden;align-self:center;cursor:pointer}
#advert .creative-feature .creative-cover>img{width:100%;height:100%;object-fit:cover;display:block}
#advert .creative-feature-badge{position:absolute;left:10px;top:10px;z-index:2;color:#234d6e;background:#f5fcfff0;border-radius:6px;padding:7px 9px;font-size:11px;line-height:1}
#advert .creative-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:54px;height:54px;display:grid;place-items:center;border:1px solid #ffffffb8;border-radius:50%;background:#102b4961;backdrop-filter:blur(5px);color:#fff;transition:background .2s}
#advert .creative-play svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
#advert .creative-feature:hover .creative-play{background:#173d70aa}
#advert .creative-duration{position:absolute;bottom:10px;right:9px;z-index:2;padding:5px 7px;background:#102941a3;color:#fff;border-radius:5px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1}
#advert .creative-collage{height:88%;min-width:0;min-height:0;align-self:center;position:relative;isolation:isolate}
#advert .creative-halo{position:absolute;inset:4% -5% 0 -8%;background:radial-gradient(ellipse at 36% 49%,#b0eee98a,transparent 60%),radial-gradient(ellipse at 68% 55%,#97c0ef55,transparent 60%);filter:blur(10px);z-index:-2;pointer-events:none}
#advert .creative-orbit{position:absolute;border:1px solid #78acc543;border-radius:50%;z-index:-1;pointer-events:none}
#advert .orbit-one{left:0;top:12%;width:97%;height:71%;transform:rotate(-31deg)}
#advert .orbit-two{left:2%;top:22%;width:96%;height:60%;transform:rotate(25deg);border-color:#89cfcb62}
#advert .creative-photo{position:absolute;display:block;margin:0;width:34%;aspect-ratio:9/16;padding:4px;border:0;border-radius:12px;background:#fafdff;box-shadow:0 11px 23px #41678330;overflow:hidden;cursor:pointer;transition:transform .32s cubic-bezier(.22,1,.36,1),left .32s,top .32s,width .32s,scale .22s,opacity .22s,filter .22s,box-shadow .22s}
#advert .creative-photo .creative-cover>img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
#advert .photo-denim{left:1%;top:7%;width:33%;transform:rotate(-12deg);z-index:1}
#advert .photo-moonlight{left:32%;top:0;width:33%;transform:rotate(-3deg);z-index:2}
#advert .photo-blackdress{left:63%;top:9%;width:33%;transform:rotate(12deg);z-index:3}
#advert .photo-stillwater{left:3%;top:39%;width:35%;transform:rotate(-9deg);z-index:4}
#advert .photo-summer{left:31%;top:31%;width:36%;transform:rotate(-1deg);z-index:5}
#advert .photo-dopamine{left:60%;top:41%;width:35%;transform:rotate(9deg);z-index:6}
#advert .creative-photo:is(:hover,:focus-within){z-index:10;scale:1.035;box-shadow:0 17px 29px #4167833a}
#advert .creative-photo[aria-pressed="true"]{box-shadow:0 0 0 2px #72aed1,0 11px 23px #41678330}
#advert .creative-glass{position:absolute;left:-4%;bottom:8%;width:13%;aspect-ratio:1;z-index:7;border-radius:50%;background:radial-gradient(circle at 27% 25%,#ffffffed 0,transparent 39%),linear-gradient(135deg,#c9f5f845,#a7bff788 62%,#72bbc43d);box-shadow:inset 0 0 0 1px #ffffffda,inset -8px -8px 20px #86adc93d,0 9px 15px #508eac16;backdrop-filter:blur(5px);pointer-events:none}
#advert .creative-mark{position:absolute;top:-2%;left:12%;color:#629ac990;font-size:22px;pointer-events:none}
#advert .creative-rail{position:relative}
#advert .creative-rail-actions{position:absolute;inset:0 -9px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:5}
#advert .creative-rail-actions button{width:28px;height:28px;padding:0;font-size:17px;pointer-events:auto;background:#f9fefff0;box-shadow:0 2px 9px #477da21a}
#advert .creative-viewport{overflow-x:auto;overflow-y:hidden;padding:6px 4px 8px;scroll-behavior:auto;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);overscroll-behavior-x:contain}
#advert .creative-viewport::-webkit-scrollbar{display:none}
#advert .creative-track{display:flex;gap:12px;width:max-content;position:relative}
#advert .creative-group{display:flex;gap:15px;flex:none}
#advert .creative-card{position:relative;flex:0 0 auto;width:clamp(108px,8.5vw,138px);aspect-ratio:9/16;border:0;padding:4px;background:#fbfdff;border-radius:14px;box-shadow:0 8px 19px #477da21d;overflow:hidden;text-align:left;cursor:pointer;transition:transform .25s,box-shadow .25s}
#advert .creative-card .creative-cover>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
#advert .creative-card[aria-pressed="true"]{box-shadow:0 0 0 2px #5a9bc8,0 8px 19px #477da22b}
#advert .creative-card:is(:hover,:focus-within){transform:none;box-shadow:0 12px 22px #477da23a}
#advert .creative-category{position:absolute;left:10px;top:10px;padding:5px 6px;background:#0a2339b3;color:#fff;font-size:10px;border-radius:5px;line-height:1;z-index:2}
#advert .creative-card .creative-duration{bottom:10px;right:10px;font-size:10px}
#advert .creative-preview{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .15s;z-index:1}
#advert .creative-feature>.creative-preview{inset:0;width:100%;height:100%}
#advert .creative-preview.is-playing{opacity:1}
#advert .creative-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#advert .creative-cover{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border:0;padding:0;border-radius:inherit;overflow:hidden;background:transparent;cursor:pointer;color:inherit}
#advert .creative-feature>.creative-cover{inset:0;width:100%;height:100%}
#advert .creative-cover[hidden]{display:none}
#advert .creative-inline-player{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:inherit;object-fit:contain;background:#10233b;z-index:3}
#advert .creative-feature>.creative-inline-player{inset:0;width:100%;height:100%}
#advert .creative-photo.is-active{left:50%;top:50%;width:64%;max-width:330px;z-index:20;transform:translate(-50%,-50%) rotate(0);scale:1;box-shadow:0 20px 44px #24446c50,0 0 0 1px #ffffffcc}
#advert .creative-collage.has-expanded .creative-photo:not(.is-active){opacity:.62;filter:saturate(.8)}
#advert .creative-collage.has-expanded .creative-glass{opacity:.25}
@media(max-width:760px){#advert .creative-photo.is-active{width:58%}}
#advert .creative-card.is-active{transform:none}
#advert .creative-inline-close{position:absolute;right:9px;top:9px;width:30px;height:30px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#153461b3;color:#fff;font:22px/1 sans-serif;cursor:pointer;z-index:4}
#advert .creative-player-message{position:absolute;inset:40% 9px auto;padding:9px;background:#10233bdd;border-radius:7px;color:#fff;font-size:12px;text-align:center;z-index:4}
@media(max-width:1000px){#advert .creative-composition{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:760px){#advert .creative-panel{padding:18px 14px 9px;border-radius:20px}#advert .creative-composition{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:6px}#advert .creative-collage{grid-column:1/-1;justify-self:center;width:min(80%,340px);height:auto;aspect-ratio:1/1.05;margin:2px 0 6px}#advert .creative-card{width:104px}}
@media(max-width:540px){#advert .creative-composition{gap:12px;padding:2px 0 6px}#advert .creative-feature{border-width:4px;border-radius:15px}#advert .creative-feature-badge{font-size:9px;left:6px;top:7px;padding:5px 6px}#advert .creative-feature .creative-duration{font-size:9px;bottom:7px;right:6px}#advert .creative-play{width:41px;height:41px}#advert .creative-play svg{width:18px;height:18px}#advert .creative-collage{width:88%;max-width:300px}#advert .creative-photo{padding:3px;border-radius:8px}#advert .creative-photo .creative-cover>img{border-radius:5px}#advert .creative-mark{display:none}#advert .creative-card{width:96px}#advert .creative-category{font-size:9px;left:8px;top:8px}#advert .creative-track,#advert .creative-group{gap:12px}}
@media(prefers-reduced-motion:reduce){#advert .creative-photo,#advert .creative-card,#advert .creative-preview{transition:none}}
