/* Live text banner linking to the introduction video used on the official P-UP site. */
.brand-video-wrap{padding:24px 7% 32px;background:#fff}
.brand-video{display:grid;grid-template-columns:160px minmax(0,1fr) 64px;align-items:center;gap:30px;position:relative;isolation:isolate;overflow:hidden;padding:29px 34px;background:#a91e30;color:#fff;border-radius:16px;min-height:166px}
.brand-video:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-210px;top:-225px;border:58px solid #ffffff0d;border-radius:50%;pointer-events:none}
.brand-video-mark{display:flex;align-items:baseline;justify-content:center;border-right:1px solid #ffffff59;padding-right:29px;white-space:nowrap}
.brand-video-mark strong{font:900 91px/.95 Arial,sans-serif;letter-spacing:-.08em}
.brand-video-mark>span{font:700 17px/1.2 Arial,sans-serif;letter-spacing:.06em;margin-left:10px}
.brand-video-copy small{display:block;font-size:9px;letter-spacing:.15em;line-height:1.7;color:#ffdbd7;font-weight:700}
.brand-video-copy strong{display:block;font-size:clamp(22px,2.8vw,36px);font-weight:800;line-height:1.6;letter-spacing:-.025em;margin:6px 0}
.brand-video-copy>span{font-size:11px;line-height:1.8;color:#ffe6e2}
.brand-video-play{display:flex;align-items:center;justify-content:center;width:61px;height:61px;border:1px solid #ffffffa8;border-radius:50%;background:#fff;color:#a91e30;transition:transform .25s,background-color .25s}
.brand-video-play svg{width:22px;height:22px;margin-left:4px;fill:currentColor}
.brand-video:hover .brand-video-play,.brand-video:focus-visible .brand-video-play{transform:scale(1.08);background:#fff0d8}
.brand-video:focus-visible{outline:3px solid #2568a5;outline-offset:5px}
@media(max-width:750px){.brand-video{grid-template-columns:95px minmax(0,1fr) 43px;gap:18px;padding:23px;min-height:150px}.brand-video-mark{padding-right:18px}.brand-video-mark strong{font-size:65px}.brand-video-mark>span{font-size:12px;margin-left:6px}.brand-video-copy strong{font-size:22px}.brand-video-copy small{font-size:8px}.brand-video-copy>span{font-size:10px}.brand-video-play{width:43px;height:43px}.brand-video-play svg{width:17px;height:17px}}
@media(max-width:540px){.brand-video-wrap{padding:20px 6% 27px}.brand-video{grid-template-columns:67px minmax(0,1fr);gap:17px;padding:24px 18px;min-height:175px}.brand-video-mark{flex-direction:column;align-items:center;padding-right:16px;gap:6px}.brand-video-mark strong{font-size:62px}.brand-video-mark>span{font-size:11px;margin:0;letter-spacing:.13em}.brand-video-copy{padding-bottom:29px}.brand-video-copy strong{font-size:clamp(16px,4.8vw,23px);line-height:1.65;margin:7px 0}.brand-video-copy>span{font-size:9px}.brand-video-copy small{font-size:7px;letter-spacing:.08em}.brand-video-play{position:absolute;bottom:17px;right:18px;width:33px;height:33px}.brand-video-play svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.brand-video-play{transition:none}.brand-video:hover .brand-video-play{transform:none}}

/* Two independent video entrances in one compact section. */
.brand-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.brand-video-grid .brand-video{grid-template-columns:84px minmax(0,1fr) 42px;gap:17px;padding:25px 22px;min-height:170px}
.brand-video-grid .brand-video-mark{padding-right:15px}
.brand-video-grid .brand-video-mark strong{font-size:66px}
.brand-video-grid .brand-video-mark>span{font-size:11px;margin-left:6px}
.brand-video-grid .brand-video-copy strong{font-size:clamp(20px,1.8vw,27px)}
.brand-video-grid .brand-video-copy small{font-size:7px;letter-spacing:.08em}
.brand-video-grid .brand-video-play{width:42px;height:42px}
.brand-video-grid .brand-video-play svg{width:17px;height:17px}
.brand-video-concept{background:#203c48}
.brand-video-concept .brand-video-copy small,.brand-video-concept .brand-video-copy>span{color:#e0edf0}
.brand-video-concept .brand-video-play{color:#203c48}
.brand-video-grid .concept-mark{flex-direction:column;align-items:center;gap:8px}
.concept-mark>svg{width:58px;height:58px}
.brand-video-grid .concept-mark>span{font-size:8px;margin:0;letter-spacing:.09em}
@media(max-width:1000px){.brand-video-grid{grid-template-columns:1fr;gap:14px}.brand-video-grid .brand-video{grid-template-columns:94px minmax(0,1fr) 45px;min-height:145px;padding:24px}.brand-video-grid .brand-video-copy strong{font-size:26px}}
@media(max-width:540px){.brand-video-grid .brand-video{grid-template-columns:62px minmax(0,1fr);gap:16px;padding:22px 17px;min-height:165px}.brand-video-grid .brand-video-copy strong{font-size:clamp(16px,4.8vw,23px)}.brand-video-grid .brand-video-mark strong{font-size:59px}.brand-video-grid .brand-video-mark>span{margin:0}.brand-video-grid .brand-video-play{width:32px;height:32px}.brand-video-grid .brand-video-play svg{width:14px;height:14px}.concept-mark>svg{width:44px;height:44px}.brand-video-grid .concept-mark>span{font-size:7px}}

/* Third official movie: keep readable cards and a short section. */
.brand-video-benefits{background:#356450}
.brand-video-benefits .brand-video-copy small,.brand-video-benefits .brand-video-copy>span{color:#e4f0e9}
.brand-video-benefits .brand-video-play{color:#356450}
@media(min-width:1001px){.brand-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-video-grid .brand-video{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:22px 18px;min-height:200px}.brand-video-grid .brand-video-mark{padding-right:12px}.brand-video-grid .brand-video-mark strong{font-size:51px}.brand-video-grid .brand-video-mark>span{font-size:8px;margin-left:3px}.brand-video-grid .brand-video-copy{padding-bottom:28px}.brand-video-grid .brand-video-copy strong{font-size:clamp(17px,1.5vw,24px)}.brand-video-grid .brand-video-play{position:absolute;bottom:16px;right:18px;width:32px;height:32px}.brand-video-grid .concept-mark>svg{width:40px;height:40px}.brand-video-grid .concept-mark>span{font-size:7px;margin:0}}