@font-face{font-family:"Rewind Display";src:url(rewind-display.woff) format("woff");font-weight:900;font-display:swap}:root{--cream:#fff3de;--ink:#241138;--hot:#ff087a;--violet:#260538;--lime:#fbff20;--display:"Rewind Display","Impact","Arial Narrow",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.45 system-ui,sans-serif}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,.logo,.announce,.site-header nav,.bag,.button,.era,.kicker{font-family:var(--display);font-weight:900;line-height:1;text-transform:uppercase}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #06a586;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:0}.shell{width:min(1536px,100%);margin:auto;padding-inline:clamp(20px,2.7vw,44px)}.announce{text-align:center;background:var(--hot);color:#fff;padding:6px;font-size:clamp(14px,1.6vw,23px);line-height:1.1}.header-inner{min-height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.logo{font-size:clamp(22px,2.55vw,38px);letter-spacing:-.03em;line-height:.8;justify-self:start}.site-header nav{display:flex;gap:clamp(16px,3.6vw,60px);font-size:clamp(16px,1.85vw,27px)}.site-header nav a:hover,.site-footer a:hover{text-decoration:underline}.bag{justify-self:end;font-size:clamp(16px,1.9vw,28px);display:flex;gap:8px;align-items:center;white-space:nowrap}.hero{background:var(--violet);color:var(--cream);overflow:hidden}.hero-inner{position:relative;min-height:clamp(340px,26vw,412px);display:grid;grid-template-columns:46% 54%;align-items:center;padding-right:0}.hero-copy{position:relative;z-index:1;padding:26px 0 32px}.hero h1{font-size:clamp(48px,6.3vw,98px);line-height:.92;letter-spacing:-.035em;white-space:nowrap}.hero h1 span{color:var(--lime)}.hero-copy p{font-size:clamp(18px,2.04vw,31px);font-weight:750;margin:12px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:13px;box-shadow:4px 4px 0 #130722;font-size:clamp(17px,2.1vw,30px);cursor:pointer;line-height:1.1}.button:hover{background:#fff675}.button:disabled{opacity:.55;cursor:default}.button.secondary{background:white}.hero-image{height:100%;min-width:0;position:relative;isolation:isolate}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--violet),transparent 10%);pointer-events:none}.bands{padding-top:16px}.bands h2{font-size:clamp(31px,3.55vw,54px);margin:0 0 12px}.eras,.packs{display:grid;gap:18px}.eras{grid-template-columns:repeat(3,minmax(0,1fr))}.era{min-height:clamp(124px,11.5vw,180px);display:grid;grid-template-columns:1fr 48%;align-items:center;overflow:hidden;border:3px solid var(--ink);border-radius:17px;font-size:clamp(29px,4vw,64px);padding:8px 12px 8px 19px;letter-spacing:-.035em}.era:hover,.pack[href]:hover{box-shadow:4px 4px 0 var(--ink)}.era img{width:100%;max-height:155px;object-fit:contain}.era.yellow{background:#ffd316}.era.mint{background:#92f5cc}.era.pink{background:#ff63a6}.latest{padding-top:25px;padding-bottom:28px}.packs{grid-template-columns:repeat(2,minmax(0,1fr))}.pack{border:2px solid var(--ink);border-radius:17px;display:grid;grid-template-columns:45% 55%;overflow:hidden;min-height:150px;align-items:center;background:var(--cream)}.pack-image{min-width:0;display:grid;place-items:center;padding:8px 12px}.pack-image img{width:100%;height:clamp(94px,10vw,145px);object-fit:contain}.pack-copy{padding:8px 16px;border-left:2px solid var(--ink)}.pack h3{font-size:clamp(22px,2.5vw,38px)}.pack p{margin-top:6px;font-size:clamp(15px,1.8vw,26px);line-height:1.2}.site-footer{background:var(--violet);color:var(--cream);margin-top:20px}.footer-inner{padding-block:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.footer-inner p{margin-top:4px}.interior{padding-top:45px;padding-bottom:65px;min-height:54vh}.interior h1{font-size:clamp(42px,6vw,88px);margin-bottom:22px}.interior .button{margin-block:8px}.interior .packs{margin-top:20px}.rte{margin-bottom:22px;max-width:65ch}.rte p{margin-bottom:12px}.rte a{text-decoration:underline}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.gallery img{width:100%;max-height:620px;object-fit:contain;border:2px solid var(--ink);border-radius:14px;margin-bottom:16px}.kicker,.price{margin:0 0 12px}.price{font-size:26px;font-weight:750}.buy-form{display:grid;max-width:340px;gap:8px}.buy-form input,.cart-row input{width:85px}input,select{font:inherit;color:inherit;border:1px solid var(--ink);border-radius:5px;padding:8px;background:#fffdf7}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ink);padding:16px 0}.cart-row img{width:85px}.cart-row a{text-decoration:underline}.cart-total{text-align:right;padding-top:22px}.pagination{margin-top:25px;display:flex;gap:10px}
@media(max-width:1000px){.hero h1{font-size:clamp(43px,6.05vw,70px)}.era{padding-left:12px}}
@media(max-width:700px){.header-inner{grid-template-columns:1fr auto;gap:12px;padding-block:13px}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;font-size:16px}.hero-inner{grid-template-columns:1fr;padding-inline:0}.hero-copy{padding:26px 20px 10px}.hero h1{font-size:clamp(37px,10vw,67px)}.hero-copy p{margin-bottom:12px}.hero-image{height:auto;aspect-ratio:1.6}.hero-image:after{background:linear-gradient(180deg,var(--violet),transparent 12%)}.eras,.packs{grid-template-columns:1fr;gap:10px}.era{min-height:110px;grid-template-columns:1fr 34%}.era img{max-height:95px}.pack{min-height:105px;grid-template-columns:38% 62%}.pack h3{font-size:25px}.product-layout{grid-template-columns:1fr;gap:20px}.cart-row img{width:62px}.cart-total{text-align:left}}
.hero h1{width:max-content;transform:scaleX(.77);transform-origin:left center}.bands h2{width:max-content;max-width:100%;transform:scaleX(.88);transform-origin:left center}.era span{letter-spacing:-.06em}.era.pink span{max-width:5.8ch}
@media(max-width:700px){.hero h1{transform:scaleX(.74)}.era.pink span{max-width:none}}
@media(max-width:380px){.hero h1{font-size:clamp(34px,10vw,38px);transform:scaleX(.73)}}