:root{--materials-green:#2f8d6f;--materials-green-text:#24765c;--materials-ink:#111;--materials-paper:#fff;--materials-soft:#f3f4f1;--materials-line:#d7d9d5;--materials-ease:cubic-bezier(.22,.82,.26,1)}
.materials-scroll{scroll-behavior:smooth;scroll-padding-top:64px;scroll-snap-type:y proximity}
.materials-page{background:var(--materials-paper);color:var(--materials-ink)}
.materials-hero,.materials-intro,.materials-criteria,.materials-process,.materials-cta,.materials-page footer{scroll-snap-align:start}
.skip-link{position:fixed;z-index:2147483600;top:12px;left:12px;padding:12px 16px;background:#111;color:#fff;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}
.skip-link:focus{transform:none;outline:3px solid var(--materials-green);outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html.materials-page-preflight.has-page-intro .page-brand-intro{animation-duration:1.45s}
html.materials-intro-seen .page-brand-intro{display:none!important}
.materials-page .site-header nav{gap:clamp(12px,1.45vw,24px)}
.materials-page .site-header nav .is-current{color:var(--materials-green-text)}
.materials-main{overflow:clip}
.materials-kicker{margin:0;color:#5f6b64;font:500 11px/1.4 Golos,Arial,sans-serif;letter-spacing:.14em}
.materials-hero{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:52px var(--gutter);padding:106px var(--gutter) 0}
.materials-hero-copy h1{max-width:1050px;margin:22px 0 0;font-size:clamp(52px,7vw,108px);line-height:.98;letter-spacing:-.065em}
.materials-hero-lead{align-self:end;padding-bottom:12px}
.materials-hero-lead>p{max-width:43ch;margin:0 0 36px;color:#505651;font-size:clamp(17px,1.35vw,22px);line-height:1.55}
.materials-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px}
.materials-hero-actions .button{box-sizing:border-box;min-height:48px;padding:14px 22px}
.materials-arrow-link{display:inline-flex;align-items:center;gap:18px;padding-bottom:8px;border-bottom:1px solid currentColor;text-decoration:none;font-size:13px}
.materials-arrow-link span{color:var(--materials-green);font-size:20px}
.materials-hero-media{grid-column:1/-1;width:100vw;margin:42px 0 0 calc(-1 * var(--gutter))}
.materials-hero-gallery{display:flex;height:clamp(420px,69vw,980px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none;background:#e9ece8}
.materials-hero-gallery::-webkit-scrollbar{display:none}
.materials-hero-slide{flex:0 0 100vw;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.materials-hero-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.materials-gallery-controls{display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter) 0}
.materials-gallery-controls p{margin:0;color:#777e79;font-size:11px;font-variant-numeric:tabular-nums}
.materials-gallery-controls>div{display:flex;gap:8px}
.materials-gallery-controls button{display:grid;width:46px;height:44px;padding:0;border:1px solid var(--materials-line);border-radius:0;background:#fff;color:#111;place-items:center;font:400 19px/1 Golos,Arial,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.materials-gallery-controls button:hover,.materials-gallery-controls button:focus-visible{border-color:var(--materials-green);background:var(--materials-green);color:#fff;outline:0}
.materials-index{position:sticky;z-index:25;top:0;display:grid;grid-template-columns:repeat(6,1fr);margin:56px 0 0;padding:0 var(--gutter);background:#fff;border-block:1px solid var(--materials-line)}
.materials-index a{display:flex;gap:14px;min-width:0;padding:22px 20px 22px 0;border-right:1px solid var(--materials-line);color:#3f4541;text-decoration:none;font-size:13px;white-space:nowrap}
.materials-index a:not(:first-child){padding-left:20px}.materials-index a:last-child{border-right:0}
.materials-index span{color:#626a65;font-variant-numeric:tabular-nums}
.materials-index a.is-active,.materials-index a:hover{color:var(--materials-green-text)}
.materials-intro{background:var(--materials-soft)!important}
.materials-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:7vw;align-items:start}
.materials-intro-grid h2{margin:0;font-size:clamp(40px,5vw,78px)}
.materials-intro-grid>div{padding-top:10px}.materials-intro-grid p{max-width:55ch;margin:0 0 24px;color:#515752;font-size:17px;line-height:1.75}
.material-directions{padding:0 var(--gutter)}
.material-direction{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:clamp(40px,5vw,92px);align-items:center;min-height:calc(100svh - 62px);padding:clamp(22px,3vh,34px) 0;border-bottom:1px solid var(--materials-line);scroll-margin-top:64px;scroll-snap-align:start;scroll-snap-stop:normal}
.material-direction:nth-child(even){grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)}
.material-direction:nth-child(even) .material-media{order:2}.material-direction:nth-child(even) .material-copy{order:1}
.material-media{overflow:hidden;background:#eee}
.material-media-stack{display:flex;height:min(calc(100svh - 118px),820px);min-height:560px;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;background:transparent;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;outline:none;touch-action:pan-x pan-y}
.material-media-stack::-webkit-scrollbar{display:none}
.material-media-stack:active{cursor:grabbing}
.material-media-stack:focus-visible{outline:1px solid var(--materials-green);outline-offset:5px}
.material-main-photo,.material-photo-row img{flex:0 0 calc(100% - 38px);height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.material-main-photo{overflow:hidden;margin:0;background:#eee}
.material-main-photo>img,.material-photo-row img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.35s var(--materials-ease)}
.material-photo-row{display:contents}
.material-number{margin:0 0 36px;color:#626b65;font-size:12px;font-variant-numeric:tabular-nums}
.material-label{margin:0 0 12px;color:var(--materials-green-text);font-size:12px;letter-spacing:.04em}
.material-copy{max-width:560px}.material-copy h2{margin:0 0 24px;font-size:clamp(42px,4.45vw,70px);line-height:1}
.material-copy>p:not(.material-number):not(.material-label){max-width:48ch;margin:0;color:#515752;font-size:16px;line-height:1.75}
.material-copy .material-note{margin-top:20px!important;padding:16px 0;border-block:1px solid var(--materials-line);color:#3f4742!important;font-size:14px!important}
.material-note strong{color:var(--materials-green-text);font-weight:600}
.material-tags{display:flex;flex-wrap:wrap;gap:0;margin:26px 0 30px;padding:0;border-top:1px solid var(--materials-line);list-style:none}
.material-tags li{padding:10px 18px 10px 0;margin-right:18px;border-bottom:1px solid var(--materials-line);color:#666d68;font-size:11px}
.material-detail-link,.material-status{display:inline-flex;min-height:44px;gap:12px;align-items:center;color:#242825;font-size:13px;text-decoration:none}
.material-detail-link{padding-block:8px;border-bottom:1px solid currentColor}.material-detail-link span{color:var(--materials-green-text)}
.material-detail-link:hover,.material-detail-link:focus-visible{color:var(--materials-green-text)}
.material-inline-action{display:flex;width:max-content;min-height:44px;margin-top:10px;align-items:center;gap:12px;color:var(--materials-green-text);font-size:13px;text-decoration:none}
.material-inline-action:hover,.material-inline-action:focus-visible{text-decoration:underline;text-underline-offset:5px}
.material-status{color:#626b65}.material-status:before{content:"";width:26px;height:1px;background:var(--materials-green)}
.materials-proof{background:var(--materials-soft)!important}
.materials-proof-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:7vw;align-items:end}
.materials-proof-heading h2{max-width:920px;margin:0;font-size:clamp(42px,5.6vw,84px);line-height:1.02}
.materials-proof-heading>p{max-width:48ch;margin:0 0 8px;color:#505751;font-size:16px;line-height:1.75}
.materials-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;border-top:1px solid var(--materials-line)}
.materials-proof-item{min-height:260px;padding:26px 34px 34px 0;border-right:1px solid var(--materials-line)}
.materials-proof-item:not(:first-child){padding-left:34px}.materials-proof-item:last-child{border-right:0}
.materials-proof-item>span{color:#626b65;font-size:11px}.materials-proof-item h3{margin:52px 0 16px;font-size:clamp(25px,2.2vw,36px)}
.materials-proof-item p{max-width:34ch;margin:0;color:#555d57;font-size:14px;line-height:1.7}
.materials-proof-cta{margin-top:38px}
.materials-criteria{background:#17211c!important;color:#fff!important}
.materials-criteria .section-index,.materials-criteria .section-index>span{color:#a7b5ad}
.criteria-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:7vw;align-items:end}
.criteria-heading h2{margin:0;color:#fff;font-size:clamp(40px,5.6vw,84px)}
.criteria-heading>p{max-width:48ch;margin:0 0 8px;color:#bac4be;font-size:16px;line-height:1.75}
.criteria-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:85px;border-top:1px solid #ffffff38}
.criteria-grid article{min-height:285px;padding:26px 28px 28px 0;border-right:1px solid #ffffff38}.criteria-grid article:not(:first-child){padding-left:28px}.criteria-grid article:last-child{border-right:0}
.criteria-grid span{color:#8ca398;font-size:11px}.criteria-grid h3{margin:60px 0 18px;color:#fff;font-size:clamp(25px,2.2vw,36px)}
.criteria-grid p{margin:0;color:#aebbb4;font-size:14px;line-height:1.7}
.materials-process{background:#fff!important}
.materials-process-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:8vw;align-items:start}
.materials-process-grid>h2{position:sticky;top:110px;margin:0;font-size:clamp(40px,5vw,76px)}
.process-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--materials-line)}
.process-list li{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid var(--materials-line)}
.process-list li>span{color:#888f8a;font-size:12px}.process-list h3{margin:0 0 12px;font-size:clamp(24px,2.2vw,34px)}
.process-list p{max-width:50ch;margin:0;color:#5b615d;font-size:15px;line-height:1.7}
.materials-cta{background:#fff!important}
.materials-cta h2{max-width:1100px;margin:30px 0 58px;font-size:clamp(48px,6vw,94px)}
.materials-cta-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;border-top:1px solid var(--materials-line);padding-top:28px}
.materials-cta-bottom p{max-width:56ch;margin:0;color:#555c57;font-size:17px;line-height:1.65}
.materials-photo-credits{grid-column:1/-1;max-width:1050px;margin-top:10px;color:#717873;font-size:10px;line-height:1.65}.materials-photo-credits summary{width:max-content;cursor:pointer;color:#5d655f}.materials-photo-credits p{margin:8px 0 0}.materials-photo-credits a{color:inherit}
.materials-page .mat-reveal{opacity:1;transform:none}
.materials-motion .mat-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform 1.15s var(--materials-ease)}
.materials-motion .mat-reveal.is-visible{opacity:1;transform:none}
.materials-motion .material-media-stack.mat-reveal{opacity:1;transform:none;clip-path:inset(0 0 12% 0);transition:clip-path 1.15s var(--materials-ease)}
.materials-motion .material-media-stack.mat-reveal img{transform:scale(1.045)}
.materials-motion .material-media-stack.mat-reveal.is-visible{clip-path:inset(0)}
.materials-motion .material-media-stack.mat-reveal.is-visible img{transform:scale(1)}
.materials-motion .material-copy.mat-reveal{opacity:1;transform:none;transition:none}
.materials-motion .material-copy.mat-reveal>*{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform 1s var(--materials-ease)}
.materials-motion .material-copy.mat-reveal.is-visible>*{opacity:1;transform:none}
.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(1){transition-delay:.06s}.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(2){transition-delay:.12s}.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(3){transition-delay:.18s}.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(4){transition-delay:.25s}.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(5){transition-delay:.32s}.materials-motion .material-copy.mat-reveal.is-visible>:nth-child(6){transition-delay:.39s}
@media(max-width:1100px){.materials-page .site-header nav{gap:12px}.materials-page .site-header nav a{font-size:11px}.criteria-grid{grid-template-columns:repeat(2,1fr)}.criteria-grid article:nth-child(2){border-right:0}.criteria-grid article:nth-child(n+3){border-top:1px solid #ffffff38}}
@media(min-width:901px) and (max-height:820px){.material-direction{gap:42px;padding:20px 0}.material-media-stack{height:calc(100svh - 106px);min-height:0}.material-number{margin-bottom:18px}.material-copy h2{margin-bottom:16px;font-size:clamp(38px,4vw,58px)}.material-copy>p:not(.material-number):not(.material-label){font-size:14px;line-height:1.52}.material-copy .material-note{margin-top:12px!important;padding:10px 0;font-size:12px!important}.material-tags{margin:16px 0 20px}.material-tags li{padding-block:6px}.material-detail-link,.material-status{font-size:12px}}
@media(max-width:900px){.materials-scroll{scroll-snap-type:none}.materials-hero{grid-template-columns:1fr;padding-top:74px}.materials-hero-lead{max-width:650px}.materials-hero-media{margin-top:18px}.materials-hero-gallery{height:min(74vw,640px)}.materials-hero-slide img{height:100%;min-height:0}.materials-index{overflow-x:auto;grid-template-columns:repeat(6,minmax(175px,1fr));justify-content:start;scrollbar-width:none;mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 34px),transparent 100%)}.materials-index::-webkit-scrollbar{display:none}.materials-intro-grid,.material-direction,.material-direction:nth-child(even),.materials-proof-heading,.criteria-heading,.materials-process-grid{grid-template-columns:1fr}.material-direction:nth-child(even) .material-media,.material-direction:nth-child(even) .material-copy{order:initial}.material-direction{min-height:0;padding:68px 0;scroll-snap-align:none}.material-media-stack{height:min(82vw,68svh,640px);min-height:420px}.material-copy{max-width:680px}.material-number{margin-bottom:28px}.materials-proof-grid{grid-template-columns:1fr}.materials-proof-item,.materials-proof-item:not(:first-child){min-height:0;padding:28px 0 34px;border-right:0;border-top:1px solid var(--materials-line)}.materials-proof-item h3{margin-top:28px}.materials-process-grid>h2{position:static}}
@media(max-width:640px){.materials-hero{gap:30px;padding:54px 20px 0}.materials-hero-copy h1{font-size:clamp(43px,14vw,64px)}.materials-hero-lead>p{font-size:16px}.materials-hero-actions{align-items:flex-start;flex-direction:column}.materials-hero-actions .button{width:100%}.materials-hero-media{width:100vw;margin-left:-20px}.materials-hero-gallery{height:72vw;min-height:310px}.materials-hero-slide img{height:100%;min-height:0}.materials-gallery-controls{padding-inline:20px}.materials-index{margin-top:38px;padding:0 20px;top:0}.materials-index a{padding-block:17px}.materials-intro,.materials-proof,.materials-criteria,.materials-process,.materials-cta{padding:68px 20px!important}.material-directions{padding:0 20px}.material-direction{gap:30px;padding:58px 0}.material-media-stack{height:min(112vw,62svh);min-height:360px;gap:8px}.material-main-photo,.material-photo-row img{flex-basis:calc(100% - 28px)}.material-copy h2{font-size:43px}.material-copy>p:not(.material-number):not(.material-label){font-size:15px}.materials-proof-grid{margin-top:46px}.materials-proof-cta{width:100%}.criteria-grid{grid-template-columns:1fr;margin-top:54px}.criteria-grid article,.criteria-grid article:not(:first-child){min-height:0;padding:26px 0 32px;border-right:0;border-top:1px solid #ffffff38}.criteria-grid h3{margin-top:32px}.materials-cta-bottom{grid-template-columns:1fr}.materials-cta-bottom .button{width:100%}}
@media(max-width:900px){.materials-hero{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.materials-scroll{scroll-behavior:auto;scroll-snap-type:none}.materials-motion .mat-reveal,.materials-motion .material-copy.mat-reveal>*,.materials-motion .material-media-stack.mat-reveal{opacity:1;transform:none;clip-path:none;transition:none}.material-media img{transition:none}}
@media print{.materials-index{position:static}.materials-motion .mat-reveal{opacity:1;transform:none}.materials-page .page-brand-intro{display:none}}
