:root{--night: #0b0a14;--dusk: #2a1660;--cyan: #00f0ff;--pink: #ff2e97;--pink-deep: #df1278;--violet: #c800ff;--gold: #ffe27a;--text: #f3ecfb;--muted: #b3a6d1;--line: rgba(179, 166, 209, .22);--panel: rgba(20, 14, 40, .6);--sign: "Monoton", "Arial Black", sans-serif;--script: "Yellowtail", "Brush Script MT", cursive;--body: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--glow-cyan: 0 0 6px rgba(0, 240, 255, .7), 0 0 22px rgba(0, 240, 255, .45);--glow-pink: 0 0 6px rgba(255, 46, 151, .8), 0 0 24px rgba(255, 46, 151, .5);--glow-gold: 0 0 6px rgba(255, 226, 122, .75), 0 0 22px rgba(255, 196, 60, .45);--gutter: clamp(1.25rem, 4vw, 3rem);--max: 72rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--night)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,var(--night) 0%,#120d26 45%,var(--dusk) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);z-index:0}h1,h2,h3,p{margin:0}a{color:inherit}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding:.7rem 1.5rem;border-radius:999px;border:1.5px solid transparent;font:inherit;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:box-shadow .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pink-deep);color:#fff;box-shadow:0 0 14px #ff2e9773}.btn-primary:hover{background:#f01a86;box-shadow:var(--glow-pink)}.btn-secondary{background:transparent;color:var(--cyan);border-color:var(--cyan);box-shadow:inset 0 0 8px #00f0ff33}.btn-secondary:hover{background:#00f0ff14;box-shadow:var(--glow-cyan),inset 0 0 10px #00f0ff40}.btn-ghost{min-height:auto;padding:.25rem 0;border-radius:0;color:var(--gold);background:none;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px}.btn-ghost:hover{text-shadow:var(--glow-gold)}.btn:disabled{cursor:not-allowed;opacity:.4;box-shadow:none;transform:none}.actions{display:flex;flex-wrap:wrap;gap:.75rem 1rem;margin-top:2rem}.chip{font:inherit;font-size:.9375rem;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem;cursor:pointer;transition:color .16s ease,border-color .16s ease,box-shadow .16s ease}.chip:hover{color:var(--text);border-color:var(--muted)}.chip[aria-pressed=true]{color:var(--text);border-color:var(--pink);box-shadow:0 0 10px #ff2e9766}.topbar{width:100%;max-width:var(--max);margin:0 auto;padding:1rem var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:600;white-space:nowrap}.brand img{display:block;width:3rem}.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem}.nav a{display:block;padding:.5rem .9rem;border-radius:999px;text-decoration:none;font-weight:500;color:var(--muted);transition:color .16s ease,text-shadow .16s ease}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.7);box-shadow:inset 0 -2px 0 var(--cyan);border-radius:0}.menu-toggle{display:none}.hero{max-width:var(--max);margin:0 auto;padding:clamp(1rem,4vh,3rem) var(--gutter) clamp(3rem,8vh,6rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem)}.hero h1{line-height:0}.hero-logo{display:block;width:100%;max-width:40rem;animation:sign-on 1.6s ease-out both}@keyframes sign-on{0%{opacity:0}12%{opacity:.9}16%{opacity:.15}24%{opacity:1}30%{opacity:.4}38%,to{opacity:1}}.lede{margin-top:1.75rem;max-width:32ch;font-size:1.3125rem;line-height:1.5;color:var(--muted)}.shirt{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.shirt-stage{position:relative;width:min(100%,25rem)}.shirt-garment{display:block;width:100%;height:auto;overflow:visible}.shirt-fabric{stroke:#00f0ff8c;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(0,240,255,.35));transition:fill .22s ease}.shirt-seam{fill:none;stroke:#ffffff29;stroke-width:2}.shirt-print{position:absolute;left:50%;top:22%;width:42%;transform:translate(-50%);pointer-events:none}.shirt-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.shirt-label{font-size:.9375rem;color:var(--muted)}.shirt-label strong{color:var(--text);font-weight:600}.swatches{display:flex;gap:.7rem}.swatch{width:2.25rem;height:2.25rem;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:var(--swatch);cursor:pointer}.swatch[aria-pressed=true]{border-color:var(--pink);box-shadow:0 0 0 3px var(--night),0 0 0 5px var(--pink),var(--glow-pink)}.section{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) clamp(3.5rem,9vh,6rem)}.script-heading{font-family:var(--script);font-weight:400;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1;color:var(--gold);text-shadow:var(--glow-gold)}.steps .script-heading{margin-bottom:2rem}.steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,3vw,2.75rem);counter-reset:step}.steps li{counter-increment:step}.steps li:before{content:counter(step);display:block;font-family:var(--sign);font-size:3.5rem;line-height:1;color:#ffd6ea;text-shadow:var(--glow-pink);margin-bottom:1rem}.steps h3{font-size:1.1875rem;font-weight:600;margin-bottom:.4rem}.steps p{color:var(--muted);max-width:34ch}.cta-band{text-align:center}.cta-band h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.cta-band p{color:var(--muted);margin:.75rem auto 1.75rem;max-width:40ch}.page{max-width:var(--max);margin:0 auto;padding:clamp(1.5rem,5vh,3.5rem) var(--gutter) clamp(3.5rem,9vh,6rem)}.page-header{margin-bottom:clamp(2rem,5vh,3rem)}.page-header h1{font-family:var(--sign);font-weight:400;font-size:clamp(2.75rem,8vw,5rem);line-height:1.05;color:#ffd6ea;text-shadow:var(--glow-pink);text-transform:uppercase}.page-intro{margin-top:1rem;max-width:48ch;font-size:1.1875rem;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.empty{grid-column:1 / -1;padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:1.25rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.product-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:clamp(1.25rem,3vw,2rem)}.product{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.25rem 1.25rem;background:var(--panel);border:1px solid var(--line);border-radius:1.25rem}.product .shirt-stage{width:78%;margin:0 auto}.product-info h2{font-size:1.125rem;font-weight:600}.product-meta{color:var(--muted);font-size:.9375rem}.product-price{margin-top:.35rem;color:var(--gold);font-weight:500}.product-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}.product-actions .btn{flex:1 1 auto;padding-inline:1rem}.product-custom{justify-content:center;border-style:dashed;border-color:#ffe27a73}.product-custom-body{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.product-custom-body p{color:var(--muted)}.studio{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start}.studio-preview .shirt-stage{width:min(100%,30rem)}.panel h2{font-size:1.375rem;font-weight:600;margin-bottom:1.25rem}.tool{padding:1.1rem 0;border-top:1px solid var(--line)}.tool h3{font-size:1rem;font-weight:600}.tool p{color:var(--muted);font-size:.9375rem;margin:.15rem 0 .8rem}.sizes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.panel-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.about{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}.prose .script-heading{margin-bottom:1rem}.prose p{color:var(--muted);max-width:60ch;margin-bottom:1rem}.about-mark{width:min(100%,22rem);justify-self:center}.form{max-width:40rem;display:grid;gap:1.25rem}.field{display:grid;gap:.4rem}.field label{font-weight:500;font-size:.9375rem}.field input,.field select,.field textarea{font:inherit;color:var(--text);background:#0b0a14b3;border:1px solid var(--line);border-radius:.75rem;padding:.7rem .9rem;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 0 14px #00f0ff59}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.notice{color:var(--gold);font-size:.9375rem}.footer{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--max) - 2 * var(--gutter));margin:0 auto;padding:1.75rem 0 1.5rem;border-top:1px solid var(--line);display:grid;gap:1rem;font-size:.875rem;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.footer-links a{text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--text)}.footer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem}@media (max-width: 52rem){.topbar{position:relative;z-index:20}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:transparent;border:1.5px solid var(--cyan);border-radius:.75rem;color:var(--cyan);cursor:pointer;box-shadow:inset 0 0 8px #00f0ff33}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:1.2rem;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-toggle[aria-expanded=true] .menu-icon{background:transparent}.menu-toggle[aria-expanded=true] .menu-icon:before{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{transform:translateY(-6px) rotate(-45deg)}.nav{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);z-index:10;padding:.75rem;background:#0e0a1e;border:1px solid rgba(0,240,255,.35);border-radius:1rem;box-shadow:0 0 24px #00f0ff2e}.nav.is-open{display:block}.nav ul{flex-direction:column}.nav a{padding:.8rem 1rem;border-radius:.6rem;font-size:1.0625rem}.nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--cyan);border-radius:.6rem;background:#00f0ff0f}.hero,.studio,.about{grid-template-columns:1fr}.hero-logo{margin:0 auto}.hero-copy .lede{margin-inline:auto;text-align:center}.hero-copy .actions{justify-content:center}.steps ol{grid-template-columns:1fr}.about-mark{order:-1;width:12rem}}@media (max-width: 26rem){.brand-name{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.coming-soon{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.5rem,4vh,2.5rem);padding:2rem var(--gutter);text-align:center}.coming-soon .hero-logo{width:min(100%,36rem)}.coming-soon-text{font-family:var(--script);font-size:clamp(2.25rem,6.5vw,4.25rem);line-height:1.15;color:#fff3b0;text-shadow:0 0 4px rgba(255,243,176,.9),0 0 12px rgba(255,214,90,.75),0 0 28px rgba(255,190,40,.55),0 0 48px rgba(255,170,20,.35);animation:sign-on 1.8s ease-out .9s both}
