/* Homepage layout inspired by the pacing of WoxWear's current homepage, rebuilt for a men's T-shirt-first B2B manufacturer. */
.home-wox{--wx-bg:#f3f1ec;--wx-white:#fff;--wx-black:#10110f;--wx-charcoal:#1b1d19;--wx-line:#d6d3cb;--wx-muted:#6c6e68;--wx-green:#233129;background:var(--wx-bg)}
.wx-utility{background:#0e0f0d;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.wx-utility-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:36px;align-items:center}.wx-utility-grid span{text-align:center;border-right:1px solid #343632}.wx-utility-grid span:last-child{border-right:0}
.wx-header{position:sticky;top:0;z-index:60;background:rgba(243,241,236,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--wx-line)}.wx-header-row{height:78px;display:flex;align-items:center;gap:34px}.wx-logo{font-weight:900;font-size:21px;letter-spacing:-.04em;line-height:1}.wx-logo small{display:block;margin-top:5px;font-size:8px;letter-spacing:.16em}.wx-nav{display:flex;gap:24px;align-items:center;flex:1;justify-content:center}.wx-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.055em;font-weight:800;position:relative}.wx-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#111;transition:.25s}.wx-nav a:hover:after,.wx-nav a.active:after{right:0}.wx-header-cta{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid var(--wx-line);padding-left:24px;white-space:nowrap}.wx-header-cta span,.wx-text-link span{display:inline-block;margin-left:8px}
.wx-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:900;margin-bottom:18px}.wx-btn{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;border:1px solid currentColor;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.095em}.wx-btn-dark{background:#10110f;color:#fff;border-color:#10110f}.wx-btn-light{background:#fff;color:#111;border-color:#fff}.wx-text-link{display:inline-flex;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:4px}.wx-text-link.light{color:#fff}.wx-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.wx-hero{position:relative;min-height:calc(100vh - 114px);background:#171915;color:#fff;overflow:hidden}.wx-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 39%,rgba(255,255,255,.11),transparent 25%),linear-gradient(105deg,#11130f 0%,#222820 58%,#3a4137 100%)}.wx-hero-inner{position:relative;z-index:3;min-height:calc(100vh - 114px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:110px}.wx-hero-copy{padding:0 0 84px;width:min(720px,62vw)}.wx-hero h1{font-size:clamp(54px,7.6vw,118px);line-height:.87;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 27px}.wx-hero h1 span{font-weight:400}.wx-hero p{max-width:690px;font-size:18px;line-height:1.6;color:#d9dcd5;margin:0 0 32px}.wx-hero-art{position:absolute;right:0;top:0;width:49%;height:100%;z-index:1}.wx-hero-card{position:absolute;background:#e7e3d9;box-shadow:0 28px 70px rgba(0,0,0,.25);overflow:hidden}.wx-hero-card img{width:100%;height:100%;object-fit:cover}.wx-card-main{width:57%;height:66%;right:15%;top:13%;transform:rotate(2deg)}.wx-card-side{width:29%;height:42%;left:0;bottom:12%;transform:rotate(-4deg)}.wx-card-small{width:25%;height:34%;right:-3%;bottom:2%;transform:rotate(4deg);opacity:.82}.wx-hero-bottom{border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:repeat(3,1fr)}.wx-hero-bottom div{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:22px 22px 22px 0;border-right:1px solid rgba(255,255,255,.2)}.wx-hero-bottom div:last-child{border-right:0}.wx-hero-bottom b{font-size:10px;letter-spacing:.14em}.wx-hero-bottom span{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#d5d8d1}
.wx-story{display:grid;grid-template-columns:55% 45%;min-height:720px}.wx-story-flip{grid-template-columns:45% 55%}.wx-story-flip .wx-story-media{order:2}.wx-story-flip .wx-story-copy{order:1}.wx-story-media{background:#dedbd3;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.wx-story-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.05);pointer-events:none}.wx-story-media img{width:100%;height:100%;object-fit:cover}.wx-story-copy{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center;background:#fff}.wx-story-copy h2{font-size:clamp(45px,5.3vw,82px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 20px}.wx-story-copy h3{font-size:20px;margin:0 0 18px;font-weight:500}.wx-story-copy p{font-size:17px;max-width:610px;color:var(--wx-muted);margin:0 0 18px}.wx-story-copy ul{list-style:none;padding:0;margin:12px 0 28px;max-width:620px}.wx-story-copy li{padding:11px 0;border-top:1px solid var(--wx-line);font-size:13px;font-weight:700}.wx-story-dark .wx-story-copy{background:#121411;color:#fff}.wx-story-dark .wx-story-copy p{color:#c1c6bf}.wx-story-dark .wx-story-copy li{border-color:#343831}.wx-media-speed{background:#272a25}.wx-media-quality{background:#ded6c7}.wx-media-print{background:#d7dde2}.wx-media-brand{background:#bfc1ad}
.wx-products{padding:110px 0 120px;background:#f1efe9}.wx-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.wx-section-title h2{font-size:clamp(52px,7vw,100px);letter-spacing:-.06em;line-height:.9;text-transform:uppercase;margin:0}.wx-section-title>p{max-width:520px;margin:0;color:var(--wx-muted);font-size:16px}.wx-product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wx-product{background:#fff;border:1px solid var(--wx-line);transition:.25s}.wx-product:hover{transform:translateY(-4px)}.wx-product-img{aspect-ratio:4/5;overflow:hidden;background:#e7e4dc}.wx-product-img img{width:100%;height:100%;object-fit:cover}.wx-product-meta{padding:20px}.wx-product-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--wx-muted);font-weight:900}.wx-product-meta h3{font-size:20px;line-height:1.05;margin:7px 0 10px}.wx-product-meta p{font-size:12px;color:var(--wx-muted);margin:0}.wx-products-foot{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.wx-products-foot>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--wx-muted)}
.wx-studio{background:#1a1e19;color:#fff;padding:110px 0}.wx-studio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.wx-studio-intro{position:sticky;top:130px}.wx-studio-intro h2{font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 24px}.wx-studio-intro p{max-width:500px;color:#c5cac2;font-size:17px;margin-bottom:30px}.wx-studio-cards{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #3a3e37;border-left:1px solid #3a3e37}.wx-studio-card{min-height:250px;padding:28px;border-right:1px solid #3a3e37;border-bottom:1px solid #3a3e37}.wx-studio-card span{font-size:10px;color:#aab0a7}.wx-studio-card h3{font-size:25px;line-height:1;margin:70px 0 13px}.wx-studio-card p{font-size:13px;color:#b9beb6;margin:0}
.wx-process{background:#10120f;color:#fff;padding:110px 0}.wx-section-title-dark>p{color:#bbc0b7}.wx-process-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #3b3e38;border-left:1px solid #3b3e38}.wx-step{min-height:250px;padding:26px 20px;border-right:1px solid #3b3e38;border-bottom:1px solid #3b3e38}.wx-step span{font-size:10px;color:#92988f}.wx-step h3{font-size:20px;line-height:1.05;margin:70px 0 14px}.wx-step p{font-size:12px;color:#b1b7ad;margin:0}
.wx-hoodie{background:#e5dfd4;padding:110px 0}.wx-hoodie-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.wx-hoodie-copy h2{font-size:clamp(50px,6vw,88px);line-height:.9;text-transform:uppercase;letter-spacing:-.055em;margin:0 0 24px}.wx-hoodie-copy p{font-size:17px;color:var(--wx-muted)}.wx-hoodie-copy ul{list-style:none;padding:0;margin:24px 0 30px}.wx-hoodie-copy li{border-top:1px solid #c8c3b9;padding:12px 0;font-size:13px;font-weight:700}.wx-hoodie-visual{height:640px;position:relative}.wx-hoodie-visual>div{position:absolute;overflow:hidden;box-shadow:0 30px 70px rgba(34,35,31,.13)}.wx-hoodie-visual img{width:100%;height:100%;object-fit:cover}.wx-hoodie-a{left:0;top:0;width:64%;height:82%;background:#d2d2cc}.wx-hoodie-b{right:0;bottom:0;width:47%;height:62%;background:#c0bbb2}
.wx-advantages{padding:110px 0;background:#f3f1ec}.wx-adv-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--wx-line);border-left:1px solid var(--wx-line)}.wx-adv-grid>div{min-height:270px;padding:28px;border-right:1px solid var(--wx-line);border-bottom:1px solid var(--wx-line);background:#faf9f6}.wx-adv-grid b{font-size:10px;color:#8c8e88}.wx-adv-grid h3{font-size:23px;line-height:1.05;margin:80px 0 14px}.wx-adv-grid p{font-size:13px;color:var(--wx-muted);margin:0}
.wx-ready{background:#263028;color:#fff;padding:100px 0}.wx-ready-row{display:flex;justify-content:space-between;align-items:flex-end;gap:80px}.wx-ready h2{font-size:clamp(56px,7.5vw,108px);line-height:.87;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 24px}.wx-ready p{max-width:610px;color:#c6cbc4;font-size:17px}.wx-ready-actions{display:flex;flex-direction:column;gap:22px;align-items:flex-start;min-width:260px;padding-bottom:14px}
.wx-faq{background:#fff;padding:110px 0}.wx-faq .faq{border-top:1px solid var(--wx-line)}.wx-faq .faq-q{padding:25px 0;font-size:17px}.wx-faq .faq-a{color:var(--wx-muted);max-width:920px}.wx-faq-more{margin-top:30px}
.wx-footer{background:#0f100e;color:#fff;padding:80px 0 28px}.wx-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:60px}.wx-logo-footer{display:inline-block;margin-bottom:26px}.wx-footer-brand p{max-width:460px;color:#aeb3aa;font-size:14px}.wx-footer-brand strong{display:block;font-size:28px;line-height:1.05;margin-top:32px}.wx-footer h4{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#858a82;margin:0 0 22px}.wx-footer-grid>div:not(:first-child) a{display:block;color:#d8dcd4;font-size:13px;margin:11px 0}.wx-footer-bottom{border-top:1px solid #30332e;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:#7d8279;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1120px){.wx-nav{display:none}.wx-header-cta{margin-left:auto}.wx-hero-art{width:53%;opacity:.68}.wx-hero-copy{width:68vw}.wx-story,.wx-story-flip{grid-template-columns:1fr}.wx-story-flip .wx-story-media{order:1}.wx-story-flip .wx-story-copy{order:2}.wx-story-media{min-height:560px}.wx-story-copy{padding:90px 7vw}.wx-product-row{grid-template-columns:1fr 1fr}.wx-process-grid{grid-template-columns:repeat(3,1fr)}.wx-adv-grid{grid-template-columns:1fr 1fr}.wx-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.wx-footer-grid>div:last-child{grid-column:2/4}.wx-studio-grid{grid-template-columns:1fr}.wx-studio-intro{position:static}.wx-hoodie-grid{grid-template-columns:1fr}.wx-ready-row{display:block}.wx-ready-actions{margin-top:32px}}
@media(max-width:700px){.wx-utility-grid{grid-template-columns:1fr 1fr;gap:0;padding:5px 0}.wx-utility-grid span{padding:5px 4px}.wx-utility-grid span:nth-child(2){border-right:0}.wx-header-row{height:68px}.wx-header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.wx-hero{min-height:780px}.wx-hero-inner{min-height:780px;padding-top:70px}.wx-hero-art{width:100%;height:58%;top:0;opacity:.48}.wx-card-main{width:58%;height:66%;right:6%;top:8%}.wx-card-side{width:34%;height:40%;left:4%;bottom:6%}.wx-card-small{display:none}.wx-hero-copy{width:100%;padding-bottom:38px}.wx-hero h1{font-size:49px}.wx-hero p{font-size:15px}.wx-hero-bottom{grid-template-columns:1fr}.wx-hero-bottom div{border-right:0;border-top:1px solid rgba(255,255,255,.16);padding:13px 0}.wx-hero-bottom div:first-child{border-top:0}.wx-story-media{min-height:420px}.wx-story-copy{padding:66px 24px}.wx-story-copy h2{font-size:45px}.wx-products,.wx-studio,.wx-process,.wx-hoodie,.wx-advantages,.wx-faq{padding:72px 0}.wx-section-title{display:block}.wx-section-title h2{font-size:54px}.wx-section-title>p{margin-top:20px}.wx-product-row{grid-template-columns:1fr}.wx-products-foot{display:block}.wx-products-foot>span{display:block;margin-top:18px}.wx-studio-cards{grid-template-columns:1fr}.wx-studio-card{min-height:200px}.wx-studio-card h3{margin-top:45px}.wx-process-grid{grid-template-columns:1fr 1fr}.wx-step{min-height:205px}.wx-step h3{margin-top:42px}.wx-hoodie-visual{height:470px}.wx-adv-grid{grid-template-columns:1fr}.wx-adv-grid>div{min-height:210px}.wx-adv-grid h3{margin-top:48px}.wx-ready{padding:76px 0}.wx-ready h2{font-size:56px}.wx-footer-grid{grid-template-columns:1fr 1fr;gap:38px}.wx-footer-brand{grid-column:1/-1}.wx-footer-grid>div:last-child{grid-column:auto}.wx-footer-bottom{display:block;line-height:1.8}.wx-footer-bottom span:last-child{display:block}.wx-logo{font-size:19px}}