.home-page .manufacturer-section.material-reels{padding:80px 0 56px;background:#fff;border:0}
.material-reels-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.material-reels-heading .kicker{display:block;margin-bottom:13px}
.material-reels-heading h2{max-width:780px;margin:0;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.16;letter-spacing:-.035em}
.material-reels-all{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;padding-bottom:8px;border-bottom:1px solid #01a3d3;font-size:.9rem;font-weight:600;color:#17323c}
.material-reels-all span{font-size:1.4rem;color:#01a3d3}
.material-reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.material-reel{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:16px;background:#17323c;isolation:isolate;color:#fff}
.material-reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform .7s ease}
.material-reel:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,24,31,.38),transparent 30%,rgba(6,24,31,.1) 42%,rgba(6,24,31,.9) 100%);pointer-events:none}
.material-reel-number{position:absolute;top:24px;left:24px;right:16px;z-index:2;font-size:.62rem;letter-spacing:.14em;font-weight:600;color:#fff}
.material-reel-copy{position:absolute;left:24px;right:24px;bottom:76px;z-index:2}
.material-reel-copy>span{display:block;color:#71dafa;font-size:.74rem;font-weight:600;margin-bottom:13px}
.home-page .material-reel-copy h3{font-size:clamp(1.25rem,1.6vw,1.7rem);font-weight:600;line-height:1.25;min-height:2.5em;letter-spacing:-.02em;color:#fff;margin:0 0 13px}
.material-reel-copy p{font-size:.8rem;line-height:1.65;min-height:3.3em;color:#e1e9ec;margin:0;max-width:240px}
.reels-animated .material-reel{opacity:0;transform:translateX(-110px);transition:opacity .5s ease var(--reel-delay,0ms),transform 1.15s cubic-bezier(.22,1,.36,1) var(--reel-delay,0ms)}
.reels-animated .material-reel.is-revealed{opacity:1;transform:translateX(0)}
.material-reels-grid.reels-animated{overflow-x:clip;overflow-y:clip}
@media(max-width:700px){.material-reels-grid.reels-animated{overflow-x:auto;overflow-y:hidden}.home-page .material-reel-copy h3{min-height:5em}}
.material-reel-arrow{position:absolute;bottom:24px;right:24px;z-index:2;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:1.2rem;transition:background .25s,border-color .25s}
.material-reel:hover img{transform:scale(1.045)}.material-reel:hover .material-reel-arrow{background:#01a3d3;border-color:#01a3d3}
.material-reel:focus-visible{outline:3px solid #01a3d3;outline-offset:5px}
@media(max-width:1000px){.material-reels-heading{align-items:flex-start;flex-direction:column;gap:20px}.material-reels-grid{gap:14px}.material-reel-copy{left:16px;right:16px;bottom:66px}.material-reel-number{left:16px;top:18px;font-size:.55rem}.material-reel-copy p{font-size:.7rem}.home-page .material-reel-copy h3{font-size:1.2rem}.material-reel-copy>span{font-size:.65rem}}
@media(max-width:700px){.home-page .manufacturer-section.material-reels{padding:55px 0 40px}.material-reels-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:16px}.material-reel{flex:0 0 78%;scroll-snap-align:start}.material-reel-copy{left:24px;right:24px;bottom:76px}.material-reel-number{left:24px;top:24px;font-size:.6rem}.home-page .material-reel-copy h3{font-size:1.75rem}.material-reel-copy p{font-size:.82rem}.material-reel-copy>span{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.material-reel img,.material-reel-arrow,.reels-animated .material-reel{transition:none}.reels-animated .material-reel{opacity:1;transform:none}.reels-animated .material-reel img{clip-path:inset(0);transform:none}}