.home-feature-card.home-reel-card{width:84.375%;aspect-ratio:9/16;justify-self:center;align-self:start;border-radius:24px;overflow:hidden;isolation:isolate;background:#111;transform:translateZ(0)}
.home-reel-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#111}
.home-reel-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;background:linear-gradient(#08080b99,transparent 28%,transparent 72%,#08080bb8)}
.home-reel-heading{padding:clamp(17px,2.4vw,28px);color:#fff;text-shadow:0 2px 12px #000}
.home-reel-heading p{font:500 calc(10px + var(--mdi-text-size-step, 0px))/1.5 Arial,sans-serif;letter-spacing:.14em;margin:0 0 9px}
.home-reel-heading h3{font:400 calc(clamp(23px,2.5vw,34px) + var(--mdi-text-size-step, 0px))/1.08 Georgia,serif;margin:0 0 7px}
.home-reel-heading span{font:500 calc(12px + var(--mdi-text-size-step, 0px))/1.4 Arial,sans-serif}
.home-reel-actions{padding:20px 22px;text-align:center;color:#fff;pointer-events:auto}
.home-reel-actions p{margin:10px 0 0;font:400 calc(12px + var(--mdi-text-size-step, 0px))/1.4 Arial,sans-serif}
.home-reel-watch{border:1px solid #ffffffb3;border-radius:24px;padding:12px 19px;min-height:44px;color:#272024;background:#fff8f1;font:600 calc(13px + var(--mdi-text-size-step, 0px))/1.3 Arial,sans-serif;cursor:pointer}
.home-reel-pause,.home-reel-back{position:absolute;right:14px;z-index:2;border:1px solid #ffffff90;background:#14131bd9;color:#fff;border-radius:22px;min-height:44px;padding:9px 14px;cursor:pointer;font:500 calc(12px + var(--mdi-text-size-step, 0px))/1.3 Arial,sans-serif}
.home-reel-pause{top:14px;width:44px;padding:9px}.home-reel-back{top:14px;max-width:calc(100% - 28px)}
.home-reel-heading{padding-right:66px}
.home-reel-card.is-playing .home-reel-cover{display:none}
.home-reel-status{position:absolute;left:16px;right:16px;top:70px;padding:12px;border-radius:12px;background:#16121de8;color:#fff;font:400 calc(13px + var(--mdi-text-size-step, 0px))/1.5 Arial,sans-serif;z-index:3}
.home-reel-card [hidden]{display:none!important}
.home-reel-card button:focus-visible{outline:3px solid #ff6247;outline-offset:3px}
/* Shared liquid-glass controls force relative positioning; these two controls
   must remain anchored inside the media frame in both teaser and full modes. */
.home-reel-card :is(.home-reel-pause,.home-reel-back){position:absolute!important;left:auto!important;bottom:auto!important}

/* Keep the reel CTA legible over every video frame and in either theme.
   The ID deliberately outranks the shared liquid-glass button background. */
html .home-reel-card #homeReelWatch{color:#fff;background:#352e38!important;text-shadow:none}