:root{--bg: #121115;--fg: #f3f3e8;--fg-muted: #8a8a90;--accent: #2e546a;--accent-light: #4a7a94;--surface: #1e1c21;--border: #2e2c33;--white: #f3f3e8;--font-heading: 'Roboto Flex', system-ui, sans-serif;--font-body: 'Roboto Flex', system-ui, sans-serif;--font-heading-settings: 'wdth' 151;--font-body-settings: 'wdth' 100;--radius: 4px;--radius-lg: 12px;--max-w: 1200px;--ease: cubic-bezier(0.16, 1, 0.3, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);font-variation-settings:var(--font-body-settings);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}[data-animate]{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(0.16, 1, 0.3, 1),transform .6s cubic-bezier(0.16, 1, 0.3, 1);transition-delay:var(--delay, 0ms)}[data-animate=fade]{transform:none}[data-animate].is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion: reduce){[data-animate]{opacity:1 !important;transform:none !important;transition:none !important}}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;background-color:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}a{color:var(--accent);text-decoration-style:dotted}.wordmark{display:flex;align-items:center}.logo-img{height:36px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.9}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{font-size:.875rem;font-weight:400;color:var(--fg-muted);transition:color .2s var(--ease)}.site-header nav a:hover{color:var(--fg)}.nav-cta{color:var(--white) !important;background-color:var(--accent);padding:.45rem 1.1rem;border-radius:100px;font-weight:500 !important;transition:opacity .2s var(--ease) !important}.nav-cta:hover{opacity:.85}.site-footer{background-color:var(--surface);color:var(--fg);border-top:1px solid var(--border);padding:4rem 2rem 2rem}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.footer-logo{height:40px;width:auto;display:block;margin-bottom:.75rem;opacity:.7}.footer-tagline{color:var(--fg-muted);font-size:.9rem}.footer-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-bottom:.5rem}.footer-email{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:1.25rem;font-style:italic;color:var(--accent-light);transition:opacity .2s}.footer-email:hover{opacity:.7}.footer-bottom{max-width:var(--max-w);margin:1.5rem auto 0;font-size:.8rem;color:var(--accent-light);opacity:.5}@media(max-width: 640px){.site-header nav a:not(.nav-cta){display:none}.footer-inner{flex-direction:column}}.section-eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);margin-bottom:1rem}.section-heading{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:300;line-height:1.12;letter-spacing:0;text-transform:uppercase;margin-bottom:1.5rem}.section-heading em{font-style:normal;color:var(--accent)}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:500;transition:opacity .2s,transform .2s;cursor:pointer}.btn:hover{opacity:.82;transform:translateY(-1px)}.btn-primary{background-color:var(--accent);color:var(--white)}.btn-ghost{border:1px solid var(--border);color:var(--fg);background:rgba(0,0,0,0)}.btn-light{background-color:var(--bg);color:var(--fg)}.hero{min-height:calc(100svh - 60px);display:flex;align-items:center;justify-content:center;padding:5rem 2rem;background-color:var(--bg);border-bottom:1px solid var(--border)}.hero-inner{max-width:900px;width:100%;text-align:center}.hero-eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);margin-bottom:1.5rem}.hero-heading{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(3rem,9vw,7rem);font-weight:300;line-height:1;letter-spacing:0;text-transform:uppercase;margin-bottom:1.5rem}.hero-heading em{font-style:normal;color:var(--accent)}.hero-sub{font-size:1.075rem;color:var(--fg-muted);line-height:1.65;margin-bottom:2.5rem;max-width:580px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background-color:var(--surface);overflow:hidden;padding:.85rem 0}.ticker-track{display:flex;gap:0;width:max-content;animation:ticker 22s linear infinite}.ticker-item{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-style:normal;font-weight:300;font-size:1rem;text-transform:uppercase;color:var(--fg-muted);padding:0 2.5rem;white-space:nowrap;position:relative}.ticker-item::after{content:"·";position:absolute;right:0;transform:translateX(50%);color:var(--border)}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.services{padding:7rem 2rem;max-width:var(--max-w);margin:0 auto}.services-header{max-width:500px;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}.service-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.service-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, var(--card-accent) 0%, transparent 60%);opacity:0;transition:opacity .4s var(--ease)}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.08)}.service-card:hover::before{opacity:.05}.card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.service-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);display:block;margin-bottom:1.25rem}.service-name{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:2rem;font-weight:300;text-transform:uppercase;letter-spacing:0;margin-bottom:1rem;color:var(--fg)}.service-desc{font-size:.925rem;color:var(--fg-muted);line-height:1.7;margin-bottom:1.75rem}.service-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.service-tags li{font-size:.75rem;font-weight:500;padding:.25rem .7rem;border-radius:100px;background-color:var(--bg);border:1px solid var(--border);color:var(--fg-muted)}.about{background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:7rem 2rem}.about-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-text p{color:var(--fg-muted);font-size:.975rem;line-height:1.75;margin-bottom:1rem}.about-figure{position:relative;height:340px;display:flex;align-items:center;justify-content:center}.about-img{width:100%;height:100%;object-fit:contain}@media(min-width: 800px){.about{background:90% 60% url(/cleat.png) no-repeat;background-size:40% auto}}.cta-band{background-color:var(--accent);padding:5rem 2rem}.cta-band-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cta-heading{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:300;text-transform:uppercase;color:var(--white);letter-spacing:0}@media(max-width: 768px){.services-grid{grid-template-columns:1fr}.about-inner{grid-template-columns:1fr}.about-figure{display:none}.cta-band-inner{flex-direction:column;align-items:flex-start}}.btn{display:inline-block;padding:.7rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:500;transition:opacity .2s,transform .2s;cursor:pointer}.btn:hover{opacity:.82;transform:translateY(-1px)}.btn-light{background-color:var(--bg);color:var(--fg)}.page-hero{padding:6rem 2rem 5rem;border-bottom:1px solid var(--border)}.page-hero-inner{max-width:var(--max-w);margin:0 auto}.eyebrow{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);margin-bottom:1.25rem}.page-heading{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(3rem,8vw,6rem);font-weight:300;text-transform:uppercase;line-height:1.05;margin-bottom:2.5rem}.section-nav{display:flex;flex-wrap:wrap;gap:.5rem}.section-nav a{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);padding:.4rem 1rem;border:1px solid var(--border);border-radius:100px;transition:color .2s,border-color .2s;text-decoration:none}.section-nav a:hover{color:var(--fg);border-color:var(--fg-muted)}.work-section{padding:7rem 2rem;border-bottom:1px solid var(--border)}.work-section:nth-child(even){background-color:var(--surface)}.work-section-inner{max-width:var(--max-w);margin:0 auto}.work-header{margin-bottom:4rem;display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.work-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted);display:block;margin-bottom:.75rem}.work-name{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(2.5rem,5vw,4rem);font-weight:300;text-transform:uppercase;color:var(--fg);line-height:1.05}.work-desc{font-size:1rem;color:var(--fg-muted);line-height:1.75;margin-bottom:1.5rem}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.tag-list li{font-size:.75rem;font-weight:500;padding:.25rem .7rem;border-radius:100px;background-color:var(--bg);border:1px solid var(--border);color:var(--fg-muted)}.project-carousel{position:relative}.project-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,0)}.project-track::-webkit-scrollbar{height:3px}.project-track::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.project-track::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.project-card{flex:0 0 min(340px,80vw);scroll-snap-align:start;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background-color:var(--surface);transition:transform .3s var(--ease),box-shadow .3s var(--ease);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.2)}.project-card[data-no-lightbox]{cursor:default}.project-card[data-no-lightbox]:hover{transform:none;box-shadow:none}.project-card:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.project-thumb{position:relative;height:240px;background-color:#fff;overflow:hidden}.thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s var(--ease)}.project-card:hover .thumb-img{transform:scale(1.04)}.project-card[data-no-lightbox] .project-thumb{padding:1.25rem}.project-card[data-no-lightbox] .thumb-img{object-fit:contain;transition:none}.project-link-icon{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;transition:opacity .2s,background .2s,transform .15s;backdrop-filter:blur(4px);z-index:2}.project-card:hover .project-link-icon{opacity:1}.project-link-icon:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.thumb-inner{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%, color-mix(in srgb, var(--card-color) 0%, white) 0%, transparent 70%);opacity:.08}.carousel-nav{display:flex;gap:.5rem;margin-bottom:1.25rem;justify-content:flex-end}.carousel-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s,border-color .2s,transform .15s}.carousel-btn:hover{background:var(--border);border-color:var(--fg-muted);transform:scale(1.1)}.project-info{padding:1.5rem}.project-title{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:1.1rem;font-weight:300;text-transform:uppercase;color:var(--fg);margin-bottom:.75rem}.project-tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.project-tag-list li{font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:100px;background-color:var(--bg);border:1px solid var(--border);color:var(--fg-muted)}.cta-band{background-color:var(--accent);padding:5rem 2rem}.cta-band-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.cta-heading{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:300;text-transform:uppercase;color:var(--white);letter-spacing:0}@media(max-width: 900px){.work-header{grid-template-columns:1fr;gap:1.5rem}}@media(max-width: 600px){.cta-band-inner{flex-direction:column;align-items:flex-start}}.lightbox{border:none;background:var(--fg);color:var(--bg);padding:0;width:min(920px,92vw);max-height:90vh;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6);position:fixed;inset:0;margin:auto;opacity:1;transform:scale(1) translateY(0);transition:opacity .22s ease,transform .22s ease}@starting-style{.lightbox[open]{opacity:0;transform:scale(0.96) translateY(12px)}}.lightbox.is-closing{opacity:0;transform:scale(0.96) translateY(12px)}.lightbox::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px);opacity:1;transition:opacity .22s ease}@starting-style{.lightbox[open]::backdrop{opacity:0}}.lightbox.is-closing::backdrop{opacity:0}.lightbox-content{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.lightbox-media{position:relative;flex-shrink:0}.lightbox-img{width:100%;max-height:65vh;object-fit:contain;display:block}.lightbox-swatch{height:360px;width:100%;display:none}.lightbox-close{position:absolute;top:1rem;right:1rem;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:rgba(0,0,0,.55);color:var(--fg);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1;backdrop-filter:blur(4px);transition:background .2s}.lightbox-close:hover{background:rgba(0,0,0,.8)}.lightbox-info{padding:2rem}.lightbox-title{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(1.25rem,3vw,2rem);font-weight:300;text-transform:uppercase;color:var(--bg);margin-bottom:1rem}.lightbox-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.lightbox-tags li{font-size:.75rem;font-weight:500;padding:.25rem .7rem;border-radius:100px;background-color:var(--surface);border:1px solid var(--border);color:var(--fg-muted)}body.page-shop-hub{background:radial-gradient(circle at 14% 10%, #2a5f7f 0%, transparent 36%),radial-gradient(circle at 82% 16%, #7a5533 0%, transparent 35%),linear-gradient(180deg, #11161d 0%, #0d1117 60%, #11161d 100%)}.shop-hub{padding:clamp(4rem,8vw,7rem) 2rem 5rem}.shop-hub-inner{max-width:1100px;margin:0 auto}.shop-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#c6d5df;margin-bottom:.8rem}.shop-hub h1{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(2.2rem,6vw,4.1rem);font-weight:300;line-height:1.05;text-transform:uppercase;margin-bottom:1rem}.shop-copy{max-width:62ch;color:#c5ccd2;margin-bottom:2rem}.shop-grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:1rem}.shop-card{grid-column:span 6;border-radius:14px;border:1px solid rgba(232,227,219,.2);background:linear-gradient(155deg, rgba(20, 24, 32, 0.94), rgba(13, 17, 23, 0.94));padding:1.35rem;display:block;transition:transform .2s ease,border-color .2s ease}.shop-card:hover{transform:translateY(-2px);border-color:rgba(238,143,86,.75)}.shop-card-label{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px;margin-bottom:.8rem;background:rgba(130,188,210,.2);color:#c5deec}.shop-card h2{font-size:1.5rem;margin-bottom:.45rem}.shop-card p{color:#c2c9ce}.shop-card-muted{opacity:.72}@media(max-width: 760px){.shop-card{grid-column:span 12}}body.page-shop-wearables{background:radial-gradient(circle at 10% 12%, #2f6e78 0%, transparent 34%),radial-gradient(circle at 92% 14%, #8e4b2d 0%, transparent 32%),linear-gradient(180deg, #11161d 0%, #0d1117 65%, #11161d 100%)}.shop-hero{padding:clamp(4rem,9vw,7rem) 2rem 1.5rem}.shop-hero-inner{max-width:900px;margin:0 auto;padding:2.8rem;border:1px solid rgba(235,232,226,.2);background:linear-gradient(130deg, rgba(17, 20, 27, 0.88), rgba(13, 17, 23, 0.88));border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.12em;color:#c6d6df;margin-bottom:.75rem}.shop-hero h1{font-family:var(--font-heading);font-variation-settings:var(--font-heading-settings);font-size:clamp(2.1rem,6vw,4.2rem);font-weight:330;line-height:1;margin-bottom:1rem;text-transform:uppercase;color:#f5f6f2}.shop-hero p{font-size:1.05rem;max-width:66ch;color:#d0d4d6}.shop-hero-cta{display:inline-block;margin-top:1.45rem;padding:.72rem 1.3rem;font-weight:550;font-size:.92rem;border-radius:999px;background:#ee8f56;color:#12151c;transition:transform .2s ease,opacity .2s ease}.shop-hero-cta:hover{opacity:.9;transform:translateY(-1px)}.shop-body{max-width:1240px;margin:0 auto;padding:1.2rem 2rem 5rem}.state-card{padding:1.4rem;border-radius:12px;border:1px solid rgba(226,224,219,.22);background:rgba(14,18,24,.85);margin-bottom:1rem}.state-card h2{font-size:1.15rem;margin-bottom:.35rem}.state-card p{color:#c2c8cd}.state-card code{padding:.08rem .35rem;border-radius:4px;background:hsla(0,0%,100%,.12);font-size:.9em}.state-card-error{border-color:rgba(222,117,89,.55);background:rgba(47,20,20,.6)}.product-grid{list-style:none;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:1.15rem}.product-card{grid-column:span 4;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid rgba(231,229,224,.16);background:linear-gradient(180deg, rgba(18, 22, 29, 0.92), rgba(14, 18, 24, 0.92));box-shadow:0 12px 35px rgba(0,0,0,.25)}.product-image{aspect-ratio:1/1;width:100%;object-fit:cover;background:#151a21}.product-image-fallback{aspect-ratio:1/1;display:grid;place-items:center;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08em;color:#c8d1d8;background:radial-gradient(circle at 50% 50%, rgba(89, 138, 160, 0.45), transparent 62%),#10151d}.product-meta{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.product-meta h3{font-size:1.04rem;line-height:1.3}.product-meta p{font-size:.92rem;color:#bcc3c8}.product-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem}.price{font-size:.93rem;color:#f2e0b8;font-weight:500}.buy-btn{padding:.46rem .8rem;font-size:.8rem;font-weight:550;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;border:1px solid rgba(238,143,86,.55);color:#f5c39f}.buy-btn:hover{background:rgba(238,143,86,.14)}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.tag-list li{font-size:.7rem;padding:.2rem .46rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;color:#bcc7ce;border:1px solid rgba(188,199,206,.28)}@media(max-width: 1024px){.product-card{grid-column:span 6}}@media(max-width: 700px){.shop-hero-inner{padding:1.4rem}.shop-hero p{font-size:.97rem}.product-card{grid-column:span 12}}