/* A single sharp product layer is used in the case, ear, wrist and destination. */
.airpods{grid-template-columns:1fr 1fr;overflow:visible;padding-bottom:70px}
.airpods-product{isolation:isolate}
.airpods-product #case-image{z-index:2}
.airpods-product .case-left-ear{position:absolute;z-index:3;object-fit:contain;filter:drop-shadow(0 2px 3px #020b1944);clip-path:none;transform:rotate(-20deg);pointer-events:none}
#case-front-depth{position:fixed;object-fit:contain;z-index:26;pointer-events:none;clip-path:polygon(18% 46%,26% 49%,43% 52%,63% 54%,78% 54%,85% 50%,88% 100%,16% 100%);visibility:hidden}
.watches .center-heading{transition:opacity .28s ease}
.airpods-models{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;width:100%;margin:40px auto 0}
.airpods-models article{display:flex;align-items:center;gap:20px;border:1px solid #254a70;border-radius:18px;padding:14px;background:#07162acc;overflow:hidden}
.airpods-models img{width:150px;height:105px;object-fit:cover;border-radius:10px;background:#fff}
.airpods-models h3{font-size:19px;margin-bottom:5px}
.airpods-models .text-link{font-size:12px;color:#b7e9ff}
#flying-ear{filter:drop-shadow(0 1px 1px #0004)}
#flying-watch{filter:drop-shadow(0 2px 3px #0005)}
.runner-copy{width:35%;top:21%}
.runner-copy h2{font-size:clamp(42px,5.5vw,78px);line-height:1.03}
.runner-copy p{font-size:clamp(14px,1.4vw,20px)}
.watch-grid #watch-destination{border-radius:0;object-fit:contain}
.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.watch-grid img,.watch-grid article:first-child img{height:min(330px,36svh)}
@media(max-width:760px){.airpods{grid-template-columns:1fr;padding-bottom:55px}.airpods-models{grid-template-columns:1fr;margin-top:15px;gap:12px}.airpods-models article{padding:10px;gap:15px}.airpods-models img{width:105px;height:85px}.airpods-models h3{font-size:17px}.airpods-models .text-link{font-size:11px}.runner-copy{top:auto;bottom:9%;width:88%}.runner-copy h2{font-size:40px;max-width:330px}.runner-copy p{font-size:13px}.runner-copy .eyebrow{font-size:7px;margin-bottom:12px}.runner-gradient{background:linear-gradient(0deg,#020b19 0%,#020b19bb 22%,transparent 57%)}.runner-scroll{bottom:18px}}
@media(max-width:760px){.watch-grid{grid-template-columns:1fr 1fr}.watch-grid img,.watch-grid article:first-child img{height:min(250px,34svh)}}