.wh-materials-page{--wh-red:#e3262e;--wh-red-dark:#9d1018;--wh-panel:#121416;--wh-panel-2:#191c20;--wh-border:rgba(255,255,255,.1);background:#08090a;color:#f5f5f5;overflow:hidden}.wh-materials-page .warhood-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.wh-materials-kicker{display:inline-flex;align-items:center;gap:9px;color:#ff5057;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.wh-materials-kicker:before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--wh-red),transparent)}.wh-materials-hero{position:relative;padding:clamp(72px,9vw,128px) 0 78px;background:radial-gradient(circle at 82% 20%,rgba(227,38,46,.2),transparent 33%),linear-gradient(135deg,#090a0b,#15181b 60%,#090a0b)}.wh-materials-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.wh-materials-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:52px;align-items:center}.wh-materials-hero h1{max-width:820px;margin:18px 0;font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;text-transform:uppercase}.wh-materials-hero p{max-width:720px;color:#b8bdc4;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.8}.wh-materials-hero__actions,.wh-materials-cta>div>div:last-child{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.wh-materials-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:9px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:.22s ease}.wh-materials-btn:hover{transform:translateY(-2px)}.wh-materials-btn--primary{color:#fff;background:linear-gradient(135deg,#ef3038,#b70f19);box-shadow:0 14px 34px rgba(227,38,46,.24)}.wh-materials-btn--ghost{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045)}.wh-materials-help-card{padding:30px;border:1px solid rgba(255,72,80,.3);border-radius:18px;background:linear-gradient(145deg,rgba(31,34,38,.92),rgba(13,14,16,.96));box-shadow:0 25px 70px rgba(0,0,0,.38)}.wh-materials-help-card span{display:block;color:#ff5960;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.wh-materials-help-card strong{display:block;margin:14px 0 22px;font-size:1.3rem;line-height:1.45}.wh-materials-help-card a{color:#fff;font-weight:800;text-decoration:none}.wh-materials-guide,.wh-materials-compare,.wh-materials-process{padding:clamp(72px,8vw,112px) 0}.wh-materials-section-head{max-width:820px;margin-bottom:42px}.wh-materials-section-head h2,.wh-materials-process h2,.wh-materials-cta h2{margin:12px 0 14px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.04em;text-transform:uppercase}.wh-materials-section-head p,.wh-materials-cta p{color:#aeb3ba;line-height:1.75}.wh-materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wh-material-card{overflow:hidden;border:1px solid var(--wh-border);border-radius:18px;background:linear-gradient(145deg,#15181b,#0d0f11);box-shadow:0 18px 55px rgba(0,0,0,.25);transition:.25s ease}.wh-material-card:hover{transform:translateY(-5px);border-color:rgba(227,38,46,.38);box-shadow:0 25px 70px rgba(0,0,0,.36)}.wh-material-card__media{position:relative;height:240px;overflow:hidden}.wh-material-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,9,10,.82),transparent 58%)}.wh-material-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.wh-material-card:hover .wh-material-card__media img{transform:scale(1.045)}.wh-material-card__media>span{position:absolute;z-index:2;left:22px;bottom:18px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,9,10,.76);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wh-material-card__body{padding:26px}.wh-material-card__body h3{margin:0 0 8px;font-size:2rem}.wh-material-card__body header p{min-height:56px;color:#aeb3ba;line-height:1.65}.wh-material-card__uses{margin:22px 0;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025)}.wh-material-card__uses strong{display:block;margin-bottom:10px;color:#ff555c;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}.wh-material-card__uses ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;padding:0;list-style:none}.wh-material-card__uses li{color:#d9dde1;font-size:.9rem}.wh-material-card__uses li:before{content:"✓";margin-right:8px;color:#47c878}.wh-material-card__scores{display:grid;gap:12px}.wh-material-card__scores span{display:flex;justify-content:space-between;color:#d5d9de;font-size:.82rem}.wh-material-card__scores span b{color:#fff}.wh-material-card__scores i{display:block;height:7px;margin-top:6px;overflow:hidden;border-radius:999px;background:#292d32}.wh-material-card__scores em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a30d16,#f43b43)}.wh-material-card__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.wh-material-card__facts div{padding:12px;border-radius:9px;background:#0a0c0d}.wh-material-card__facts dt{color:#7f8790;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.wh-material-card__facts dd{margin:5px 0 0;color:#fff;font-size:.82rem;font-weight:700}.wh-material-card__cta{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-radius:9px;color:#fff;background:linear-gradient(135deg,#292d31,#17191c);font-weight:800;text-decoration:none}.wh-material-card__cta:hover{background:linear-gradient(135deg,#e42a33,#a80e17)}.wh-materials-compare{background:#101214}.wh-materials-table-wrap{overflow:auto;border:1px solid var(--wh-border);border-radius:16px;background:#0b0d0f}.wh-materials-table{width:100%;min-width:850px;border-collapse:collapse}.wh-materials-table th,.wh-materials-table td{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.wh-materials-table thead th{color:#ff5b62;background:#171a1d;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.wh-materials-table tbody th{font-size:1.04rem;color:#fff}.wh-materials-table tbody td{color:#bbc0c6}.wh-materials-table tbody tr:hover{background:rgba(227,38,46,.045)}.wh-materials-process{background:linear-gradient(180deg,#090a0b,#0d0f11)}.wh-materials-process>.warhood-container{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px}.wh-materials-process__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wh-materials-process__steps article{padding:25px;border:1px solid var(--wh-border);border-radius:14px;background:#131619}.wh-materials-process__steps b{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:#b9121c}.wh-materials-process__steps h3{margin:20px 0 8px}.wh-materials-process__steps p{color:#a8aeb5;line-height:1.65}.wh-materials-cta{padding:64px 0;background:radial-gradient(circle at 15% 40%,rgba(227,38,46,.2),transparent 30%),#15181b;border-top:1px solid rgba(255,255,255,.08)}.wh-materials-cta>.warhood-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.wh-materials-cta h2{max-width:720px}.wh-materials-cta p{margin:0}.wh-materials-cta>div>div:last-child{margin-top:0;justify-content:flex-end}.wh-materials-page a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.wh-materials-hero__grid,.wh-materials-process>.warhood-container{grid-template-columns:1fr}.wh-materials-grid{grid-template-columns:1fr}.wh-materials-process__steps{grid-template-columns:1fr}.wh-materials-cta>.warhood-container{align-items:flex-start;flex-direction:column}.wh-materials-cta>div>div:last-child{justify-content:flex-start}}
@media(max-width:620px){.wh-materials-page .warhood-container{width:min(100% - 24px,1180px)}.wh-materials-hero{padding-top:58px}.wh-materials-hero h1{font-size:2.45rem}.wh-material-card__media{height:205px}.wh-material-card__uses ul{grid-template-columns:1fr}.wh-material-card__facts{grid-template-columns:1fr}.wh-materials-btn{width:100%}.wh-materials-hero__actions,.wh-materials-cta>div>div:last-child{width:100%;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.wh-material-card,.wh-material-card__media img,.wh-materials-btn{transition:none!important}}