/* Photographs fill the frame. Each device has its own complete composition. */
.iv-store .iv-campaign{width:100%;max-width:none;height:42.85vw;min-height:0;max-height:none;margin:0;border-radius:0;aspect-ratio:auto;isolation:isolate;overflow:hidden}
.iv-campaign::after{display:none!important}
.iv-campaign .iv-cinema-images,.iv-campaign .iv-cinema-slide,.iv-campaign-photo{position:absolute;inset:0;width:100%;height:100%}
.iv-campaign .iv-cinema-slide{background:none;pointer-events:none;transition:opacity 1000ms cubic-bezier(.4,0,.2,1)}
.iv-campaign .iv-cinema-slide.is-active{pointer-events:auto}
.iv-carousel-ready .iv-cinema-slide .iv-cinema-copy{opacity:0;transform:translateY(8px);transition:opacity 180ms cubic-bezier(.22,1,.36,1),transform 650ms cubic-bezier(.22,1,.36,1)}
.iv-carousel-ready .iv-cinema-slide.is-active .iv-cinema-copy{opacity:1;transform:translateY(0);transition-delay:230ms;transition-duration:650ms}
.iv-keyboard .iv-campaign .iv-cinema-copy{transition:none!important}
.iv-campaign .iv-cinema-slide img{position:absolute;inset:0;width:100%;max-width:none;height:100%!important;object-fit:cover;object-position:center}
.iv-campaign .iv-cinema-slide::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0005,transparent 65%)}
.iv-campaign .iv-cinema-slide[data-iv-tone=light]::after{background:linear-gradient(90deg,#ffffff20,transparent 55%)}
.iv-campaign .iv-cinema-copy{position:absolute;inset:0 auto 0 max(100px,calc((100vw - 1240px)/2));z-index:2;display:flex;flex-direction:column;align-items:start;justify-content:center;width:min(34vw,440px);max-width:440px;padding:0;pointer-events:none}
.iv-campaign .iv-cinema-copy .iv-kicker{margin-bottom:20px;font-size:10px!important;letter-spacing:1.7px;color:#263f5a}
.iv-store .iv-campaign-title{margin:0 0 25px;padding:0;color:#17212d;font-family:'Barlow Condensed',Arial,sans-serif!important;font-weight:700;letter-spacing:-.02em;line-height:1.06;text-wrap:initial}
.iv-campaign-title>span{display:block;font-size:clamp(32px,3.6vw,52px)}
.iv-campaign-title>strong{display:block;margin:3px 0;font-family:inherit;font-size:clamp(62px,7vw,96px);font-weight:700;line-height:.98;color:var(--iv-blue-dark);text-transform:uppercase;letter-spacing:-.02em}
.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){max-width:345px;margin:0 0 24px;font-size:17px;line-height:1.6;color:#20374e;text-wrap:pretty}
.iv-campaign .iv-cinema-copy .iv-button{gap:18px;min-height:51px;padding:9px 10px 9px 23px;border-radius:99px;font-size:15px}
.iv-campaign .iv-cinema-copy .iv-button>.iv-icon{width:31px;height:31px;padding:7px;border-radius:50%;background:#1b222c;color:#fff}
.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-secondary{margin-top:18px;color:#20374e;font-size:13px}
.iv-store .iv-campaign .iv-cinema-slide[data-iv-tone=dark] .iv-campaign-title,.iv-store .iv-campaign .iv-cinema-slide[data-iv-tone=dark] .iv-campaign-title>span{color:#fff}
.iv-store .iv-campaign .iv-cinema-slide[data-iv-tone=dark] .iv-campaign-title>strong{color:var(--iv-yellow)}
.iv-store .iv-campaign .iv-cinema-slide[data-iv-tone=dark] .iv-cinema-copy>p,.iv-store .iv-campaign .iv-cinema-slide[data-iv-tone=dark] .iv-cinema-secondary{color:#eff5fc}
.iv-hero-rail{position:absolute;left:18px;top:50%;z-index:4;display:grid;gap:7px;padding:8px 5px;border-radius:99px;background:#ffffffc9;transform:translateY(-50%)}
.iv-hero-rail a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#23384e;transition:background-color 180ms var(--iv-ease)}
.iv-hero-rail a:hover{background:#fff;color:var(--iv-blue)}
.iv-hero-rail .iv-icon{width:19px;height:19px}
.iv-campaign .iv-cinema-bottom{left:auto;right:max(30px,calc((100vw - 1240px)/2));bottom:22px;padding:0;border:0}
.iv-store .iv-benefits{margin-top:28px}
.iv-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 15px;border-radius:16px;background:#151b27;color:#fff;overflow:hidden}
.iv-benefits-grid>a{display:block;min-width:0;padding:7px 25px}
.iv-benefits-grid>a:not(:last-child){box-shadow:1px 0 0 #ffffff26}
.iv-benefits-grid>a>.iv-icon{width:27px;height:27px;color:var(--iv-yellow);margin-bottom:17px}
.iv-store .iv-benefits h2{font-family:Barlow,Arial,sans-serif!important;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:0;max-width:210px;margin:0 0 12px}
.iv-benefits p{font-size:14px;line-height:1.65;max-width:210px;color:#c5cedc}
.iv-benefits a:focus-visible{outline-color:var(--iv-yellow)}
@media(min-width:1800px){.iv-campaign .iv-cinema-copy{width:430px}.iv-store .iv-campaign-title{margin-bottom:30px}.iv-campaign .iv-cinema-copy .iv-kicker{margin-bottom:26px}}
@media(max-width:1200px){.iv-campaign .iv-cinema-copy{left:95px;width:34vw}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:8px!important;letter-spacing:1px;margin-bottom:13px}.iv-campaign-title>span{font-size:36px}.iv-campaign-title>strong{font-size:76px}.iv-store .iv-campaign-title{margin-bottom:18px}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){font-size:15px;margin-bottom:18px;max-width:290px}.iv-campaign .iv-cinema-copy .iv-button{font-size:14px;min-height:46px}.iv-campaign .iv-cinema-copy .iv-button>.iv-icon{width:28px;height:28px;padding:6px}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-secondary{display:none}.iv-benefits-grid>a{padding-inline:20px}}
@media(min-width:801px) and (max-width:1000px){.iv-campaign .iv-cinema-copy{left:78px;width:35vw}.iv-hero-rail{left:10px;padding:5px 2px;gap:3px}.iv-hero-rail a{width:40px;height:40px}.iv-campaign-title>span{font-size:28px}.iv-campaign-title>strong{font-size:60px}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:7px!important}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){font-size:14px;line-height:1.5;max-width:265px}.iv-store .iv-campaign-title{margin-bottom:13px}.iv-campaign .iv-cinema-copy .iv-button{min-height:44px;padding-left:17px;font-size:13px}}
@media(max-width:800px){.iv-store .iv-campaign{height:177.685vw;min-height:0;max-height:none;margin:0}.iv-campaign .iv-cinema-slide img{inset:0;width:100%;height:100%!important;object-fit:cover;object-position:center}.iv-campaign .iv-cinema-slide::after,.iv-campaign .iv-cinema-slide[data-iv-tone=light]::after{background:linear-gradient(0deg,#03101b8c,transparent 55%)}.iv-campaign .iv-cinema-copy{inset:auto 35px 85px;display:flex;justify-content:start;width:auto;max-width:480px;padding:0}.iv-store .iv-campaign .iv-cinema-slide .iv-campaign-title,.iv-store .iv-campaign .iv-cinema-slide .iv-campaign-title>span{color:#fff}.iv-store .iv-campaign .iv-cinema-slide .iv-campaign-title>strong{color:var(--iv-yellow)}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p,.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-secondary{color:#fff}.iv-campaign-title>span{font-size:40px}.iv-campaign-title>strong{font-size:82px}.iv-campaign-title>span:last-child{display:none}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:9px!important;letter-spacing:1.1px;margin-bottom:14px}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){font-size:17px;max-width:430px;margin-bottom:23px;color:#fff}.iv-campaign .iv-cinema-copy .iv-button{font-size:15px;min-height:49px;padding-left:22px}.iv-hero-rail{display:none}.iv-campaign .iv-cinema-bottom{right:25px;bottom:20px}.iv-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 0;padding:28px 10px}.iv-benefits-grid>a:nth-child(2){box-shadow:none}.iv-benefits-grid>a{padding-inline:22px}.iv-store .iv-benefits h2{max-width:none}.iv-benefits p{max-width:280px}}
@media(max-width:600px){.iv-campaign .iv-cinema-copy{inset:auto 24px 65px;max-width:340px}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:8px!important;letter-spacing:.7px;margin-bottom:11px}.iv-store .iv-campaign-title{margin-bottom:15px}.iv-campaign-title>span{font-size:30px}.iv-campaign-title>strong{font-size:62px;margin-block:1px}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){font-size:14px;line-height:1.5;max-width:320px;margin-bottom:17px}.iv-campaign .iv-cinema-copy .iv-button{min-height:45px;font-size:14px;padding:6px 8px 6px 20px;gap:13px}.iv-campaign .iv-cinema-copy .iv-button>.iv-icon{width:28px;height:28px;padding:6px}.iv-campaign .iv-cinema-bottom{right:16px;bottom:10px}.iv-store .iv-benefits{margin-top:19px}.iv-benefits-grid{padding:25px 5px;gap:25px 0;border-radius:13px}.iv-benefits-grid>a{padding-inline:17px}.iv-benefits-grid>a>.iv-icon{width:24px;height:24px;margin-bottom:13px}.iv-store .iv-benefits h2{font-size:15px;line-height:1.35;margin-bottom:8px}.iv-benefits p{font-size:13px;line-height:1.55}}
@media(max-width:370px){.iv-campaign .iv-cinema-copy{left:21px;right:21px;bottom:59px}.iv-campaign-title>span{font-size:27px}.iv-campaign-title>strong{font-size:56px}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:7px!important}.iv-store .iv-campaign-title{margin-bottom:12px}.iv-store .iv-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){font-size:14px;max-width:305px;margin-bottom:14px}.iv-campaign .iv-cinema-copy .iv-button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.iv-campaign .iv-cinema-slide{transition:none!important}}
@media(max-width:800px){.iv-store .iv-campaign .iv-cinema-controls button{color:#fff!important}.iv-store .iv-campaign .iv-cinema-controls .iv-cinema-next{border-color:#ffffff8c!important}.iv-store .iv-campaign .iv-cinema-dots button span{background:#ffffff80}.iv-store .iv-campaign .iv-cinema-dots button[aria-pressed=true] span{background:var(--iv-yellow)}.iv-campaign .iv-cinema-copy .iv-kicker{font-size:9px!important;letter-spacing:.6px}}
/* Real product photographs stay separate from AI-generated empty backdrops. */
.iv-real-campaign .iv-cinema-slide::after{display:none}
.iv-real-campaign .iv-campaign-product{position:absolute;inset:10% 4% 12% 49%;z-index:1;display:grid;place-items:center;mix-blend-mode:multiply;pointer-events:none}
.iv-store .iv-real-campaign .iv-campaign-product img{position:relative;inset:auto;display:block;width:100%;max-width:900px;height:100%!important;object-fit:contain;object-position:center;transform:none!important;animation:none!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.iv-real-campaign .iv-campaign-product-sound{inset:12% 9% 15% 55%}
.iv-store .iv-real-campaign .iv-campaign-product-sound img{max-width:480px}
.iv-real-campaign .iv-campaign-product-fragrance{inset:0 7% 0 48%}
.iv-store .iv-real-campaign .iv-campaign-product-fragrance img{max-width:720px}
.iv-world-real{mix-blend-mode:multiply}
.iv-store .iv-world-real img{filter:none;transform:none;object-fit:contain}
.iv-store .iv-world-connect .iv-world-real img{width:100%;max-width:100%;height:100%!important}
.iv-store .iv-world-listen .iv-world-real img{width:80%;max-width:80%;height:80%!important}
.iv-store .iv-world-express .iv-world-real img{width:100%;max-width:100%;height:125%!important;inset:-12.5% 0}
.iv-store .iv-editorial-real{color:#172c43}
.iv-editorial-real::after{display:none!important}
.iv-store .iv-editorial-real>img.iv-editorial-product{position:absolute;inset:8% 1% 8% auto;width:47%;height:84%!important;object-fit:contain;mix-blend-mode:multiply;transform:none!important;z-index:1}
.iv-store .iv-editorial-fragrance>img.iv-editorial-product{inset:-12% 0;width:53%;height:124%!important;left:auto}
.iv-store .iv-editorial-real>div{z-index:2;max-width:55%}
.iv-store .iv-editorial-real .iv-kicker{color:#29465f}
.iv-store .iv-editorial-real h2{color:#172c43}
.iv-store .iv-editorial-real>div>span{color:#172c43}
@media(max-width:800px){
 .iv-real-campaign .iv-campaign-product{inset:5% 5% auto;height:43%;width:90%;mix-blend-mode:multiply}
 .iv-real-campaign .iv-campaign-product-sound{inset:5% 12% auto;width:76%;height:39%}
 .iv-real-campaign .iv-campaign-product-fragrance{inset:-6% 5% auto;width:90%;height:60%}
 .iv-store .iv-real-campaign .iv-cinema-copy .iv-campaign-title,.iv-store .iv-real-campaign .iv-cinema-copy .iv-campaign-title>span{color:#172c43}
 .iv-store .iv-real-campaign .iv-cinema-copy .iv-campaign-title>strong{color:var(--iv-blue-dark)}
 .iv-store .iv-real-campaign .iv-cinema-slide .iv-cinema-copy>p,.iv-store .iv-real-campaign .iv-cinema-slide .iv-cinema-secondary{color:#172c43}
 .iv-store .iv-real-campaign .iv-cinema-controls button{color:#172c43!important}
 .iv-store .iv-real-campaign .iv-cinema-controls .iv-cinema-next{border-color:#172c4380!important}
 .iv-store .iv-real-campaign .iv-cinema-dots button span{background:#172c4370}
 .iv-store .iv-real-campaign .iv-cinema-dots button[aria-pressed=true] span{background:var(--iv-blue)}
 .iv-real-campaign .iv-cinema-copy{bottom:85px}
}
@media(max-width:600px){.iv-real-campaign .iv-cinema-copy{bottom:65px}.iv-real-campaign .iv-campaign-title>strong{font-size:60px}.iv-store .iv-editorial-real>div{max-width:65%}.iv-store .iv-editorial-real h2{font-size:36px}}
@media(max-width:370px){.iv-real-campaign .iv-campaign-title>strong{font-size:54px}}

/* Preserve source colors: source-traced UI masks remove only the empty margin. */
.iv-real-campaign .iv-campaign-product{display:block;mix-blend-mode:normal}
.iv-store .iv-real-campaign .iv-campaign-product img{position:absolute;inset:0;margin:auto;min-width:0;min-height:0;height:100%!important}
.iv-world-real,.iv-store .iv-editorial-real>img.iv-editorial-product{mix-blend-mode:normal}
.iv-store img[src*="/real-macbook-air-m4."]{mask-image:url(cinematic/mask-macbook-air-m4.svg)!important;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-composite:add}
.iv-store img[src*="/real-lattafa-asad."]{mask-image:url(cinematic/mask-lattafa-asad.svg)!important;mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-composite:add}
.iv-store img[src*="/real-airpods-pro-2."]{mask-image:none!important}
@media(max-width:800px){.iv-store .iv-real-campaign .iv-cinema-slide .iv-cinema-copy>p:not(.iv-kicker){color:#172c43}.iv-real-campaign .iv-campaign-product{mix-blend-mode:normal}}
