:root{--border-gray: #e5e7eb;--orange-tint: #fee6cb;--pure-white: #ffffff;--surface-off-white: #fafafa;--amber-orange: #fb8931;--charcoal: #212121;--dark-slate: #3b4043;--ink-black: #111314;--mid-gray: #646464}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--pure-white);color:var(--ink-black);line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:Space Mono,monospace}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}nav{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-gray);position:sticky;top:0;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}.logo{font-weight:700;font-size:20px;letter-spacing:-.4px}.logo span{color:var(--amber-orange)}.nav-links{display:flex;gap:32px;font-size:14px;font-weight:500}.nav-links a{color:var(--dark-slate);transition:color .15s}.nav-links a:hover{color:var(--ink-black)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:9999px;font-weight:500;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-primary{background:var(--ink-black);color:var(--pure-white)}.btn-primary:hover{background:var(--charcoal)}.btn-primary:disabled{background:var(--mid-gray);cursor:not-allowed}.btn-outline{border-color:var(--ink-black);color:var(--ink-black)}.btn-outline:hover{background:var(--ink-black);color:var(--pure-white)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding:96px 24px 64px;align-items:center;max-width:1200px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:12px;color:var(--charcoal);background:var(--orange-tint);padding:6px 14px;border-radius:9999px;margin-bottom:24px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber-orange)}h1{font-size:64px;font-weight:600;line-height:1.02;letter-spacing:-1.5px;margin-bottom:24px}h1 em{font-style:normal;color:var(--amber-orange)}.hero p{font-size:18px;color:var(--dark-slate);max-width:480px;margin-bottom:32px}.hero-ctas{display:flex;gap:12px;margin-bottom:40px}.hero-stats{display:flex;gap:32px;padding-top:24px;border-top:1px solid var(--border-gray)}.stat-num{font-family:Space Mono,monospace;font-size:24px;font-weight:700}.stat-label{font-size:12px;color:var(--mid-gray);margin-top:2px}.hero-visual{position:relative;height:520px}.fabric-card{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 32px 68px #0000001f}.card-1{width:220px;height:280px;top:0;right:60px;background:linear-gradient(135deg,#3b4043,#111314)}.card-2{width:180px;height:220px;bottom:0;left:0;background:linear-gradient(135deg,#fb8931,#fee6cb)}.card-3{width:150px;height:150px;bottom:60px;right:0;background:var(--surface-off-white);border:1px solid var(--border-gray);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:16px}.card-3 .big{font-family:Space Mono,monospace;font-size:32px;font-weight:700;color:var(--ink-black)}.card-3 .small{font-size:11px;color:var(--mid-gray);margin-top:4px}.weave-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 2px,transparent 2px,transparent 12px)}.trust-bar{border-top:1px solid var(--border-gray);border-bottom:1px solid var(--border-gray);background:var(--surface-off-white)}.trust-inner{max-width:1200px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.trust-item{text-align:center}.trust-item .stat-num{font-size:28px;color:var(--ink-black)}.trust-item .stat-label{font-size:13px}section{padding:96px 24px}.section-inner{max-width:1200px;margin:0 auto}.section-head{max-width:640px;margin-bottom:56px}.section-eyebrow{font-family:Space Mono,monospace;font-size:12px;color:var(--amber-orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:block}h2{font-size:48px;font-weight:600;line-height:1.05;letter-spacing:-.9px;margin-bottom:16px}.section-head p{font-size:17px;color:var(--dark-slate)}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-gray);border:1px solid var(--border-gray);border-radius:16px;overflow:hidden}.cap-card{background:var(--pure-white);padding:32px 24px;transition:background .15s}.cap-card:hover{background:var(--surface-off-white)}.cap-icon{width:40px;height:40px;border-radius:8px;background:var(--ink-black);margin-bottom:20px}.cap-card h3{font-size:18px;font-weight:600;margin-bottom:8px}.cap-card p{font-size:14px;color:var(--mid-gray)}.cost-module{background:var(--ink-black);color:var(--pure-white);border-radius:20px;padding:64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.cost-module .section-eyebrow{color:var(--amber-orange)}.cost-module h2{color:var(--pure-white)}.cost-module p{color:#a8adb0;font-size:16px;margin-bottom:24px}.cost-rows{display:flex;flex-direction:column;gap:16px}.cost-row{display:flex;align-items:center;gap:16px}.cost-label{width:110px;font-size:14px;color:#a8adb0;flex-shrink:0}.cost-track{flex:1;height:32px;background:#ffffff14;border-radius:8px;overflow:hidden;position:relative}.cost-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 12px}.cost-fill.pk{background:var(--amber-orange)}.cost-fill.other{background:#ffffff40}.cost-val{font-family:Space Mono,monospace;font-size:13px;font-weight:700;color:var(--ink-black)}.cost-val.light{color:var(--pure-white)}.cost-note{margin-top:24px;font-size:12px;color:#7a7f82;font-family:Space Mono,monospace}.process-list{display:flex;flex-direction:column}.process-row{display:grid;grid-template-columns:80px 1fr 1fr;gap:32px;padding:32px 0;border-top:1px solid var(--border-gray);align-items:center}.process-row:last-child{border-bottom:1px solid var(--border-gray)}.process-num{font-family:Space Mono,monospace;font-size:14px;color:var(--amber-orange)}.process-row h3{font-size:22px;font-weight:600}.process-row p{color:var(--mid-gray);font-size:15px}.fabric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material-card{border:1px solid var(--border-gray);border-radius:16px;overflow:hidden}.swatch{height:180px;position:relative;overflow:hidden}.swatch-denim{background:#2b3a52}.swatch-denim:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0px,rgba(255,255,255,.08) 1px,transparent 1px,transparent 4px)}.swatch-cotton{background:#e8e4da}.swatch-cotton:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0px,rgba(0,0,0,.04) 1px,transparent 1px,transparent 3px)}.swatch-jersey{background:#b7bec2}.swatch-jersey:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 2px,transparent 2px,transparent 7px)}.swatch-fleece{background:#d8cfc2}.swatch-fleece:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:6px 6px}.swatch-twill{background:#3c3229}.swatch-twill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 2px,transparent 2px,transparent 8px)}.swatch-rib{background:#4a4f52}.swatch-rib:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 3px,transparent 3px,transparent 9px)}.fabric-meta{padding:20px}.fabric-meta h3{font-size:16px;font-weight:600;margin-bottom:4px}.fabric-specs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.spec-pill{font-family:Space Mono,monospace;font-size:11px;background:var(--surface-off-white);border:1px solid var(--border-gray);padding:4px 10px;border-radius:9999px;color:var(--dark-slate)}.factory-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.factory-frame{border-radius:16px;overflow:hidden;aspect-ratio:3/4;position:relative}.factory-frame .flabel{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(17,19,20,.85),transparent);color:var(--pure-white)}.factory-frame .flabel .fstep{font-family:Space Mono,monospace;font-size:11px;color:var(--amber-orange);display:block;margin-bottom:2px}.factory-frame .flabel .ftitle{font-size:15px;font-weight:600}.f-cutting{background:linear-gradient(160deg,#2b3a52,#111314)}.f-cutting:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 10px)}.f-sewing{background:linear-gradient(160deg,#5c4a3a,#211a14)}.f-sewing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 1px,transparent 1px,transparent 8px)}.f-qc{background:linear-gradient(160deg,#3b4043,#111314)}.f-qc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:10px 10px}.f-pack{background:linear-gradient(160deg,#fb8931,#212121)}.f-pack:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 12px)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-item{border-radius:16px;overflow:hidden;aspect-ratio:4/5;position:relative}.portfolio-item .tag{position:absolute;bottom:16px;left:16px;background:var(--pure-white);padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:500}.p1{background:linear-gradient(160deg,#212121,#3b4043)}.p2{background:linear-gradient(160deg,#fb8931,#fee6cb)}.p3{background:linear-gradient(160deg,#646464,#111314)}.p4{background:linear-gradient(160deg,#fee6cb,#fb8931)}.p5{background:linear-gradient(160deg,#111314,#646464)}.p6{background:linear-gradient(160deg,#3b4043,#212121)}.contact-box{background:var(--surface-off-white);border:1px solid var(--border-gray);border-radius:20px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.contact-box h2{margin-bottom:16px}.contact-box .section-head p{margin-bottom:0}.contact-email{margin-top:24px;font-family:Space Mono,monospace;font-size:13px;color:var(--dark-slate)}.contact-email a{color:var(--amber-orange)}form{display:flex;flex-direction:column;gap:16px}input,textarea,select{padding:14px 16px;border:1px solid var(--border-gray);border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:14px;background:var(--pure-white)}input:focus,textarea:focus,select:focus{outline:2px solid var(--amber-orange);outline-offset:1px}textarea{resize:vertical;min-height:100px}form .btn{margin-top:8px;justify-content:center}.form-status{font-size:14px;padding:12px 16px;border-radius:12px}.form-status.success{background:var(--orange-tint);color:var(--charcoal)}.form-status.error{background:#fdeaea;color:#9b1c1c}footer{border-top:1px solid var(--border-gray);padding:48px 24px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.footer-inner p{font-size:13px;color:var(--mid-gray)}.footer-email{font-family:Space Mono,monospace;font-size:13px;color:var(--dark-slate);border-bottom:1px solid var(--amber-orange);transition:color .15s}.footer-email:hover{color:var(--amber-orange)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-visual{display:none}h1{font-size:40px}.cap-grid{grid-template-columns:1fr 1fr}.cost-module{grid-template-columns:1fr;padding:32px}.trust-inner{grid-template-columns:1fr 1fr}.process-row{grid-template-columns:1fr;gap:8px}.portfolio-grid,.fabric-grid,.factory-strip{grid-template-columns:1fr 1fr}.contact-box{grid-template-columns:1fr;padding:32px}h2{font-size:32px}.nav-links{display:none}}.fabric-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cap-icon{object-fit:cover;display:block}.swatch img,.factory-frame img,.portfolio-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}
