.catalog-shell{width:min(1280px,100% - 2rem);margin-inline:auto}.iphone-hero{isolation:isolate;aspect-ratio:1372/1920;color:#fff;background:#070708;border-radius:22px;position:relative;overflow:hidden}.iphone-hero-art,.iphone-hero-art img{width:100%;height:100%;position:absolute;inset:0}.iphone-hero-art{pointer-events:none}.iphone-hero-art img{object-fit:cover;object-position:center}.iphone-hero-copy{z-index:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:0;height:100%;padding:1.15rem 1.2rem 0;display:flex;position:relative}.iphone-hero-copy nav ol{color:#ffffffb8;align-items:center;gap:.35rem;margin:0;padding:0;font-size:12px;font-weight:500;line-height:1.4;list-style:none;display:flex}.iphone-hero-copy nav a{color:inherit;border-radius:6px;margin:-5px -3px;padding:5px 3px;display:inline-block}.iphone-hero-copy nav a:hover{color:#fff}.iphone-hero-copy nav a:focus-visible{outline-offset:3px;outline:2px solid #fff}.iphone-hero-copy nav [aria-current=page]{color:#fff}.iphone-hero-copy h1{letter-spacing:-.03em;margin-top:.85rem;font-size:2.55rem;font-weight:700;line-height:1.05}.iphone-hero-rule{background:#c48996;width:2.25rem;height:1px;margin-block:.55rem .6rem}.iphone-hero-lead,.iphone-hero-detail{max-width:20rem}.iphone-hero-lead{color:#fff;font-size:.95rem;font-weight:500;line-height:1.7}.iphone-hero-detail{color:#ffffffad;margin-top:.45rem;font-size:.78rem;font-weight:400;line-height:1.75}.iphone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:360px){.iphone-hero-copy{padding:.6rem .85rem 0}.iphone-hero-copy nav ol{font-size:11px}.iphone-hero-copy h1{margin-top:.28rem;font-size:1.85rem}.iphone-hero-rule{margin-block:.26rem .22rem}.iphone-hero-lead{font-size:.76rem;line-height:1.4}.iphone-hero-detail{margin-top:.16rem;font-size:.66rem;line-height:1.4}}@media (min-width:768px){.catalog-shell{width:min(1280px,100% - 3rem)}.iphone-hero{aspect-ratio:1280/340;border-radius:26px}.iphone-hero-copy{justify-content:center;width:min(38%,22rem);padding:.7rem 1.35rem}.iphone-hero-copy h1{margin-top:.2rem;font-size:1.7rem;line-height:1}.iphone-hero-rule{margin-block:.28rem .32rem}.iphone-hero-lead,.iphone-hero-detail{max-width:none}.iphone-hero-lead{font-size:.78rem;line-height:1.45}.iphone-hero-detail{margin-top:.2rem;font-size:.68rem;line-height:1.5}.iphone-grid{gap:.85rem}}@media (min-width:1100px){.iphone-hero-copy{width:min(36%,24rem);padding:1rem 2.1rem}.iphone-hero-copy h1{margin-top:.35rem;font-size:2.55rem}.iphone-hero-rule{margin-block:.45rem .5rem}.iphone-hero-lead{font-size:.98rem;line-height:1.6}.iphone-hero-detail{margin-top:.35rem;font-size:.8rem;line-height:1.65}}@media (min-width:1280px){.iphone-hero-copy{width:min(34%,23rem);padding:1.15rem 2.4rem}.iphone-hero-copy h1{margin-top:.45rem;font-size:3.15rem}.iphone-hero-rule{margin-block:.55rem .6rem}.iphone-hero-lead{font-size:1.02rem}.iphone-hero-detail{font-size:.84rem}}@media (min-width:1024px){.iphone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1440px){.iphone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.iphone-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.iphone-filter-search,.iphone-filter-color,.iphone-filter-clear{grid-column:1/-1}.iphone-filter-search{min-width:0;position:relative}.iphone-generation-field{order:2}.iphone-filter-sort{order:3}.iphone-filter-model{order:4}.iphone-filter-storage{order:5}.iphone-filter-color{order:6}.iphone-filter-clear{color:#1d1d1f;text-underline-offset:4px;background:0 0;border:0;border-radius:999px;order:7;height:2.75rem;font-size:13px;font-weight:500;text-decoration:underline}.iphone-filter-select{min-width:0;display:block;position:relative}.iphone-filter-select select{text-overflow:ellipsis}.iphone-card{text-align:center;background:#fff;border:1px solid #e7e7e9;border-radius:14px;flex-direction:column;align-items:center;min-width:0;height:100%;padding:.45rem .45rem .55rem;display:flex;box-shadow:0 1px 2px #1d1d1f0a}.iphone-card-photo,.iphone-card-copy{color:inherit;background:0 0;border:0;padding:0}.iphone-card-photo{width:100%;height:6.75rem;position:relative;overflow:hidden}.iphone-card-copy{cursor:pointer;width:100%;margin-top:.35rem}.iphone-card-name{color:#1d1d1f;text-wrap:balance;margin:0;font-size:13px;font-weight:500;line-height:1.3}.iphone-card-variant{color:#6e6e73;margin:.15rem 0 0;font-size:11px;font-weight:400;line-height:1.35}.catalog-card-note{background:var(--an-warm);color:#4a3f33;border-radius:8px;max-width:18rem;margin:.35rem auto 0;padding:.3rem .55rem;font-size:11px;line-height:1.6}@media (min-width:768px){.catalog-card-note{font-size:11.5px}}.iphone-swatches{flex-wrap:wrap;justify-content:center;width:100%;margin-top:.3rem;display:flex}.iphone-swatch{background:0 0;border:0;border-radius:999px;place-items:center;width:2.125rem;height:2.125rem;padding:0;display:grid}.iphone-swatch span{border-radius:999px;width:.95rem;height:.95rem;box-shadow:inset 0 0 0 1px #00000024}.iphone-swatch[aria-pressed=true] span{outline-offset:2px;outline:1px solid #1d1d1f}.iphone-swatch:focus-visible,.iphone-card-photo:focus-visible,.iphone-card-copy:focus-visible{outline-offset:2px;outline:2px solid #1d1d1f}@media (min-width:768px){.iphone-pills-wrap{display:block}.iphone-filters{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.iphone-filter-search,.iphone-filter-color,.iphone-filter-clear,.iphone-generation-field,.iphone-filter-sort,.iphone-filter-model,.iphone-filter-storage{order:0;grid-column:auto}.iphone-filter-search{flex:8rem;min-width:0}.iphone-generation-field{display:none}.iphone-filter-select{flex:0 auto;width:auto}.iphone-filter-select select{width:auto;max-width:11.5rem;padding-inline:.9rem 1.9rem}.iphone-filter-clear{width:auto;padding-inline:.75rem}.iphone-card{border-radius:16px;padding:.7rem .7rem .8rem}.iphone-card-photo{height:9.25rem}.iphone-card-name{font-size:15px}.iphone-card-variant{font-size:12px}.iphone-swatch{width:2rem;height:2rem}.iphone-swatch span{width:1.05rem;height:1.05rem}}@media (min-width:768px) and (max-width:1023px){.iphone-filters{grid-template-columns:minmax(8rem,1fr) auto auto auto auto;display:grid}.iphone-filter-clear{grid-column:1/-1;justify-self:start}}@media (min-width:1024px){.iphone-card-photo{height:10.25rem}.iphone-card-name{font-size:16px}}@media (max-width:767px){.iphone-pills-wrap{display:none}}.iphone-hero-depth,.iphone-hero-sky{position:absolute;inset:0}.iphone-hero-sky{z-index:0;transform-origin:72% 58%}.iphone-hero-sky-photo{transform-origin:70% 62%}.iphone-hero-device{display:none}.iphone-title-line,.iphone-line{display:inline-block}.iphone-line{vertical-align:top}.iphone-card-reveal{opacity:1;perspective:900px;height:100%;transform:translate(0,0)scale(1)}.iphone-card-photo img{transform:scale(var(--mac-fit,1));transition:opacity .35s var(--an-ease-standard), transform .35s var(--an-ease-standard)}.iphone-card-photo img.opacity-0{transform:scale(calc(var(--mac-fit,1) * 1.045))}@media (prefers-reduced-motion:reduce){.iphone-card-photo img,.iphone-card-photo img.opacity-0{opacity:1;transform:scale(var(--mac-fit,1));transition:none}}.iphone-pills{isolation:isolate;position:relative}.iphone-pill{color:#1d1d1f;background:#fff;box-shadow:inset 0 0 0 1px #e7e7e9}.iphone-catalog{--catalog-accent:#6e3142}.mac-catalog{--catalog-accent:#2c3a52}.ipad-catalog{--catalog-accent:#574a7c}.watch-catalog{--catalog-accent:#44596b}.airpods-catalog{--catalog-accent:#2d5179}.accessories-catalog{--catalog-accent:#3a3a3e}.used-catalog{--catalog-accent:#6f5236}.iphone-pill[aria-checked=true]{background:var(--catalog-accent,#1d1d1f);color:#fff;box-shadow:none}.iphone-pill-label{z-index:2;position:relative}.iphone-pill-indicator{z-index:1;box-sizing:border-box;background:color-mix(in srgb, var(--catalog-accent,#1d1d1f) 42%, transparent);border:2px solid var(--catalog-accent,#1d1d1f);pointer-events:none;border-radius:999px;width:0;height:2.5rem;transition:transform .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.iphone-pill:focus-visible{outline-offset:3px;outline:2px solid #1d1d1f}.iphone-pill[aria-checked=true]:focus-visible{outline-color:#fff}@media (max-width:360px){.iphone-inquiry{padding-inline:.2rem;font-size:12px}.iphone-card-name{font-size:12px}.iphone-swatch{width:1.875rem;height:1.875rem}}@media (min-width:768px){.iphone-hero-device{z-index:1;display:block;-webkit-mask-image:linear-gradient(90deg,#000 0% 46%,#0000 51%);mask-image:linear-gradient(90deg,#000 0% 46%,#0000 51%)}}@keyframes iphone-plate-fade{0%{opacity:.28}to{opacity:1}}@keyframes iphone-nav{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes iphone-title{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(45px)}to{opacity:1;clip-path:inset(-35% -10% -45%);transform:translate(0,0)}}@keyframes iphone-rule{0%{opacity:0;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@keyframes iphone-line{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translate(0,0)}}@keyframes iphone-detail{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0,0)}}@keyframes iphone-rise-30{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0,0)}}@keyframes iphone-pills-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translate(0,0)}}@keyframes iphone-card-in{0%{opacity:0;transform:translateY(40px)scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes iphone-copy-depth{0%{transform:translate(0,0)}to{transform:translateY(-14px)}}@media (prefers-reduced-motion:no-preference){.iphone-hero-sky-photo{animation:.9s cubic-bezier(.22,1,.36,1) both iphone-plate-fade}.iphone-hero-copy>nav{animation:.52s cubic-bezier(.16,1,.3,1) 80ms backwards iphone-nav}.iphone-title-line{animation:.85s cubic-bezier(.16,1,.3,1) .2s backwards iphone-title}.iphone-hero-rule{transform-origin:100%;animation:.48s cubic-bezier(.16,1,.3,1) .4s backwards iphone-rule}.iphone-line{animation:.72s cubic-bezier(.16,1,.3,1) .5s backwards iphone-line}.iphone-line-late{animation-delay:.6s}.iphone-hero-detail{animation:.7s cubic-bezier(.16,1,.3,1) .74s backwards iphone-detail}.iphone-pills-wrap{animation:.7s cubic-bezier(.16,1,.3,1) .16s backwards iphone-pills-in}.iphone-filters,.iphone-results,.iphone-empty{animation:.75s cubic-bezier(.16,1,.3,1) .24s backwards iphone-rise-30}.iphone-grid.is-armed .iphone-card-reveal:not(.is-shown){opacity:0;transform:translateY(40px)scale(.94)}.iphone-grid.is-live .iphone-card-reveal:not(.is-shown){transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)}.iphone-grid.is-live .iphone-card-reveal.is-shown{animation:iphone-card-in .76s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s) both}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.iphone-pill:not([aria-checked=true]):hover{box-shadow:inset 0 0 0 1px #1d1d1f61}.iphone-card{transform:translate3d(0, 0, 0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s,border-color .42s}.iphone-card:hover{transform:translate3d(0, -7px, 0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#dcdce0;box-shadow:0 18px 36px #1d1d1f1f,0 2px 8px #1d1d1f0d}.iphone-photo-stage{transition:transform .52s cubic-bezier(.22,1,.36,1)}.iphone-card:hover .iphone-photo-stage{transform:translateY(-8px)scale(1.05)}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.iphone-hero{view-timeline-name:--iphone-catalog-hero;view-timeline-axis:block}.iphone-hero-copy{animation-duration:auto;animation-name:iphone-copy-depth;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--iphone-catalog-hero;animation-range:exit}}}@media (prefers-reduced-motion:reduce){.iphone-hero-sky,.iphone-hero-sky-photo,.iphone-hero-device,.iphone-hero-device img,.iphone-hero-light,.iphone-hero-copy,.iphone-hero-copy>nav,.iphone-title-line,.iphone-hero-rule,.iphone-line,.iphone-hero-detail,.iphone-pills-wrap,.iphone-filters,.iphone-results,.iphone-empty,.iphone-grid.is-armed .iphone-card-reveal,.iphone-grid.is-armed .iphone-card-reveal:not(.is-shown),.iphone-card-reveal,.iphone-card-reveal.is-shown,.iphone-card,.iphone-card:hover,.iphone-photo-stage,.iphone-card:hover .iphone-photo-stage{clip-path:none;opacity:1;transition:none;animation:none;transform:none}.iphone-pill-indicator{transition:none;animation:none}}.iphone-hero-light{z-index:1;pointer-events:none;background:radial-gradient(34% 46% at 18% 34%,#d6627a33,#0000 70%);position:absolute;inset:0}.iphone-hero-light:after{content:"";opacity:0;background:linear-gradient(104deg,#0000 28%,#ffd6de33 48%,#0000 66%);width:34%;position:absolute;inset:0 auto 0 4%}@media (max-width:767px){.iphone-hero-light{background:radial-gradient(60% 34% at 50% 70%,#d6627a29,#0000 70%)}.iphone-hero-light:after{width:auto;inset:40% 10% 0}}@keyframes iph-atmosphere-in{0%{opacity:.3;transform:scale(1.07)}to{opacity:1;transform:none}}@keyframes iph-device-in{0%{opacity:0;transform:translate(-3%,4%)scale(1.04)}to{opacity:1;transform:none}}@keyframes iph-light-in{0%{opacity:0}to{opacity:1}}@keyframes iph-sheen{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes iph-scroll-sky{to{transform:translateY(-22px)scale(1.12)}}@keyframes iph-scroll-device{to{transform:translateY(-22px)scale(1.08)}}@keyframes iph-scroll-light{to{opacity:.35;transform:translateY(-40px)}}@keyframes iph-scroll-copy{to{transform:translateY(-34px)}}@media (prefers-reduced-motion:no-preference){.iphone-hero-sky-photo{animation:1.1s cubic-bezier(.2,.8,.2,1) both iph-atmosphere-in}.iphone-hero-device img{animation:1s cubic-bezier(.16,1,.3,1) .14s both iph-device-in}.iphone-hero-light{animation:.9s ease-out .42s both iph-light-in}.iphone-hero-light:after{animation:1.3s cubic-bezier(.4,0,.2,1) .76s both iph-sheen}.iphone-catalog .iphone-hero-copy>nav{animation-delay:.26s}.iphone-catalog .iphone-title-line{animation-delay:.36s}.iphone-catalog .iphone-hero-rule{animation-delay:.56s}.iphone-catalog .iphone-line{animation-delay:.64s}.iphone-catalog .iphone-line-late{animation-delay:.72s}.iphone-catalog .iphone-hero-detail{animation-delay:.84s}@supports (animation-timeline:view()){.iphone-catalog .iphone-hero{view-timeline-name:--iphone-catalog-hero;view-timeline-axis:block}.iphone-hero-sky,.iphone-hero-device,.iphone-hero-light,.iphone-catalog .iphone-hero-copy{animation-duration:auto;animation-timing-function:cubic-bezier(.3,0,.3,1);animation-fill-mode:both;animation-timeline:--iphone-catalog-hero;animation-range:exit}.iphone-hero-sky{animation-name:iph-scroll-sky}.iphone-hero-device{transform-origin:24% 0;animation-name:iph-scroll-device}.iphone-hero-light{animation-name:iph-light-in,iph-scroll-light;animation-duration:.9s, auto;animation-timing-function:ease-out,cubic-bezier(.3,0,.3,1);animation-delay:.42s,0s;animation-timeline:auto,--iphone-catalog-hero;animation-range:normal,exit}.iphone-catalog .iphone-hero-copy{animation-name:iph-scroll-copy}}}