/* Materials hub. Schematic illustrations are intentionally not product photos. */
.materials-page{--mat-ink:#233f35;--mat-forest:#234637;--mat-muted:#66766a;--mat-ivory:#f6f4ee;--mat-paper:#fffefa;--mat-line:#d5ddd2;--mat-brass:#a28d68;background:var(--mat-ivory);color:var(--mat-ink)}
.materials-page *{box-sizing:border-box}
.materials-page .wrap{max-width:1440px;padding-left:54px;padding-right:54px}
.materials-page h1,.materials-page h2,.materials-page h3{font-family:inherit;font-weight:500;color:inherit;letter-spacing:-.045em}
.materials-page em{font-style:normal;color:#738573}
.materials-page a,.materials-page button{touch-action:manipulation}
.materials-page :focus-visible{outline:3px solid #9c7748;outline-offset:5px}
.materials-page .nm-mat-kicker{display:block;font-size:9px;line-height:1.7;letter-spacing:.17em;font-weight:600;color:#788773;margin-bottom:21px}
.materials-page .nm-mat-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;border:1px solid var(--mat-forest);border-radius:3px;background:var(--mat-forest);color:#fffefa;padding:16px 21px;font-size:12px;line-height:1.4;letter-spacing:0;text-align:left;box-shadow:none;transition:background .18s}
.materials-page .nm-mat-button:hover{background:#365e49}
.materials-page .nm-mat-button>span{font-size:17px;font-weight:400}
.materials-page .nm-mat-button-light{background:transparent;color:var(--mat-forest)}
.materials-page .nm-mat-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;width:fit-content;max-width:100%;min-height:44px;padding:9px 0;border-bottom:1px solid #aebaa9;font-size:12px;line-height:1.5;color:var(--mat-forest)}
.materials-page .nm-mat-text-link:hover{border-color:var(--mat-forest)}
.materials-page .nm-mat-hero{padding:32px 0 56px}
.materials-page .nm-mat-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:65px;align-items:center}
.materials-page .nm-mat-hero h1{font-size:clamp(50px,5.7vw,80px);line-height:1.02;letter-spacing:-.065em;margin:0 0 22px;max-width:650px}
.materials-page .nm-mat-hero-subtitle{font-size:clamp(23px,2.25vw,32px);line-height:1.3;letter-spacing:-.04em;margin:0 0 23px;color:#758570}
.materials-page .nm-mat-hero-intro{max-width:440px;font-size:14px;line-height:1.9;margin:0 0 25px;color:var(--mat-muted)}
.materials-page .nm-mat-hero-actions{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap}
.materials-page .nm-mat-hero-note{font-size:10px;line-height:1.8;max-width:350px;margin:20px 0 0;color:#7a8475}
.materials-page .nm-mat-hero-figure{min-width:0;margin:0}
.materials-page .nm-mat-hero-figure figcaption{font-size:10px;line-height:1.7;color:#788170;margin-top:13px;max-width:430px}
.materials-page .nm-mat-hero-composition{position:relative;isolation:isolate;aspect-ratio:1.04;background:#e8ecdf;overflow:hidden;border-radius:3px}
.materials-page .nm-mat-hero-composition::before{content:'';position:absolute;left:50%;top:15%;width:1px;height:73%;background:#c4cebc;transform:rotate(35deg)}
.materials-page .nm-mat-hero-composition::after{content:'';position:absolute;left:6%;right:6%;top:72%;height:1px;background:#c4cebc;transform:rotate(-6deg);z-index:-1}
.materials-page .nm-mat-composition-top,.materials-page .nm-mat-composition-bottom{position:absolute;left:28px;right:22px;font-size:8px;letter-spacing:.18em;color:#809074;z-index:2}
.materials-page .nm-mat-composition-top{top:25px}
.materials-page .nm-mat-composition-bottom{bottom:25px;color:#52634b}
.materials-page .nm-mat-composition-sheet{position:absolute;width:68%;height:74%;top:13%;left:2%;transform:rotate(-10deg)}
.materials-page .nm-mat-composition-pickets{position:absolute;width:46%;height:57%;top:20%;right:-2%;transform:rotate(10deg);filter:drop-shadow(-8px 14px 8px #243a2426)}
.materials-page .nm-mat-composition-tube{position:absolute;width:57%;height:34%;bottom:6%;right:2%;transform:rotate(-12deg)}
.materials-page .nm-mat-jumpnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mat-line);border-left:1px solid var(--mat-line)}
.materials-page .nm-mat-jumpnav a{display:flex;align-items:center;gap:13px;min-height:75px;padding:18px 21px;border-bottom:1px solid var(--mat-line);border-right:1px solid var(--mat-line);font-size:12px;line-height:1.5}
.materials-page .nm-mat-jumpnav a:hover{background:#e9eee2}
.materials-page .nm-mat-jumpnav a>span{font-size:9px;color:#9b8f72;flex-shrink:0}
.materials-page .nm-mat-jumpnav a>b{margin-left:auto;font-size:17px;font-weight:400;color:#7d8e75}
.materials-page .nm-mat-section{padding:100px 0}
.materials-page .nm-mat-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.65fr);gap:65px;align-items:end;margin-bottom:45px}
.materials-page .nm-mat-section-heading h2,.materials-page .nm-mat-faq-grid h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08;margin:0;letter-spacing:-.055em}
.materials-page .nm-mat-section-heading>p{font-size:13px;line-height:1.9;color:var(--mat-muted);max-width:350px;margin:0}
.materials-page .nm-mat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
.materials-page .nm-mat-card{background:var(--mat-paper);border:1px solid #e0e4d9;min-width:0;scroll-margin-top:120px;display:flex;flex-direction:column}
.materials-page .nm-mat-card-visual{height:240px;background:#e6eade;position:relative;overflow:hidden}
.materials-page .nm-mat-card:nth-child(2n) .nm-mat-card-visual{background:#ebe9e0}
.materials-page .nm-mat-scheme-note{position:absolute;left:23px;bottom:17px;font-size:8px;line-height:1.4;letter-spacing:.15em;color:#7d8977}
.materials-page .nm-mat-card-body{padding:32px;display:flex;flex:1;flex-direction:column;min-width:0}
.materials-page .nm-mat-card .nm-mat-kicker{font-size:8px;margin-bottom:14px}
.materials-page .nm-mat-card h2{font-size:31px;line-height:1.14;letter-spacing:-.045em;margin:0 0 11px}
.materials-page .nm-mat-card-short{font-size:12px;color:#89917d;line-height:1.6;margin:0 0 20px}
.materials-page .nm-mat-card-intro{font-size:13px;line-height:1.85;color:var(--mat-muted);margin:0 0 25px}
.materials-page .nm-mat-card h3{font-size:13px;line-height:1.5;letter-spacing:0;margin:0 0 5px;font-weight:600}
.materials-page .nm-mat-criteria{margin:0}
.materials-page .nm-mat-criteria>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:20px;padding:13px 0;border-bottom:1px solid #e3e7dd;font-size:11px;line-height:1.8}
.materials-page .nm-mat-criteria dt{color:#64755f}
.materials-page .nm-mat-criteria dd{margin:0;color:#7d8578}
.materials-page .nm-mat-card-note{font-size:10px;line-height:1.85;color:#7a8575;border-left:2px solid #c3c9b8;padding-left:15px;margin:21px 0 26px}
.materials-page .nm-mat-card-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-top:auto}
.materials-page .nm-mat-card-actions .nm-mat-text-link{font-size:11px}
.materials-page .nm-mat-choice{padding:85px 0;background:#e8ede2}
.materials-page .nm-mat-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}
.materials-page .nm-mat-order-grid article{border-top:1px solid #bfcab5;padding-top:27px}
.materials-page .nm-mat-order-grid article>span{font-size:8px;line-height:1.8;letter-spacing:.15em;color:#6c7f62}
.materials-page .nm-mat-order-grid h3{font-size:28px;line-height:1.2;margin:20px 0 16px}
.materials-page .nm-mat-order-grid p{font-size:12px;line-height:1.9;color:#74816c;max-width:460px;margin:12px 0 0}
.materials-page .nm-mat-request-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.materials-page .nm-mat-request-step{border-top:1px solid #bdc7b7;padding-top:22px}
.materials-page .nm-mat-request-step>span{font-size:34px;color:#b1baa4;font-weight:400;line-height:1}
.materials-page .nm-mat-request-step h3{font-size:21px;line-height:1.3;margin:24px 0 11px}
.materials-page .nm-mat-request-step p{font-size:12px;line-height:1.9;color:var(--mat-muted);margin:0}
.materials-page .nm-mat-request-panel{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px;margin-top:45px;border:1px solid #cfd8c8;background:#eff2e8}
.materials-page .nm-mat-request-panel>div{max-width:650px}
.materials-page .nm-mat-request-panel h3{font-size:24px;line-height:1.2;margin:0 0 10px}
.materials-page .nm-mat-request-panel p{font-size:12px;line-height:1.9;color:var(--mat-muted);margin:0;max-width:570px}
.materials-page .nm-mat-request-panel .nm-mat-button{flex-shrink:0}
.materials-page .nm-mat-noscript{font-size:13px;line-height:1.8}
.materials-page .nm-mat-noscript a{text-decoration:underline}
.materials-page .nm-mat-receipt{background:#203e33;padding:90px 0;color:#f1f1e7}
.materials-page .nm-mat-receipt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}
.materials-page .nm-mat-receipt .nm-mat-kicker{color:#aec0a4}
.materials-page .nm-mat-receipt h2{font-size:clamp(32px,3.7vw,53px);line-height:1.1;margin:0;letter-spacing:-.055em}
.materials-page .nm-mat-receipt em{color:#adc09e}
.materials-page .nm-mat-receipt-content>div{border-top:1px solid #61755b;padding-top:22px;margin-top:27px}
.materials-page .nm-mat-receipt-content>div:first-child{margin-top:0}
.materials-page .nm-mat-receipt h3{font-size:22px;line-height:1.3;margin:0 0 12px}
.materials-page .nm-mat-receipt p{font-size:12px;line-height:1.9;color:#b4c4ab;margin:0;max-width:460px}
.materials-page .nm-mat-faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.2fr);gap:80px}
.materials-page .nm-mat-faq-grid .nm-mat-text-link{margin-top:24px}
.materials-page .nm-mat-faq details{border-color:#cfd9c6;padding:22px 0}
.materials-page .nm-mat-faq summary{font-size:14px;line-height:1.6;padding-right:30px}
.materials-page .nm-mat-faq summary::after{color:#718566}
.materials-page .nm-mat-faq p{font-size:12px;line-height:1.9;color:var(--mat-muted);margin-bottom:0}
.materials-page #materials-catalog,.materials-page #materials-request{scroll-margin-top:105px}
/* Object studies: simple CSS sections, not claims about a particular product. */
.materials-page .nm-mat-drawing{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:28px 28px 43px}
.materials-page .nm-mat-drawing i{display:block;font-style:normal}
.materials-page .nm-mat-object{position:relative;filter:drop-shadow(8px 12px 8px #31412d22)}
.materials-page .nm-mat-drawing-sheet .nm-mat-object{display:flex;width:250px;max-width:75%;height:145px;transform:rotate(-9deg) skewY(3deg)}
.materials-page .nm-mat-drawing-sheet i{flex:1;height:100%;background:linear-gradient(90deg,#39594a 0 14%,#66806c 14% 29%,#4e6c58 29% 77%,#294a3d 77% 91%,#78937a 91%);clip-path:polygon(0 3%,14% 3%,29% 0,77% 0,91% 3%,100% 3%,100% 100%,0 100%)}
.materials-page .nm-mat-drawing-pickets .nm-mat-object{display:flex;gap:14px;height:145px;transform:rotate(-8deg)}
.materials-page .nm-mat-drawing-pickets i{width:31px;height:100%;background:linear-gradient(90deg,#858b7c 0 8%,#c0c2af 8% 18%,#aaaD9c 18% 76%,#717d6e 76% 88%,#929b85 88%);clip-path:polygon(0 5%,8% 5%,12% 1%,50% 0,88% 1%,92% 5%,100% 5%,100% 100%,0 100%)}
.materials-page .nm-mat-drawing-louvers .nm-mat-object{display:flex;flex-direction:column;gap:10px;width:235px;max-width:90%;transform:rotate(-8deg)}
.materials-page .nm-mat-drawing-louvers i{width:100%;height:22px;background:linear-gradient(180deg,#7e8877 0 12%,#566651 12% 80%,#a0a78d 80%);clip-path:polygon(0 0,94% 0,100% 100%,6% 100%)}
.materials-page .nm-mat-drawing-tubes .nm-mat-object{display:flex;gap:21px;align-items:flex-end;transform:rotate(-22deg)}
.materials-page .nm-mat-drawing-tubes i{position:relative;width:37px;height:150px;background:linear-gradient(90deg,#647369 0 71%,#385444 71%);border-bottom:1px solid #7c8f78}
.materials-page .nm-mat-drawing-tubes i:nth-child(2){height:118px;width:29px}
.materials-page .nm-mat-drawing-tubes i:nth-child(3){height:91px;width:29px}
.materials-page .nm-mat-drawing-tubes i::before{content:'';position:absolute;left:0;right:0;top:-12px;height:18px;background:#283f32;border:5px solid #9ba88e;transform:skewY(-15deg)}
.materials-page .nm-mat-drawing-fixings .nm-mat-object{width:240px;height:155px;max-width:85%;transform:rotate(-9deg)}
.materials-page .nm-mat-screw{position:absolute;left:25px;top:25px;height:115px;width:12px;background:repeating-linear-gradient(-18deg,#a1ab9b 0 3px,#566852 3px 6px);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
.materials-page .nm-mat-screw::before{content:'';position:absolute;left:-7px;top:-5px;width:26px;height:20px;background:#63775c}
.materials-page .nm-mat-screw:nth-child(2){left:70px;top:43px;height:90px;transform:rotate(13deg)}
.materials-page .nm-mat-cap{position:absolute;left:122px;top:35px;width:57px;height:54px;background:linear-gradient(145deg,#5b715a 0 60%,#385442 60%);border-top:6px solid #84967b;transform:skewY(-12deg)}
.materials-page .nm-mat-cap:last-child{left:177px;top:90px;width:44px;height:40px;background:linear-gradient(145deg,#a4ab96 0 60%,#76836b 60%)}
.materials-page .nm-mat-drawing-hardware .nm-mat-object{width:225px;height:145px;max-width:85%;transform:rotate(-9deg)}
.materials-page .nm-mat-hinge{position:absolute;width:30px;height:108px;left:23px;top:10px;background:linear-gradient(90deg,#758672,#a7b09b 39%,#4d6852 100%);border-radius:12px 12px 5px 5px;border-top:3px solid #a8b29b}
.materials-page .nm-mat-hinge::before{content:'';position:absolute;top:43px;left:0;right:0;height:3px;background:#314d39}
.materials-page .nm-mat-hinge:nth-child(2){left:80px;top:33px;height:95px}
.materials-page .nm-mat-wheel{position:absolute;right:0;top:49px;width:76px;height:76px;border:15px solid #76866c;border-radius:50%;background:#cad0b9;box-shadow:inset 0 0 0 17px #405a43,7px 5px 0 #4d644c}
.materials-page .nm-mat-drawing-hero{padding:0}
.materials-page .nm-mat-composition-sheet .nm-mat-object{width:83%;max-width:none;height:76%;transform:skewY(3deg)}
.materials-page .nm-mat-composition-pickets .nm-mat-object{gap:12px;height:85%;transform:none}
.materials-page .nm-mat-composition-pickets i{width:26px}
.materials-page .nm-mat-composition-tube .nm-mat-object{transform:rotate(74deg);gap:16px}
.materials-page .nm-mat-composition-tube .nm-mat-object i{height:180px;width:29px}
.materials-page .nm-mat-composition-tube .nm-mat-object i:nth-child(2){height:140px;width:24px}
.materials-page .nm-mat-composition-tube .nm-mat-object i:nth-child(3){display:none}
@media(max-width:1100px){.materials-page .wrap{padding-left:32px;padding-right:32px}.materials-page .nm-mat-hero-grid{gap:35px}.materials-page .nm-mat-hero-actions{gap:12px 20px}.materials-page .nm-mat-hero h1{font-size:61px}.materials-page .nm-mat-section-heading{gap:35px}.materials-page .nm-mat-card-body{padding:25px}.materials-page .nm-mat-card h2{font-size:27px}.materials-page .nm-mat-criteria>div{grid-template-columns:88px minmax(0,1fr);gap:13px}.materials-page .nm-mat-request-grid{gap:20px}.materials-page .nm-mat-receipt-grid,.materials-page .nm-mat-faq-grid{gap:45px}.materials-page .nm-mat-composition-pickets .nm-mat-object{gap:9px}.materials-page .nm-mat-composition-pickets i{width:20px}}
@media(max-width:760px){.materials-page .wrap{padding-left:20px;padding-right:20px}.materials-page .nm-mat-hero{padding:16px 0 30px}.materials-page .nm-mat-hero-grid{grid-template-columns:1fr;gap:31px}.materials-page .nm-mat-kicker{font-size:8px;margin-bottom:18px}.materials-page .nm-mat-hero h1{font-size:57px;line-height:1.01;margin-bottom:19px}.materials-page .nm-mat-hero-subtitle{font-size:25px;margin-bottom:17px}.materials-page .nm-mat-hero-intro{font-size:13px;margin-bottom:22px}.materials-page .nm-mat-hero-actions{align-items:flex-start;gap:10px;flex-direction:column}.materials-page .nm-mat-hero-note{margin-top:16px;max-width:320px}.materials-page .nm-mat-hero-composition{aspect-ratio:1.2}.materials-page .nm-mat-composition-top,.materials-page .nm-mat-composition-bottom{left:19px;font-size:7px}.materials-page .nm-mat-composition-top{top:18px}.materials-page .nm-mat-composition-bottom{bottom:18px}.materials-page .nm-mat-hero-figure figcaption{font-size:9px}.materials-page .nm-mat-composition-tube .nm-mat-object i{height:130px}.materials-page .nm-mat-composition-tube .nm-mat-object i:nth-child(2){height:100px}.materials-page .nm-mat-jumpnav{grid-template-columns:repeat(2,minmax(0,1fr))}.materials-page .nm-mat-jumpnav a{font-size:10px;padding:16px 12px;min-height:76px;gap:9px}.materials-page .nm-mat-jumpnav a>span{font-size:8px}.materials-page .nm-mat-jumpnav a>b{font-size:14px}.materials-page .nm-mat-section{padding:60px 0}.materials-page .nm-mat-section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.materials-page .nm-mat-section-heading h2,.materials-page .nm-mat-faq-grid h2{font-size:37px}.materials-page .nm-mat-section-heading>p{max-width:none;font-size:12px}.materials-page .nm-mat-grid{grid-template-columns:1fr;gap:25px}.materials-page .nm-mat-card{scroll-margin-top:92px}.materials-page .nm-mat-card-body{padding:24px 22px}.materials-page .nm-mat-card-visual{height:200px}.materials-page .nm-mat-card h2{font-size:28px}.materials-page .nm-mat-card-intro{font-size:12px}.materials-page .nm-mat-criteria>div{grid-template-columns:78px minmax(0,1fr);gap:12px;font-size:10px;padding:12px 0}.materials-page .nm-mat-card-actions .nm-mat-button{width:100%;font-size:11px}.materials-page .nm-mat-scheme-note{font-size:7px;bottom:14px;left:20px}.materials-page .nm-mat-choice{padding:55px 0}.materials-page .nm-mat-order-grid{grid-template-columns:1fr;gap:28px}.materials-page .nm-mat-order-grid h3{font-size:25px}.materials-page .nm-mat-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.materials-page .nm-mat-request-step>span{font-size:30px}.materials-page .nm-mat-request-step h3{font-size:20px;margin-top:17px}.materials-page .nm-mat-request-step p{font-size:11px}.materials-page .nm-mat-request-panel{align-items:stretch;flex-direction:column;padding:24px 20px;margin-top:30px;gap:24px}.materials-page .nm-mat-request-panel h3{font-size:25px}.materials-page .nm-mat-request-panel p{font-size:11px}.materials-page .nm-mat-receipt{padding:58px 0}.materials-page .nm-mat-receipt-grid{grid-template-columns:1fr;gap:35px}.materials-page .nm-mat-receipt h2{font-size:36px}.materials-page .nm-mat-receipt h3{font-size:22px}.materials-page .nm-mat-receipt p{font-size:11px}.materials-page .nm-mat-faq-grid{grid-template-columns:1fr;gap:25px}.materials-page .nm-mat-faq-grid .nm-mat-text-link{margin-top:15px}.materials-page .nm-mat-faq summary{font-size:13px}.materials-page .nm-mat-faq p{font-size:11px}.materials-page #materials-catalog,.materials-page #materials-request{scroll-margin-top:86px}.materials-page .nm-mat-drawing-sheet .nm-mat-object{height:120px;width:220px}.materials-page .nm-mat-drawing-pickets .nm-mat-object{height:125px;gap:12px}.materials-page .nm-mat-drawing-pickets i{width:27px}.materials-page .nm-mat-drawing-tubes .nm-mat-object{transform:rotate(-22deg) scale(.85)}.materials-page .nm-mat-drawing-louvers .nm-mat-object{gap:8px;width:225px}.materials-page .nm-mat-drawing-louvers i{height:18px}.materials-page .nm-mat-drawing-fixings .nm-mat-object,.materials-page .nm-mat-drawing-hardware .nm-mat-object{transform:rotate(-9deg) scale(.85)}.materials-page .nm-mat-composition-sheet .nm-mat-object{width:83%;height:76%}.materials-page .nm-mat-composition-pickets .nm-mat-object{height:85%;gap:9px}.materials-page .nm-mat-composition-pickets i{width:20px}.materials-page .nm-mat-composition-tube .nm-mat-object{transform:rotate(74deg);gap:16px}}
@media(max-width:359px){.materials-page .nm-mat-hero h1{font-size:49px}.materials-page .nm-mat-jumpnav{grid-template-columns:1fr}.materials-page .nm-mat-jumpnav a{min-height:56px}.materials-page .nm-mat-card h2{font-size:25px}.materials-page .nm-mat-card-body{padding:22px 17px}.materials-page .nm-mat-button{font-size:11px}.materials-page .nm-mat-criteria>div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.materials-page .nm-mat-button{transition:none}}
/* Keep the selection criteria legible on a phone as well as on desktop. */
.materials-page .nm-mat-criteria>div{font-size:12px}
.materials-page .nm-mat-card-note{font-size:11px}
@media(max-width:760px){.materials-page .nm-mat-card-intro{font-size:13px}.materials-page .nm-mat-order-grid p,.materials-page .nm-mat-request-step p,.materials-page .nm-mat-request-panel p,.materials-page .nm-mat-receipt p,.materials-page .nm-mat-faq p{font-size:12px}}