.product-sprite{display:block;width:100%;height:100%;background-image:url('assets/home-sprites.webp');background-size:300% 200%;background-repeat:no-repeat}.sprite-thermos{background-position:0 0}.sprite-hoodie{background-position:50% 0}.sprite-notebook{background-position:100% 0}.sprite-mug{background-position:0 100%}.sprite-bag{background-position:50% 100%}.sprite-pen{background-position:100% 100%}
.angled-categories{height:340px;position:relative;max-width:1600px;margin:auto;overflow:hidden;background:#111}.angled-category{position:absolute;top:0;bottom:0;width:37.4%;text-align:left;overflow:hidden;color:#fff;background:#151515;isolation:isolate;padding:0}.angled-category:focus-visible{outline:5px solid #20884a;outline-offset:-7px;z-index:5}.angle-promo{left:0;background:var(--yellow);color:#111;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);z-index:3}.angle-textile{left:31.3%;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);z-index:2}.angle-print{left:62.6%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);background:#111}.angle-copy{position:absolute;left:6%;top:25px;z-index:3;pointer-events:none}.angle-textile .angle-copy,.angle-print .angle-copy{left:22%}.angle-copy small{font:650 10px Manrope;letter-spacing:1.2px;opacity:.7}.angle-copy h2{font:800 40px/.95 'Barlow Condensed';text-transform:uppercase;margin:10px 0 12px;letter-spacing:-.5px}.angle-copy p{font-size:14px;line-height:1.5}.angle-link{display:block;margin-top:24px;font-size:12px;font-weight:700;line-height:1.4;max-width:140px}.angle-merch{position:absolute;inset:0;pointer-events:none}.angle-merch>.product-sprite{position:absolute;aspect-ratio:1;animation:category-sway 9s ease-in-out infinite;animation-play-state:paused}.angle-thermos{width:290px!important;height:290px!important;right:5%;bottom:-20px;--tilt:12deg}.angle-notebook{width:230px!important;height:230px!important;right:29%;bottom:-32px;--tilt:-18deg;animation-delay:-4s!important}.angle-hoodie{width:330px!important;height:330px!important;right:-3%;bottom:-45px;--tilt:4deg}.angle-pen{width:200px!important;height:200px!important;right:-3%;bottom:-20px;--tilt:-9deg}.print-card{position:absolute;width:200px;height:150px;padding:22px;font:800 30px/.9 'Barlow Condensed';box-shadow:0 5px 18px #0008;animation:category-sway 10s ease-in-out infinite;animation-play-state:paused}.white-card{right:2%;bottom:48px;background:#f7f7f4;color:#111;--tilt:14deg}.yellow-card{right:23%;bottom:6px;background:var(--yellow);color:#111;--tilt:-12deg;font-size:27px;animation-delay:-3s}.angle-divider{position:absolute;top:-30px;height:400px;width:3px;background:#fff;transform:rotate(15deg);z-index:4;pointer-events:none}.divider-one{left:34.5%}.divider-two{left:65.8%}.angled-category:hover .angle-copy h2{color:#ceca00}.angle-promo:hover .angle-copy h2{color:#404500}
.chaos-section{max-width:1600px;min-height:820px;margin:auto;position:relative;isolation:isolate;overflow:hidden;background:#fff}.chaos-stage{position:absolute;inset:0;z-index:-1}.chaos-splash{position:absolute;width:750px;height:750px;object-fit:contain;left:50%;top:25px;transform:translateX(-50%) rotate(-7deg);animation:paint-breathe 16s ease-in-out infinite;animation-play-state:paused;opacity:.95}.chaos-copy{position:relative;width:45%;margin:0 auto;text-align:center;z-index:3;padding:160px 0 100px}.chaos-copy .home-kicker{font-size:10px;letter-spacing:2px}.chaos-copy h2{font:750 clamp(95px,9vw,145px)/.72 Caveat,cursive;letter-spacing:-4px;margin:36px 0 40px;transform:rotate(-7deg);text-shadow:2px 3px #fff;position:relative}.chaos-copy h2 em{font-style:normal;display:inline-block;background:#ffffffdf;padding:3px 19px 20px 0;margin-top:8px}.chaos-copy p{font-size:17px;line-height:1.7;margin:28px auto;max-width:350px;background:#ffffffd9;padding:10px;border-radius:3px}.chaos-copy .home-button{box-shadow:0 4px 18px #0002;position:relative}.chaos-signature{position:absolute;font:650 33px/.95 Caveat;right:-150px;bottom:85px;transform:rotate(8deg)}.chaos-item{position:absolute;width:var(--item-size,260px);height:var(--item-size,260px);transform:rotate(var(--item-tilt,0deg));pointer-events:none}.chaos-float{display:block;width:100%;height:100%;animation:merch-float var(--float-time,7s) ease-in-out var(--float-delay,0s) infinite;animation-play-state:paused;filter:drop-shadow(0 14px 12px #0002)}.hoodie-main{--item-size:310px;--item-tilt:-8deg;left:calc(50% - 155px);top:-35px;z-index:1}.thermos-left{--item-size:310px;--item-tilt:-27deg;left:6%;top:100px}.notebook-right{--item-size:330px;--item-tilt:22deg;right:4%;top:75px}.mug-left{--item-size:240px;--item-tilt:-18deg;left:12%;bottom:90px}.bag-right{--item-size:260px;--item-tilt:20deg;right:10%;bottom:95px}.pen-diagonal{--item-size:270px;--item-tilt:12deg;left:18%;top:25px}.thermos-small{--item-size:170px;--item-tilt:37deg;right:23%;top:5px}.notebook-small{--item-size:170px;--item-tilt:-31deg;left:-2%;bottom:280px}.mug-small{--item-size:150px;--item-tilt:18deg;right:-1%;bottom:330px}.pen-small{--item-size:220px;--item-tilt:20deg;right:21%;bottom:-15px}.chaos-confetti{position:absolute;width:18px;height:38px;background:var(--yellow);animation:confetti-dance 8s ease-in-out infinite;animation-play-state:paused}.confetti-one{left:5%;top:36%;transform:rotate(32deg)}.confetti-two{right:27%;top:27%;background:#111;width:9px;height:17px;animation-delay:-3s}.confetti-three{left:31%;bottom:12%;width:12px;height:25px;animation-delay:-5s}.chaos-orbit{position:absolute;width:24px;height:24px;border:2px solid #111;border-radius:50%;animation:confetti-dance 12s ease-in-out infinite;animation-play-state:paused}.orbit-one{right:7%;bottom:65px}.orbit-two{left:7%;bottom:35px;width:12px;height:12px;border-color:#d4c400}.chaos-bottom{position:absolute;left:5%;right:5%;bottom:28px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:750;letter-spacing:1.2px;border-top:1px solid #eee;padding-top:18px;z-index:4}.home-motion-toggle{position:fixed;right:18px;bottom:18px;z-index:30;border:1px solid #ddd;background:#fffffff0;box-shadow:0 3px 16px #0001;border-radius:30px;padding:9px 13px;display:flex;align-items:center;gap:6px;font-size:12px;color:#333;line-height:1.1}
.world-stage{transform-origin:65% 50%;animation:city-drift 22s ease-in-out infinite;animation-play-state:paused}.customize-art>img{animation:campaign-drift 18s ease-in-out infinite;animation-play-state:paused}.detail-story>img{animation:detail-drift 20s ease-in-out infinite;animation-play-state:paused}.manifesto-photo{overflow:hidden}.manifesto-photo>img{animation:portrait-drift 19s ease-in-out infinite;animation-play-state:paused}.motion-visible .chaos-float,.motion-visible .chaos-splash,.motion-visible .chaos-confetti,.motion-visible .chaos-orbit,.motion-visible .angle-merch>.product-sprite,.motion-visible .print-card,.motion-visible>.world-stage,.motion-visible .customize-art>img,.motion-visible>img,.motion-visible .manifesto-photo>img{animation-play-state:running}.home-motion-paused .homepage *,.home-tab-hidden .homepage *{animation-play-state:paused!important}.home-product-image img{transition:transform .4s ease}.home-product-image:hover img{transform:scale(1.04)}
@keyframes merch-float{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(12px,-23px,0) rotate(5deg)}}@keyframes paint-breathe{0%,100%{transform:translateX(-50%) rotate(-7deg) scale(.97)}50%{transform:translateX(-50%) rotate(1deg) scale(1.04)}}@keyframes category-sway{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-10px) rotate(calc(var(--tilt,0deg) + 3deg))}}@keyframes confetti-dance{0%,100%{translate:0 0;rotate:-20deg}50%{translate:10px -18px;rotate:40deg}}@keyframes city-drift{0%,100%{transform:scale(1.02) translateX(0)}50%{transform:scale(1.055) translateX(-6px)}}@keyframes campaign-drift{0%,100%{transform:scale(1.015) rotate(0)}50%{transform:scale(1.055) rotate(-1deg)}}@keyframes detail-drift{0%,100%{transform:scale(1.015)}50%{transform:scale(1.045)}}@keyframes portrait-drift{0%,100%{transform:scale(1.01)}50%{transform:scale(1.045)}}
@media(max-width:1000px){.angled-categories{height:290px}.angle-copy h2{font-size:31px}.angle-copy p{font-size:12px}.angle-copy small{font-size:8px}.angle-link{font-size:11px;max-width:95px}.angle-thermos{width:235px!important;height:235px!important;right:-15%}.angle-notebook{width:185px!important;height:185px!important;right:8%}.angle-hoodie{width:260px!important;height:260px!important;right:-24%}.print-card{width:160px;height:120px;font-size:25px;padding:20px}.white-card{right:-12%;bottom:42px}.yellow-card{right:5%;bottom:4px;font-size:22px}.angle-divider{height:350px;transform:rotate(13deg)}.chaos-section{min-height:730px}.chaos-copy{padding-top:150px;width:53%}.chaos-copy h2{font-size:115px}.chaos-splash{width:630px;height:630px;top:40px}.hoodie-main{--item-size:260px;left:calc(50% - 130px)}.thermos-left{--item-size:230px;left:-4%;top:90px}.notebook-right{--item-size:250px;right:-6%;top:65px}.mug-left{--item-size:210px;left:-2%;bottom:85px}.bag-right{--item-size:220px;right:-1%;bottom:75px}.pen-diagonal{--item-size:190px;left:8%;top:20px}.thermos-small{right:15%;--item-size:120px}.notebook-small,.mug-small{display:none}.pen-small{--item-size:170px;right:17%;bottom:15px}.chaos-signature{font-size:26px;right:-80px;bottom:65px}}
@media(max-width:650px){.angled-categories{height:265px}.angle-copy{top:17px;left:9%}.angle-textile .angle-copy,.angle-print .angle-copy{left:24%}.angle-copy h2{font-size:clamp(18px,4.7vw,28px);margin:10px 0;white-space:nowrap}.angle-copy p{font-size:10px;line-height:1.45}.angle-copy small{display:none}.angle-link{font-size:9px;margin-top:15px;max-width:75px}.angle-thermos{width:160px!important;height:160px!important;bottom:-18px;right:-35%}.angle-notebook{width:110px!important;height:110px!important;bottom:-12px;right:1%}.angle-hoodie{width:190px!important;height:190px!important;right:-43%;bottom:-25px}.print-card{width:100px;height:90px;font-size:20px;padding:12px}.white-card{right:-32%;bottom:50px}.yellow-card{right:-3%;bottom:1px;font-size:18px}.angle-pen{width:105px!important;height:105px!important;right:-20%}.angle-divider{top:-15px;height:310px;transform:rotate(10deg);width:2px}.divider-one{left:34.2%}.divider-two{left:65.5%}.chaos-section{min-height:750px}.chaos-copy{width:85%;padding:260px 0 90px}.chaos-copy .home-kicker{font-size:8px;letter-spacing:1px;position:relative;z-index:4}.chaos-copy h2{font-size:clamp(96px,25vw,135px);margin:25px 0 25px;line-height:.72;letter-spacing:-3px}.chaos-copy p{font-size:14px;line-height:1.5;margin:22px auto 18px;max-width:270px;padding:8px}.chaos-copy .home-button{font-size:13px;min-height:44px;padding:12px 18px}.chaos-splash{width:460px;height:460px;top:80px;opacity:.95}.hoodie-main{--item-size:210px;left:calc(50% - 105px);top:-8px}.thermos-left{--item-size:175px;left:-12%;top:80px}.notebook-right{--item-size:190px;right:-11%;top:70px}.pen-diagonal{--item-size:150px;left:-5%;top:0}.thermos-small{--item-size:110px;right:7%;top:-15px}.mug-left{--item-size:150px;left:-12%;bottom:50px}.bag-right{--item-size:170px;right:-15%;bottom:40px}.pen-small{display:none}.chaos-signature{display:none}.chaos-confetti{width:10px;height:20px}.confetti-two{right:12%;top:40%}.confetti-three{left:12%;bottom:17%}.chaos-bottom{left:20px;right:20px;font-size:8px;letter-spacing:.7px;bottom:18px;line-height:1.4}.chaos-bottom span:last-child{max-width:85px;text-align:right}.home-motion-toggle{right:12px;bottom:12px;width:35px;height:35px;padding:0;justify-content:center;font-size:15px}.home-motion-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){.homepage *, .homepage *:before,.homepage *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.angle-merch>.product-sprite,.print-card{transform:rotate(var(--tilt,0deg))}.home-motion-toggle{display:none}.chaos-splash{transform:translateX(-50%) rotate(-7deg)}}
.chaos-copy h2{-webkit-text-stroke:1px #111}
/* Original CSS interpretations of kinetic type, shifting cards and fluid colour. */
.kinetic-strip{overflow:hidden;background:#f4ee00;border-block:1px solid #111;margin:0;transform:rotate(-1deg);padding:15px 0;width:100%}.kinetic-strip>div{display:flex;width:max-content;animation:slogan-travel 38s linear infinite;animation-play-state:paused}.kinetic-strip span{flex:none;font:800 32px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.8px;white-space:nowrap}.kinetic-strip b{display:inline-block;padding:0 22px;font-size:29px}.motion-visible.kinetic-strip>div{animation-play-state:running}@keyframes slogan-travel{to{transform:translateX(-25%)}}
.home-product-image{position:relative;overflow:hidden}.product-reveal{position:absolute;bottom:15px;left:15px;right:15px;padding:13px 15px;background:#111;color:#f4ee00;font-weight:750;font-size:13px;text-align:left;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s;pointer-events:none}.home-product:focus-within .product-reveal,.home-product:hover .product-reveal{opacity:1;transform:translateY(0)}.home-product:focus-within .home-product-image img,.home-product:hover .home-product-image img{transform:translateY(-8px) scale(1.035)}
.home-final{position:relative;isolation:isolate;overflow:hidden;background:#f4ee00}.home-final:before{content:'';position:absolute;inset:-70%;z-index:-1;background:radial-gradient(ellipse at 28% 35%,#fff7 0,transparent 34%),radial-gradient(ellipse at 65% 65%,#d0ab00aa 0,transparent 30%),radial-gradient(ellipse at 45% 45%,#fff000 0,transparent 50%);filter:blur(30px);animation:yellow-flow 18s ease-in-out infinite;animation-play-state:paused}.motion-visible.home-final:before{animation-play-state:running}@keyframes yellow-flow{0%,100%{transform:translate(-3%,2%) rotate(-10deg)}50%{transform:translate(5%,-3%) rotate(16deg)}}
@media(hover:none){.product-reveal{opacity:1;transform:none;bottom:8px;left:8px;right:8px;padding:8px 10px;font-size:11px}}
@media(max-width:650px){.kinetic-strip{padding:11px 0}.kinetic-strip span{font-size:24px}.kinetic-strip b{font-size:21px;padding:0 14px}}
.home-motion-paused .homepage:before,.home-motion-paused .homepage *:before,.home-tab-hidden .homepage *:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.kinetic-strip>div,.home-final:before{animation:none!important}.product-reveal{transition:none}.home-product:hover .home-product-image img,.home-product:focus-within .home-product-image img{transform:none}}