:root{--navy:#102b52;--ink:#10131a;--paper:#f7f7f5;--line:#d8dbe0;--blue:#43a9dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{height:78px;padding:0 4.5vw;display:flex;align-items:center;gap:34px;background:#fff;position:relative;z-index:2}.logo img{display:block;width:181px;height:45px;object-fit:contain;object-position:left center}.header nav{display:flex;gap:30px;margin-left:auto}.header nav a{font-size:11px;font-weight:700}.header-button,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;font-weight:700;border:1px solid currentColor;padding:14px 17px;transition:.2s}.header-button{margin-left:9px}.header-button:hover,.button-light:hover{background:var(--navy);color:#fff}.menu{display:none}.hero{min-height:590px;color:#fff;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('https://www.innovationintextiles.com/uploads/15714/Warp.jpg');background-size:cover;background-position:center;filter:grayscale(.55) contrast(1.15)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,13,.9),rgba(5,9,13,.58) 46%,rgba(5,9,13,.17)),linear-gradient(0deg,rgba(5,9,13,.42),transparent 55%)}.hero-content{position:relative;z-index:1;padding:112px 8vw 70px;max-width:780px}.overline{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;color:var(--navy)}.light{color:#fff}.hero h1,h2{margin:0;letter-spacing:-.065em;line-height:1.04}.hero h1{font-size:clamp(43px,5.1vw,76px)}h2{font-size:clamp(31px,3.35vw,50px)}h1 em,h2 em{font-style:normal}.hero-content>p:not(.overline){max-width:490px;font-size:14px;line-height:1.65;margin:24px 0 28px}.actions{display:flex;gap:11px;flex-wrap:wrap}.button-light{background:#fff;color:var(--ink);border-color:#fff}.button-outline{color:#fff}.why{display:grid;grid-template-columns:1.1fr .9fr;min-height:490px}.why-copy{padding:85px 7.8vw}.why-copy>p:not(.overline),.quality-panel>p:not(.overline),.performance>p:not(.overline){font-size:13px;line-height:1.75;max-width:410px}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.points div{display:flex;flex-direction:column;gap:8px}.points b{font:10px 'DM Mono',monospace;color:var(--blue)}.points strong{font-size:11px}.points span{font-size:10px;line-height:1.6;color:#57606b}.fabric-photo{background:url('https://images.unsplash.com/photo-1634640243198-f1dddab5f677?auto=format&fit=crop&w=1400&q=90') center/cover no-repeat;filter:contrast(1.2) grayscale(1)}.section{padding:85px 4.5vw}.section-title{text-align:center;max-width:640px;margin:auto}.section-title>p:last-child{font-size:12px;line-height:1.65;margin:15px auto 0;max-width:570px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}.cards article{background:#fff;padding-bottom:17px}.card-art{height:143px;background-color:#d9dde0}.cards h3{font-size:11px;text-transform:uppercase;margin:18px 15px 7px}.cards p{font-size:10px;line-height:1.55;margin:0 15px;color:#4b515a}.yarn{background:repeating-linear-gradient(90deg,#555 0 7px,#e0e0e0 8px 18px),linear-gradient(#ddd,#777);background-blend-mode:screen}.machine{background:url('https://www.innovationintextiles.com/uploads/15714/Warp.jpg') center/cover}.mesh{background:url('https://images.unsplash.com/photo-1634640243198-f1dddab5f677?auto=format&fit=crop&w=900&q=85') center/cover}.color{background:linear-gradient(125deg,#2b5360 0 16%,#c8dadd 16% 31%,#9b855d 31% 46%,#9d4958 46% 61%,#586b40 61% 76%,#eee 76%)}.testing{background:linear-gradient(130deg,#dce0e1 25%,#7e8588 26% 42%,#e5e6e4 43% 59%,#3b464e 60%)}.center-link{display:flex;width:max-content;margin:28px auto 0;border:1px solid var(--navy);color:var(--navy);font-size:11px;font-weight:700;padding:13px 18px;gap:27px}.split{display:grid;grid-template-columns:1fr 1fr}.performance{padding:75px 8vw;color:#fff;background:linear-gradient(90deg,rgba(6,12,20,.93),rgba(6,12,20,.55)),url('https://images.unsplash.com/photo-1634640243198-f1dddab5f677?auto=format&fit=crop&w=1400&q=90') center/cover}.performance h2,.quality-panel h2{font-size:clamp(29px,3.1vw,45px)}.tags{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.tags span{font-size:10px;border-bottom:1px solid #8f99a4;padding-bottom:5px}.quality-panel{padding:75px 8vw;background:#fff}.standards{display:flex;align-items:center;gap:25px;margin:36px 0;font-size:17px;font-weight:800;color:var(--navy)}.standards span:last-child{font-size:10px;line-height:1.2}.button-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:58px 8vw;color:#fff;background:linear-gradient(105deg,#082344,#153d6a)}.contact h2{font-size:clamp(28px,3vw,44px)}.contact p:not(.overline){font-size:12px;margin-bottom:0}.contact-cta{min-width:160px}.contact-cta:hover{background:#fff;color:var(--navy)}footer{padding:42px 8vw;background:#0d1420;color:#e9edf2;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}footer img{width:175px;background:#fff;padding:4px;object-fit:contain}footer p,footer span{font-size:10px;line-height:1.65;margin:0;color:#b3bcc7}footer span{text-align:right}@media(max-width:800px){.header{height:66px;padding:0 5vw}.logo img{width:145px}.header nav,.header-button{display:none}.menu{display:block;margin-left:auto;width:38px;border:1px solid var(--ink);padding:8px;background:white}.menu i{display:block;height:1px;background:var(--ink);margin:5px}.header nav.open{display:flex;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;padding:22px 5vw;gap:17px;border-top:1px solid var(--line)}.hero{min-height:590px}.hero-content{padding:100px 8vw 55px}.why,.split{grid-template-columns:1fr}.why-copy{padding:65px 8vw}.fabric-photo{height:300px}.points{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.card-art{height:150px}.section{padding:65px 5vw}.contact{padding:55px 8vw;align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;padding:35px 8vw}footer span{text-align:left}.quality-panel,.performance{padding:65px 8vw}.standards{gap:16px;font-size:14px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.points{grid-template-columns:1fr}.hero h1{font-size:42px}.actions .button{width:100%}}
