.brand-kit .highlight-box{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0;width:100%;padding:0;border-radius:var(--radius);background-color:var(--color-brand-accent-blue-2)}.brand-kit .highlight-box--with-media{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:0}.brand-kit .highlight-box__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--section-gap-sm);min-width:0;height:100%;padding:var(--section-padding-md)}.brand-kit .highlight-box__text{display:flex;flex-direction:column;gap:var(--section-gap-sm);width:100%}.brand-kit .highlight-box__heading,.brand-kit .highlight-box__description{margin:0}.brand-kit .highlight-box__heading{color:var(--color-brand-dark)}.brand-kit .highlight-box__description{font-family:var(--font-brand-text);font-size:var(--type-body-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-weight);color:var(--color-brand-dark)}.brand-kit .highlight-box__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.brand-kit .highlight-box__media{display:flex;align-items:stretch;margin:0;width:100%;height:100%;min-width:0;min-height:0;padding:var(--section-padding-sm);box-sizing:border-box}.brand-kit .highlight-box__video-trigger{position:relative;display:block;flex:1 1 auto;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:var(--radius-inner);overflow:hidden;background:var(--color-brand-dark);cursor:pointer;aspect-ratio:16 / 9;text-align:left}.brand-kit .highlight-box__video-trigger:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:3px}.brand-kit .highlight-box__video-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand-kit .highlight-box__video-poster--empty{background:var(--color-brand-dark)}.brand-kit .highlight-box__video-play-wrap{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .26s cubic-bezier(.2,1.2,.32,1)}.brand-kit .highlight-box__video-trigger:hover .highlight-box__video-play-wrap,.brand-kit .highlight-box__video-trigger:focus-visible .highlight-box__video-play-wrap{transform:translate(-50%,calc(-50% - 2px))}.brand-kit .highlight-box__video-play{--icon-control-size: 4rem;--icon-control-icon-size: 2rem;background-color:#ffffffb8;box-shadow:0 8px 24px #00000047}.brand-kit .highlight-box__video-trigger:hover .highlight-box__video-play,.brand-kit .highlight-box__video-trigger:focus-visible .highlight-box__video-play{background-color:#ffffffe0}.brand-kit .highlight-box__video-play .ui-icon{translate:-.03em 0}.brand-kit .modal.modal--video{--modal-close-size: 2.25rem;--modal-video-close-gap: .75rem;padding-block-start:calc(clamp(1.25rem,4vw,2.5rem) + var(--modal-close-size) + var(--modal-video-close-gap))}@media screen and (max-width:1024px){.brand-kit .highlight-box--with-media{grid-template-columns:minmax(0,1fr);align-items:start}}@media screen and (max-width:768px){.brand-kit .highlight-box__video-play{--icon-control-size: 3.5rem;--icon-control-icon-size: 1.75rem}.brand-kit .modal.modal--video{padding-block-start:calc(max(1rem,env(safe-area-inset-top,0px)) + var(--modal-close-size) + var(--modal-video-close-gap))}}.brand-kit .modal--video .modal__dialog{--modal-padding: 0;max-width:min(64rem,100%);max-height:none;overflow:visible;background:transparent}.brand-kit .modal--video .modal__body{overflow:visible}.brand-kit .modal--video .modal__dialog>.icon-control.modal__close{inset-block-start:calc(-1 * (var(--modal-close-size) + var(--modal-video-close-gap)));inset-inline-end:0;background-color:#ffffffeb;color:var(--color-brand-dark)}.brand-kit .modal--video .modal__dialog>.icon-control.modal__close:hover,.brand-kit .modal--video .modal__dialog>.icon-control.modal__close:focus-visible{background-color:var(--color-brand-white)}.brand-kit .highlight-box__video-modal-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:#000}.brand-kit .highlight-box__video-modal-player{position:absolute;inset:0;width:100%;height:100%;border:0}.brand-kit video.highlight-box__video-modal-player{object-fit:contain;background:#000}
