
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}img,video,iframe{max-width:100%}main,section{min-width:0}header{max-width:100%}.menu-toggle{border:1px solid #5987ae;border-radius:24px;padding:12px 20px;background:#041328cc;font:inherit;font-size:13px;color:#fff}header nav{display:none}header nav.open{display:flex;position:absolute;right:4%;top:85%;flex-direction:column;gap:0;background:#081a30f5;border:1px solid #315376;border-radius:15px;min-width:190px;padding:12px;box-shadow:0 15px 50px #0009}header nav a{padding:12px}
@media(max-width:760px){
.hero{height:auto;min-height:0;padding:calc(74svh + 30px) 6% 100px;overflow:hidden}.hero-photo{height:76svh;object-fit:cover;object-position:68% center}.hero:before{background:linear-gradient(0deg,#020b19 0%,#020b19 20%,transparent 40%)}.hero-content{position:relative;top:auto;left:auto;width:100%}.hero h1{font-size:clamp(30px,8.5vw,39px);letter-spacing:-1.5px;line-height:1.08}.hero .eyebrow{font-size:7px;letter-spacing:2px}.hero .intro{font-size:13px}.hero-mark{top:54svh;right:5%;width:50px}.hero-gift{position:relative;left:auto;bottom:auto;margin-top:30px;gap:14px}.hero .scroll-hint{bottom:25px}.battery-row{gap:20px}.battery{width:140px}.battery-row p{font-size:11px}
.cinema-stage{height:100svh;min-height:0}.video-wrap video{object-fit:contain;background:#020b19}.trailer-title{top:10%;bottom:auto;left:6%}.trailer-title h2{font-size:32px}.trailer-title p{font-size:12px}.video-controls{bottom:13%;right:6%}.scene-step{bottom:20px}.cinematic{height:720svh}.smoke-front{background-size:auto 120%,auto 115%;filter:brightness(.7);will-change:opacity,transform}.orbit-heading{top:8%}.orbit-heading h2{font-size:23px}.catalog-note{bottom:5%}.phone-caption{width:100px}.capacity-list{font-size:8px}.orbit-controls{top:53%}
.trade{min-height:0;padding:55px 6% 420px;background-size:auto 360px;background-position:66% bottom}.trade h2{font-size:34px}.trade-copy{max-width:100%}.trade-copy>p{max-width:none}.payment{gap:15px}.payment strong{font-size:56px}.trade small{font-size:10px}
.wheel-section{padding:350px 6% 155px;height:auto;min-height:0;display:flex;flex-direction:column;gap:25px}.wheel-person{height:350px;bottom:auto;background-size:auto 350px;background-position:19% top;mask-image:linear-gradient(#000 70%,transparent);opacity:1}.wheel-section:before{background:none}.wheel-section:after{display:none}.wheel-copy{width:100%;text-align:left;padding:0}.wheel-copy h2{font-size:29px}.wheel-copy p{font-size:13px}.wheel-badges{gap:8px;flex-wrap:wrap}.wheel-badges>span{font-size:9px}.wheel-container{width:min(82vw,350px);flex-shrink:0;margin:0 auto 30px}#spin{font-size:23px}.wheel-container>small{top:138%}
.airpods-pin{height:100svh;min-height:0;padding:25px 6%;grid-template-rows:auto minmax(0,1fr) auto;overflow:clip}.airpods-product{height:min(32svh,260px);max-width:100%}.sound-orbit{width:100%}.airpods-pin h2{font-size:31px}.airpods-models img{height:52px}.airpods-models .text-link{font-size:10px}.airpods-models article{min-width:0}.runner-stage{height:100svh;min-height:0}.runner-copy{bottom:10%;top:auto;left:6%;width:88%}.runner-copy h2{font-size:34px;max-width:290px}.runner-copy p{font-size:12px;max-width:310px}.runner-copy .eyebrow{font-size:7px}.runner-scroll{bottom:24px}.watch-grid{gap:15px}.watch-grid article:first-child{grid-column:auto}.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-grid img,.watch-grid article:first-child img{height:145px}.watch-grid h3{font-size:13px}.watch-grid p{font-size:10px}.watch-grid .text-link{font-size:10px}.watches{padding:55px 5%}.watches h2{font-size:31px}.repair{min-height:900px}.repair canvas{height:380px}.store,.contact-section{padding:55px 6%}.store h2,.contact-section h2{font-size:32px}#contact-form{min-width:0}footer{padding:30px 6%}.strip-track{max-width:none}.store-map{width:100%}
}

@media(max-width:760px){
.hero{height:100svh;min-height:660px;padding:0}.hero-photo{height:100%;object-position:68% center}.hero:before{background:linear-gradient(0deg,#020b19 0%,#020b19dd 19%,#020b1980 40%,transparent 63%)}.hero-content{position:absolute;top:auto;bottom:15%;left:6%;width:88%}.hero h1{font-size:clamp(26px,7.2vw,34px);line-height:1.04;margin-bottom:9px}.hero-content .eyebrow{display:none}.hero .authorized{font-size:11px;margin-bottom:9px}.hero .intro{font-size:11px;line-height:1.35;margin-bottom:9px}.hero .intro br{display:none}.battery-row{margin-top:12px}.battery{height:43px;width:130px}.battery strong{font-size:27px}.hero-gift{position:absolute;bottom:5%;left:6%;margin:0}.hero-gift p{font-size:10px}.hero-mark{top:35%;width:44px}.hero .scroll-hint{bottom:12px;font-size:6px}.hero-gift .gift-outline{width:25px;height:29px}
.cinematic{height:602svh}
.trade{padding:50px 6% 270px;min-height:850px;background-image:linear-gradient(180deg,#020b19 0%,#020b19e6 28%,#020b1966 56%,transparent 80%),url('assets/trade-wide.webp');background-size:100% 100%,auto 600px;background-position:center,66% bottom}.trade h2{font-size:32px}.trade-copy{position:relative;z-index:1}.trade .best-deal{font-size:22px}.trade-copy>p{font-size:12px}.trade .payment{margin:18px 0}.trade .button{font-size:12px;padding:14px 20px}
.wheel-section{padding:260px 6% 150px;gap:18px}.wheel-person{height:540px;background-size:auto 540px;background-position:20% top;mask-image:linear-gradient(#000 55%,transparent 100%)}.wheel-copy{position:relative;z-index:1;text-shadow:0 2px 16px #020b19}.wheel-copy h2{font-size:27px}.wheel-copy p{font-size:12px}.wheel-section:before{background:linear-gradient(180deg,#020b19 0%,transparent 6%,transparent 25%,#020b1980 43%,#020b19 67%)}.wheel-container{width:min(78vw,330px)}
.watch-grid{grid-template-columns:1fr 1fr;gap:25px}.watch-grid article:first-child{grid-column:1/-1}.watch-grid img{height:210px}.watch-grid article:first-child img{height:300px}.watch-grid h3{font-size:18px}.watch-grid p{font-size:11px}.watch-grid .text-link{font-size:11px}
.airpods-pin{overflow:visible}.airpods-pin h2 br{display:initial}.airpods-pin h2{font-size:30px;line-height:1.05}.airpods-product{height:250px;max-height:33svh}.airpods-track{height:200svh}
}

.battery:after{top:50%;transform:translateY(-50%);height:46%;right:-9px;width:7px;border-radius:0 4px 4px 0}
@media(max-width:760px){
.hero>.battery-row{position:absolute;top:90px;left:50%;transform:translateX(-50%);margin:0;gap:16px;width:max-content;max-width:90%;z-index:3}.hero>.battery-row p{font-size:10px;line-height:1.35}.hero>.battery-row .battery{width:125px;height:40px}.hero>.battery-row .battery strong{font-size:26px}
.hero-photo{top:95px;height:calc(100% - 95px);object-position:68% center}.hero-content{bottom:14%;}.hero h1{font-size:clamp(25px,6.8vw,32px)}.hero .intro br:after{content:' '}.hero .intro{max-width:340px}
.repair{min-height:730px;display:block;padding:55px 6% 80px;overflow:hidden}.repair canvas{inset:0;width:100%;height:100%;z-index:0;opacity:.65}.repair-copy{position:relative;z-index:2;text-shadow:0 2px 16px #020b19}.repair-copy h2{font-size:34px;max-width:300px}.repair-copy>p{font-size:13px;max-width:300px}.repair-services{margin-top:130px;gap:20px;background:linear-gradient(90deg,#020b19d9,#020b1990);padding:18px 10px;border-radius:12px}.repair-services h3{font-size:14px}.repair-services p{font-size:11px}.repair:before{inset:0;height:100%;z-index:1;background:linear-gradient(180deg,#020b19d9,transparent 60%,#020b19aa)}
.trade{min-height:0;padding-bottom:300px;background-size:100% 100%,auto 350px;background-position:center,right bottom;background-repeat:no-repeat}.trade:after{height:65px}
}

/* Mobile hero alignment requested in the annotated reference. */
@media(max-width:760px){
.hero>.battery-row{top:78px;flex-direction:column;gap:7px;text-align:center;align-items:center}
.hero>.battery-row p{order:-1;font-size:10px;line-height:1.25;margin:0;white-space:nowrap}
.hero>.battery-row p br{display:none}
.hero>.battery-row p br:after{content:' '}
.hero-photo{object-position:73% center}
.hero-content{bottom:10.5%}
.hero-mark{top:auto;bottom:15%;right:5%;width:43px}
.hero .intro{max-width:82%}
}

@media (max-width:759px){.airpods-models article img{object-fit:contain;object-position:center;height:clamp(60px,18vw,84px)}}
