@import "https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--ink:#0b0d0d;--bone:#f3efe5;--paper:#e9e4d8;--line:#f3efe557;--mono:"IBM Plex Mono",monospace;--display:"Anton","Arial Narrow",sans-serif;--condensed:"Barlow Condensed","Arial Narrow",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-family:var(--condensed);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.hero{border-bottom:4px solid var(--bone);background:#0b0d0d url(/assets/hero-workshop.png) 50%/cover no-repeat;height:min(820px,100svh);min-height:680px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050606bd 0%,#05060633 43%,#0000 72%);position:absolute;inset:0}.header{z-index:5;background:#070909d1;border-bottom:1px solid #ffffff14;align-items:center;height:100px;padding:0 4.2vw;display:flex;position:relative}.logo{flex:none;width:154px;height:82px;display:block;overflow:hidden}.logo img{object-fit:contain;filter:invert()grayscale()contrast(1.45);mix-blend-mode:screen;width:100%;height:100%}.nav{gap:38px;margin-left:auto;margin-right:auto;display:flex}.nav a,.footer nav a{font-family:var(--mono);letter-spacing:.03em;font-size:11px;font-weight:600;position:relative}.nav a:after{content:"";background:var(--bone);height:2px;transition:right .25s;position:absolute;bottom:-8px;left:0;right:100%}.nav a:hover:after{right:0}.header__actions{align-items:center;gap:10px;display:flex}.icon-button,.menu-button{color:var(--bone);cursor:pointer;background:0 0;border:0;padding:10px}.menu-button{display:none}.button{background:var(--bone);min-height:52px;color:var(--ink);border:1px solid var(--bone);font-family:var(--mono);letter-spacing:.03em;justify-content:center;align-items:center;gap:22px;padding:0 25px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:4px 4px #f3efe559}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px #f3efe559}.button--dark{background:var(--ink);color:var(--bone);border-color:var(--ink);box-shadow:4px 4px #9b978d}.hero__content{z-index:2;width:520px;margin:80px 0 0 4.2vw;position:relative}.hero h1{font-family:var(--display);letter-spacing:.012em;margin:0;font-size:clamp(68px,7.2vw,110px);font-weight:400;line-height:.91}.hero h1 span{color:#0000;-webkit-text-stroke:2px var(--bone)}.hero__content p{font-family:var(--mono);letter-spacing:.13em;margin:28px 0 30px;font-size:14px;line-height:1.55}.hero__note{z-index:2;font-family:var(--mono);letter-spacing:.13em;justify-content:space-between;align-items:end;font-size:9px;line-height:1.55;display:flex;position:absolute;bottom:30px;left:4.2vw;right:4.2vw}.hero__note span:first-child:before{content:"";background:var(--bone);width:40px;height:1px;margin:0 15px 3px 0;display:inline-block}.scroll-note{z-index:2;writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.16em;font-size:9px;position:absolute;top:50%;right:18px}.scroll-note span{margin-top:12px}.product-rail{background:#161616;height:280px;overflow:hidden}.product-rail img{object-fit:cover;width:100%;height:100%;display:block}.benefits{background:var(--bone);color:var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.benefit{border-right:1px solid #aaa69d;justify-content:center;align-items:center;gap:20px;height:112px;padding:20px 26px;display:flex}.benefit:last-child{border:0}.benefit span{font-family:var(--mono);max-width:160px;font-size:11px;line-height:1.35}.brand-band{border-bottom:4px solid var(--bone);background:url(/assets/mountain-band.png) 50%/cover;justify-content:center;align-items:center;gap:26px;height:260px;display:flex;position:relative}.brand-band:after{content:"";background:#0407074d;position:absolute;inset:0}.brand-band p,.brand-band__line{z-index:1;position:relative}.brand-band p{font-family:var(--mono);letter-spacing:.32em;font-size:15px}.brand-band__line{background:var(--bone);width:70px;height:1px}.work-section{background:var(--bone);color:var(--ink);grid-template-columns:310px 1fr;gap:50px;padding:88px 4.2vw 90px;display:grid}.section-label{font-family:var(--mono);letter-spacing:.04em;margin:0 0 18px;font-size:11px;font-weight:700;text-decoration:underline}.section-intro h2,.process h2,.about h2,.quote h2{font-family:var(--display);letter-spacing:.01em;margin:0 0 18px;font-size:54px;font-weight:400;line-height:.95}.section-intro>p:not(.section-label),.about__copy>p:not(.section-label){font-family:var(--mono);letter-spacing:.06em;max-width:290px;margin:0 0 28px;font-size:11px;line-height:1.7}.work-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.work-card{min-width:0;transition-delay:var(--delay)}.work-card__image{filter:saturate(.75);background-image:url(/assets/product-rail.png);background-size:400% 100%;height:355px;transition:filter .25s,transform .3s}.work-card:hover .work-card__image{filter:saturate();transform:translateY(-5px)}.work-card__meta{border-top:2px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:13px;padding-top:10px;display:grid}.work-card__meta span{font-family:var(--mono);font-size:9px}.work-card__meta h3{font-family:var(--mono);margin:0;font-size:10px}.process{background:var(--ink);border-bottom:1px solid #3d3e3c;grid-template-columns:270px 1fr;gap:60px;padding:72px 4.2vw 78px;display:grid}.process__intro>p:last-child,.step p{font-family:var(--mono);letter-spacing:.08em;font-size:10px;line-height:1.5}.steps{grid-template-columns:repeat(4,1fr);display:grid}.step{border-left:1px solid #565856;padding:0 30px}.step strong{font-family:var(--display);color:#6d6e6b;font-size:60px;font-weight:400;line-height:1}.step h3{font-family:var(--mono);margin:15px 0 9px;font-size:12px}.step p{max-width:150px}.about{background:var(--paper);min-height:540px;color:var(--ink);grid-template-columns:1.15fr .85fr;display:grid}.about__image{background:url(/assets/hero-workshop.png) 78% 70%/cover;min-height:420px;position:relative}.stamp{background:var(--bone);border:2px solid var(--ink);width:110px;height:110px;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:35px;right:35px;transform:rotate(-8deg)}.about__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 8vw;display:flex}.text-link{font-family:var(--mono);border-bottom:2px solid;align-items:center;gap:20px;padding-bottom:5px;font-size:11px;font-weight:700;display:flex}.quote{background:var(--bone);color:var(--ink);border-top:2px solid var(--ink);justify-content:space-between;align-items:end;gap:40px;padding:70px 8vw;display:flex}.quote h2{margin-bottom:8px;font-size:74px}.quote>div>p:last-child{font-family:var(--mono);letter-spacing:.08em;font-size:11px;line-height:1.55}.quote__form{align-items:end;gap:12px;min-width:min(100%,580px);display:flex}.quote__form label{flex:1}.quote__form label span{font:700 10px var(--mono);margin-bottom:8px;display:block}.quote__form input{border:2px solid var(--ink);width:100%;height:52px;font:600 11px var(--mono);background:0 0;border-radius:0;outline:none;padding:0 18px}.quote__form input:focus{box-shadow:inset 0 -4px 0 var(--ink)}.quote__form .button{cursor:pointer;white-space:nowrap}.form-success,.quote__form.submitted .form-default{display:none}.quote__form.submitted .form-success{display:inline}.footer{border-top:1px solid #333;grid-template-columns:190px 1fr auto;align-items:center;gap:40px;min-height:170px;padding:32px 4.2vw;display:grid}.logo--footer{width:125px;height:90px}.footer nav{justify-content:center;gap:35px;display:flex}.footer p{font-family:var(--mono);letter-spacing:.1em;color:#aaa;font-size:8px}.is-visible{opacity:1!important;transform:none!important}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}@media (width<=1050px){.nav{gap:20px}.header__actions .icon-button{display:none}.work-section{grid-template-columns:1fr}.section-intro{grid-template-columns:1fr 1fr;align-items:end;display:grid}.section-intro .section-label{grid-column:1/-1}.section-intro .button{justify-self:end}.process{grid-template-columns:1fr}.about__copy{padding:55px}.quote{flex-direction:column;align-items:stretch}.quote__form{width:100%;min-width:0}}@media (width<=760px){.hero{background-position:62%;height:760px;min-height:0}.hero:after{background:linear-gradient(90deg,#050606d1,#05060647)}.header{height:82px;padding:0 20px}.logo{width:112px;height:68px}.nav{background:var(--ink);flex-direction:column;gap:0;padding:20px;display:none;position:absolute;top:82px;left:0;right:0}.nav--open{display:flex}.nav a{border-bottom:1px solid #333;padding:17px}.header__actions{display:none}.menu-button{margin-left:auto;display:block}.hero__content{width:auto;margin:90px 20px 0}.hero h1{font-size:60px}.hero__content p{font-size:11px}.hero__note{left:20px;right:20px}.scroll-note{display:none}.product-rail{height:170px}.product-rail img{width:720px;min-width:720px;animation:16s linear infinite alternate rail}.benefits{grid-template-columns:1fr 1fr}.benefit{border-bottom:1px solid #aaa69d;justify-content:flex-start;height:100px}.benefit span{font-size:9px}.brand-band{height:210px}.brand-band p{font-size:11px}.brand-band__line{width:30px}.work-section{gap:35px;padding:65px 20px}.section-intro{display:block}.section-intro .button{margin-top:5px}.work-grid{grid-template-columns:1fr 1fr}.work-card__image{height:250px}.process{padding:60px 20px}.steps{grid-template-columns:1fr 1fr;gap:35px 0}.step{padding:0 18px}.about{grid-template-columns:1fr}.about__copy,.quote{padding:60px 20px}.quote h2{font-size:58px}.quote__form{flex-direction:column;align-items:stretch}.footer{text-align:center;grid-template-columns:1fr}.footer .logo{margin:auto}.footer nav{flex-wrap:wrap;gap:25px}.footer p{margin:0}.section-intro h2,.process h2,.about h2{font-size:46px}@keyframes rail{to{transform:translate(calc(100vw - 720px))}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}.nav{gap:26px}.nav a:first-child{color:#f5c518}.nav a:first-child:before{content:"";background:#f5c518;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block;transform:rotate(45deg)}.filaments{border-bottom:3px solid var(--bone);background:#0b0d0d}.filaments__feature{border-bottom:1px solid #464744;grid-template-columns:38% 32% 30%;min-height:650px;display:grid;overflow:hidden}.filaments__copy{background:radial-gradient(circle at 5%,#20201d 0,#0000 56%);flex-direction:column;justify-content:center;padding:72px 3.5vw 55px;display:flex}.filaments__priority{font:600 11px var(--mono);letter-spacing:.18em;align-items:center;gap:15px;margin-bottom:30px;display:flex}.filaments__priority i{background:#f5c518;width:9px;height:16px;display:block;transform:skew(-15deg)}.filaments h2{font:400 clamp(70px,6.2vw,100px)/.83 var(--display);letter-spacing:.005em;margin:0 0 30px}.filaments h2 span{color:#f5c518}.filaments h3{font:400 clamp(27px,2.5vw,43px)/1 var(--display);letter-spacing:.02em;margin:0 0 23px}.filaments__copy>p{font:500 13px/1.7 var(--mono);letter-spacing:.025em;color:#d7d2c7;max-width:500px;margin:0}.filaments__image{border-left:8px solid var(--ink);transform-origin:bottom;min-width:0;margin:0;position:relative;overflow:hidden;transform:skew(-5deg)}.filaments__image img{object-fit:cover;width:110%;height:110%;transition:transform .6s;position:absolute;inset:-5%;transform:skew(5deg)scale(1.03)}.filaments__image:hover img{transform:skew(5deg)scale(1.08)}.filaments__image--denim{margin-left:-25px}.filaments__image--trucker{margin-right:-25px}.filaments__rail{border-bottom:1px solid #464744;grid-template-columns:repeat(3,1fr) minmax(290px,1.15fr);align-items:stretch;min-height:124px;padding:0 3.5vw;display:grid}.filaments__rail>div{border-right:1px solid #464744;align-items:center;gap:19px;padding:24px 30px;display:flex}.filaments__rail b{font:400 38px var(--display);color:#686965}.filaments__rail span{font:600 11px var(--mono);letter-spacing:.1em}.filaments__rail .button{background:#f5c518;border-color:#f5c518;align-self:center;min-height:62px;margin-left:26px;box-shadow:4px 4px #75671b}.filaments__motion{grid-template-columns:.72fr 1.28fr;gap:0;max-width:1240px;margin:0 auto;padding:90px 4.2vw;display:grid}.filaments__motion-copy{background:#111312;border:1px solid #4b4c49;border-right:0;flex-direction:column;justify-content:space-between;padding:55px;display:flex}.filaments__motion-copy span{font:600 10px var(--mono);letter-spacing:.14em;color:#f5c518}.filaments__motion-copy strong{font:400 clamp(46px,5vw,76px)/.9 var(--display)}.filaments__motion video{object-fit:cover;background:#111;border:1px solid #4b4c49;width:100%;height:470px;display:block}@media (width<=1180px){.nav{gap:14px}.nav a{font-size:9px}.filaments__feature{grid-template-columns:.9fr 1fr}.filaments__image--trucker{display:none}.filaments__rail{grid-template-columns:repeat(3,1fr)}.filaments__rail .button{grid-column:1/-1;margin:0 0 28px}.filaments__rail>div:nth-child(3){border-right:0}}@media (width<=760px){.nav a:first-child{color:#f5c518}.filaments__feature{min-height:0;display:block}.filaments__copy{padding:64px 20px 48px}.filaments h2{font-size:66px}.filaments h3{font-size:30px}.filaments__image{border:0;border-top:7px solid var(--ink);height:360px;margin:0;transform:none;display:block!important}.filaments__image img{width:100%;height:100%;inset:0;transform:none}.filaments__image:hover img{transform:scale(1.04)}.filaments__rail{grid-template-columns:1fr;padding:0 20px}.filaments__rail>div{border-bottom:1px solid #464744;border-right:0;padding:22px 5px}.filaments__rail .button{grid-column:auto;margin:25px 0 30px}.filaments__motion{grid-template-columns:1fr;padding:60px 20px}.filaments__motion-copy{border-bottom:0;border-right:1px solid #4b4c49;min-height:300px;padding:35px}.filaments__motion video{height:300px}}.hero{--hero-parallax:0px;isolation:isolate;background:#0b0d0d}.hero:before{content:"";z-index:0;transform:translate3d(0,var(--hero-parallax),0) scale(1.035);will-change:transform;pointer-events:none;background:url(/assets/hero-workshop.png) 50%/cover no-repeat;position:absolute;inset:-12% 0}.hero:after{z-index:1}.hero>.header{z-index:5}.hero>.hero__content,.hero>.hero__note,.hero>.scroll-note{z-index:2}@media (width<=760px){.hero:before{will-change:auto;background-position:62%;inset:0;transform:none}}@media (prefers-reduced-motion:reduce){.hero:before{will-change:auto;transform:none}}.work-card__image{filter:saturate(.7)contrast(1.03);background:#171817;overflow:hidden}.work-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.work-card:hover .work-card__image img{transform:scale(1.035)}.about__image{background-image:url(/assets/client-work/icvm-white.jpg);background-position:56%}
