@font-face{font-family:EloSans;src:url('assets/dm-sans-400-normal.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:EloSans;src:url('assets/dm-sans-500-normal.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:EloSans;src:url('assets/dm-sans-600-normal.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:EloDisplay;src:url('assets/sora-400-normal.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:EloDisplay;src:url('assets/sora-500-normal.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:EloDisplay;src:url('assets/sora-600-normal.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:EloSerif;src:url('assets/instrument-serif-400-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{font-family:EloSans,Arial,sans-serif}
.logo{font-family:EloDisplay,Arial,sans-serif;font-weight:600;font-size:56px}.logo>span{font-family:EloSans,Arial,sans-serif;font-size:11px}
.hero h1,.section-heading h2,.audio-copy h2,.keyboard-copy h2,.essentials h2,.faq h2,.detail-copy h2,.cart-heading h2,.product h3{font-family:EloDisplay,Arial,sans-serif;font-weight:400}
em{font-family:EloSerif,Georgia,serif;font-style:italic;font-weight:400}
.hero-inner{height:650px}.hero-copy{padding-top:45px;width:58%}.hero h1{font-size:98px;line-height:1.03;margin-bottom:25px}.hero h1 em{font-size:110px}.hero-description{font-size:18px;line-height:1.6}.hero .eyebrow{font-size:12px}.hero-cta{display:flex;align-items:center;gap:22px}.hero .button{font-size:15px;padding:15px 25px;min-height:52px}.hero-detail-button{display:inline-flex;align-items:center;gap:9px;font-size:14px;border:0;background:transparent;color:#d1dfc3;padding:13px 0}.hero-detail-button svg{width:15px}.hero-product-note{font-size:14px;margin-top:26px}.hero-product-note strong{font-size:21px}.hero-product-note small{font-size:12px}.hero-selectors{display:flex;gap:11px;margin-top:23px}.hero-selectors button{height:34px;width:39px;border:0;border-bottom:1px solid #839d7155;background:transparent;color:#8eab82;border-radius:0;font-size:12px;position:relative}.hero-selectors button.active{border-bottom:2px solid #ddedb8;color:#e5f4c4}.hero-selectors button::before{content:'';position:absolute;inset:0;opacity:0;border-top:1px solid #ddedb835;transition:opacity 180ms ease}.hero-selectors button.active::before{opacity:1}.hero-bottom>span{font-size:12px;line-height:1.6}.hero-controls>span{font-size:14px}.hero-controls small{font-size:12px}.hero-controls button{width:38px;height:38px}
.hero-art{top:-74px;right:-35px;width:800px;height:750px}.hero-art.airpods{top:90px;right:40px;width:620px;height:490px}
.device-orbit{position:absolute;left:27%;bottom:10%;width:49%;height:14%;border:1px solid #aecb8755;border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 24px #cadca50a;pointer-events:none;animation:orbit-breathe 7s ease-in-out infinite;animation-play-state:paused}.device-orbit::before{content:'';position:absolute;inset:12px -20px;border:1px solid #bcd59920;border-radius:50%;transform:rotate(12deg)}.device-orbit::after{content:'';position:absolute;left:15%;top:9%;width:55px;height:1px;background:#def1b5;box-shadow:0 0 9px #d6efa9;transform:rotate(-15deg)}.hero.motion-visible .device-orbit{animation-play-state:running}
.hero-inner::after{width:105px;height:105px;right:64px;top:38px;border-color:#d4e9b456}.device-float{animation-duration:6.5s}.audio-device{animation-duration:7s}.key-light{background:#9fcd7999;box-shadow:inset 0 0 0 1px #679b6588,0 0 16px #85b66b66}.keyboard-surface{filter:drop-shadow(0 15px 16px #354b2220)}
@keyframes device-hover{0%,100%{transform:translateY(6px) rotate(-2deg)}50%{transform:translateY(-21px) rotate(2deg)}}
@keyframes audio-hover{0%,100%{transform:translateY(7px) rotate(-9deg)}50%{transform:translateY(-20px) rotate(-16deg)}}
@keyframes orbit-breathe{0%,100%{opacity:.45;transform:rotate(-14deg) scale(.95)}50%{opacity:.9;transform:rotate(-7deg) scale(1.05)}}
.hero[data-device="tablet"] .hero-art{height:590px;width:650px;top:24px;right:6px}.hero[data-device="tablet"] .device-orbit{bottom:4%;left:18%;width:65%}
.hero[data-device="mac"]{background:#f5f5f7;color:#183c2b}.hero[data-device="mac"] .hero-description,.hero[data-device="mac"] .hero-product-note,.hero[data-device="mac"] .hero-detail-button,.hero[data-device="mac"] .hero-bottom>span,.hero[data-device="mac"] .hero .eyebrow{color:#5d725d}.hero[data-device="mac"] .eyebrow,.hero[data-device="mac"] em,.hero[data-device="mac"] .hero-product-note strong,.hero[data-device="mac"] .hero-controls>span{color:#365d37}.hero[data-device="mac"] .hero-art{width:710px;height:580px;right:15px;top:34px}.hero[data-device="mac"] .device-float img{filter:none}.hero[data-device="mac"] .hero-selectors button{color:#526f48;border-color:#aebea5}.hero[data-device="mac"] .hero-selectors button.active{color:#25452e;border-color:#345838}.hero[data-device="mac"] .hero-controls button{border-color:#afc19e}.hero[data-device="mac"] .primary{background:#274b32;color:#f0f7e8}.hero[data-device="mac"] .device-orbit{bottom:13%;left:14%;width:72%;border-color:#61845744}.hero[data-device="mac"] .device-orbit::after{background:#557c4e;box-shadow:none}
.header nav{font-size:15px}.button,.text-link{font-size:15px}.section-heading h2{font-size:28px}.catalog-heading h2{font-size:53px}.eyebrow{font-size:12px}.filters button{font-size:14px}.search input,.sort-label select{font-size:14px}.results-bar{font-size:13px}.stock-filter{font-size:12px}.category-tile{font-size:16px}.category-tile small{font-size:12px}.product-image{height:265px}.product-info{padding-top:21px}.product h3{font-size:18px;font-weight:500}.product-line{font-size:11px}.product-config{font-size:13px;min-height:20px;line-height:1.6}.price{font-size:24px}.price-label,.pix,.installments{font-size:12px}.installments{line-height:1.6}.add-button{height:38px;width:38px}.audio-copy h2{font-size:61px}.audio-copy p:not(.eyebrow),.keyboard-copy>p:not(.eyebrow),.essentials p:not(.eyebrow){font-size:17px;line-height:1.7}.keyboard-copy h2,.essentials h2{font-size:42px}.faq h2{font-size:30px}.faq summary,.faq details p{font-size:16px}.footer-main>div>a:not(.logo){font-size:14px}.footer-main>div>span,.footer-bottom{font-size:12px}.variant-label,.variant-button{font-size:14px}.hint{font-size:12px}.detail-copy h2{font-size:31px}.detail-copy .eyebrow{font-size:12px}
@media(hover:hover) and (pointer:fine){.product-image:hover .photo{transform:translateY(-8px) rotate(-3deg)}.category-tile:hover .photo{transform:translateY(-6px) rotate(3deg)}.hero-selectors button:hover{color:#eff7df}.keyboard-surface:hover{transform:rotate(-1deg) translateY(-4px)}.hero-detail-button:hover{color:#eff7df}}
@media(max-width:1150px){.hero h1{font-size:79px}.hero h1 em{font-size:91px}.hero-art{width:660px;height:665px;top:-30px;right:-50px}.hero-copy{width:60%}.hero-inner{height:630px}.header nav{font-size:13px}.hero-art.airpods{width:480px;height:420px;right:0;top:100px}.hero[data-device="tablet"] .hero-art{width:520px;right:-10px;top:55px;height:530px}.hero[data-device="mac"] .hero-art{width:530px;right:0;top:125px;height:400px}.price{font-size:21px}.product h3{font-size:16px}.product-config{font-size:12px}.product-image{height:225px}.audio-copy h2{font-size:51px}.keyboard-copy h2{font-size:35px}}
@media(max-width:850px){.hero h1{font-size:67px}.hero h1 em{font-size:78px}.hero .eyebrow{font-size:10px}.hero-description{font-size:16px}.hero .button{font-size:13px;padding:13px 19px}.hero-detail-button{font-size:12px}.hero-cta{gap:15px}.hero-inner{height:575px}.hero-art{width:570px;height:580px;right:-90px;top:0}.hero-art.airpods{width:370px;right:-15px;top:130px}.hero[data-device="tablet"] .hero-art{width:430px;right:-40px;top:75px;height:480px}.hero[data-device="mac"] .hero-art{width:380px;right:-30px;top:140px;height:370px}.hero-product-note{font-size:12px}.hero-product-note strong{font-size:19px}.hero-bottom>span{font-size:10px}.hero-inner::after{right:38px;width:52px;height:52px}.price{font-size:20px}.product h3{font-size:15px}.product-config{font-size:12px}.catalog-heading h2{font-size:46px}.keyboard-copy h2{font-size:37px}}
@media(max-width:600px){.hero-copy{width:100%;padding-top:26px}.hero-inner{height:645px}.hero h1{font-size:61px;line-height:1.04;margin-bottom:20px}.hero h1 em{font-size:71px}.hero .eyebrow{font-size:9px;margin-bottom:17px}.hero-description{font-size:15px;max-width:255px;margin-bottom:21px}.hero .button{font-size:13px;min-height:45px;padding:12px 19px}.hero-detail-button{font-size:12px;gap:5px}.hero-detail-button svg{width:14px}.hero-cta{gap:17px}.hero-product-note{font-size:12px;margin-top:20px;max-width:190px}.hero-product-note strong{font-size:18px}.hero-product-note small{font-size:11px}.hero-selectors{gap:7px;margin-top:20px;max-width:180px;flex-wrap:wrap}.hero-selectors button{width:29px;height:32px;font-size:11px}.hero-art{height:350px;width:360px;right:-95px;top:302px}.hero-art.airpods{width:220px;height:260px;right:-7px;top:353px}.hero[data-device="tablet"] .hero-art{width:270px;height:320px;right:-40px;top:307px}.hero[data-device="mac"] .hero-art{width:285px;height:260px;right:-50px;top:366px}.device-orbit{bottom:10%;left:27%;width:49%;height:12%}.hero-bottom>span{display:none}.hero-controls>span{font-size:11px}.hero-controls small{font-size:10px}.hero-controls button{width:32px;height:32px}.hero-inner::after{right:22px;top:23px;width:30px;height:30px}.hero-controls{gap:7px}.hero[data-device="mac"] .hero-selectors button{color:#526b4a}.header nav{font-size:12px}.logo>span{font-size:10px}.section-heading h2{font-size:22px}.category-tile{font-size:13px}.category-tile small{font-size:10px}.catalog-heading h2{font-size:41px}.catalog-heading .eyebrow{font-size:11px}.filters button{font-size:13px}.sort-label select{font-size:13px}.search input{font-size:16px}.results-bar{font-size:11px}.stock-filter{font-size:10px}.product-image{height:187px}.product h3{font-size:15px;font-weight:500;min-height:43px}.product-config{font-size:11px;min-height:34px;line-height:1.5}.product-line{font-size:10px}.price{font-size:19px}.price-label,.pix,.installments{font-size:11px}.add-button{width:31px;height:31px}.product-info{padding-top:16px}.audio-copy h2{font-size:44px;max-width:340px}.audio-copy p:not(.eyebrow),.keyboard-copy>p:not(.eyebrow),.essentials p:not(.eyebrow){font-size:15px}.audio-inner{min-height:570px}.audio-copy .button{font-size:14px}.keyboard-copy h2,.essentials h2{font-size:32px}.keyboard-copy .eyebrow{font-size:11px}.faq h2{font-size:26px}.faq summary,.faq details p{font-size:14px}.footer-bottom{font-size:10px}.footer-main>div>a:not(.logo){font-size:13px}.detail-copy h2{font-size:27px}.variant-button{font-size:12px}.hero[data-device="mac"] .hero-art .device-orbit{bottom:13%}}
@media(max-width:360px){.hero h1{font-size:55px}.hero h1 em{font-size:64px}.hero .button{font-size:12px}.hero-cta{gap:12px}.hero-detail-button{font-size:11px}.hero-art{right:-112px;top:302px;width:350px}.hero-art.airpods{right:-14px;width:205px}.hero[data-device="tablet"] .hero-art{right:-55px;width:260px}.hero[data-device="mac"] .hero-art{right:-70px;width:280px}.hero-product-note{max-width:150px;font-size:11px}.hero-selectors{max-width:150px;gap:5px}.hero-selectors button{width:25px}.price{font-size:17px}.product h3{font-size:14px}.product-config{font-size:10px}.installments{font-size:10px}.product-image{height:162px}.audio-copy h2{font-size:38px}.catalog-heading h2{font-size:36px}}
.motion-paused .device-orbit,.motion-hidden .device-orbit{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.device-orbit{animation:none}.device-float,.audio-device{animation:none!important}.product-image:hover .photo,.category-tile:hover .photo{transform:none!important}.keyboard-surface:hover{transform:none}}
