.brand-cinema{margin-top:30px;position:relative;isolation:isolate;border:1px solid #ffffff22;border-radius:16px;overflow:hidden;background:#101014;box-shadow:0 30px 90px #0006}.cinema-image{overflow:hidden;background:#050507}.cinema-image img{display:block;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.brand-cinema:hover img{transform:scale(1.025)}.cinema-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffffff0a 48%,transparent 56%);transform:translateX(-100%);animation:cinema-glint 13s ease-in-out infinite}.cinema-caption{position:relative;display:flex;justify-content:space-between;gap:18px;padding:17px 24px;border-top:1px solid #ffffff12;color:#a9a6af;font-size:12px;letter-spacing:1.5px}.cinema-caption a{color:#eee;letter-spacing:0;font-size:14px}.immersion{position:relative;padding-top:100px;scroll-margin-top:40px}.immersion:before{content:'';position:absolute;inset:10% -5% 0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#bc132215,transparent 65%);pointer-events:none}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.media-card{border:1px solid #ffffff21;border-radius:16px;background:linear-gradient(160deg,#17171c,#0e0e11);overflow:hidden;min-width:0;position:relative;box-shadow:0 20px 65px #0004;transition:border-color .3s,box-shadow .3s}.media-card:hover{border-color:#ff243c65;box-shadow:0 25px 60px #0008}.media-card:nth-child(2){transition-delay:80ms}.media-card:nth-child(3){transition-delay:160ms}.media-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px;color:#b9b6c0;font:12px/1.4 ui-monospace,monospace;letter-spacing:.5px;border-bottom:1px solid #ffffff12}.media-kicker span:last-child{color:#ff7688}.video-shell{height:460px;background:#050506;position:relative}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.capture-button{display:block;width:100%;height:460px;position:relative;border:0;padding:12px;background:#09090c;overflow:hidden;cursor:zoom-in}.capture-button img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .65s}.capture-button:hover img{transform:scale(1.018)}.zoom-label{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;white-space:nowrap;border:1px solid #ffffff30;background:#15151cea;backdrop-filter:blur(12px);padding:9px 14px;border-radius:30px;color:white;font-size:13px;box-shadow:0 8px 25px #0008;opacity:0;transition:opacity .3s}.capture-button:hover .zoom-label,.capture-button:focus-visible .zoom-label{opacity:1}.media-bottom{padding:22px}.media-bottom h3{font-size:20px;line-height:1.3;letter-spacing:-.6px;margin:0 0 8px}.media-bottom p{font-size:14px;color:#a6a5ad;margin:0}.media-context{font-size:13px;color:#92909b;max-width:780px;margin:22px 0 0;line-height:1.7}.capture-dialog{padding:0;border:1px solid #ffffff25;border-radius:16px;background:#111115;color:#f4f4f5;max-width:min(94vw,860px);width:fit-content;max-height:92svh;overflow:auto;box-shadow:0 25px 100px #000c}.capture-dialog::backdrop{background:#030306ed;backdrop-filter:blur(9px)}.dialog-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#131318f5;backdrop-filter:blur(12px);padding:15px 20px;border-bottom:1px solid #ffffff20}.dialog-bar h2{font-size:16px;margin:0;letter-spacing:0}.dialog-close{border:1px solid #ffffff30;color:white;background:#ffffff08;border-radius:7px;padding:9px 13px;font-size:14px;min-height:44px}.dialog-close span{font-size:19px;margin-left:10px}.capture-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(86svh - 100px);object-fit:contain;margin:auto}.capture-caption{padding:0 20px;font-size:13px;color:#aaa7b2}.motion-toggle{font-size:13px;color:#b7b2bf;border:0;border-bottom:1px solid #ffffff20;padding:5px 0;margin-top:8px;background:transparent}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-visual,.motion-paused .offer:hover{transform:none!important}.motion-paused .hero-copy>*{animation:none!important;filter:none!important;opacity:1!important}.motion-paused .phone-window{animation:none!important;opacity:1!important}.capture-dialog[open]{animation:dialog-in .25s ease-out}.video-card.is-playing{border-color:#ff243c88;box-shadow:0 0 40px #ff243c15}.video-card.is-playing .media-kicker{color:white}
@keyframes cinema-glint{0%,65%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.video-card .media-kicker{grid-column:1/-1}.video-card .video-shell{height:460px}.video-card .media-bottom{padding:30px}.video-card .media-bottom h3{font-size:32px}.zoom-label{opacity:1}.capture-button{height:400px}.media-kicker{font-size:12px;letter-spacing:0;padding:14px}.media-context{font-size:13px}.brand-cinema{margin-top:45px}}
@media(max-width:620px){.brand-cinema{width:94%;border-radius:10px;margin-top:28px}.cinema-caption{padding:12px;font-size:12px;letter-spacing:.5px}.cinema-caption a{font-size:12px}.immersion{padding-top:60px}.media-grid{grid-template-columns:1fr;gap:20px}.video-card{display:block;grid-column:auto}.video-card .video-shell{height:460px}.video-card .media-bottom{padding:20px}.video-card .media-bottom h3{font-size:22px}.capture-button{height:430px;padding:10px}.media-bottom{padding:20px}.media-card:nth-child(n){transition-delay:0ms}.media-kicker{padding:16px}.zoom-label{font-size:13px;padding:9px 14px}.dialog-bar{padding:12px}.dialog-bar h2{font-size:14px}.capture-dialog{max-width:96vw;border-radius:12px}.capture-full{max-height:calc(82svh - 100px)}.media-context{font-size:12px}.motion-toggle{font-size:13px}.brand-cinema:hover img,.capture-button:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-cinema *,.brand-cinema *:after,.media-card *,.capture-dialog[open]{animation:none!important;transition:none!important}.brand-cinema:hover img,.capture-button:hover img{transform:none}}