*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--white);color:var(--black);font-family:var(--font-body);letter-spacing:var(--track-body);font-size:17px;line-height:1.45}img{max-width:100%;height:auto;display:block}a{color:inherit}.display{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:var(--track-display);line-height:.9;margin:0}.feature{font-family:var(--font-body);font-weight:800;letter-spacing:-.02em;line-height:1.22;margin:0}.whisper{font-size:14px;opacity:.8}h1.display{font-size:clamp(44px,9vw,110px)}h2.display{font-size:clamp(32px,6vw,64px)}h3.display{font-size:clamp(22px,4vw,34px)}html{scroll-padding-top:84px}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}section.band{padding:clamp(32px,5vw,60px) 0;position:relative}.bg-yellow{background:var(--yellow);color:var(--black)}.bg-white{background:var(--white);color:var(--black)}.bg-black{background:var(--black);color:var(--white)}.bg-green{background:var(--green);color:var(--black)}.bg-blue{background:var(--blue);color:var(--black)}.bg-pink{background:var(--pink);color:var(--black)}.bg-red{background:var(--red);color:var(--black)}.bg-sky{background:var(--sky);color:var(--black)}.bg-cobalt{background:var(--cobalt);color:var(--white)}.bg-purple{background:var(--purple);color:var(--white)}.bg-peach{background:var(--peach);color:var(--black)}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.pat{background-size:cover;background-position:center}.pat-starburst{background-image:var(--pat-starburst)}.pat-squiggle{background-image:var(--pat-squiggle)}.pat-leopard{background-image:var(--pat-leopard)}.pat-lightning{background-image:var(--pat-lightning)}.pat-stars{background-image:var(--pat-stars)}.pat-eyes{background-image:var(--pat-eyes)}.pat-brick{background-image:var(--pat-brick)}.pat-denim{background-image:var(--pat-denim)}.pat-cord{background-image:var(--pat-cord)}.btn,.btn-invert,.btn-cobalt,.btn-pink,.btn-white{display:inline-block;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:18px;padding:14px 26px;border-radius:999px;border:3px solid var(--black);background:var(--yellow);color:var(--black);text-decoration:none;box-shadow:4px 4px 0 var(--black);transition:transform .12s ease,box-shadow .12s ease}.btn:hover,.btn-invert:hover,.btn-cobalt:hover,.btn-pink:hover,.btn-white:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--black)}.btn:active,.btn-invert:active,.btn-cobalt:active,.btn-pink:active,.btn-white:active{transform:translate(3px,3px) scale(.98);box-shadow:1px 1px 0 var(--black)}.btn-invert{background:var(--black);color:var(--white);border-color:var(--black);box-shadow:4px 4px #18181859}.btn-cobalt{background:var(--cobalt);color:var(--white)}.btn-pink{background:var(--pink);color:var(--black)}.btn-white{background:var(--white);color:var(--black)}.card{background:var(--white);border:3px solid var(--black);border-radius:var(--radius);box-shadow:6px 6px 0 var(--black);overflow:hidden}.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:3px solid var(--black)}.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--pad);max-width:var(--maxw);margin:0 auto}.logo-h{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:26px;letter-spacing:-.01em;text-decoration:none;display:inline-flex;align-items:center;gap:3px;color:var(--black)}.logo-h .logo-img{height:24px;width:auto;display:block}.footer-logo{height:30px;width:auto;display:block;margin-bottom:28px}.logo-h .and{font-size:9px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;line-height:1;margin:0 1px}.main-nav{display:flex;gap:22px;align-items:center}.main-nav a{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:15px;text-decoration:none}.main-nav a:hover{color:var(--cobalt)}.nav-toggle{display:none;background:none;border:3px solid var(--black);border-radius:10px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:14px;padding:8px 12px;cursor:pointer;color:var(--black)}@media(max-width:820px){.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--yellow);border-bottom:3px solid var(--black);flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.main-nav.open{display:flex}.main-nav a{padding:14px var(--pad);font-size:20px;border-top:2px solid rgba(24,24,24,.15)}.nav-toggle{display:inline-block}}.site-footer{background:var(--black);color:var(--white);padding:40px 0 24px}.site-footer a{color:var(--white)}.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}.site-footer h4{font-family:var(--font-display);text-transform:uppercase;margin:0 0 10px;font-size:16px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:15px}.site-footer ul a{display:inline-block;padding:8px 0}.site-footer .ack{margin-top:40px;font-size:13px;opacity:.75;max-width:640px}.ticker{overflow:hidden;white-space:nowrap;border-top:3px solid var(--black);border-bottom:3px solid var(--black)}.ticker-inner{display:inline-block;padding:10px 0;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:20px;animation:ticker 22s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.bg-cobalt .whisper,.bg-purple .whisper,.bg-red .whisper,.bg-green .whisper,.bg-blue .whisper,.bg-pink .whisper{opacity:1}h1.display,h2.display,h3.display{text-wrap:balance}.skip{position:absolute;left:-999px;top:0;z-index:100;background:var(--yellow);color:var(--black);padding:10px 16px;font-weight:800;border-radius:0 0 10px}.skip:focus{left:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.bg-cobalt :focus-visible,.bg-purple :focus-visible,.bg-black :focus-visible,.site-footer :focus-visible{outline-color:var(--yellow)}.btn:disabled,button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.ticker-inner{animation:none}.btn,.btn:hover,.btn:active{transition:none;transform:none}*{scroll-behavior:auto!important}}.keepcase{text-transform:none}.compare-fab{position:fixed;bottom:14px;left:14px;z-index:60;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:11px;padding:7px 14px;background:var(--black);color:var(--white);border:2px solid var(--white);border-radius:999px;box-shadow:0 3px #18181866;cursor:pointer;opacity:.85}.compare-fab:hover{opacity:1;transform:translateY(-1px)}html.compare-on body{margin-left:50vw}html.compare-on{overflow-x:hidden}html.compare-on .site-header{position:static}.compare-panel{position:fixed;top:0;left:0;bottom:0;width:50vw;z-index:55;background:var(--black);border-right:4px solid var(--black);display:flex;flex-direction:column}.compare-label{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:var(--white);background:var(--black);padding:8px 14px}.compare-scroll{flex:1;overflow-y:auto;background:#fff}.compare-scroll img{width:100%;height:auto;display:block}@media(max-width:819px){.compare-panel{display:none}}@media print{.compare-fab{display:none}}section.band.band-quiet{padding:clamp(20px,2.6vw,32px) 0}.band-quiet>.wrap>.display{font-size:clamp(22px,3vw,32px)}.band-quiet>.wrap>.feature{font-size:16px}.ep-chip,.live-pending,.ep-num,.tnum{font-feature-settings:"ss01"}@media(max-width:600px){.btn,.btn-invert,.btn-cobalt,.btn-pink,.btn-white{font-size:15px;padding:11px 20px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/base.css.map */