/* Category mosaic. Images blend as artwork, without their pale-blue JPEG boxes. */
.categories{padding-top:68px!important;padding-bottom:75px!important}
.categories .section-head{margin-bottom:34px;align-items:end}.categories h2{max-width:700px;font-size:44px;letter-spacing:-2px}.categories .text-link{max-width:none;white-space:nowrap}
.categories .collection-plane{padding:24px 0;margin:-24px 0;overflow:clip}
.categories .collection-plane>.category-grid{transform:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:235px 235px;gap:16px;border:0}
.category-tile{position:relative;min-width:0;--category-surface:#d4e4e9;--category-ink:#293e44}
.category-tile--iphone{grid-column:span 5;grid-row:span 2;--category-surface:#d4e4e9;--category-ink:#293e45}
.category-tile--ipad{grid-column:span 4;--category-surface:#e1ecef;--category-ink:#37535c}
.category-tile--watch{grid-column:span 3;--category-surface:#e6ded1;--category-ink:#604c31}
.category-tile--airpods{grid-column:span 2;--category-surface:#dce4e6;--category-ink:#435358}
.category-tile--macbook{grid-column:span 3;--category-surface:#d6e1e5;--category-ink:#364d54}
.category-tile--accessories{grid-column:span 2;--category-surface:#e4dfeb;--category-ink:#564b67}
.category-tile>.category-card{display:block;position:relative;width:100%;height:100%;padding:0;border:0!important;border-radius:22px;background:var(--category-surface);color:var(--category-ink);text-align:left;isolation:isolate;overflow:hidden;transform:translate3d(0,var(--tile-y,0px),0) scale(var(--tile-scale,1));transform-origin:center top;transition:box-shadow .3s}
.category-tile>.category-card:hover{background:var(--category-surface);box-shadow:0 16px 35px #23353b12}
.category-card::after{content:none}
.category-card .category-number{position:absolute;top:19px;left:22px;right:15px;font-size:7px;font-weight:500;letter-spacing:1.6px;color:var(--category-ink);opacity:.6;z-index:2;line-height:1.5}
.category-card .category-art{position:absolute;top:35px;bottom:62px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;z-index:1;mix-blend-mode:darken;transform:translate3d(0,var(--art-y,0px),0) rotate(var(--art-rotate,0deg)) scale(var(--art-scale,1));pointer-events:none}
.category-art>img{width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:normal}
.category-card .category-copy{position:absolute;left:22px;right:20px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}
.category-copy .category-name{font-size:23px;line-height:1.05;letter-spacing:-.7px;font-weight:500}
.category-name>small{font-size:10px;line-height:1.5;color:var(--category-ink);opacity:.65;font-weight:400;letter-spacing:0;display:block;margin-top:7px}
.category-copy .category-arrow{width:32px;height:32px;flex-shrink:0;border:1px solid #2a3f4524;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:400;transition:background .25s,transform .3s}
.category-card:hover .category-arrow{background:#ffffff60;transform:translate(2px,-2px)}
.category-tile--iphone .category-art{top:48px;bottom:90px;left:18px;right:18px}
.category-tile--iphone .category-copy{left:30px;bottom:28px;right:28px}.category-tile--iphone .category-name{font-size:42px;letter-spacing:-2px}.category-tile--iphone .category-name>small{font-size:12px;margin-top:10px}.category-tile--iphone .category-arrow{width:43px;height:43px;font-size:26px}.category-tile--iphone .category-number{left:30px;top:25px;font-size:8px}
.category-tile--airpods .category-name,.category-tile--accessories .category-name{font-size:20px;letter-spacing:-.5px}.category-tile--airpods .category-arrow,.category-tile--accessories .category-arrow{width:28px;height:28px;font-size:17px}
/* Both ecosystem cards reserve the same copy/art space, so nothing gets cropped. */
.ecosystem-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:stretch}
.ecosystem .eco-card{display:flex;flex-direction:column;min-width:0;min-height:510px;padding:34px 35px 27px;border:1px solid #d1dcdf;border-radius:25px;background:#dce7ea;position:relative;isolation:isolate;overflow:hidden}
.ecosystem .eco-card:nth-child(2){background:#e1eaed;border-color:#d4e1e5}
.eco-copy{position:relative;z-index:2;flex-shrink:0;min-height:188px}
.ecosystem .eco-card h3{font-size:42px;line-height:1.05;letter-spacing:-1.9px;font-weight:500;max-width:none;margin:17px 0 18px}
.ecosystem .eco-card .kicker{font-size:8px;letter-spacing:1.9px;color:#677d84}
.ecosystem .eco-action{display:inline-flex;align-items:center;gap:16px;font-size:12px;color:#46646d;font-weight:400}.eco-action>b{font-size:19px;font-weight:400;transition:transform .3s}
.eco-card:hover .eco-action>b{transform:translate(3px,-3px)}
.eco-art{height:270px;flex:1;min-height:240px;position:relative;z-index:1;display:grid;place-items:center;mix-blend-mode:darken;transform:translate3d(0,var(--eco-y,0px),0) rotate(var(--eco-rotate,0deg));pointer-events:none}
.eco-art>.scale-media{width:100%;height:100%;display:block}
.ecosystem .eco-art img{display:block;width:100%;height:100%;max-height:285px;object-fit:contain;padding:10px 5px;margin:0;mix-blend-mode:normal;transform:none}
.ecosystem .eco-card:hover img{transform:none}
@media(min-width:1500px){.categories .collection-plane>.category-grid{grid-template-rows:255px 255px}.ecosystem .eco-card{min-height:535px}.eco-art{height:285px}}
@media(max-width:1100px){.categories h2{font-size:39px}.categories .collection-plane>.category-grid{grid-template-rows:215px 215px;gap:13px}.category-tile--iphone{grid-column:span 4}.category-tile--ipad{grid-column:span 4}.category-tile--watch{grid-column:span 4}.category-tile--airpods{grid-column:span 2}.category-tile--macbook{grid-column:span 4}.category-tile--accessories{grid-column:span 2}.category-card .category-number{font-size:6px;letter-spacing:1.1px;left:16px}.category-card .category-copy{left:16px;right:16px;bottom:17px}.category-copy .category-name{font-size:21px}.category-tile--iphone .category-name{font-size:34px}.category-tile--airpods .category-name,.category-tile--accessories .category-name{font-size:17px}.category-tile--airpods .category-copy,.category-tile--accessories .category-copy{gap:5px}.category-tile--airpods .category-arrow,.category-tile--accessories .category-arrow{width:24px;height:24px;font-size:16px}.category-name>small{font-size:9px}.ecosystem .eco-card{padding:29px 28px 25px;min-height:460px}.ecosystem .eco-card h3{font-size:36px;letter-spacing:-1.6px}.eco-copy{min-height:172px}.eco-art{height:240px;min-height:220px}}
@media(max-width:760px){.categories{padding-top:40px!important;padding-bottom:45px!important}.categories .section-head{align-items:end;gap:14px;margin-bottom:24px}.categories h2{font-size:33px;letter-spacing:-1.6px;max-width:270px}.categories .section-head>.text-link{font-size:10px;max-width:80px;white-space:normal;line-height:1.6}.categories .collection-plane{padding-block:15px;margin-block:-15px}.categories .collection-plane>.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:250px 205px 205px 170px;gap:12px}.category-tile--iphone{grid-column:span 2;grid-row:span 1}.category-tile--ipad,.category-tile--watch,.category-tile--airpods,.category-tile--macbook{grid-column:span 1;grid-row:span 1}.category-tile--accessories{grid-column:span 2;grid-row:span 1}.category-tile>.category-card{border-radius:18px}.category-card .category-number{font-size:6px;letter-spacing:1px;top:16px;left:17px;right:10px}.category-card .category-art{top:31px;bottom:62px;left:12px;right:12px}.category-card .category-copy{left:17px;right:15px;bottom:17px;gap:7px}.category-copy .category-name{font-size:21px;letter-spacing:-.7px}.category-name>small{font-size:9px;margin-top:6px}.category-copy .category-arrow{width:28px;height:28px;font-size:17px}.category-tile--iphone .category-number{top:20px;left:22px;font-size:7px;max-width:140px}.category-tile--iphone .category-art{top:24px;bottom:20px;left:32%;right:-7%;rotate:-9deg}.category-tile--iphone .category-copy{left:22px;right:20px;bottom:23px}.category-tile--iphone .category-name{font-size:34px;letter-spacing:-1.5px}.category-tile--iphone .category-name>small{font-size:10px;margin-top:8px}.category-tile--iphone .category-arrow{width:34px;height:34px;font-size:22px}.category-tile--airpods .category-name{font-size:21px}.category-tile--accessories .category-name{font-size:26px;letter-spacing:-1px}.category-tile--accessories .category-art{top:8px;bottom:8px;left:43%;right:8px}.category-tile--accessories .category-number{max-width:140px}.category-tile--accessories .category-copy{left:20px;right:17px;bottom:22px}.category-tile--accessories .category-arrow{width:32px;height:32px;font-size:20px}.ecosystem-grid{grid-template-columns:1fr;gap:15px}.ecosystem .eco-card{min-height:0;padding:27px 24px 23px;border-radius:21px}.ecosystem .eco-card h3{font-size:35px;letter-spacing:-1.7px;margin:15px 0 16px}.eco-copy{min-height:158px}.ecosystem .eco-card .kicker{font-size:7px}.ecosystem .eco-action{font-size:11px;gap:12px}.eco-art{height:240px;min-height:240px;flex:none}.ecosystem .eco-art img{padding:8px 0;max-height:240px}}
@media(max-width:380px){.categories h2{font-size:31px;max-width:220px}.categories .collection-plane>.category-grid{grid-template-rows:235px 195px 195px 160px;gap:10px}.category-card .category-number{font-size:5px;letter-spacing:.9px;left:14px}.category-card .category-copy{left:14px;right:12px}.category-copy .category-name,.category-tile--airpods .category-name{font-size:19px}.category-tile--iphone .category-name{font-size:31px}.category-tile--accessories .category-name{font-size:24px}.category-copy .category-arrow{height:25px;width:25px;font-size:16px}.category-tile--macbook .category-name{font-size:18px}.category-name>small{font-size:8px}.ecosystem .eco-card h3{font-size:33px}.eco-art{height:220px;min-height:220px}.ecosystem .eco-art img{max-height:220px}}
@media(prefers-reduced-motion:reduce){.category-tile>.category-card,.category-card .category-art,.eco-art{transform:none!important;rotate:none!important}.category-tile>.category-card:hover,.category-card:hover .category-arrow,.eco-card:hover .eco-action>b{transform:none!important}}
/* Keep the white earbuds and cables visible on their original blue surface. */
.category-tile--airpods,.category-tile--accessories{--category-surface:#ecfbff}
.category-tile--airpods .category-art,.category-tile--accessories .category-art{mix-blend-mode:normal}
@media(min-width:761px) and (max-width:1100px){.categories .collection-plane>.category-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:215px 215px 200px}.category-tile--iphone{grid-column:span 3;grid-row:span 2}.category-tile--ipad,.category-tile--watch{grid-column:span 3}.category-tile--airpods,.category-tile--macbook,.category-tile--accessories{grid-column:span 2}.category-tile--airpods .category-name,.category-tile--accessories .category-name{font-size:21px}}
@media(max-width:760px){.category-tile--watch .category-name{font-size:18px;letter-spacing:-.6px}}