@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#151613;--paper:#e8e6db;--lime:#d6fc36;--mono:'Space Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.38' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{overflow-x:clip;margin:0;color:var(--paper);background:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}body:after{content:'';position:fixed;inset:0;background-image:var(--grain);opacity:.085;pointer-events:none;z-index:10}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.skip{position:fixed;top:-80px;left:16px;background:var(--lime);padding:12px;color:var(--ink);z-index:30}.skip:focus{top:12px}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--ink);border-bottom:1px solid #4b4c42;position:relative;z-index:20}.wordmark{font-family:var(--display);font-weight:900;font-size:42px;line-height:.9;letter-spacing:-1px;display:inline-flex;align-items:center;transform:skew(-7deg);position:relative}.wordmark span{font-family:var(--mono);font-size:12px;letter-spacing:2px;writing-mode:vertical-rl;margin-left:7px}.wordmark i{font-size:13px;align-self:flex-start;font-style:normal;margin-left:4px}.header nav{display:flex;align-items:center;gap:36px;font-family:var(--mono);font-size:14px}.header nav a:hover,.text-link:hover{color:var(--lime)}.shop-link{border:1px solid #888b78;padding:10px 20px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.hero{position:relative;min-height:700px;height:calc(100svh - 92px);max-height:950px;overflow:hidden;background:#33352c;isolation:isolate}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;filter:grayscale(1) contrast(1.2);z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,9,.94),rgba(10,12,9,.7) 30%,rgba(10,12,9,.05) 72%),linear-gradient(0deg,rgba(9,11,8,.65),transparent 35%);z-index:-2}.hero-content{position:relative;padding:95px 5% 100px;max-width:1200px}.eyebrow{font-family:var(--mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 24px}.hero .eyebrow{display:inline-block;padding:8px 11px;background:var(--paper);color:var(--ink);transform:rotate(-2deg)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:900;letter-spacing:-.025em;line-height:.88}h1{font-size:clamp(80px,9.3vw,148px);margin-bottom:30px;transform:rotate(-2deg);transform-origin:left center;text-shadow:2px 1px #292c24}h1 span{color:var(--lime)}h1,h2,.wordmark,.card-art{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.12 .6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 18 0 0 0 -5'/%3E%3C/filter%3E%3Cpath filter='url(%23d)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mask-size:160px 160px;mask-repeat:repeat}.hero-copy{font-size:18px;line-height:1.55;margin-bottom:30px;max-width:380px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 29px;font-family:var(--mono);font-weight:700;font-size:14px;border:0;clip-path:polygon(1% 7%,98% 0,100% 92%,2% 100%,0 55%);transition:transform .2s,background .2s}.button:hover{transform:rotate(-2deg) translateY(-2px)}.lime{background:var(--lime);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.hero-stamp{position:absolute;right:6%;top:10%;font-family:var(--display);font-size:28px;font-weight:900;line-height:.95;text-align:center;border:3px solid var(--lime);color:var(--lime);padding:15px 20px;transform:rotate(12deg);box-shadow:inset 0 0 0 3px #0007;opacity:.88}.hero-stamp span{display:block;font-family:var(--mono);font-size:10px;margin-top:10px;letter-spacing:1px}.hero-caption{position:absolute;right:3%;bottom:100px;writing-mode:vertical-rl;font-family:var(--mono);font-size:12px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase}.ticker{background:var(--lime);color:var(--ink);padding:16px 0;overflow:hidden;transform:rotate(-1.5deg);position:relative;margin:-12px -1% 0;width:102%;z-index:2;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.ticker div{white-space:nowrap;font-family:var(--display);font-size:29px;font-weight:800;letter-spacing:1px;word-spacing:9px}.ticker b{margin:0 19px}.section{padding:105px 5%}.worlds{background-color:var(--paper);color:var(--ink);background-image:var(--grain);position:relative;clip-path:polygon(0 0,100% 0,100% 99%,97% 99.5%,93% 99%,88% 99.7%,83% 99%,77% 99.8%,70% 99.1%,64% 99.9%,58% 99%,51% 99.7%,44% 99.2%,37% 99.8%,29% 99.2%,23% 99.8%,18% 99%,11% 99.8%,5% 99%,0 99.8%)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:30px}.section-head h2{font-size:clamp(47px,5.2vw,78px);margin:0}.section-head h2 em{font-style:normal;-webkit-text-stroke:1px var(--ink);color:transparent}.section-head>p{max-width:240px;line-height:1.7;margin:0 0 4px;font-size:16px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;padding:6px}.world-card{position:relative;display:flex;flex-direction:column;min-width:0;height:410px;padding:19px 18px 0;border:2px solid var(--ink);box-shadow:5px 6px 0 #15161324;text-align:left;color:var(--paper);background:var(--ink);transition:transform .2s,box-shadow .2s;isolation:isolate}.world-card:after{content:'';position:absolute;inset:0;background:var(--grain);opacity:.3;pointer-events:none;z-index:-1}.world-card:before{content:'';position:absolute;top:-12px;left:30%;height:28px;width:39%;background:#b4ad8ad9;transform:rotate(-6deg);clip-path:polygon(1% 0,97% 4%,100% 92%,3% 100%);z-index:1}.world-card.bad{transform:rotate(-2deg)}.world-card.diamond{transform:rotate(1.5deg);margin-top:22px}.world-card.supply{transform:rotate(-1deg);background:#626349;color:var(--paper)}.world-card:hover,.world-card[aria-expanded=true]{transform:translateY(-7px) rotate(0);box-shadow:8px 10px 0 #15161335}.card-number{font-family:var(--mono);font-size:12px;letter-spacing:1px}.card-art{display:flex;flex:1;justify-content:center;align-items:center;font-family:var(--display);font-weight:900;line-height:.8;text-align:center}.bad-art{font-size:clamp(48px,5.4vw,82px);color:var(--lime);transform:rotate(-7deg);flex-direction:column;letter-spacing:-2px}.bad-art span{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:0;margin-top:18px;transform:rotate(7deg)}.diamond-art{position:relative;flex-direction:column;font-size:clamp(45px,4.5vw,67px);letter-spacing:-1px;gap:24px}.diamond-shape{position:absolute;width:160px;height:160px;transform:rotate(45deg);border:1px solid #7d8170;z-index:-1}.diamond-art b{color:var(--lime);font-weight:900}.diamond-art small{font-family:var(--mono);font-size:11px;letter-spacing:2px}.supply-art{flex-direction:column;font-size:clamp(42px,4.5vw,63px);line-height:.86;letter-spacing:-1px}.supply-art small{font-size:22px;letter-spacing:8px;border-top:2px solid var(--paper);border-bottom:2px solid var(--paper);padding:8px 0;margin-bottom:16px}.supply-art>span{font-family:var(--mono);font-size:10px;letter-spacing:0;line-height:1.6;margin-top:23px}.card-footer{border-top:1px solid #777b69;margin:0 -18px;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:16px}.card-footer>span{font-family:var(--mono);font-size:12px;border-bottom:1px solid currentColor}.world-detail{margin-top:40px;border:2px solid var(--ink);padding:30px 65px 30px 30px;background:var(--lime);position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px}.world-detail[hidden]{display:none}.world-detail .eyebrow{margin:0 0 8px}.world-detail h3{font-family:var(--display);font-size:40px;line-height:1;margin-bottom:12px}.world-detail p:last-child{max-width:580px;margin:0}.detail-close{position:absolute;right:12px;top:6px;font-size:30px;background:none;border:0;color:var(--ink);padding:4px 8px}.worlds :focus-visible{outline-color:var(--ink)}.more-worlds{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #8b8a7d;margin-top:65px;padding-top:24px;gap:20px}.more-worlds>span{font-family:var(--mono);font-size:12px;letter-spacing:1px}.more-worlds button{background:none;border:0;border-bottom:1px solid var(--ink);padding:7px 0;font-family:var(--display);font-size:26px;font-weight:700}.attitude{padding:100px 7% 110px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.attitude-photo{position:relative;aspect-ratio:4/5;transform:rotate(-3deg);border:10px solid var(--paper);border-bottom-width:48px;background:var(--paper);box-shadow:10px 12px 0 #0006}.attitude-photo:before{content:'';position:absolute;top:-22px;left:30%;width:44%;height:34px;background:#b5aa8299;z-index:1;transform:rotate(5deg)}.attitude-photo img{width:100%;height:100%;object-fit:cover;object-position:80% center;filter:grayscale(1) contrast(1.3)}.photo-note{position:absolute;left:15px;bottom:16px;color:var(--lime);font-family:var(--display);font-weight:900;font-size:45px;line-height:.86;transform:rotate(-3deg);text-shadow:2px 3px var(--ink)}.attitude-text{max-width:550px}.attitude-text h2{font-size:clamp(60px,6.3vw,95px);margin-bottom:30px}.attitude-text h2 em{font-style:normal;color:var(--lime)}.attitude-text>p:not(.eyebrow){max-width:410px;line-height:1.75;color:#c0c2b4}.text-link{display:inline-block;font-family:var(--mono);font-size:14px;border-bottom:1px solid currentColor;padding-bottom:6px;margin-top:12px}.last-call{position:relative;padding:80px 5% 90px;text-align:center;background:var(--paper);color:var(--ink);background-image:var(--grain);clip-path:polygon(0 2%,4% 1%,8% 2%,12% 1%,16% 3%,21% 1%,26% 2%,32% 0,37% 2%,44% 1%,49% 3%,56% 1%,63% 2%,70% 0,77% 2%,83% 1%,90% 2%,96% 1%,100% 2%,100% 100%,0 100%)}.last-call h2{font-size:clamp(90px,15vw,215px);margin-bottom:32px;transform:rotate(-3deg)}.last-call h2 em{font-style:normal;-webkit-text-stroke:2px var(--ink);color:transparent}.last-call .lime{background:var(--ink);color:var(--lime)}.last-call>span{position:absolute;right:5%;top:50%;writing-mode:vertical-rl;font-family:var(--mono);font-size:12px;letter-spacing:3px}footer{padding:60px 5% 28px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}footer>p{font-family:var(--mono);font-size:13px;margin:0;text-align:right}footer>div{display:flex;gap:26px;font-family:var(--mono);font-size:12px}footer>small{font-family:var(--mono);font-size:12px;text-align:right;color:#959888}
@media(min-width:1600px){.hero-content{padding-top:120px}.section,.header,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:900px){.hero{min-height:640px;max-height:800px}.hero-content{padding-top:115px}h1{font-size:11vw}.hero-stamp{right:7%;top:5%;font-size:24px}.section{padding:75px 5%}.world-grid{gap:15px}.world-card{height:355px;padding-left:12px;padding-right:12px}.card-footer{margin:0 -12px;padding:15px 12px;flex-direction:column;align-items:start;font-size:15px}.card-art{font-size:5.5vw}.bad-art span,.supply-art>span{font-size:10px}.diamond-shape{width:120px;height:120px}.section-head>p{max-width:190px}.attitude{gap:6%;padding:80px 5%}.attitude-text h2{font-size:7.4vw}.photo-note{font-size:34px}.more-worlds button{font-size:23px}.world-detail{align-items:start;flex-direction:column}}
@media(max-width:600px){html{scroll-padding-top:24px}.header{height:76px;padding:0 6%}.wordmark{font-size:36px}.header nav{display:none}.menu-toggle{display:flex;width:44px;height:44px;border:1px solid #6d7161;background:none;color:var(--paper);flex-direction:column;justify-content:center;gap:6px;padding:11px}.menu-toggle span{height:2px;background:currentColor;width:100%;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;background:var(--paper);color:var(--ink);position:absolute;top:76px;left:0;right:0;z-index:21;padding:20px 6%;font-family:var(--mono);gap:5px;box-shadow:0 15px 30px #0007}.mobile-menu a{padding:12px 0;border-bottom:1px solid #aaa99c}.hero{height:calc(100svh - 76px);min-height:650px;max-height:870px}.hero-photo{object-position:69% center}.hero-shade{background:linear-gradient(0deg,#0a0c09 0%,#0a0c09b0 45%,#0a0c0910 90%),linear-gradient(90deg,#0a0c0970,transparent)}.hero-content{padding:235px 6% 85px}.hero .eyebrow{font-size:10px;letter-spacing:.6px;margin-bottom:22px}h1{font-size:clamp(62px,15.4vw,92px);margin-bottom:22px;line-height:.9}.hero-copy{font-size:16px;line-height:1.55;margin-bottom:24px}.hero-stamp{top:25px;right:8%;font-size:21px;padding:10px 13px}.hero-stamp span{font-size:9px}.hero-caption{display:none}.hero-bottom{bottom:25px;left:6%;right:6%;font-size:10px;letter-spacing:0}.ticker{padding:10px 0}.ticker div{font-size:23px}.ticker b{margin:0 12px}.section{padding:65px 6% 80px}.section-head{flex-direction:column;align-items:start;gap:23px;margin-bottom:35px}.section-head h2{font-size:clamp(44px,10.8vw,65px)}.section-head>p{max-width:none;font-size:16px}.section-head>p br{display:none}.eyebrow{font-size:12px;margin-bottom:18px}.world-grid{grid-template-columns:1fr;gap:36px;padding:7px}.world-card{height:390px;padding:20px 20px 0;max-width:460px;width:100%;margin:0 auto!important}.card-art{font-size:80px}.bad-art{font-size:86px}.supply-art{font-size:76px}.supply-art small{font-size:24px}.bad-art span,.supply-art>span,.diamond-art small{font-size:12px}.diamond-shape{width:180px;height:180px}.card-footer{flex-direction:row;align-items:center;margin:0 -20px;padding:19px 20px;font-size:17px}.card-footer>span{font-size:13px}.more-worlds{flex-direction:column;align-items:start;margin-top:45px;gap:14px}.more-worlds button{font-size:28px}.world-detail{padding:25px 45px 25px 20px;margin-top:30px}.world-detail .button{padding:15px 19px}.world-detail h3{font-size:35px}.attitude{grid-template-columns:1fr;padding:65px 8% 80px;gap:55px}.attitude-photo{max-width:420px;width:94%;justify-self:center;aspect-ratio:1/1}.photo-note{font-size:43px}.attitude-text h2{font-size:clamp(63px,15vw,88px)}.attitude-text>p:not(.eyebrow){color:var(--paper)}.last-call{padding:70px 6% 65px}.last-call h2{font-size:clamp(90px,23vw,140px)}.last-call>span{right:3%;font-size:10px;letter-spacing:1px}footer{grid-template-columns:1fr;gap:25px;padding:45px 6% 30px}footer>p,footer>small{text-align:left}footer>div{flex-wrap:wrap;gap:16px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original Cranked artwork and riding photographs */
.brand-logo{display:inline-flex;align-items:center;width:220px;height:78px;flex-shrink:0}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.header nav{gap:25px}.collection-image{display:block;flex:1;min-height:0;padding:7px 0 12px}.collection-image img{display:block;width:100%;height:100%;object-fit:contain}.world-card.bad{background:#070807}.design-wall{border-bottom:1px solid #404336;background-image:var(--grain);padding-bottom:85px}.design-wall .section-head h2 em{color:var(--lime);-webkit-text-stroke:0}.design-wall .section-head>p{color:#c0c2b4}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px}.design-tile{min-width:0;padding:0;background:#080908;border:1px solid #515447;color:var(--paper);text-align:left;box-shadow:5px 6px 0 #0005;transition:transform .2s,border-color .2s}.design-tile:nth-child(3n+1){transform:rotate(-1deg)}.design-tile:nth-child(3n){transform:rotate(1deg)}.design-tile:hover{transform:translateY(-5px);border-color:var(--lime)}.design-image{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;padding:17px;background:#000}.design-image img{display:block;width:100%;height:100%;object-fit:contain}.design-tile.orange .design-image{background:#ca651e}.design-tile.dirt .design-image{background:#261e19}.design-tile.paper .design-image{background:var(--paper);padding:25px}.design-label{display:flex;flex-direction:column;gap:10px;border-top:1px solid #515447;padding:17px 20px;min-height:98px}.design-label strong{font-family:var(--display);font-size:26px;font-weight:700;line-height:1.1}.design-label>span{font-family:var(--mono);font-size:12px;color:var(--lime)}.rider-collage{position:relative;padding-bottom:60px}.rider-collage .attitude-photo{width:94%;margin-left:6%}.rider-collage .attitude-photo img{filter:saturate(.7) contrast(1.12);object-position:center}.rider-collage .photo-note{bottom:22%;font-size:36px}.last-logo{display:block;width:185px;height:auto;margin:32px auto 0;transform:rotate(-5deg)}.design-viewer{width:min(94vw,1000px);max-height:94svh;padding:0;background:#11120f;border:1px solid #797c6b;color:var(--paper);overflow:auto}.design-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px}.viewer-top{border-bottom:1px solid #45493b}.viewer-top h2{font-size:34px;line-height:1.1;margin:0;mask-image:none}.viewer-close{width:44px;height:44px;background:none;border:1px solid #797c6b;color:var(--paper);font-size:30px;line-height:1;flex-shrink:0}.viewer-art{height:min(65svh,760px);background:#000;padding:18px;display:flex;justify-content:center}.viewer-art.paper{background:var(--paper)}.viewer-art img{display:block;max-width:100%;height:100%;object-fit:contain}.viewer-bottom{border-top:1px solid #45493b}.viewer-bottom button{background:none;border:1px solid #797c6b;color:var(--paper);padding:12px;font-family:var(--mono);font-size:13px;min-height:44px}.viewer-bottom button:hover{background:var(--lime);color:var(--ink)}.viewer-bottom span{font-family:var(--mono);font-size:12px;white-space:nowrap}body.viewer-open{overflow:hidden}
@media(max-width:1000px){.header nav{gap:18px;font-size:12px}.brand-logo{width:185px}.shop-link{padding:10px 14px}}
@media(max-width:900px){.design-grid{gap:24px 18px}.design-label{padding:16px}.design-label strong{font-size:23px}.rider-collage .photo-note{font-size:29px}}
@media(max-width:700px){.header nav{gap:12px;font-size:11px}.brand-logo{width:160px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}}
@media(max-width:600px){.brand-logo{width:175px;height:66px}.design-wall{padding:60px 6% 70px}.design-image{padding:8px}.design-tile.paper .design-image{padding:12px}.design-label{padding:13px 12px;min-height:95px}.design-label strong{font-size:23px;line-height:1.05}.design-label>span{font-size:11px}.design-grid{gap:26px 15px}.rider-collage{width:100%;padding-bottom:55px}.rider-collage .attitude-photo{width:90%;margin-left:10%;aspect-ratio:4/5}.rider-collage .photo-note{font-size:32px;bottom:23%}.last-logo{width:150px}.viewer-top,.viewer-bottom{padding:14px;gap:8px}.viewer-top h2{font-size:29px}.viewer-bottom button{font-size:11px;padding:10px 8px}.viewer-art{height:62svh;padding:12px}.viewer-close{width:42px;height:42px}.design-viewer{width:94vw;max-height:94svh}}
@media(max-width:350px){.design-grid{grid-template-columns:1fr}.design-image{aspect-ratio:4/5}.design-label{min-height:0}.design-label strong{font-size:27px}}

/* Logo-inspired slanted lettering; grit lives in the surrounding surfaces. */
h1,h2,.card-art{font-family:'Bangers',Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.015em;line-height:1.04;mask-image:none}
h1{font-size:clamp(54px,7.2vw,112px);transform:skew(-7deg) rotate(-2deg);text-shadow:3px 3px #151613}
.section-head h2,.attitude-text h2,.last-call h2{transform:skew(-6deg);line-height:1.04}
.hero-content{max-width:1400px}
/* Explicit bounds prevent intrinsic image sizes spilling across artwork cards. */
.design-tile{overflow:hidden}
.design-image{position:relative;display:block;width:100%;overflow:hidden;padding:0}
.design-image img{position:absolute;inset:17px;width:calc(100% - 34px);height:calc(100% - 34px);max-width:100%;max-height:100%;object-fit:contain}
.design-tile.paper .design-image{padding:0}
.design-tile.paper .design-image img{inset:25px;width:calc(100% - 50px);height:calc(100% - 50px)}
.collection-image{position:relative;overflow:hidden}
.collection-image img{position:absolute;inset:7px 0 12px;width:100%;height:calc(100% - 19px);object-fit:contain}
@media(max-width:900px){h1{font-size:8.5vw}}
@media(max-width:600px){h1{font-size:clamp(30px,8.5vw,51px);line-height:1.08}.hero-content{padding-top:235px}.hero .eyebrow{font-size:12px}.design-image img{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}.design-tile.paper .design-image img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}}

/* Bold, slashed brush lettering inspired by the supplied type references. */
@font-face{font-family:'Death Strike';src:url('assets/death-strike.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
h1,.section-head h2,.attitude-text h2,.last-call h2{font-family:'Death Strike',Impact,sans-serif;font-weight:400;letter-spacing:.015em;line-height:1.15;mask-image:none;transform:rotate(-2deg);transform-origin:left center}
h1{font-size:clamp(48px,6.2vw,100px);text-shadow:3px 3px #151613}
.section-head h2{font-size:clamp(36px,4.1vw,62px)}
.attitude-text h2{font-size:clamp(44px,4.5vw,68px)}
.last-call h2{font-size:clamp(70px,11vw,155px);transform-origin:center}
.rider-collage{padding-bottom:0}
.rider-collage .attitude-photo{width:94%;margin-left:3%}
.rider-collage .photo-note{bottom:16px}
@media(max-width:900px){h1{font-size:6.5vw}.section-head h2{font-size:4.6vw}.attitude-text h2{font-size:5vw}}
@media(max-width:600px){h1{font-size:clamp(24px,7.7vw,46px);line-height:1.22}.section-head h2{font-size:clamp(27px,7.5vw,43px)}.attitude-text h2{font-size:clamp(40px,11vw,65px)}.last-call h2{font-size:clamp(58px,16vw,96px)}.rider-collage{padding-bottom:0}.rider-collage .attitude-photo{width:94%;margin-left:3%}}

/* Four-line racing wordmark inspired by the supplied tagline layout. */
.hero-content{padding-top:60px;max-width:1000px}
h1.hero-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin:0 0 30px;padding:8px 20px 8px 8px;width:fit-content;max-width:100%;font-size:inherit;line-height:1;letter-spacing:0;transform:skew(-9deg) rotate(-2deg);text-shadow:2px 3px 0 #151613}
.hero-lockup .tagline-pair{display:flex;flex-direction:column;align-items:center;color:var(--paper);width:fit-content;max-width:100%;gap:4px}
.hero-lockup .tagline-lime,.hero-lockup .tagline-lime span{color:var(--lime)}
.hero-lockup .tagline-major{display:block;color:inherit;font-size:clamp(84px,9vw,136px);line-height:1.1;letter-spacing:-.025em}
.hero-lockup .tagline-minor{display:block;color:inherit;font-size:clamp(30px,3.6vw,54px);line-height:1.15;letter-spacing:-.015em}
.hero-copy{max-width:540px}
.hero{min-height:780px}
@media(min-width:1600px){.hero-content{padding-top:75px}}
@media(max-width:900px){.hero-content{padding-top:75px}.hero{min-height:740px}.hero-lockup .tagline-major{font-size:106px}.hero-lockup .tagline-minor{font-size:42px}}
@media(max-width:600px){.hero{height:auto;min-height:790px;max-height:none}.hero-content{padding:170px 8% 95px}h1.hero-lockup{gap:20px;margin-bottom:28px;padding-left:0;padding-right:0}.hero-lockup .tagline-major{font-size:clamp(62px,20vw,116px)}.hero-lockup .tagline-minor{font-size:clamp(23px,7.4vw,43px)}.hero-copy{max-width:340px}.hero .eyebrow{font-size:12px;letter-spacing:.4px}.hero-bottom{font-size:10px}}

/* Supplied transparent title artwork keeps its original lettering and palette. */
h1.artwork-title,.section-head h2.artwork-title,.attitude-text h2.artwork-title{display:block;width:min(100%,560px);height:auto;margin:0;line-height:1;transform:none;mask-image:none;text-shadow:none}
.artwork-title img{display:block;width:100%;height:auto;object-fit:contain}
h1.artwork-title{width:min(100%,500px);margin-bottom:28px}

.section-head h2.artwork-title{width:min(44vw,535px)}
#designs-title.artwork-title{width:min(42vw,480px)}
.attitude-text h2.artwork-title{width:min(100%,450px);margin-bottom:30px}
.hero-content{max-width:1000px}.hero{min-height:780px}
@media(max-width:600px){h1.artwork-title{width:100%;max-width:363px;margin-bottom:25px}.section-head h2.artwork-title,#designs-title.artwork-title{width:100%;max-width:440px}.section-head>div{width:100%}.attitude-text h2.artwork-title{width:100%;max-width:381px}.hero{min-height:760px}.hero-content{padding-top:155px}}

/* Title artwork sits directly on the site background. */
#hero-title.artwork-title,#attitude-title.artwork-title{background:none;padding:0;clip-path:none;border:0}

/* Cranked shop and the five collection pages. */
.more-worlds a{border-bottom:1px solid currentColor;padding:7px 0;font-family:var(--display);font-size:26px;font-weight:700}
a.world-card{cursor:pointer}
.shop-main{padding:65px 5% 85px;max-width:1600px;margin:auto}
.shop-intro{max-width:750px;margin-bottom:45px}.shop-intro h1{font-size:clamp(58px,7vw,105px);line-height:1.1;margin-bottom:22px}.shop-intro>p:last-child,.collection-intro>p:last-child{font-size:18px;color:#c0c2b4}
.world-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 45px}.world-tabs a{border:1px solid #666a59;padding:12px 16px;font-size:14px;font-family:var(--mono);min-height:46px}.world-tabs a:hover,.world-tabs a[aria-current]{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.shop-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.shop-world{display:flex;flex-direction:column;min-height:300px;padding:28px;background:var(--paper);color:var(--ink);background-image:var(--grain);border:1px solid #757968;box-shadow:5px 6px #0006;transition:transform .2s}.shop-world:nth-child(even){background:var(--lime)}.shop-world:hover{transform:translateY(-4px)}.shop-world h2{font-family:'Death Strike',Impact,sans-serif;font-size:clamp(28px,2.6vw,42px);line-height:1.25;margin-bottom:20px;overflow-wrap:anywhere}.shop-world p{margin-bottom:30px}.world-enter{margin-top:auto;font-family:var(--mono);font-weight:bold;font-size:14px;text-decoration:underline;text-underline-offset:6px}
.shop-back{display:inline-block;margin-bottom:30px;border-bottom:1px solid var(--lime);font-family:var(--mono);font-size:14px;padding:8px 0}.collection-intro{max-width:1000px}.collection-intro h1{font-size:clamp(38px,5.3vw,78px);line-height:1.25;margin-bottom:24px;overflow-wrap:anywhere}
.shirt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.shirt-slot{border:1px solid #5b5e4f;background:#0c0e0a;min-width:0}.slot-art{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,transparent 0 24px,#d6fc3608 24px 25px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #5b5e4f;gap:18px}.slot-number{font-family:var(--display);font-size:clamp(90px,10vw,160px);font-weight:900;line-height:1;color:#484d3d}.slot-art-label{font-family:var(--mono);font-size:14px;letter-spacing:3px;color:#a8ad9a}.slot-info{padding:24px}.coming-soon{font-family:var(--mono);font-size:14px;color:var(--lime)}.slot-info h2{font-family:var(--display);font-size:32px;margin:14px 0 12px;line-height:1.1}.slot-info p{color:#c0c2b4;font-size:16px;margin:0}.fulfillment-note{border-top:1px solid #5b5e4f;padding-top:25px;margin:45px 0 0;font-size:16px;color:#c0c2b4}.fulfillment-note strong{color:var(--paper)}
@media(max-width:900px){.shop-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-world h2{font-size:32px}.shirt-grid{gap:18px}.slot-info{padding:18px}}
@media(max-width:600px){.shop-main{padding:45px 6% 65px}.shop-intro h1{font-size:clamp(49px,12vw,72px)}.shop-world-grid,.shirt-grid{grid-template-columns:1fr;gap:24px}.shop-world{min-height:250px}.collection-intro h1{font-size:clamp(31px,8.5vw,48px)}.world-tabs{gap:8px;margin-bottom:30px}.world-tabs a{padding:11px 12px;font-size:14px}.slot-art{aspect-ratio:1/1}.slot-number{font-size:130px}.more-worlds a{font-size:28px}}

.slot-world{display:block;font-family:var(--mono);font-size:14px;color:var(--paper);text-decoration:underline;text-underline-offset:4px;margin-bottom:14px}.slot-info .coming-soon+p{margin-top:12px}

/* Four Cranked worlds. */
@media(min-width:601px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hecklers-art{flex-direction:column;font-size:clamp(46px,5vw,76px);gap:20px;color:var(--lime)}.hecklers-art small{font-family:var(--mono);font-size:12px;line-height:1.5;letter-spacing:1px;color:var(--paper)}

/* Email voting, with a separate optional mailing-list choice. */
.poll-pitch{font-size:20px;margin-bottom:14px}.poll-status{font-family:var(--mono);font-size:14px;color:var(--lime);margin-bottom:30px}.poll-card{min-width:0}.poll-card .design-tile{display:block;width:100%;transform:none}.poll-choice{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #737963;margin-top:12px;cursor:pointer;font-family:var(--mono);font-size:14px}.poll-choice:has(input:checked){border-color:var(--lime);background:#d6fc3614}.poll-choice input,.marketing-choice input{width:20px;height:20px;accent-color:var(--lime);flex-shrink:0}.vote-details{max-width:620px;margin:35px 0 0;border-top:1px solid #555c49;padding-top:25px}.vote-details>label{display:block;font-size:16px;margin-bottom:10px}.vote-details>input{width:100%;padding:14px;font:inherit;background:#242820;border:1px solid #7b826f;color:var(--paper);min-height:50px}.vote-details>input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.vote-help{font-size:14px;line-height:1.6;color:#c0c2b4;margin:12px 0 20px}.vote-details .marketing-choice{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:16px;margin-bottom:22px}.vote-details button:disabled{background:#646c55;color:#fff;cursor:default;transform:none}.vote-details input:disabled{opacity:.6}.poll-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#vote-message{margin-top:18px;font-size:16px}#poll-results{margin-top:35px;max-width:650px}#poll-results h3{font-family:var(--display);font-size:32px}.poll-result{padding:18px 0;border-top:1px solid #555c49}.poll-result p{display:flex;justify-content:space-between;gap:20px;margin-bottom:10px}.poll-result progress{display:block;width:100%;height:16px;accent-color:var(--lime)}

/* Clear the riding photo and give the approval mark a worn ink impression. */
.hero-content{padding-top:120px}.hero .eyebrow{position:absolute;top:24px;left:5%;margin:0}
.hero-stamp{top:30px;right:6%;padding:15px 19px;border:4px double currentColor;border-radius:8px;box-shadow:none;background:none;font-family:var(--display);font-size:31px;font-weight:900;line-height:.98;letter-spacing:1px;transform:rotate(-13deg);opacity:.8;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.12 .6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 18 0 0 0 -5'/%3E%3C/filter%3E%3Cpath filter='url(%23d)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mask-size:160px 160px;mask-repeat:repeat}
@media(max-width:900px){.hero-content{padding-top:135px}}
@media(max-width:600px){.hero-content{padding-top:215px}.hero .eyebrow{top:22px;left:8%;max-width:58%;font-size:12px;line-height:1.45}.hero-stamp{top:85px;right:8%;font-size:23px;padding:12px 15px;letter-spacing:.7px}}

/* Sender line follows the main tagline in the normal reading flow. */
.hero .eyebrow.hero-senders{position:static;max-width:100%;margin:0 0 28px;font-size:14px;line-height:1.5}
@media(max-width:600px){.hero .eyebrow.hero-senders{font-size:12px;margin-bottom:24px}}

/* Two identical groups make a continuous right-to-left text loop. */
.ticker .ticker-track{display:flex;width:max-content;white-space:nowrap;word-spacing:normal;animation:cranked-ticker 40s linear infinite;will-change:transform}
.ticker-group{display:flex;flex-shrink:0;align-items:center;gap:70px;padding-right:70px}
.ticker-group>span{display:block;flex-shrink:0;word-spacing:8px}
@keyframes cranked-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .ticker-track{animation-play-state:paused}
@media(max-width:600px){.ticker-group{gap:45px;padding-right:45px}.ticker-group>span{word-spacing:5px}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none;will-change:auto}}

/* Community photos and reviewable rider submissions. */
.ticker-group{gap:30px;padding-right:30px}.ticker-skull{font-family:Arial,sans-serif;font-size:32px;line-height:1}
.community-gallery{grid-column:1/-1;margin-top:40px}.community-gallery>h3{font-family:'Death Strike',Impact,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.3;margin-bottom:16px}.community-gallery>p{color:#c0c2b4;max-width:750px}.community-grid,.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.community-photo{margin:0;background:#22261d;border:1px solid #555d48;min-width:0}.community-photo img{width:100%;height:310px;object-fit:cover;display:block}.community-photo figcaption{padding:20px}.community-photo figcaption strong{display:block;font-family:var(--mono);font-size:16px}.community-photo figcaption p{overflow-wrap:anywhere;margin:12px 0 0;font-size:16px}.community-photo figcaption small{display:block;font-size:14px;margin-top:8px;color:var(--lime)}
#gallery-dialog{width:min(94vw,650px);max-height:92svh;overflow:auto;background:var(--ink);color:var(--paper);border:1px solid #737963;padding:26px}#gallery-dialog::backdrop{background:#000c}.gallery-dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.gallery-dialog-top h2{font-family:var(--display);font-size:36px;margin:0;line-height:1.2;mask:none}.gallery-dialog-top button{background:none;border:1px solid #737963;color:var(--paper);font-size:30px;min-width:44px;min-height:44px}#gallery-form>label{display:block;font-size:16px;margin:20px 0 10px}#gallery-form input:not([type=checkbox]),#gallery-form textarea{display:block;width:100%;font:inherit;padding:12px;margin-top:8px;background:#252a20;color:var(--paper);border:1px solid #737963;min-height:48px}#gallery-form .gallery-check{display:flex;gap:12px;align-items:flex-start;line-height:1.6}#gallery-form input[type=checkbox]{width:22px;height:22px;accent-color:var(--lime);flex-shrink:0;margin-top:4px}#gallery-form :focus-visible{outline:2px solid var(--lime);outline-offset:3px}#gallery-submit{margin-top:18px}#gallery-submit:disabled{opacity:.6;cursor:wait}.review-title{font-size:clamp(36px,5vw,68px);line-height:1.3}.review-card{padding:20px;border:1px solid #737963;min-width:0}.review-card img{display:block;width:100%;height:260px;object-fit:contain;background:#000}.review-card p{overflow-wrap:anywhere;font-size:16px}.review-card .review-flag{color:var(--lime);font-weight:bold}.review-actions{display:flex;gap:10px;flex-wrap:wrap}.review-actions button{border:1px solid #737963;color:var(--paper);background:none;padding:12px;min-height:44px}.review-actions button:first-child{background:var(--lime);color:var(--ink)}.review-actions button:disabled{opacity:.5}
@media(max-width:900px){.community-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.community-grid,.review-grid{grid-template-columns:1fr}.community-gallery{margin-top:0}.community-photo img{height:330px}.ticker-group{gap:22px;padding-right:22px}.ticker-skull{font-size:26px}#gallery-dialog{padding:20px}}

/* Solid black skull artwork, with transparent edges and no surrounding box. */
.ticker-skull-image{display:block;width:52px;height:46px;object-fit:contain;flex-shrink:0;border:0;background:none;box-shadow:none}
@media(max-width:600px){.ticker-skull-image{width:42px;height:38px}}

/* Scroll-triggered dust stays decorative and never captures interaction. */
.trail-dust{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}
@media(prefers-reduced-motion:reduce){.trail-dust{display:none}}

/* Two riding photos pinned to the same crash-tested wall. */
.rider-collage.crash-photo-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:center;padding:25px 8px 30px}
.crash-photo-wall .attitude-photo{width:100%;margin:0;aspect-ratio:4/6;border:7px solid var(--paper);border-bottom-width:34px;box-shadow:6px 8px 0 #0006;transform:rotate(-5deg);min-width:0}
.crash-photo-wall .crash-tested-photo{transform:rotate(5deg);margin-top:65px;aspect-ratio:554/1200}
.crash-photo-wall .attitude-photo img{object-fit:cover;object-position:center}
.crash-photo-wall .crash-tested-photo img{object-fit:contain;filter:none}
.crash-photo-wall .photo-note{font-size:clamp(19px,2vw,29px);left:8px;bottom:12px;line-height:1.05;text-shadow:2px 2px var(--ink)}
@media(max-width:900px) and (min-width:601px){.attitude:has(.crash-photo-wall){grid-template-columns:1fr}.crash-photo-wall{max-width:620px;width:100%;margin:auto}.crash-photo-wall .photo-note{font-size:29px}}
@media(max-width:600px){.rider-collage.crash-photo-wall{gap:18px;padding:20px 0 30px}.crash-photo-wall .attitude-photo{width:100%;margin:0;border-width:5px;border-bottom-width:25px;aspect-ratio:4/6}.crash-photo-wall .crash-tested-photo{margin-top:45px;aspect-ratio:554/1200}.crash-photo-wall .photo-note{font-size:clamp(17px,4.5vw,24px);left:5px;bottom:10px}}

/* Introduce Dirt Approved before the rider photo wall on every screen. */
.attitude:has(.crash-photo-wall){grid-template-columns:minmax(0,1fr);gap:35px}
.attitude:has(.crash-photo-wall) .attitude-text{width:100%;max-width:700px}
.attitude:has(.crash-photo-wall) .crash-photo-wall{width:100%;max-width:900px;margin:0 auto}

.cart-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--lime);color:var(--lime);font-family:var(--mono);font-size:14px;white-space:nowrap;flex-shrink:0}.cart-shortcut [data-cart-count]{display:inline-grid;place-items:center;min-width:22px;height:22px;background:var(--lime);color:var(--ink);font-weight:bold}.view-cart{color:var(--lime);text-decoration:underline;font-weight:bold}@media(max-width:900px){.header{gap:10px}.header>.cart-shortcut{margin-left:auto}}@media(max-width:380px){.header .brand-logo{width:140px}.cart-shortcut{padding:8px;gap:6px}}

.hip-bag-icon{display:block;flex-shrink:0;width:24px;height:24px}@media(max-width:600px){.header .brand-logo{width:130px}.cart-shortcut{padding:8px;gap:5px}}@media(max-width:380px){.header{padding-left:4%;padding-right:4%;gap:8px}.header .brand-logo{width:100px}.cart-shortcut{font-size:13px;padding:8px 6px;gap:4px}.hip-bag-icon{width:20px}}

.menu-toggle{padding:6px;align-items:center;flex-shrink:0}.handlebar-menu-icon{display:block;width:30px;height:30px;overflow:visible}.handlebar-close{display:none}.menu-toggle[aria-expanded=true] .handlebar-rows{display:none}.menu-toggle[aria-expanded=true] .handlebar-close{display:block}

.last-call .last-trails-art{margin:24px auto 35px;width:min(760px,90%);line-height:0}.last-trails-art img{display:block;width:100%;height:auto}

.world-collection-art{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;padding:12px 0}.world-collection-art img{width:100%;height:100%;max-height:270px;object-fit:contain}.shop-world{position:relative}.shop-world:before,.world-title-graphic:before{content:'';position:absolute;top:-12px;left:30%;height:28px;width:39%;background:#b4ad8ad9;transform:rotate(-6deg);clip-path:polygon(1% 0,97% 4%,100% 92%,3% 100%);z-index:1}.shop-world .shop-world-art{margin:12px 0 24px;line-height:0;transform:none;mask-image:none}.shop-world-art img{display:block;width:100%;height:210px;object-fit:contain}.collection-intro .world-title-graphic{position:relative;width:min(360px,100%);margin:24px 0 32px;line-height:0;transform:rotate(-2deg);mask-image:none}.world-title-graphic img{display:block;width:100%;height:auto}@media(max-width:600px){.collection-intro .world-title-graphic{width:min(300px,100%)}}

/* Keep the next-drop introduction together under its graphic. */
.design-wall .next-shirt-copy{margin:24px 0 0;max-width:535px;line-height:1.7;color:#c0c2b4;font-size:16px}

.worlds .world-intro-copy{margin:24px 0 0;max-width:535px;line-height:1.7;font-size:16px}

.trail-label{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}.trail-marker{display:inline-block;width:48px;height:34px;flex-shrink:0}.card-number .trail-marker{width:42px;height:30px}

.attitude-text .story-heading{font-family:var(--display);font-size:clamp(30px,3.5vw,48px);font-weight:400;line-height:1.15;color:var(--lime);margin:24px 0 18px;}
