:root{--black:#050505;--white:#f7f7f3;--mid:#787878}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-font-smoothing:antialiased}
a{color:inherit}a:focus-visible{outline:2px solid #ffcf48;outline-offset:4px}
.skip{position:absolute;top:-100px;left:15px;padding:10px;background:white;color:black;z-index:20}.skip:focus{top:10px}
.masthead{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px clamp(22px,4vw,72px);border-bottom:1px solid #444}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:clamp(16px,1.5vw,21px);font-weight:900;letter-spacing:.01em;white-space:nowrap}
.brand img{width:132px;height:58px;object-fit:cover;object-position:center;mix-blend-mode:screen}
.masthead nav,footer nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px)}
.masthead nav a,footer nav a{text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.04em}
.masthead nav a:hover,footer nav a:hover{text-decoration:underline;text-underline-offset:6px}
.masthead nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
main{width:100%}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.11em}
h1,h2,p{margin-top:0}
.hero{position:relative;min-height:650px;max-height:900px;overflow:hidden;background:var(--white);color:var(--black)}
.hero-copy{position:absolute;top:8%;left:clamp(22px,4vw,72px)}
.hero h1{font-size:clamp(65px,11vw,175px);line-height:.77;letter-spacing:-.11em;margin:32px 0 30px;font-weight:900}
.hero h1 img{display:block;width:clamp(360px,42vw,650px);height:clamp(170px,20vw,310px);object-fit:cover;filter:invert(1) contrast(4);mix-blend-mode:darken}
.hero h1 .stop,.gear-head .stop{color:var(--black)}
.hero-copy p{font:500 clamp(16px,1.5vw,22px)/1.4 system-ui,sans-serif;letter-spacing:-.02em}
.hero-image{display:block;width:100%;height:auto;image-rendering:pixelated;position:absolute;bottom:0;left:0}
.hero-edge{position:absolute;left:0;right:0;bottom:0;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,4vw,72px);background:var(--black);color:var(--white);font-size:9px;letter-spacing:.05em}
.section-pad{padding:clamp(60px,8vw,110px) clamp(22px,4vw,72px)}
.listen{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,120px)}
.section-heading h2,.follow h2{font-size:clamp(55px,8.5vw,130px);letter-spacing:-.11em;line-height:.9;margin:22px 0 25px}
.section-heading p{color:#aaa;font:18px/1.5 system-ui,sans-serif}
.platforms{align-self:center}
.platform-primary{min-height:220px;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px;padding:25px 30px;border:1px solid #eee;text-decoration:none;transition:background .2s,color .2s}
.platform-primary:hover{background:var(--white);color:var(--black)}
.platform-icon{font-size:48px}.platform-primary small{display:block;font-size:11px;margin-bottom:13px}.platform-primary strong{font-size:clamp(24px,4vw,58px);letter-spacing:-.085em}
.platform-primary .arrow{align-self:start;font-size:24px}
.platform-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.platform-more a{min-height:86px;display:flex;flex-direction:column;justify-content:space-between;gap:9px;padding:14px;border:1px solid #666;text-decoration:none;font-size:clamp(10px,1vw,13px);font-weight:800}
.platform-more a span:last-child{align-self:end;color:#aaa;font-size:17px;font-weight:400}
.platform-more a:hover{background:var(--white);color:var(--black);border-color:var(--white)}
.platform-more a:hover span:last-child{color:var(--black)}
.gear-tease{background:var(--white);color:var(--black)}
.gear-link{min-height:390px;display:grid;grid-template-columns:1fr .9fr;gap:30px;align-items:center;margin-top:30px;padding-top:28px;border-top:3px solid var(--black);text-decoration:none}
.gear-link h2{font-size:clamp(47px,6.4vw,95px);line-height:.95;letter-spacing:-.09em;margin:0 0 35px}
.gear-link>div:first-child>span{font-size:12px;font-weight:900;border-bottom:1px solid var(--black);padding-bottom:8px}
.gear-link:hover>div:first-child>span{color:#666}
.gear-picture{position:relative;min-height:300px;display:grid;align-content:center;gap:18px;padding:30px;border:15px solid #333;border-radius:10px;background:#0a0a0a;box-shadow:17px 17px 0 #ddd;transform:rotate(-4deg);transition:transform .25s}
.gear-link:hover .gear-picture{transform:rotate(-1deg) translateY(-8px)}
.gear-screen{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border:6px solid #282828;background:#080808;color:#eee}
.gear-screen small,.gear-screen span{font-size:10px;color:#aaa}.gear-screen strong{font-size:clamp(18px,2.4vw,32px)}
.gear-pads{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.gear-pads i{height:98px;border:2px solid #ddd;font-style:normal;padding:8px;color:#ddd;font-size:11px}
.gear-pads i:first-child{background:#eee;color:#000}
.follow{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;min-height:360px}
.follow h2{font-size:clamp(45px,6vw,90px);margin-bottom:0}
.follow>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:2px solid #eee;border-bottom:1px solid #777;text-decoration:none;font-size:16px;font-weight:800}
.follow>a span:last-child{font-size:11px;color:#aaa}.follow>a:hover{color:#aaa}
footer{display:flex;align-items:center;gap:15px;padding:32px clamp(22px,4vw,72px);background:var(--white);color:var(--black)}
footer img{width:132px;height:58px;object-fit:cover;object-position:center}footer nav{margin-left:auto}
.gear-head{padding-bottom:40px}.gear-head h1{font-size:clamp(64px,10vw,140px);line-height:.83;letter-spacing:-.105em;margin:25px 0}.gear-head .stop{color:#eee}.gear-head p{color:#aaa;font:18px/1.45 system-ui,sans-serif}
.gear-list{padding-top:30px;background:var(--white);color:var(--black)}
.gear-entry{min-height:480px;display:grid;grid-template-columns:.8fr 1fr;gap:35px;align-items:stretch;margin-top:26px;text-decoration:none;border:2px solid var(--black)}
.gear-entry-copy{display:flex;flex-direction:column;padding:clamp(20px,3vw,50px)}
.gear-entry-copy>span{font-size:11px;font-weight:800}.gear-entry-copy h2{font-size:clamp(50px,6vw,90px);line-height:.86;letter-spacing:-.105em;margin:35px 0 25px}
.gear-entry-copy p{max-width:450px;font:18px/1.5 system-ui,sans-serif}
.gear-entry-copy strong{margin-top:auto;font-size:12px;padding-top:28px;text-decoration:underline;text-underline-offset:6px}
.gear-entry-visual{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px;background:#111;color:#eee}
.mini-screen{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border:9px solid #333;background:#030303}
.mini-screen small{font-size:10px;color:#aaa}.mini-screen b{font-size:clamp(18px,2.5vw,35px)}.mini-screen b span{color:#888}
.mini-pads{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.mini-pads i{display:flex;align-items:center;justify-content:center;min-height:140px;border:2px solid #eee;font-style:normal;font-size:clamp(10px,1.5vw,20px)}
.mini-pads i:first-child{background:#eee;color:#111}
.gear-entry:hover .gear-entry-visual{background:#252525}
@media(max-width:1050px){.hero{min-height:550px}.hero-image{height:75%;width:100%;object-fit:cover;object-position:70% bottom}.hero-copy{top:7%}.listen{grid-template-columns:1fr;gap:30px}.gear-link{grid-template-columns:1fr}.gear-picture{max-width:750px}.follow{grid-template-columns:1fr}.gear-entry{grid-template-columns:1fr}.gear-entry-visual{min-height:350px}}
@media(max-width:650px){.masthead{min-height:70px}.brand{font-size:15px}.brand img{width:100px;height:46px}.masthead nav{gap:14px}.masthead nav a{font-size:9px}.hero{min-height:620px;max-height:none}.hero-copy{top:40px;left:22px;right:22px}.hero h1{margin:22px 0}.hero h1 img{width:min(100%,360px);height:170px}.hero-copy p{max-width:230px;font-size:15px}.hero-image{height:400px;width:100%;left:0;transform:none;object-fit:cover;object-position:70% bottom;bottom:0}.hero-edge span:last-child{display:none}.section-pad{padding-block:60px}.section-heading h2{font-size:72px}.platform-primary{grid-template-columns:1fr auto;gap:12px;min-height:165px;padding:22px}.platform-icon{display:none}.platform-primary strong{font-size:34px}.gear-link h2{font-size:54px}.gear-picture{min-height:220px;padding:14px;border-width:9px}.gear-screen{min-height:75px}.gear-screen small{display:none}.gear-pads{gap:4px}.gear-pads i{height:70px;border-width:1px;padding:5px}.follow h2{font-size:52px}.follow>a{font-size:13px}.follow>a span:last-child{font-size:9px}footer{flex-wrap:wrap}footer img{width:100px;height:46px}footer nav{flex-basis:100%;margin-left:0}.gear-head h1{font-size:clamp(50px,12vw,75px)}.gear-entry-copy h2{font-size:60px}.gear-entry-visual{padding:14px;min-height:250px}.mini-screen{border-width:5px;min-height:75px}.mini-screen small{display:none}.mini-pads{gap:4px}.mini-pads i{min-height:80px;border-width:1px}}
@media(max-width:360px){.brand span{font-size:13px}.masthead nav{gap:8px}.masthead nav a{font-size:8px}.hero h1{font-size:52px}.hero-copy p{max-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}