/* Selected films: a restrained, interactive fan above the complete brand library. */
.home-page .highlight-reel{padding:42px 0 38px;border-top:1px solid #d9dde1;margin:0;isolation:isolate}
.highlight-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:0 0 20px}
.highlight-heading .lbl{font-size:9px;letter-spacing:1.8px;color:#777d83;margin:0 0 13px}
.highlight-heading h2{font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:0}
.highlight-heading h2>span{color:#95999e}.highlight-heading>p{font-size:12px;line-height:1.8;margin:0;color:#31363a}.highlight-heading>p>span{color:#8a8f95;font-size:10px}
.highlight-stage{height:470px;position:relative;overflow:hidden;perspective:1400px;touch-action:pan-y;outline:none;border-radius:28px;background:radial-gradient(ellipse at 50% 100%,#e4e6e8 0%,#f0f1f2 40%,#f5f6f7 72%)}
.highlight-stage:focus-visible{box-shadow:0 0 0 2px #202426}.highlight-cards{position:absolute;inset:0;transform-style:flat;perspective:none}
.highlight-orbit{position:absolute;width:590px;height:590px;left:50%;top:235px;transform:translateX(-50%);border-radius:50%;border:1px solid #d4d7da;box-shadow:0 0 0 25px #eff0f166,0 0 0 26px #dce0e366;pointer-events:none}
.highlight-orbit:after{content:'';position:absolute;inset:42px;border-radius:50%;border:1px dashed #d5d8db}.highlight-orbit>span{position:absolute;top:65px;left:0;right:0;text-align:center;letter-spacing:4px;color:#a1a6ac;font-size:9px}
.highlight-card{position:absolute;left:50%;top:75px;width:290px;max-width:none;padding:0;margin:0;border:1px solid #ffffffbc;border-radius:19px;background:#fff;color:#202426;box-shadow:0 9px 18px #17212c13,0 27px 55px #17212c12;overflow:hidden;cursor:pointer;transform-origin:50% 100%;backface-visibility:hidden;will-change:transform;transition:box-shadow .2s;text-align:left;font:inherit}
.highlight-card.is-portrait{width:165px;top:37px}.highlight-card:focus-visible{outline:3px solid #222;outline-offset:4px}.highlight-card.is-selected{box-shadow:0 13px 28px #17212c20,0 35px 65px #17212c19}
.highlight-visual{display:block;aspect-ratio:16/9;position:relative;overflow:hidden;background:#202426}.is-portrait .highlight-visual{aspect-ratio:9/16}
.highlight-visual>img{width:100%;height:100%;object-fit:contain;display:block}.highlight-image-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff;font-size:25px}.is-unavailable .highlight-image-fallback{display:flex}
.highlight-card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:44px;height:44px;border:1px solid #ffffffb3;border-radius:50%;display:grid;place-items:center;color:white;background:#0003;backdrop-filter:blur(7px);font-size:13px;padding-left:2px;opacity:0;transition:opacity .2s,transform .2s}.is-selected .highlight-card-play,.highlight-card:hover .highlight-card-play,.highlight-card:focus-visible .highlight-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.highlight-card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#fff}.highlight-card-label strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.highlight-card-label>span{font-size:9px;color:#91969c}
.highlight-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px 0;min-height:85px}.highlight-category{font-size:9px;color:#92979c;letter-spacing:1.25px;margin:0 0 7px}.highlight-title{font-size:20px;font-weight:500;letter-spacing:-.4px;line-height:1.3;margin:0}.highlight-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.highlight-controls button{font:inherit;font-size:17px;border:1px solid #d9dde1;background:transparent;color:#262b30;border-radius:50%;height:40px;width:40px;cursor:pointer}.highlight-controls button:hover{background:#fff}.highlight-controls button:focus-visible{outline:2px solid #333;outline-offset:3px}.highlight-controls button:disabled{opacity:.3;cursor:default}.highlight-position{font-size:10px;color:#7e858c;font-variant-numeric:tabular-nums;padding:0 5px}.highlight-controls .highlight-play{border-radius:50px;background:#222;color:#fff;width:auto;padding:0 20px;font-size:11px;display:flex;gap:9px;align-items:center;margin-left:8px}.highlight-controls .highlight-play:hover{background:#3c4146}.highlight-play>span{font-size:10px}
@media(max-width:720px){.home-page .highlight-reel{padding-top:30px}.highlight-heading{align-items:flex-start;flex-direction:column;gap:13px}.highlight-heading h2{font-size:36px;letter-spacing:-1.4px}.highlight-heading>p{font-size:11px}.highlight-heading>p br{display:none}.highlight-heading>p>span{display:block}.highlight-stage{height:410px;border-radius:22px}.highlight-card{width:225px;top:81px;border-radius:16px}.highlight-card.is-portrait{width:138px;top:35px}.highlight-orbit{width:440px;height:440px;top:235px}.highlight-orbit>span{font-size:8px;letter-spacing:2px}.highlight-card-label{padding:11px 12px}.highlight-card-label strong{font-size:10px}.highlight-footer{align-items:flex-start;flex-direction:column;gap:20px}.highlight-title{font-size:18px}.highlight-controls{width:100%;justify-content:center}.highlight-controls .highlight-play{margin-left:auto}.highlight-category{font-size:8px}}
@media(prefers-reduced-motion:reduce){.highlight-stage{height:auto;padding:18px 0;background:transparent;overflow:visible}.highlight-orbit{display:none}.highlight-cards{position:relative;display:flex;gap:16px;overflow-x:auto;padding:6px 5px 20px;scroll-snap-type:x mandatory;perspective:none}.highlight-card,.highlight-card.is-portrait{position:relative;top:auto;left:auto;flex:0 0 260px;width:260px;transform:none!important;opacity:1!important;visibility:visible!important;scroll-snap-align:center;transition:none;will-change:auto;box-shadow:0 4px 10px #17212c13}.highlight-card.is-portrait{flex-basis:148px;width:148px}.highlight-card-play{transition:none}.highlight-cards{align-items:center}}
/* Uniform, image-only 9:16 cards. Playback keeps the original video ratio. */
.highlight-stage{height:540px}
.highlight-card,.highlight-card.is-portrait{top:72px;width:170px;aspect-ratio:9/16;border:0;border-radius:20px;transform-origin:50% 50%}
.highlight-visual,.is-portrait .highlight-visual{width:100%;height:100%;aspect-ratio:9/16}
.highlight-visual>img{object-fit:cover}
.highlight-source-frame{display:block;position:absolute;height:100%;width:316.049383%;left:-108.024691%;top:0;overflow:hidden}
.highlight-source-frame>img{position:absolute;width:var(--crop-width);height:var(--crop-height);left:var(--crop-left);top:var(--crop-top);object-fit:fill;max-width:none}
.highlight-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.highlight-footer{justify-content:center;min-height:65px;padding-top:16px}.highlight-orbit{top:280px}.highlight-orbit>span{display:none}
@media(max-width:720px){.highlight-stage{height:445px}.highlight-card,.highlight-card.is-portrait{top:40px;width:125px;border-radius:16px}.highlight-footer{align-items:center;gap:0}.highlight-controls{width:auto}.highlight-controls .highlight-play{margin-left:12px}.highlight-orbit{top:245px}}
@media(prefers-reduced-motion:reduce){.highlight-stage{height:auto}.highlight-card,.highlight-card.is-portrait{top:auto;flex:0 0 170px;width:170px;aspect-ratio:9/16}}
/* Independent translate lifts the card without fighting its rotating transform. */
.highlight-card{translate:0 0;transition:translate .24s cubic-bezier(.2,.75,.3,1),box-shadow .24s}
@media(hover:hover){.highlight-card:hover{translate:0 -52px;z-index:200!important;box-shadow:0 20px 34px #17212c2b,0 40px 65px #17212c20}}
.highlight-card:focus-visible{translate:0 -52px;z-index:200!important;box-shadow:0 20px 34px #17212c2b,0 40px 65px #17212c20}
@media(prefers-reduced-motion:reduce){.highlight-card{transition:none}}

/* Every exposed card is a direct hit target, with a stable hover area below its lift. */
.highlight-cards{pointer-events:none}.highlight-card{pointer-events:auto;overflow:visible}.highlight-visual{border-radius:inherit;pointer-events:none}.highlight-card:hover:after,.highlight-card:focus-visible:after{content:'';position:absolute;left:0;right:0;top:100%;height:54px;background:transparent}
