.back-link{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.pack-intro{padding-top:40px}.pack-heading{display:flex;justify-content:space-between;align-items:center;margin-top:42px}.pack-heading h1{font-size:clamp(65px,8.5vw,132px);margin:28px 0 34px}.pack-logo{width:clamp(65px,9vw,140px);height:auto;aspect-ratio:1/2;color:#777c78;margin-right:4%}.pack-summary{display:flex;justify-content:space-between;align-items:center;padding-bottom:44px;border-bottom:1px solid var(--line)}.pack-summary p{font-size:16px;line-height:1.6;margin:0}.purchase{display:flex;gap:30px;align-items:center}.purchase>span{font:9px var(--mono);letter-spacing:1px}.purchase strong{display:block;font:28px 'Helvetica Neue',Arial;margin-top:6px;letter-spacing:-1px}.audition{padding-top:45px;padding-bottom:80px;max-width:1300px}.audition-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.audition-heading>p:last-child{font-size:13px;color:var(--muted);margin:0}.audio-source{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:23px;font-size:10px;color:var(--muted)}.audio-source p{margin:0}.audio-source a{text-decoration:underline}.audio-source details{max-width:100%;width:310px;text-align:right}.audio-source summary{cursor:pointer}.audio-source iframe{display:block;width:100%;height:310px;border:0;margin-top:15px}.audio-source details:not([open]) iframe{position:absolute;left:-10000px;width:320px;height:300px}.pack-about{padding-block:75px;background:#eeefeb;display:grid;grid-template-columns:1fr 1fr;gap:10%}.pack-about h2{font-size:clamp(40px,5vw,72px)}.pack-about .statement{font-size:24px;color:var(--ink);margin-top:0}.pack-about p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.pack-about .text-link{margin-top:20px}.checkout-note{font-size:11px;color:var(--muted);margin-top:20px}.ipod-stage{padding:35px 20px 42px;background:radial-gradient(ellipse at 50% 45%,#e6e8e2,#f2f3ee 65%,#f8f8f5);border:1px solid #e8e9e3;border-radius:4px;display:flex;justify-content:center}.ipod{width:530px;max-width:100%;border-radius:38px;background:repeating-linear-gradient(90deg,#fff0 0px,#fff2 1px,#77777707 2px,#fff0 3px),linear-gradient(112deg,#e1e2df 0%,#f7f8f5 25%,#d3d5d1 70%,#b9bdb8 100%);padding:30px 28px 20px;box-shadow:inset 0 2px 3px #fff,inset 2px 0 4px #fff,inset -3px -3px 6px #62696170,0 18px 25px #1e29252b,0 1px 2px #3c4739;border:1px solid #b2b7af;position:relative}.hold-switch{position:absolute;top:-3px;right:70px;width:40px;height:4px;border-radius:3px;background:#adb3a9;border:1px solid #90988c}.screen-bezel{background:linear-gradient(135deg,#151c16,#383e37);padding:7px;border-radius:9px;box-shadow:0 1px 1px #fff,0 0 0 1px #808b7b}.ipod-screen{background:#f9faf5;border-radius:3px;overflow:hidden;color:#1b2421;font-family:Arial,sans-serif;box-shadow:inset 0 0 3px #0006}.screen-bar{height:26px;background:linear-gradient(#fff,#d4d9d4);border-bottom:1px solid #9fa9a0;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:12px}.screen-bar b{font-size:13px}.screen-bar>span{display:flex;gap:8px;align-items:center}#mode{font-size:8px;font-weight:bold;letter-spacing:.5px}.battery{display:block;width:21px;height:10px;border:1px solid #698174;border-radius:2px;background:linear-gradient(#a7d68c,#5b9a4e);box-shadow:inset 0 0 0 1px #f1f6e9;position:relative}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#698174}.screen-content{display:grid;grid-template-columns:54% 46%;min-height:292px}.song-menu{border-right:1px solid #a3ada3;background:#fff}.menu-title{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;font-weight:bold;background:#e6eae5;border-bottom:1px solid #bcc5bb}.menu-title>span{font-size:20px;line-height:1}.track-list{list-style:none;margin:0;padding:0}.track-list li{margin:0;padding:0}.track-list button{border:0;background:none;width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;height:26px;padding:0 10px;font-size:13px;font-weight:600;color:#202c24;border-radius:0}.track-list button:hover{background:#e7eef2}.track-list button.highlighted{background:linear-gradient(#70b4ee,#2688cf 55%,#1475bd);color:#fff;box-shadow:inset 0 1px #a2d5ff,inset 0 -1px #0b679f}.track-list .number,.track-list .length{display:none}.track-list .track-icon{font-size:12px;color:inherit}.track-list button:focus-visible{outline:2px solid #153d77;outline-offset:-2px}.now-panel{padding:16px 13px 10px;background:linear-gradient(120deg,#f7f9f4,#e6ebe3)}.album-art{position:relative;aspect-ratio:1;background:#c7cbb8;box-shadow:1px 3px 5px #20351c33;border:1px solid #aeb6a0;overflow:hidden;padding:9px;color:#4c5845;display:flex;flex-direction:column;justify-content:space-between}.album-art>span{font:7px var(--mono);letter-spacing:1px;position:relative;z-index:1}.album-art>svg{position:absolute;height:160px;width:80px;right:10px;top:8px;opacity:.47;stroke:none;fill:none}.album-art>b{font-size:11px;line-height:1.2;letter-spacing:.5px;position:relative;z-index:1}.screen-now{padding:13px 0 0}.screen-now>span{font-size:8px;color:#607060}.screen-now h2{font-size:18px;font-weight:bold;letter-spacing:-.4px;line-height:1.1;margin:6px 0}.screen-now p{font-size:10px;margin:4px 0;color:#677266}.screen-progress{border-top:1px solid #b9c4b7;background:#edf1e9;display:flex;align-items:center;gap:7px;padding:8px 9px;font:9px Arial}.screen-progress input{width:0;flex:1;height:12px;margin:0;accent-color:#398fcb;cursor:pointer}.click-wheel{position:relative;width:250px;height:250px;border-radius:50%;margin:35px auto 25px;background:linear-gradient(130deg,#fff,#f5f6f3 70%,#e9ece7);border:1px solid #c3c9be;box-shadow:inset 0 2px 3px #fff,0 1px 2px #f9fff5;touch-action:none;user-select:none;cursor:grab}.click-wheel:active{cursor:grabbing}.click-wheel button{position:absolute;border:0;background:none;color:#9ea699;font-size:17px;font-weight:bold;padding:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.click-wheel button:hover{color:#5a6954}.click-wheel .wheel-menu{left:70px;right:70px;top:10px;font-size:12px;font-weight:500;letter-spacing:.7px}.click-wheel .wheel-previous{left:3px;top:98px}.click-wheel .wheel-next{right:3px;top:98px}.click-wheel .wheel-play{bottom:7px;left:87px;right:87px;font-size:15px}.click-wheel .wheel-select{width:88px;height:88px;left:80px;top:80px;border-radius:50%;border:1px solid #c1c7bb;background:repeating-linear-gradient(90deg,#fff0 0px,#fff2 1px,#77777709 2px),linear-gradient(135deg,#e0e3dc,#f0f2ec 45%,#cdd2c7);box-shadow:inset 0 1px 2px #fff,0 1px 2px #bec5b6}.wheel-select:active{box-shadow:inset 0 2px 4px #858e7970}.click-wheel button:disabled{opacity:.4;cursor:wait}.ipod-wordmark{display:flex;justify-content:space-between;color:#9aa291;font:8px var(--mono);letter-spacing:2px;padding:0 8px}.ipod-wordmark span{font-size:7px;letter-spacing:1px}.wheel-help{text-align:center;font-size:11px;color:var(--muted);line-height:1.7;margin-top:23px}.player-tools{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:25px;padding-block:17px;border-block:1px solid var(--line)}.volume{width:180px}.volume label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.volume input{width:100%;accent-color:#58675d;margin-top:7px}.player-tools button{background:none;border:0;font-size:11px;padding:10px 0;color:var(--muted)}.player-tools button[aria-pressed=true]{color:#204e32;font-weight:bold}.player-status{font-size:11px;color:var(--muted);min-height:18px;line-height:1.6;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.header nav{gap:17px}.header .catalogue-link{display:none}.pack-heading{margin-top:30px}.pack-heading h1{font-size:clamp(53px,10vw,76px)}.pack-heading .eyebrow{font-size:7px}.pack-summary{gap:20px}.pack-summary p{font-size:13px}.purchase{gap:12px}.purchase .pill{padding:12px 16px;font-size:10px}.purchase strong{font-size:24px}.audio-source{flex-direction:column}.audio-source details{text-align:left;width:100%}}
@media(max-width:500px){.pack-intro{padding-top:28px}.pack-logo{width:49px;margin-right:0}.pack-heading h1{font-size:clamp(48px,11vw,58px);letter-spacing:-.07em}.pack-summary{display:block}.purchase{justify-content:space-between;margin-top:25px}.purchase>span{display:flex;gap:12px;align-items:center}.purchase strong{margin:0}.audition{padding-inline:5%}.audition-heading>p:last-child{font-size:9px}.ipod-stage{padding:25px 12px 30px}.ipod{border-radius:28px;padding:23px 18px 17px}.screen-bezel{padding:5px;border-radius:6px}.screen-bar{height:22px;padding:0 6px;font-size:10px}.screen-bar b{font-size:11px}#mode{font-size:6px}.battery{width:16px;height:8px}.battery:after{height:3px;top:1px}.screen-content{grid-template-columns:56% 44%;min-height:220px}.menu-title{font-size:8px;height:22px;padding-inline:6px}.track-list button{height:20px;padding:0 7px;font-size:10px}.track-list .track-icon{font-size:9px}.now-panel{padding:10px 7px}.album-art{padding:6px}.album-art>span{font-size:5px}.album-art>svg{height:100px;width:50px;right:3px;top:0}.album-art>b{font-size:8px}.screen-now{padding-top:9px}.screen-now h2{font-size:13px;margin:4px 0}.screen-now p{font-size:7px;margin:3px 0}.screen-now>span{font-size:6px}.screen-progress{font-size:7px;padding:5px;gap:4px}.click-wheel{width:210px;height:210px;margin:26px auto 22px}.click-wheel .wheel-select{width:76px;height:76px;left:66px;top:66px}.click-wheel .wheel-menu{left:50px;right:50px;top:6px;font-size:10px}.click-wheel .wheel-previous,.click-wheel .wheel-next{top:79px;font-size:15px}.click-wheel .wheel-play{left:69px;right:69px;bottom:5px;font-size:13px}.wheel-help{font-size:9px}.player-tools{gap:20px}.volume{width:140px}.player-tools button{font-size:10px}.pack-about{grid-template-columns:1fr;gap:35px;padding-block:55px}.pack-about h2{font-size:47px}.pack-about .statement{font-size:22px}.closing h2{font-size:44px}}
/* Classic 120GB front: 61.8 mm wide × 103.5 mm high. LCD: 4:3.
   Screen and wheel placements scale together inside that fixed body ratio. */
.ipod{width:480px;aspect-ratio:61.8 / 103.5;padding:0;border-radius:7% / 4.18%;container-type:inline-size;flex:none}
.ipod .screen-bezel{position:absolute;left:6%;top:5%;width:88%;padding:1.3%;border-radius:1.6cqw}
.ipod .ipod-screen{aspect-ratio:4 / 3;display:flex;flex-direction:column;font-family:'Trebuchet MS','Lucida Grande',Tahoma,Arial,sans-serif;border-radius:.5cqw}
.ipod .screen-bar{height:4.8cqw;min-height:4.8cqw;padding:0 1.5cqw;font-size:2.5cqw}
.ipod .screen-bar b{font-size:2.7cqw;font-weight:700}.ipod #mode{font-size:1.5cqw}
.ipod .screen-content{flex:1;min-height:0;grid-template-columns:54% 46%;overflow:hidden}
.ipod .song-menu{display:flex;flex-direction:column;min-height:0}
.ipod .menu-title{height:5cqw;min-height:5cqw;font-size:2.2cqw;padding:0 1.6cqw}
.ipod .track-list{flex:1;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));min-height:0}
.ipod .track-list li{min-height:0;display:flex}.ipod .track-list button{height:100%;padding:0 1.7cqw;font-family:inherit;font-size:2.65cqw;font-weight:700;line-height:1;min-height:0}.ipod .track-list .track-icon{font-size:2.2cqw}
.ipod .now-panel{min-height:0;padding:2.5cqw 2cqw 1cqw}.ipod .album-art{padding:1.5cqw}.ipod .album-art>span{font-size:1.3cqw}.ipod .album-art>b{font-family:'Trebuchet MS','Lucida Grande',Tahoma,Arial,sans-serif;font-size:2cqw}.ipod .album-art>svg{height:32cqw;width:16cqw;right:1.5cqw;top:1cqw}
.ipod .screen-now{padding-top:1.5cqw}.ipod .screen-now>span{font-size:1.5cqw}.ipod .screen-now h2{font-family:inherit;font-size:3.2cqw;margin:1cqw 0;letter-spacing:-.1cqw}.ipod .screen-now p{font-size:1.85cqw;margin:.6cqw 0}
.ipod .screen-progress{height:4.8cqw;min-height:4.8cqw;padding:.8cqw 1.5cqw;gap:1.2cqw;font:1.8cqw 'Trebuchet MS','Lucida Grande',Tahoma,Arial,sans-serif}.ipod .screen-progress input{height:2.5cqw}
.ipod .click-wheel{position:absolute;left:18%;top:52.5%;width:64%;height:auto;aspect-ratio:1;margin:0}
.ipod .click-wheel button{font-family:'Trebuchet MS','Lucida Grande',Tahoma,Arial,sans-serif;padding:2.5cqw;font-size:3.3cqw}
.ipod .click-wheel .wheel-menu{left:25%;right:25%;top:4%;font-size:2.7cqw;letter-spacing:.1cqw}
.ipod .click-wheel .wheel-previous{left:1%;top:40%}.ipod .click-wheel .wheel-next{right:1%;top:40%}.ipod .click-wheel .wheel-play{left:35%;right:35%;bottom:2%;font-size:3cqw}
.ipod .click-wheel .wheel-select{left:33%;top:33%;width:34%;height:34%}
.ipod .ipod-wordmark{position:absolute;bottom:4%;left:7%;right:7%;padding:0;font-size:1.5cqw}.ipod .ipod-wordmark span{font-size:1.3cqw}
.ipod .hold-switch{right:17%;width:9%;top:-.3%;height:.5%}
.ipod .battery{width:4cqw;height:2cqw}.ipod .battery:after{right:-.6cqw;top:.4cqw;width:.4cqw;height:.8cqw}
