:root{--navy:#062a68;--blue:#008ee8;--ink:#16253a;--muted:#5f6e81;--line:#dfe5ec;--soft:#f5f7f9;--orange:#ff8614}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif}.site-header{height:96px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2;background:#fff}.brand img{display:block;width:250px}.site-nav{display:flex;gap:clamp(20px,2.5vw,44px)}.site-nav a{color:#111827;text-decoration:none;font-size:14px;font-weight:600}.site-nav a:hover{color:var(--blue)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:10px 14px;color:var(--navy);font-weight:700}.hero{min-height:525px;display:grid;grid-template-columns:minmax(450px,39%) 1fr;overflow:hidden}.hero-copy{z-index:1;padding:72px 4vw 62px 5vw;background:#fff;clip-path:polygon(0 0,100% 0,85% 100%,0 100%);margin-right:-8vw}.eyebrow{margin:0 0 19px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:32px;border-top:2px solid var(--blue);margin:0 11px 4px 0}.hero h1{max-width:580px;margin:0;color:var(--navy);font:700 clamp(48px,4.7vw,76px)/1.03 Manrope,sans-serif;letter-spacing:-.045em;text-transform:uppercase}.hero-copy>p:not(.eyebrow){max-width:420px;margin:20px 0 29px;color:#495667;font-size:20px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 21px;text-decoration:none;font-size:14px;font-weight:700}.button span{font-size:21px}.primary{background:var(--navy);color:#fff}.secondary{border:1px solid var(--navy);color:var(--navy);background:#fff}.hero-image{min-height:525px;background:url('../images/sem-thermal-nonwoven-hero.png') center/cover}.application-statement{display:grid;grid-template-columns:38% 1fr;min-height:190px;background:#f8f9fa;overflow:hidden}.application-statement>div:first-child{padding:35px 5vw}.application-statement h2{margin:0 0 9px;color:var(--navy);font:700 22px Manrope,sans-serif;text-transform:uppercase}.application-statement p:last-child{max-width:500px;margin:0;color:#445164;line-height:1.5}.fabric-detail{background:linear-gradient(90deg,rgba(248,249,250,.2),transparent),url('../images/sem-thermal-nonwoven-hero.png') center 42%/cover;filter:saturate(.2);opacity:.66}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 1.5vw}.focus-card{position:relative;min-height:215px;display:grid;grid-template-columns:45% 1fr;color:var(--ink);text-decoration:none;overflow:hidden;background:#f5f7f8}.focus-card:after{content:"";position:absolute;inset:0 0 0 43%;z-index:0}.fire:after{background:url('../images/sem-thermal-nonwoven-hero.png') 72% center/cover}.nonwoven:after{background:url('../images/sem-thermal-nonwoven-hero.png') 38% center/cover;filter:saturate(.1)}.yarn:after{background:repeating-linear-gradient(83deg,#eee 0 5px,#fff 5px 11px,#dfe5e9 11px 13px);transform:skewX(-12deg) scale(1.2)}.focus-card>div,.focus-card .number,.focus-card>b{position:relative;z-index:1}.number{position:absolute!important;top:17px;left:4%;color:var(--blue);font-weight:700}.focus-card>div{align-self:end;padding:48px 10px 18px 4vw;background:linear-gradient(90deg,#f5f7f8 85%,transparent)}.focus-card h3{margin:0 0 12px;color:var(--navy);font:700 clamp(19px,1.65vw,27px)/1.05 Manrope,sans-serif;text-transform:uppercase}.focus-card p{max-width:260px;margin:0;font-size:13px}.focus-card>b{position:absolute;right:18px;bottom:14px;color:var(--blue);font-size:28px}.pathway{margin:0 1.5vw 10px;padding:18px 6vw;display:flex;align-items:center;justify-content:space-between;background:#f6f7f8;border-left:3px solid var(--blue)}.pathway div{display:flex;align-items:center;gap:13px}.pathway i{color:var(--navy);font:normal 27px sans-serif}.pathway span{font-size:13px;font-weight:600}.pathway>b{font-size:30px;font-weight:400}.industries{display:grid;grid-template-columns:23% 1fr;gap:24px;padding:12px 2.8vw;background:#f5f7fa}.industries-copy{padding:18px 0}.industries-copy h2{max-width:300px;margin:0 0 30px;color:var(--navy);font:700 22px/1.25 Manrope,sans-serif}.industries-copy a{color:var(--blue);text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase}.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;min-height:180px}.industry{display:flex;align-items:flex-end;padding:16px 11px;background-image:linear-gradient(0deg,rgba(2,18,42,.92),transparent 58%),url('../images/sem-industries-strip.png');background-repeat:no-repeat;background-size:600% 100%;color:#fff;text-decoration:none}.industry span{font-size:13px;font-weight:700}.i1{background-position:0}.i2{background-position:20%}.i3{background-position:40%}.i4{background-position:60%}.i5{background-position:80%}.i6{background-position:100%}.cta{margin:10px 1.5vw 0;padding:25px 7vw;display:flex;align-items:center;justify-content:center;gap:50px;background:#f7f9fb}.cta h2{margin:0;color:var(--navy);font:700 26px Manrope,sans-serif;text-transform:uppercase}.cta p{margin:3px 0;text-align:center;color:var(--muted)}.site-footer{display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:40px;padding:23px 4vw;border-top:1px solid var(--line)}.site-footer img{width:180px}.site-footer nav{display:flex;justify-content:center;gap:28px}.site-footer a{color:var(--navy);text-decoration:none;font-size:12px}.site-footer p{color:var(--muted);font-size:11px}@media(max-width:1100px){.menu-toggle{display:block}.site-nav{position:absolute;z-index:10;top:96px;left:0;right:0;display:none;flex-direction:column;padding:25px 7vw;background:#fff}.site-nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{clip-path:none;margin:0}.hero-image{min-height:390px}.focus-grid{grid-template-columns:1fr}.application-statement{grid-template-columns:1fr}.fabric-detail{min-height:180px}.industries{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:720px){.site-header{height:80px;padding:0 20px}.brand img{width:190px}.site-nav{top:80px}.hero-copy{padding:60px 24px}.hero h1{font-size:43px}.hero-image{min-height:300px}.application-statement>div:first-child{padding:38px 24px}.focus-grid{padding:6px}.pathway{align-items:flex-start;flex-direction:column;gap:18px;padding:24px}.pathway>b{display:none}.industry-grid{grid-template-columns:repeat(2,1fr);min-height:620px}.cta{align-items:stretch;flex-direction:column;gap:20px;padding:35px 24px}.cta p{text-align:left}.site-footer{padding:30px 24px}}