@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}*{margin:0;padding:0;font-optical-sizing:auto;font-style:normal}h1,h2,h3,h4,h5,h6,.link{font-family:Fragment Mono,monospace;font-optical-sizing:auto;font-weight:700;font-style:normal}p,button,a{font-family:Fragment Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}a{text-decoration:none}html,body{overflow:hidden;background:url(/image/Background1920x1080.jpg);background-size:cover;width:100vw;height:100vh}.webgl{top:0;left:0;outline:none}.product-placeholder{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%);display:block}header{width:100vw;height:auto;padding:4%;box-sizing:border-box;position:fixed;z-index:99;display:flex;flex-direction:row;justify-content:space-between}header.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(to bottom,#ffffff1a,#fff0)}.menu-cta{display:flex;width:52px;height:52px;padding:16px 12px;flex-direction:column;justify-content:space-between;align-items:center;background:transparent;border:0;border-radius:100%;cursor:pointer;transition:all .3s ease}.bar{height:2px;width:100%;background:#fff;transition:all .3s ease;transform-origin:center}.bar2{width:80%}.bar3{width:60%}.menu-cta.open .bar1{transform:rotate(45deg) translate(3px,3px);width:100%}.menu-cta.open .bar2{opacity:0;transform:scaleX(0)}.menu-cta.open .bar3{transform:rotate(-45deg) translate(9px,-9px);width:100%}.cta-logo{background:transparent;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .3s ease}.cta-logo:hover{opacity:.8}.cta-logo svg{height:40px;width:auto;color:#fff;max-width:15vw}.main-menu{width:100vw;height:100%;visibility:hidden;opacity:0;transition:opacity .3s ease;position:fixed;z-index:9;display:flex;flex-direction:column;justify-content:space-between;padding:8% 4% 4%;box-sizing:border-box;background:#000}.main-menu.open{visibility:visible;opacity:1}.main-items{list-style:none;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-bottom:40px}.main-items li{text-decoration:none}.main-items li a{text-align:center;width:auto;font-size:clamp(1.5rem,5vw,6rem);color:#fff;opacity:1;transition:opacity .3s ease;cursor:pointer}.main-items li a:hover{opacity:.7}.social-links{display:flex;flex-direction:row;gap:2rem;align-content:center;justify-content:center}.social-cta{background:transparent;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .3s ease}.social-cta:hover{opacity:.8}.social-cta svg{height:32px;width:auto;color:#fff;max-width:5vw}#social-x svg{height:28px}.product-hero{display:flex;align-items:center;justify-content:center;height:100vh;padding:4%;box-sizing:border-box}.shirt-container{flex:0 1 clamp(280px,50vw,660px);position:relative;align-items:center;justify-content:center}.shirt-container .webgl,.shirt-container .shirt-photo{width:50vw}.shirt-container .webgl{cursor:grab}.mode-toggle{position:absolute;left:0rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.4);border-radius:.75rem;color:#fff;font:600 .8rem/1.1 system-ui;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.mode-toggle span{padding:.5rem}.option{display:flex;place-content:center;width:36px;aspect-ratio:1;border-radius:8px;transition:background .25s}.mode-toggle[aria-pressed=true] .option-3d,.mode-toggle[aria-pressed=false] .option-photo{background:#ffffff2e}.product-details{flex:1;color:#fff;display:flex;flex-direction:column;justify-content:center;max-width:50%;padding-left:4rem}.stamp{position:relative;width:200px;aspect-ratio:1;margin-bottom:2rem}.stamp-runclub,.stamp-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.stamp-ring{transform-origin:center;animation:spinStamp 24s linear infinite}@keyframes spinStamp{to{transform:rotate(360deg)}}.product-details h2{font-size:2.5rem;margin-bottom:.5rem;order:1}.subtitle{font-size:1.25rem;margin-bottom:2rem;order:2}.copy{font-size:1rem;line-height:1.6;margin-bottom:2rem;order:3}.copy p:not(:last-of-type){margin-bottom:1rem}.preorder-cta{position:relative;padding:.75rem 2.25rem;text-decoration:none;color:#fff;background:transparent;border-radius:9999px;cursor:pointer;display:inline-flex;width:fit-content;max-width:100%;order:4}.preorder-cta{width:-moz-fit-content;width:-webkit-fit-content}.preorder-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;--angle: 0deg;background:conic-gradient(from var(--angle) at 50% 50%,#A4D5D1 0deg,#FF7041 90deg,#D7382F 180deg,#0B81FF 270deg,#A4D5D1 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes spinRing{to{--angle: 360deg}}.preorder-cta:focus-visible{outline:2px solid currentColor;outline-offset:4px}.preorder-cta:hover{background:#ffffff1a}.preorder-cta:hover:before{animation:spinRing 4s linear infinite}@media screen and (max-width: 800px){body{background:url(/image/BackgroundMobile.jpg);background-size:cover}.product-hero{flex-direction:column;align-items:center;justify-content:flex-start;height:100%;overflow:scroll;padding-bottom:100px}.stamp{position:relative;width:164px;aspect-ratio:1;margin-bottom:1rem}.shirt-container{flex:none;width:100vw;max-width:none;aspect-ratio:9 / 9.2}.shirt-container .webgl,.shirt-container .shirt-photo{width:100%}.product-details{max-width:100%;padding:0 1.5rem;text-align:center;align-items:center}.mode-toggle{left:1rem}.subtitle{margin-bottom:2rem}.preorder-cta{position:sticky;width:auto;order:2;margin-bottom:3rem}.copy{order:4}}.copy-section{padding:14% 12% 100px 4%;box-sizing:border-box;color:#fff;overflow:scroll;height:100%}.copy-section h1{font-size:4rem;margin-bottom:2rem}.copy-section h3{margin-bottom:1rem}.copy-section p.copy{max-width:660px}@media screen and (max-width: 800px){.copy-section{padding:20% 12% 100px 4%}.copy-section h1{font-size:2.5rem}}@media screen and (max-width: 500px){.copy-section{padding:28% 12% 100px 4%}}