.showroom{position:relative;isolation:isolate;padding:32px 32px 24px;min-height:100svh;background:radial-gradient(ellipse at 70% 5%,#6489ed 0%,#325bcd 38%,#163169 76%,#0b0d10 100%);transition:background-color 600ms}.showcase-shell{position:relative;max-width:1580px;height:calc(100svh - 110px);min-height:720px;max-height:1000px;margin:0 auto;border-radius:32px;background:#14171c;overflow:hidden;isolation:isolate;box-shadow:0 32px 70px rgba(0,7,25,.4)}.showcase-header{position:absolute;z-index:10;top:25px;left:36px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.showcase-header .brand img{width:100px;height:50px}.product-pills{display:flex;align-items:center;gap:3px;background:#292e37;padding:6px;border-radius:40px;position:absolute;left:50%;transform:translateX(-50%);min-width:310px;justify-content:center}.product-pills button{padding:9px 19px;border-radius:30px;font-size:12px;color:#bbc4d2;background:transparent;line-height:1.5;min-height:38px;white-space:nowrap;transition:background-color 180ms,color 180ms}.product-pills button[aria-selected=true]{background:#f4f6fa;color:#181c23}.product-pills button:hover{color:#fff;background:#414957}.product-pills button[aria-selected=true]:hover{color:#181c23;background:#fff}.showcase-actions{display:flex;gap:9px;align-items:center}.showcase-actions button,.about-link{height:38px;width:38px;display:grid;place-items:center}.about-link svg{height:19px;width:19px;color:#bac4d5}.showcase-copy{position:absolute;z-index:5;left:40px;top:31%;width:29%;max-width:345px;transition:opacity 180ms,transform 350ms var(--ease)}.showcase-copy h1{font-size:clamp(38px,4vw,61px);line-height:1.04;letter-spacing:-.035em;font-weight:700}.showcase-copy>p{font-size:13px;line-height:1.65;color:#c4ccda;margin-top:20px;max-width:29ch}.showcase-cta{display:inline-flex;align-items:center;gap:16px;padding:10px 16px;background:#f5f7fb;color:#171c24;border-radius:24px;font-size:12px;font-weight:600;margin-top:27px;min-height:42px;transition:background-color 160ms,transform 160ms}.showcase-cta svg{width:16px;height:16px}.showcase-cta:hover{background:#d8e5ff;transform:translateY(-2px)}.scene-arrows{display:flex;gap:8px;margin-bottom:24px}.scene-arrows button{height:28px;width:28px;border:1px solid #667083;border-radius:50%;background:transparent;color:#d2dbeb;display:grid;place-items:center;transition:background-color 160ms}.scene-arrows button:hover{background:#325bcd}.scene-arrows svg{width:16px;height:16px}.showcase-media{position:absolute;z-index:-1;left:26%;top:4%;width:59%;height:87%;pointer-events:none;isolation:isolate}.product-scene{position:absolute;inset:0;mix-blend-mode:lighten;animation:scene-enter 800ms var(--ease) both}.product-scene>img,.product-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.product-scene .editorial-video{opacity:0;transition:opacity 180ms}.product-scene .editorial-video.is-ready{opacity:1}.product-scene .editorial-video.is-ended{opacity:0}.showcase-shell[data-family=iphone] .showcase-media{left:21%;width:66%;top:7%;height:83%}.showcase-shell[data-family=watch] .showcase-media{left:25%;width:62%;top:6%;height:86%}.showcase-options{position:absolute;z-index:5;right:38px;top:29%;width:165px;text-align:right}.availability>p{font-family:Manrope,sans-serif;font-size:30px;line-height:1.12;font-weight:500;letter-spacing:-.03em}.availability>span{font-size:11px;line-height:1.5;display:block;margin-top:10px;color:#abb7cb}.condition-choice{padding:0;border:0;margin:37px 0 0}.condition-choice legend{font-size:11px;color:#c1cbdc;padding:0 0 13px;width:100%;text-align:right}.condition-circles{display:flex;justify-content:flex-end;gap:9px}.condition-circles button{display:grid;place-items:center;background:#2d3440;color:#e3e9f4;border-radius:50%;height:37px;width:37px;font-size:11px;font-weight:600;transition:background-color 180ms,color 180ms}.condition-circles button[aria-pressed=true]{background:#f5f7fb;color:#202632}.condition-circles button:hover{outline:1px solid #adbedb;outline-offset:3px}#condition-summary{font-size:10px;color:#b4bfd1;display:block;margin-top:11px}.showcase-options .scene-replay{justify-content:flex-end;font-size:10px;margin-top:22px;gap:7px}.showcase-options .scene-replay svg{height:14px;width:14px}.showcase-bottom{position:absolute;z-index:5;left:40px;right:38px;bottom:47px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px}.showcase-origin{font-size:10px;color:#b2bdd0;display:grid;gap:17px}.scene-counter{display:flex;gap:10px;align-items:center;font-size:11px;color:#e0e7f4;font-variant-numeric:tabular-nums}.counter-line{height:1px;width:38px;background:#79859a}.showcase-bottom>p{text-align:center;font-family:Manrope,sans-serif;letter-spacing:-.02em;font-size:16px;line-height:1.2;font-weight:500;color:#e8edf7}.next-preview{justify-self:end;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 2px;background:#262c36;border-radius:12px;color:#ecf1fb;min-width:175px;text-align:left;transition:background-color 160ms,transform 180ms}.next-preview:hover{background:#343f52;transform:translateY(-3px)}.next-preview img{width:68px;height:55px;object-fit:contain;mix-blend-mode:lighten}.next-preview span{display:grid;gap:3px}.next-preview small{font-size:10px;color:#b5c1d5}.next-preview strong{font-size:12px;font-weight:500}.next-preview svg{width:16px;height:16px;margin-left:8px}.editorial-credit{position:absolute;right:38px;bottom:17px;color:#9caac0;font-size:9px;text-decoration:underline;text-underline-offset:3px}.showroom-explore{display:flex;align-items:center;justify-content:center;gap:12px;color:#c7d7ff;font-size:11px;margin:24px auto 0;max-width:260px}.showroom-explore svg{width:16px;height:16px}.showroom .motion-paused{animation:none}.showcase-copy.is-changing{opacity:.35;transform:translateY(6px)}@keyframes scene-enter{from{transform:translateY(24px) scale(.95);opacity:.35}to{transform:none;opacity:1}}
@media(min-width:1600px){.showcase-copy{left:56px;width:30%;max-width:390px}.showcase-copy h1{font-size:66px}.showcase-copy>p{font-size:14px;max-width:32ch}.showcase-options{right:56px}.showcase-bottom{left:56px;right:56px}.showcase-header{left:52px;right:48px}}
@media(max-width:1050px) and (min-width:761px){.showroom{padding:20px 20px 24px}.showcase-shell{min-height:680px}.showcase-header{left:26px;right:22px}.showcase-copy{left:28px;top:32%;width:29%}.showcase-copy h1{font-size:39px}.showcase-copy>p{font-size:12px}.showcase-options{right:26px;width:137px}.availability>p{font-size:25px}.showcase-bottom{left:28px;right:26px}.next-preview{min-width:145px}.next-preview img{width:50px}.showcase-media{left:25%;width:62%}.product-pills{min-width:280px}.product-pills button{padding:8px 14px}}
@media(max-width:760px){.showroom{padding:12px 12px 22px;min-height:0}.showcase-shell{height:auto;min-height:0;max-height:none;border-radius:23px;display:flex;flex-direction:column;padding-bottom:22px}.showcase-header{position:relative;top:auto;left:auto;right:auto;margin:18px 18px 0;min-height:105px;align-items:flex-start;gap:12px}.showcase-header .brand img{width:85px;height:42px}.showcase-actions{gap:0}.showcase-actions button,.about-link{height:36px;width:34px}.product-pills{left:0;right:0;top:61px;transform:none;min-width:0;padding:4px;gap:3px;justify-content:space-between}.product-pills button{font-size:11px;flex:1;padding:8px 7px;min-height:34px}.showcase-copy{position:relative;left:auto;top:auto;width:auto;max-width:none;padding:30px 22px 0}.scene-arrows{margin-bottom:18px;gap:10px}.scene-arrows button{height:30px;width:30px}.showcase-copy h1{font-size:clamp(34px,9vw,46px);line-height:1.07;max-width:12ch}.showcase-copy>p{max-width:36ch;font-size:12px;margin-top:17px}.showcase-cta{margin-top:20px;font-size:11px;padding:10px 14px;min-height:40px}.showcase-media,.showcase-shell[data-family=iphone] .showcase-media,.showcase-shell[data-family=watch] .showcase-media{position:relative;z-index:0;left:auto;top:auto;right:auto;width:100%;height:320px;margin:3px 0 0;order:0}.showcase-shell[data-family=iphone] .showcase-media{height:270px;margin:22px 0 15px}.showcase-shell[data-family=watch] .showcase-media{height:300px;margin:13px 0 5px}.showcase-options{position:relative;right:auto;top:auto;width:auto;text-align:left;margin:0 22px;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.availability>p{font-size:22px;line-height:1.12}.availability>span{font-size:10px;max-width:130px}.condition-choice{margin:0;text-align:right}.condition-choice legend{font-size:10px;padding-bottom:10px}.condition-circles{gap:8px}.condition-circles button{height:34px;width:34px;font-size:10px}#condition-summary{font-size:10px;margin-top:9px}.showcase-options .scene-replay{grid-column:1/-1;justify-content:flex-start;margin-top:0;min-height:44px;font-size:11px}.showcase-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:20px 22px 0;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.showcase-bottom>p{grid-column:1/-1;grid-row:1;text-align:left;font-size:16px}.showcase-origin{font-size:9px;gap:12px}.scene-counter{font-size:10px}.next-preview{min-width:143px;gap:6px;max-width:170px}.next-preview img{width:45px;height:45px}.next-preview svg{margin-left:1px;width:14px}.next-preview small{font-size:9px}.next-preview strong{font-size:11px}.editorial-credit{position:relative;right:auto;bottom:auto;margin:18px 22px 0;font-size:10px;align-self:flex-end}.showroom-explore{font-size:11px;margin-top:20px}.review-badge{font-size:10px}.curation{margin-top:0}}
.showcase-media{mix-blend-mode:lighten;isolation:auto}.product-scene{mix-blend-mode:normal}.showcase-copy h1{font-size:clamp(38px,3.2vw,52px)}.motion-paused .product-scene{animation:none}.showroom[data-family=iphone]{background:radial-gradient(ellipse at 70% 5%,#8095e2 0%,#375abb 38%,#183467 76%,#0b0d10 100%)}.showroom[data-family=watch]{background:radial-gradient(ellipse at 70% 5%,#5d86db 0%,#2c55b2 38%,#142d62 76%,#0b0d10 100%)}
@media(max-width:760px){.showcase-copy h1{font-size:clamp(34px,9vw,46px)}}
@media(prefers-reduced-motion:reduce){.product-scene{animation:none}.showcase-copy,.showcase-cta,.next-preview,.editorial-video{transition:none}}

/* Six families, with original Apple campaign films for AirPods. */
@media(min-width:1051px){.product-pills{min-width:0;width:max-content}.product-pills button{padding:9px 15px}}
@media(min-width:761px) and (max-width:1050px){.product-pills{top:65px;width:max-content}.product-pills button{padding:8px 13px}}
/* Every original product film fills the panel behind the interface. */
.showcase-shell[data-family] .showcase-media{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:normal;opacity:.43;z-index:0;pointer-events:none}
.showcase-shell[data-family] .product-scene{animation:none}
.showcase-shell[data-family] .product-scene>img,.showcase-shell[data-family] .product-scene>video{object-fit:cover;object-position:58% center;transform:none}
.showcase-shell[data-family]::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(20,23,28,.97),rgba(20,23,28,.45) 40%,rgba(20,23,28,.08) 64%,rgba(20,23,28,.72)),linear-gradient(0deg,rgba(20,23,28,.88),transparent 28%,transparent 75%,rgba(20,23,28,.52))}
@media(max-width:760px){.showcase-header{min-height:147px}.product-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:22px}.product-pills button{min-width:0}.showcase-shell[data-family] .showcase-media{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.36}.showcase-shell[data-family] .showcase-options{margin-top:140px}.showcase-shell[data-family]::after{background:linear-gradient(180deg,rgba(20,23,28,.8),rgba(20,23,28,.42) 45%,rgba(20,23,28,.24) 62%,rgba(20,23,28,.92))}.showcase-shell[data-family] .product-scene>img,.showcase-shell[data-family] .product-scene>video{object-position:58% center}}

/* Max and Pro retain the original white-ground Apple films behind the UI. */
.showcase-shell:is([data-family="airpods-max"],[data-family="airpods-pro"]) .showcase-media{opacity:.32}.showcase-shell:is([data-family="airpods-max"],[data-family="airpods-pro"]) .product-scene>img,.showcase-shell:is([data-family="airpods-max"],[data-family="airpods-pro"]) .product-scene>video{object-position:center}
@media(max-width:760px){.showcase-shell:is([data-family="airpods-max"],[data-family="airpods-pro"]) .showcase-media{opacity:.28}}

.editorial-credit{z-index:5}

/* Product-specific purchase conditions. */
.condition-choice[hidden],.condition-circles button[hidden]{display:none}
.condition-choice[data-option-count="4"] .condition-circles{display:grid;grid-template-columns:repeat(2,44px);justify-content:end}
.availability>p{max-width:10ch;text-wrap:balance}
@media(max-width:360px){.condition-choice[data-option-count="4"] .condition-circles{justify-content:start}}

/* Five families; AirPods models are revealed within their family. */
.airpods-models{position:absolute;top:66px;left:auto;right:0;transform:none;display:flex;gap:4px;padding:4px;border-radius:28px;background:rgba(16,24,36,.74);animation:models-reveal 200ms ease-out}
.airpods-models[hidden]{display:none}
.airpods-models button{min-height:44px;padding:0 17px;border-radius:24px;font-size:12px;white-space:nowrap;color:#d0dbeb;background:transparent;transition:background-color 180ms,color 180ms}
.airpods-models button:hover{background:rgba(235,244,255,.08);color:#fff}
.airpods-models button[aria-selected=true]{background:rgba(226,237,255,.16);color:#fff}
#airpods-family{position:absolute;inset:0}
#airpods-family[hidden]{display:none}
@keyframes models-reveal{from{opacity:.4;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(min-width:761px) and (max-width:1050px){.airpods-models{top:125px}}
@media(max-width:760px){
 .showcase-header{min-height:168px}
 .product-pills{grid-template-columns:repeat(3,minmax(0,1fr))}
 .airpods-models{top:169px;left:auto;right:0;width:max-content;max-width:100%;justify-content:flex-end;gap:2px;padding:0;background:transparent}
 .airpods-models button{padding:0 11px;font-size:11px;flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){.airpods-models{animation:none}.airpods-models button{transition:none}}
.motion-paused .airpods-models{animation:none}

/* Stack models in the free space beneath the product availability. */
.showcase-options .airpods-models{position:static;transform:none;display:flex;flex-direction:column;gap:6px;width:100%;max-width:165px;margin:18px 0 0 auto;padding:5px;border-radius:24px;text-align:center;background:rgba(16,24,36,.74)}
.showcase-options .airpods-models[hidden]{display:none}
.showcase-options .airpods-models button{width:100%;flex:none;min-height:44px;padding:0 12px}
@media(max-width:760px){
 .showcase-options .airpods-models{grid-column:2;grid-row:1 / span 2;margin-top:0}
 .showcase-options:has(.airpods-models:not([hidden])) .scene-replay{grid-column:1;grid-row:2;align-self:end}
}
@media(max-width:360px){
 .showcase-options .airpods-models{grid-column:1;grid-row:3;margin:0 0 0 auto}
 .showcase-options:has(.airpods-models:not([hidden])) .scene-replay{grid-column:1;grid-row:2}
}