@font-face{font-family:"Space Grotesk";src:url("../fonts/SpaceGrotesk-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../fonts/SpaceGrotesk-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../fonts/SpaceGrotesk-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Michroma";src:url("../fonts/Michroma-Regular.ttf") format("truetype");font-weight:400;font-display:swap}

:root{--ink:#0b0b0b;--paper:#f4f4f2;--white:#fff;--mid:#777775;--line:#d6d6d2;--container:1280px;--gutter:clamp(20px,4vw,64px);--section:clamp(80px,10vw,144px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--white);padding:12px 18px;border:1px solid var(--ink)}
.skip-link:focus{top:16px}
.prototype-bar{height:28px;background:var(--ink);color:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);font-size:10px;letter-spacing:.13em;font-weight:500}

.site-header{position:sticky;top:0;z-index:30;background:rgba(244,244,242,.96);border-bottom:1px solid var(--ink);backdrop-filter:blur(10px)}
.header-shell{height:72px;max-width:calc(var(--container) + 2 * var(--gutter));margin:auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.brand{width:205px;grid-column:1;grid-row:1}.brand img{width:100%}
.desktop-nav{grid-column:2;grid-row:1;display:flex;gap:38px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.desktop-nav a,.text-link{position:relative}
.desktop-nav a:after,.text-link:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1);transform-origin:left}
.header-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:20px}
.icon-button,.bag-button{border:0;background:transparent;padding:0;cursor:pointer}
.search-button{width:24px;height:24px}.search-button svg{fill:none;stroke:currentColor;stroke-width:1.6;width:100%}
.bag-button{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.bag-button span{display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:22px;height:22px;margin-left:5px}
.menu-toggle{display:none;width:28px;height:24px}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor;margin:6px 0;transition:.2s}
.mobile-menu{position:absolute;top:72px;left:0;width:100%;height:calc(100vh - 100px);padding:28px var(--gutter) 40px;background:var(--paper)}
.mobile-menu a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:16px 0;font-family:"Michroma",sans-serif;font-size:clamp(26px,8vw,42px);text-transform:uppercase}
.mobile-menu a span{font-family:"Space Grotesk";font-size:11px}.mobile-menu p{position:absolute;bottom:24px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}

.hero{min-height:calc(100svh - 100px);display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);background:var(--ink);color:var(--white)}
.hero-copy{padding:clamp(52px,8vw,120px) var(--gutter) 48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.eyebrow{display:flex;gap:18px;align-items:center;margin:0 0 28px;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{color:var(--mid)}
.eyebrow-light span{color:#a8a8a5}
.hero h1,.section h2,.proof h2,.brand-story h2,.newsletter h2{font-family:"Michroma",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.03em;line-height:.94}
.hero h1{font-size:clamp(68px,8.5vw,148px);margin:0 0 38px}
.hero-lead{max-width:520px;margin:0 0 36px;color:#c9c9c5;font-size:clamp(17px,1.45vw,22px);line-height:1.45}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:220px;padding:17px 18px;border:1px solid currentColor;text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:.08em;transition:.2s}.button-light{background:var(--white);color:var(--ink)}.button:hover,.button:focus-visible{background:transparent;color:var(--white)}
.text-link{display:inline-flex;gap:18px;text-transform:uppercase;font-size:12px;font-weight:500;letter-spacing:.08em}.text-link-light{color:var(--white)}
.hero-note{margin:auto 0 0;color:#858581;font-size:10px;letter-spacing:.08em;text-transform:uppercase;max-width:440px}
.hero-media{min-height:600px;background-image:linear-gradient(90deg,rgba(11,11,11,.18),transparent 35%),url("../images/06_SIGNAL_WEAVE_CONTACT_SHEET.webp");background-size:cover;background-position:74% 8%;position:relative}
.media-label{position:absolute;inset:auto 18px 18px;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.75);font-size:10px;letter-spacing:.11em;text-transform:uppercase;text-shadow:0 1px 8px #000}

.ticker{overflow:hidden;background:var(--white);border-bottom:1px solid var(--ink)}
.ticker-track{min-width:max-content;display:flex;align-items:center;gap:34px;padding:15px var(--gutter);font-family:"Michroma";font-size:10px;letter-spacing:.09em}.ticker i{width:5px;height:5px;background:var(--ink);transform:rotate(45deg)}
.section{padding:var(--section) var(--gutter);max-width:calc(var(--container) + 2 * var(--gutter));margin:auto}
.section-head{display:grid;grid-template-columns:1fr minmax(280px,440px) auto;align-items:end;gap:40px;margin-bottom:52px}.section-head.compact{grid-template-columns:1fr;margin-bottom:38px}
.section h2{font-size:clamp(40px,5vw,76px);margin:0}.section-intro{margin:0;color:#4e4e4b;max-width:440px}.section-head>.text-link{align-self:end;margin-bottom:5px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.product-media{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background-color:#dededa;background-repeat:no-repeat;filter:saturate(.65);transition:filter .35s ease,background-size .5s ease}
.product-media:hover,.product-media:focus-visible{filter:saturate(.9);background-size:auto 108%}
.crop-signal{background-image:url("../images/06_SIGNAL_WEAVE_CONTACT_SHEET.webp");background-size:auto 102%;background-position:14% 4%}
.crop-afterlight{background-image:url("../images/02_AFTERLIGHT_CONTACT_SHEET.webp");background-size:auto 102%;background-position:66% 4%}
.crop-load{background-image:url("../images/03_LOAD_PATH_CONTACT_SHEET.webp");background-size:auto 102%;background-position:12% 5%}
.crop-variable{background-image:url("../images/09_VARIABLE_STATE_CONTACT_SHEET.webp");background-size:auto 102%;background-position:12% 5%}
.status-badge{position:absolute;top:12px;left:12px;background:var(--paper);border:1px solid var(--ink);padding:6px 8px;font-size:9px;letter-spacing:.12em;font-weight:500}.media-index{position:absolute;right:12px;bottom:10px;color:var(--white);font-size:11px;text-shadow:0 1px 5px #000}
.product-info{display:flex;flex-direction:column;gap:14px;padding:15px 0 0}.product-info h3{font-size:15px;font-weight:500;margin:0 0 4px}.product-info p,.product-price{margin:0;font-size:12px;color:var(--mid)}.product-price{text-transform:uppercase;letter-spacing:.05em}

.proof{max-width:none;background:var(--ink);color:var(--white);display:grid;grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr);gap:clamp(60px,10vw,180px)}
.proof-heading{max-width:500px}.proof h2{font-size:clamp(54px,7vw,104px);margin:0 0 38px}.proof-heading>p:last-child{max-width:450px;color:#aaa9a5;font-size:17px}
.proof-list{border-top:1px solid #444}.proof-list article{display:grid;grid-template-columns:46px 1fr auto;gap:20px;align-items:start;padding:28px 0;border-bottom:1px solid #444}.proof-number{color:#777;font-size:11px}.proof-list h3{margin:0 0 7px;font-size:18px}.proof-list p{margin:0;color:#aaa9a5;max-width:360px}.proof-state{font-size:9px;letter-spacing:.1em;border:1px solid #555;padding:7px 8px;color:#b9b9b6}

.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-card{position:relative;min-height:clamp(480px,62vw,760px);padding:24px;background-color:#222;background-repeat:no-repeat;background-size:auto 100%;color:var(--white);overflow:hidden;filter:saturate(.65);transition:filter .3s,background-size .5s}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 35%,rgba(0,0,0,.45));z-index:0}.category-card:hover,.category-card:focus-visible{filter:saturate(.9);background-size:auto 105%}.category-tee{background-image:url("../images/09_VARIABLE_STATE_CONTACT_SHEET.webp");background-position:7% 5%}.category-hoodie{background-image:url("../images/03_LOAD_PATH_CONTACT_SHEET.webp");background-position:38% 5%}.category-count,.category-name,.category-arrow{position:absolute;z-index:1}.category-count{top:24px;left:24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.category-name{left:24px;bottom:22px;font-family:"Michroma";font-size:clamp(38px,5vw,76px);text-transform:uppercase}.category-arrow{right:24px;bottom:26px;font-size:30px}

.brand-story{min-height:760px;background:var(--ink);color:var(--white);padding:var(--section) var(--gutter);display:grid;grid-template-columns:.35fr 1fr .65fr;gap:60px;align-items:center;overflow:hidden}.story-index{align-self:start;border-top:1px solid #555;padding-top:12px;font-size:11px;letter-spacing:.12em}.story-copy{max-width:820px}.brand-story h2{font-size:clamp(46px,7vw,108px);margin:0 0 42px}.story-copy>p:not(.eyebrow){color:#aaa9a5;font-size:clamp(17px,1.5vw,22px);max-width:640px;margin:0 0 36px}.story-mark{font-family:"Michroma";font-size:clamp(20px,3vw,50px);color:#30302e;display:flex;flex-direction:column;transform:rotate(90deg);white-space:nowrap}

.journal-card{display:grid;grid-template-columns:1.25fr .75fr;min-height:600px;background:var(--white);border:1px solid var(--ink)}
.journal-media{background-image:linear-gradient(90deg,transparent 60%,rgba(0,0,0,.25)),url("../images/06_SIGNAL_WEAVE_CONTACT_SHEET.webp");background-size:auto 100%;background-position:72% 10%;position:relative;filter:grayscale(.35)}.journal-media span{position:absolute;top:18px;left:18px;color:#fff;font-size:9px;letter-spacing:.1em;border:1px solid rgba(255,255,255,.8);padding:7px 8px;text-shadow:0 1px 6px #000}
.journal-copy{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between}.journal-copy p,.journal-copy>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.journal-copy h3{font-family:"Michroma";font-size:clamp(30px,4vw,56px);font-weight:400;text-transform:uppercase;line-height:1.04;margin:auto 0}.journal-copy>span{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--ink)}

.newsletter{background:var(--ink);color:var(--white);padding:var(--section) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,180px);align-items:end}.newsletter h2{font-size:clamp(38px,5vw,74px);margin:0}.newsletter-form label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.email-field{display:flex;border-bottom:1px solid var(--white)}.email-field input{min-width:0;flex:1;border:0;background:transparent;color:var(--white);padding:15px 0;outline:none;font-size:19px}.email-field input::placeholder{color:#777}.email-field button{border:0;background:transparent;color:var(--white);padding:0 0 0 20px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;cursor:pointer}.newsletter-form>p{color:#777;font-size:11px;max-width:560px;margin:18px 0 0}

.footer{background:var(--ink);color:var(--white);padding:70px var(--gutter) 24px;border-top:1px solid #333}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:70px}.footer-top img{width:min(390px,45vw)}.footer-top p{margin:0;color:#888;text-align:right;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:36px 0 70px;border-top:1px solid #333}.footer-links h2{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.12em;margin:0 0 20px}.footer-links a{display:block;width:max-content;margin:9px 0;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #333;color:#777;font-size:9px;letter-spacing:.1em;text-transform:uppercase}

:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media (max-width:1050px){.desktop-nav{gap:22px}.brand{width:180px}.hero{grid-template-columns:.9fr 1.1fr}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}.proof{grid-template-columns:1fr;gap:60px}.brand-story{grid-template-columns:.25fr 1fr}.story-mark{display:none}.journal-card{min-height:520px}}
@media (max-width:760px){.prototype-bar{font-size:8px;height:24px}.site-header{top:0}.header-shell{height:64px;grid-template-columns:1fr auto 1fr}.menu-toggle{display:block;grid-column:1;grid-row:1}.brand{grid-column:2;width:150px}.desktop-nav,.search-button{display:none}.header-actions{grid-column:3}.bag-button{font-size:0}.bag-button span{font-size:10px;margin:0}.mobile-menu{top:64px;height:calc(100vh - 88px)}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{min-height:600px;padding-top:60px;order:2}.hero-media{min-height:64vh;order:1;background-size:auto 100%;background-position:62% 5%}.hero h1{font-size:20vw}.hero-lead{font-size:17px}.hero-note{margin-top:64px}.section{padding-left:20px;padding-right:20px}.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:36px}.section-head>.text-link{margin-top:3px}.section h2{font-size:11vw}.product-grid{gap:28px 8px}.product-info{padding-top:11px}.product-info h3{font-size:13px}.product-info p,.product-price{font-size:10px}.proof{padding-left:20px;padding-right:20px}.proof-list article{grid-template-columns:30px 1fr}.proof-state{grid-column:2;width:max-content}.category-grid{grid-template-columns:1fr}.category-card{min-height:125vw}.brand-story{grid-template-columns:1fr;min-height:700px;padding-left:20px;padding-right:20px}.story-index{width:100%}.brand-story h2{font-size:12vw}.journal-card{grid-template-columns:1fr;min-height:0}.journal-media{min-height:115vw;background-position:70% 0}.journal-copy{min-height:360px}.newsletter{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.footer{padding-left:20px;padding-right:20px}.footer-top{display:block}.footer-top img{width:270px;max-width:90%}.footer-top p{text-align:left;margin-top:24px}.footer-links{grid-template-columns:1fr 1fr;row-gap:36px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
@media (max-width:410px){.product-grid{grid-template-columns:1fr}.product-media{aspect-ratio:4/5}.footer-links{grid-template-columns:1fr 1fr}.hero-actions{align-items:flex-start;flex-direction:column}.button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* WordPress and WooCommerce integration */
body.admin-bar .site-header{top:32px}
.bw-screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desktop-nav .menu,.mobile-menu .menu{display:contents;list-style:none;margin:0;padding:0}
.mobile-menu .menu-item{display:contents}
.search-panel{position:absolute;top:72px;left:0;width:100%;padding:22px var(--gutter);background:var(--paper);border-bottom:1px solid var(--ink)}
.search-panel form{max-width:var(--container);margin:auto;display:flex;border-bottom:1px solid var(--ink)}
.search-panel label{flex:1}.search-panel input{width:100%;border:0;background:transparent;padding:14px 0;font-size:20px;outline:none}
.search-panel button{border:0;background:transparent;text-transform:uppercase;font-size:11px;letter-spacing:.08em;cursor:pointer}
.hero-media.has-custom-hero{background-image:linear-gradient(90deg,rgba(11,11,11,.18),transparent 35%),var(--bw-hero-image)}
.product-media.has-product-image{background-image:var(--bw-product-image);background-size:cover;background-position:center}
.product-media.has-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-media.has-product-image:hover img,.product-media.has-product-image:focus-visible img{transform:scale(1.035)}
.product-card .price{display:block;color:var(--mid);font-size:12px}.product-card .price del{opacity:.5}.product-card .price ins{text-decoration:none}
.product-card .onsale{display:none}
.bw-content-shell,.bw-commerce-shell{width:min(100% - 2 * var(--gutter),var(--container));margin:80px auto}
.bw-content-shell article{max-width:760px;margin:auto}.bw-content-shell h1{font-family:"Michroma";font-size:clamp(38px,6vw,72px);font-weight:400;line-height:1;text-transform:uppercase}
.bw-post-list{display:grid;gap:48px}.bw-post-list article{width:100%;padding-bottom:40px;border-bottom:1px solid var(--line)}.bw-post-list h2{font-family:"Michroma";font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.08;text-transform:uppercase}.bw-post-list .entry-meta{color:var(--mid);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.bw-pagination{margin-top:44px}
.bw-content-shell img{height:auto}.bw-entry-content{font-size:18px}.bw-entry-content>*+*{margin-top:1.4em}
.woocommerce .bw-commerce-shell{max-width:var(--container)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0;background:var(--ink);color:var(--white);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#30302f;color:var(--white)}
.woocommerce ul.products li.product .price{color:var(--ink)}
.woocommerce span.onsale{border-radius:0;background:var(--ink);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.prototype-bar[hidden],.mobile-menu[hidden],.search-panel[hidden]{display:none!important}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
@media (max-width:760px){.search-panel{top:64px}.bw-content-shell,.bw-commerce-shell{width:calc(100% - 40px);margin:56px auto}}