/* Materials is an editorial sample library: product evidence first, specifications only after review. */
.materials-root{background:var(--paper)}
.materials-hero{position:relative;overflow:hidden;isolation:isolate;min-height:500px;background:#eaf0f5;color:var(--ink)}
.materials-hero:after{content:"";position:absolute;width:650px;height:650px;right:-215px;top:-340px;border:1px solid #91b3e9;border-radius:50%;opacity:.7}
.materials-hero-layout{position:relative;z-index:2;display:flex;align-items:center;min-height:500px}
.materials-hero-copy{padding:60px 0}
.materials-hero .crumb{margin:0 0 18px;color:#58739e}
.materials-hero .eyebrow{color:#416ebd}
.materials-hero h1{max-width:590px;font-size:clamp(2.85rem,4.65vw,4.75rem);letter-spacing:-.055em;line-height:1.04;margin:0;color:#0b1828}
.materials-hero h1 em,.materials-root h2 em{font-family:var(--serif);font-weight:500}
.materials-hero .materials-lead{max-width:500px;margin:19px 0 24px;color:#556577;font-size:16px}
.materials-hero .button{margin:0}
.material-spectrum-visual{position:absolute;z-index:0;inset:0 0 0 auto;width:59%;overflow:hidden}
.material-spectrum-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf0f5 0%,rgba(234,240,245,.94) 8%,rgba(234,240,245,.28) 34%,rgba(234,240,245,0) 57%)}
.material-spectrum-visual img{display:block;position:absolute;right:0;top:0;width:auto;height:100%;max-width:none;object-fit:contain}
.material-spectrum-board{position:relative;z-index:1;margin:0;background:#f8fafc;border:1px solid #ced9e5;padding:12px;box-shadow:0 18px 35px rgba(25,49,79,.11)}
.material-spectrum-board img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#dce2e8}
.material-spectrum-board figcaption{display:flex;justify-content:space-between;gap:14px;padding:10px 1px 1px;color:#466895;font:9px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.material-spectrum-board figcaption span:last-child{color:#66788e;text-align:right}
.material-sample-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;background:#dbe4ee;border:1px solid #ccd8e4;box-shadow:0 20px 36px rgba(25,49,79,.12)}
.material-sample{display:grid;grid-template-rows:1fr auto;min-height:191px;margin:0;background:#fff;overflow:hidden;border:1px solid #dfe6ed}
.material-sample img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;padding:14px;filter:saturate(.86) contrast(1.03)}
.material-sample-media{display:block;width:100%;height:100%;min-height:0;background:#dfe4e9 url("/assets/forgeway-material-sample-board-v1.png") no-repeat;background-size:200% 200%;background-position:0 0}
.material-sample:nth-child(2) .material-sample-media{background-position:100% 0}
.material-sample:nth-child(3) .material-sample-media{background-position:0 100%}
.material-sample:nth-child(4) .material-sample-media{background-position:100% 100%}
.material-sample figcaption{padding:9px 11px 10px;border-top:1px solid #e4e9ee;color:#3b5f97;background:#f8fafc;font:9px/1.25 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.material-sample:nth-child(2){background:#f4f2ed}.material-sample:nth-child(3){background:#f3f4ef}.material-sample:nth-child(4){background:#eef2f5}
.materials-families{padding:104px 0 108px}
.materials-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.7fr);gap:80px;align-items:end;margin-bottom:44px}
.materials-heading .section-label{margin:0 0 18px}
.materials-heading h2,.material-guide-heading h2{font-size:clamp(2.6rem,4.15vw,4.25rem);letter-spacing:-.05em;line-height:1.06;margin:0;max-width:710px}
.materials-heading>p{margin:0;max-width:380px;color:var(--muted);font-size:16px}
.material-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.material-card{display:grid;grid-template-columns:minmax(210px,.95fr) 1.05fr;min-height:305px;background:#fff;border-top:3px solid var(--blue)}
.material-card figure{margin:0;background:#f0f3f5;overflow:hidden}
.material-card figure img{display:block;width:100%;height:100%;object-fit:contain;padding:18px;filter:saturate(.84) contrast(1.03)}
.material-card:nth-child(2) figure{background:#edf0f0}
.material-card:nth-child(3) figure{background:#f1f2ed}
.material-card:nth-child(4) figure{background:#e9edf1}
.material-card-copy{display:flex;flex-direction:column;padding:25px 25px 22px}
.material-card-copy>b{font:10px var(--mono);letter-spacing:.1em;color:var(--blue)}
.material-card-copy h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:11px 0 10px}
.material-card-copy .material-route{margin:0;padding:0 0 12px;border:0;border-bottom:1px solid #d7dee6;background:none;color:#26374d;font:600 clamp(.98rem,1.22vw,1.14rem)/1.4 var(--sans);letter-spacing:-.015em}
.material-card-copy .material-summary{margin:13px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.material-tags{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:auto 0 0;padding-top:18px}
.material-tags li{border:1px solid #dce2e8;padding:5px 7px;color:#4a596a;font:9px/1.2 var(--mono);letter-spacing:.02em}
.material-reference-note{margin:20px 0 0;color:#7b8794;font-size:12px}
.material-guide{padding:102px 0;background:#e8ecef}
.material-guide-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.62fr);gap:80px;align-items:end;margin-bottom:47px}
.material-guide-heading .section-label{margin:0 0 18px}
.material-guide-heading>p{margin:0;max-width:360px;color:var(--muted);font-size:16px}
.material-questions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0;margin:0}
.material-question{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:256px;padding:22px 22px 26px;background:#f8fafc;border-top:3px solid var(--blue)}
.material-question:not(:last-child):after{content:"";position:absolute;top:-3px;right:-14px;width:14px;height:3px;background:var(--blue)}
.material-question-number{display:block;color:var(--blue);font:700 clamp(2.6rem,4vw,4rem)/.9 var(--sans);letter-spacing:-.075em}
.material-question-kicker{margin:38px 0 9px!important;color:#3f6ec6!important;font:11px/1.3 var(--mono)!important;letter-spacing:.06em;text-transform:uppercase}
.material-question h3{font-size:21px;letter-spacing:-.035em;line-height:1.08;margin:0 0 11px}
.material-question div>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.52}
.materials-final{padding:84px 0;background:#091321;color:#fff}
.materials-final-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:end}
.materials-final .eyebrow{margin:0 0 20px}
.materials-final h2{font-size:clamp(2.6rem,4.5vw,4.5rem);letter-spacing:-.05em;line-height:1.06;margin:0;max-width:700px}
.materials-final p:not(.eyebrow){max-width:580px;margin:20px 0 0;color:#bdc8d8;font-size:15px}
.materials-final .button{white-space:nowrap}
@media(max-width:950px){.material-card{grid-template-columns:1fr}.material-card figure{aspect-ratio:16/9}.material-card-copy{min-height:250px}.materials-heading,.material-guide-heading{gap:40px}.material-questions{grid-template-columns:repeat(2,1fr)}.material-question{min-height:226px}.material-question:nth-child(2):after{display:none}.material-question-number{font-size:3.3rem}.material-question-kicker{margin-top:28px!important}}
@media(max-width:800px){.materials-hero{min-height:0}.materials-hero-layout{display:grid;grid-template-columns:1fr;gap:15px;min-height:0;padding:64px 0}.materials-hero-copy{padding:0}.material-spectrum-visual{position:relative;inset:auto;width:100%;height:auto;margin:0 auto;max-width:650px}.material-spectrum-visual:after{background:linear-gradient(0deg,#eaf0f5 0%,rgba(234,240,245,0) 36%)}.material-spectrum-visual img{position:relative;width:100%;height:auto;max-width:100%}.material-spectrum-board{max-width:650px;width:100%;justify-self:start}.materials-families,.material-guide{padding:74px 0}.materials-heading,.material-guide-heading,.materials-final-grid{grid-template-columns:1fr;gap:22px}.material-showcase{grid-template-columns:1fr}.material-card{grid-template-columns:minmax(225px,.75fr) 1fr;min-height:0}.material-card figure{aspect-ratio:auto}.material-card-copy{min-height:270px}.materials-final{padding:72px 0}.materials-final .button{justify-self:start}.materials-heading>p,.material-guide-heading>p{max-width:580px}}
@media(max-width:560px){.materials-hero-layout{padding:55px 0}.materials-hero h1{font-size:2.85rem}.material-spectrum-board{padding:8px}.material-spectrum-board figcaption{display:block;padding-top:8px;font-size:8px}.material-spectrum-board figcaption span:last-child{display:block;margin-top:4px;text-align:left}.material-sample-board{gap:8px;padding:8px}.material-sample{min-height:142px}.material-sample img{padding:9px}.material-sample figcaption{padding:7px;font-size:8px}.material-card{grid-template-columns:1fr}.material-card figure{aspect-ratio:16/10}.material-card-copy{min-height:0}.material-questions{grid-template-columns:1fr;gap:10px}.material-question{min-height:0;padding:20px}.material-question:after{display:none}.material-question-number{font-size:3.15rem}.material-question-kicker{margin-top:24px!important}.materials-final-grid{gap:29px}}