.textilPage{background:#0b0c0e}
.textilPage>.topbar{z-index:80}
.textilPage>.menuOverlay{z-index:100}
.textilPage .headerLogo{filter:drop-shadow(0 3px 8px #000b)}
.textilHero{position:relative;min-height:72vh;padding:190px var(--hero-gutter) 90px;display:flex;align-items:flex-end;overflow:hidden;background:#111114 url("./images/textilkonfigurator-header.png") center/cover no-repeat}
.textilHero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#101114f2 0,#101114b5 43%,#10111435 74%,#10111452 100%),linear-gradient(0deg,#111114 0,#111114eb 5%,transparent 46%,#08090b70 100%);pointer-events:none}
.textilHero::after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:30%;background:linear-gradient(0deg,#111114 0,transparent 100%);pointer-events:none}
.textilHeroCopy{position:relative;z-index:2;width:min(1480px,96%);text-shadow:0 3px 24px #000,0 1px 3px #000}
.textilHeroCopy h1{margin:18px 0 30px;font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(62px,8.2vw,145px);line-height:.78;text-transform:uppercase;font-weight:500;letter-spacing:-.045em;white-space:nowrap}
.textilHeroLine{display:block;white-space:nowrap}.textilHeroGlow{margin-top:.08em}
.textilHeroCopy>p:last-of-type{max-width:720px;margin:0;color:#d0d5d6;font-size:clamp(17px,1.7vw,25px);line-height:1.5}
.textilHeroCopy>a{display:inline-flex;align-items:center;gap:18px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid #63d8c8;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}
.textilPage #root .siteTopbar{display:none}
.textilPage #root .siteMenuOverlay{display:none}
.textilPage #root .intro{padding-top:90px}
@media(max-width:900px){.textilHero{min-height:68vh;padding:155px 24px 70px;background-position:58% center}.textilHeroCopy{width:100%}.textilHeroCopy h1{font-size:clamp(44px,8.6vw,78px)}.textilPage #root .intro{padding-top:75px}}
@media(max-width:560px){.textilHero{min-height:650px;padding:145px 20px 62px;align-items:flex-end;background-position:62% center}.textilHero::before{background:linear-gradient(90deg,#101114ec 0,#1011149e 70%,#10111450),linear-gradient(0deg,#111114 0,#111114eb 8%,transparent 55%,#08090b80 100%)}.textilHeroCopy{width:100%}.textilHeroCopy h1{font-size:clamp(31px,9.4vw,48px);line-height:.86}.textilHeroCopy>p:last-of-type{max-width:92%;font-size:17px}.textilPage #root .intro{padding-top:64px}}