.materials-showcase{position:relative;padding:clamp(5rem,8vw,7rem) 0;background:#fff;overflow:hidden}.materials-showcase::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(17,17,15,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(17,17,15,.035) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.materials-showcase .container{position:relative;z-index:1}.materials-layout{display:grid;grid-template-columns:minmax(230px,.28fr) minmax(0,.72fr);gap:clamp(2.25rem,5vw,4.25rem);align-items:end}.materials-kicker{margin-bottom:.75rem;color:#f58220;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.materials-intro h2{max-width:360px;font-family:var(--font-display);font-size:clamp(2.6rem,4.3vw,4.8rem);line-height:.95;letter-spacing:-.07em;color:#11110f}.materials-intro p:not(.materials-kicker){max-width:360px;margin-top:1.2rem;color:#5b5b55;font-size:.98rem;line-height:1.65}.materials-controls{display:flex;gap:.65rem;margin-top:2.2rem}.materials-controls button{width:44px;height:44px;border:0;border-radius:999px;background:#f3f1ed;color:#11110f;cursor:pointer}.materials-controls button:hover{background:#f58220;color:#fff}.materials-track-wrap{position:relative;min-width:0;width:calc(100% + clamp(7rem,14vw,18rem));margin-right:calc(-1 * clamp(7rem,14vw,18rem));overflow:hidden}.materials-track-wrap::after{content:'';position:absolute;top:0;right:0;width:clamp(3rem,7vw,8rem);height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 88%);pointer-events:none}.materials-track{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.4rem;padding-right:clamp(5rem,10vw,12rem)}.materials-track::-webkit-scrollbar{display:none}.material-card{flex:0 0 min(320px,70vw);scroll-snap-align:start}.material-card-visual{position:relative;height:230px;border-radius:18px;overflow:hidden;background:#f4f1ec;border:1px solid rgba(17,17,15,.1)}.material-card-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ebe8e1,#fff 45%,#b7b3aa)}.material-card-visual::after{content:'';position:absolute;left:1rem;bottom:1rem;width:54px;height:2px;background:#f58220}.material-card.is-photo .material-card-visual::before{background:linear-gradient(180deg,rgba(17,17,15,.04),rgba(17,17,15,.25)),url('../assets/hero-press-brake.jpeg') center/cover}.material-card:nth-child(2) .material-card-visual::before{background:linear-gradient(135deg,#d7d8d6,#fff 45%,#a9aaa6)}.material-card:nth-child(3) .material-card-visual::before{background:linear-gradient(135deg,#1a1a18,#55554f 52%,#c5c1b8)}.material-card:nth-child(4) .material-card-visual::before{background:linear-gradient(135deg,#f58220,#f6d0ad 48%,#fff)}.material-card:nth-child(5) .material-card-visual::before{background:linear-gradient(135deg,#11110f,#34342f 48%,#ebe8e1)}.material-card:nth-child(6) .material-card-visual::before{background:linear-gradient(135deg,#ebe8e1,#fff 46%,#d7d1c7)}.material-card h3{margin-top:1.25rem;font-family:var(--font-display);font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.02;letter-spacing:-.055em;color:#11110f}.material-card p{max-width:310px;margin-top:.65rem;color:#5b5b55;font-size:.96rem;line-height:1.55}@media(max-width:900px){.materials-layout{grid-template-columns:1fr}.materials-intro h2,.materials-intro p:not(.materials-kicker){max-width:620px}.materials-track-wrap{width:calc(100% + clamp(2rem,8vw,5rem));margin-right:calc(-1 * clamp(2rem,8vw,5rem))}.material-card{flex-basis:min(310px,78vw)}}