.main-nav{gap:23px}.main-nav .nav-cta{white-space:nowrap}.quote-count{display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--green);color:var(--dark);font-size:13px;margin-left:5px}.card-actions{display:flex;flex-wrap:wrap;gap:6px 20px}.quote-add{color:#486f15!important}.product-hero .card-actions{margin-top:20px}.form-hint{color:var(--muted);font-size:17px}.form-hint+.notice{font-size:16px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.material-story{border-top:1px solid var(--line)}.material-explainer{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin:50px 0}.layer-demo{background:linear-gradient(140deg,#e0e7d6,#edf0e5 60%,#cbd6b5);padding:25px;text-align:center;overflow:hidden}.layer-stage{height:340px;position:relative;perspective:900px}.material-sheet{position:absolute;left:14%;top:20%;width:72%;height:185px;border-radius:2px;transform:rotateX(53deg) rotateZ(-22deg);transition:transform .85s cubic-bezier(.2,.7,.2,1),box-shadow .85s;box-shadow:10px 22px 30px #14231c26;border:1px solid #ffffffaa}.material-sheet span{position:absolute;left:18px;bottom:16px;font-size:13px;font-weight:700;letter-spacing:2px}.clear-sheet{background:linear-gradient(125deg,#c3e8e640,#ffffffa0 45%,#d7f5ee30);z-index:3;backdrop-filter:blur(1px);transform:translateY(-12px) rotateX(53deg) rotateZ(-22deg)}.paper-sheet{background:#faf9f3;z-index:1}.layer-demo.is-separated .clear-sheet{transform:translateY(-62px) rotateX(53deg) rotateZ(-22deg)}.layer-demo.is-separated .paper-sheet{transform:translateY(62px) rotateX(53deg) rotateZ(-22deg)}.diagram-note{font-size:13px;color:#596651;margin:15px 0 0}.face-sheet{background:#ebe4d7;z-index:3;transform:translateY(-12px) rotateX(53deg) rotateZ(-22deg)}.blackout-sheet{background:#232b26;z-index:2;color:white}.back-sheet{background:#d7d9d0;z-index:1;transform:translateY(12px) rotateX(53deg) rotateZ(-22deg)}.blackout-demo.is-separated .face-sheet{transform:translateY(-82px) rotateX(53deg) rotateZ(-22deg)}.blackout-demo.is-separated .back-sheet{transform:translateY(82px) rotateX(53deg) rotateZ(-22deg)}.large-index{display:block;font-size:14px;letter-spacing:3px;color:#658339;margin-bottom:22px}.explainer-copy h3{font-size:32px}.version-grid,.surface-grid,.journey-grid,.guide-cards{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.version-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.version-grid article{padding:30px 24px;border-right:1px solid var(--line)}.version-grid article:last-child{border-right:0}.version-grid small,.surface-grid small{display:block;font-size:13px;letter-spacing:1.5px;margin-bottom:16px;color:#627e3e}.version-grid h3{font-size:22px}.version-grid p,.surface-grid p{font-size:17px}.surface-grid img{width:100%;height:290px;object-fit:cover;background:#e2e4dc;margin-bottom:24px;transition:filter .4s}.surface-grid article:hover img{filter:brightness(1.05)}.surface-grid article:nth-child(2) img{object-fit:contain}.surface-grid h3{font-size:25px}.material-story>.note{margin-top:22px}.plain-list{padding-left:20px;line-height:1.8}.guide-cards a{padding:30px;border-top:1px solid #a9b395;background:#e9eddf;display:flex;flex-direction:column;transition:background .2s}.guide-cards a:hover{background:#e0e9cf}.guide-cards h3{font-size:26px}.guide-cards p{font-size:17px}.guide-cards span{margin-top:auto;font-size:16px;padding-top:20px}.editorial-table{overflow:auto;margin:35px 0}.editorial-table table{border-collapse:collapse;min-width:650px;width:100%;font-size:17px;line-height:1.7}.editorial-table td,.editorial-table th{text-align:left;vertical-align:top;padding:20px;border-bottom:1px solid var(--line)}.editorial-table thead{background:#e4ebd9}.editorial-table caption{text-align:left;margin-bottom:15px;font-weight:600}.guide-layout>.version-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0}
.selector-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:75px;padding-top:10px;align-items:start}.selector-form{position:sticky;top:125px;padding:35px;background:#e7ecde;border-top:2px solid var(--green)}.selector-form label{display:block;margin-bottom:28px}.selector-form label span{display:block;font-size:16px;font-weight:600;margin-bottom:12px}.selector-form select{width:100%;min-height:50px;border:1px solid #aebba0;background:#f9faf5;padding:12px;border-radius:0;color:var(--ink)}.selector-form .button{width:100%}.selector-form .note{margin:20px 0 0}.selector-result{min-width:0;scroll-margin-top:110px}.selector-result>h2{font-size:clamp(32px,3.5vw,54px)}.selector-card{border-top:1px solid var(--line);padding:24px 0}.selector-card>a{display:grid;grid-template-columns:110px 1fr;gap:24px}.selector-card img{width:110px;height:130px;object-fit:cover;background:#e5e6dc}.selector-card small{font-size:13px;color:var(--muted)}.selector-card h3{font-size:24px;margin:6px 0}.selector-card p{font-size:16px;line-height:1.6;margin-bottom:0}.selector-card button{margin-left:134px}.selector-result>.notice{margin:24px 0}
.quotation-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:65px;align-items:start;padding-top:10px}.quote-row{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:30px 0;border-top:1px solid var(--line)}.quote-row>img{width:120px;height:145px;object-fit:cover;background:#e3e7d9}.quote-row small{font-size:12px;letter-spacing:2px;color:var(--muted)}.quote-row h3{font-size:25px;margin:8px 0 20px}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-fields label{font-size:14px;color:var(--muted);min-width:0}.quote-fields input,.quote-fields select{display:block;margin-top:7px;width:100%;min-height:44px;padding:10px;border:1px solid #c6d0bb;background:#fff;border-radius:0}.quote-summary{position:sticky;top:120px;background:#e6edda;border-top:2px solid var(--green);padding:35px}.quote-summary h2{font-size:34px;letter-spacing:-1.2px}.quote-summary .button{gap:10px}.quote-summary .text-link{display:block;margin:20px 0}.quote-summary .note{font-size:14px}.quote-empty{padding:35px 0}.quote-empty>span{font-size:16px;letter-spacing:2px;color:var(--muted)}.quote-empty h2{margin-top:35px;font-size:44px}.quote-empty p{max-width:480px}
.institution-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;align-items:center;padding-top:20px}.institution-number{border-top:2px solid var(--green);padding:40px 0;background:radial-gradient(ellipse at top left,#d5e5bd,transparent 70%)}.institution-number strong{font:500 clamp(70px,9vw,145px)/1 Manrope,Arial;letter-spacing:-7px;display:block}.institution-number span{display:block;font-size:16px;margin:22px 0 38px}.institution-number p{font-size:16px;color:var(--muted)}.journey-grid{gap:50px}.journey-grid span{display:block;color:var(--lime);letter-spacing:2px;font-size:14px;margin:15px 0 25px}.journey-grid h3{font-size:28px}.journey-grid p{font-size:17px;color:#c5cebc}.industrial-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:60px 0 30px}.industrial-metrics strong{font:500 clamp(27px,3.2vw,52px)/1.2 Manrope,Arial;display:block;letter-spacing:-2px;color:var(--lime)}.industrial-metrics small{font-size:17px;letter-spacing:0}.industrial-metrics span{display:block;font-size:16px;margin-top:15px;color:#d6ddcf}.dark .note{color:#b7c3ae}.history-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #b9c5ad}.history-line article{padding:32px 25px 0 0;position:relative}.history-line article:before{content:'';width:9px;height:9px;background:var(--green);position:absolute;top:-5px;left:0}.history-line strong{display:block;font:500 50px/1.1 Manrope,Arial;letter-spacing:-2px;margin-bottom:25px}.history-line h3{font-size:23px}.history-line p{font-size:17px;color:var(--muted)}.sustainability-intro{padding-bottom:60px}.impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.impact-metrics>div{border-top:1px solid #9aab83;padding-top:25px}.impact-metrics strong{font:500 clamp(65px,8vw,115px)/1.2 Manrope,Arial;letter-spacing:-6px;color:#537d21}.impact-metrics strong span{font-size:.4em;letter-spacing:-2px}.impact-metrics p{font-size:16px;margin-top:15px;line-height:1.6}.certification-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.certification-seal{margin:0;background:#d9e3cb;padding:28px}.certification-seal img{width:100%;max-width:430px;margin:auto;mix-blend-mode:multiply}.certification-seal figcaption{text-align:center;font-size:13px;letter-spacing:2px;margin-top:20px;color:#40513b}.sustainability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 65px}.sustainability-grid article{border-top:1px solid #718065;padding:35px 0 25px}.sustainability-grid span{display:block;font-size:13px;letter-spacing:2px;margin-bottom:20px;color:var(--lime)}.sustainability-grid h3{font-size:31px;max-width:390px}.sustainability-grid p{font-size:17px;max-width:490px;color:#d0d9c7}.sustainability-grid article:last-child{grid-column:1/-1;max-width:700px}.sustainability-grid article:last-child p{max-width:620px}
@media(min-width:1100px){.page-intro h1{max-width:1150px}}@media(max-width:1100px){.main-nav{gap:16px;font-size:14px}.main-nav .nav-cta{padding:10px;margin-left:0}.selector-layout{gap:35px}.selector-form{padding:25px}.quotation-layout{gap:35px}.quote-summary{padding:25px}.material-explainer{gap:40px}.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certification-story{gap:45px}.institution-story{gap:40px}}@media(max-width:800px){.material-explainer,.institution-story,.certification-story,.selector-layout,.quotation-layout{grid-template-columns:1fr;gap:35px}.selector-form,.quote-summary{position:static}.selector-form select{font-size:18px}.layer-stage{height:300px}.surface-grid,.journey-grid,.guide-cards{grid-template-columns:1fr}.surface-grid img{height:auto;max-height:380px;object-fit:cover}.surface-grid article:nth-child(2) img{height:320px}.journey-grid{gap:20px}.guide-layout>.version-grid{grid-template-columns:1fr}.history-line{grid-template-columns:1fr 1fr;gap:25px;border-top:0}.history-line article{border-top:1px solid var(--line)}.industrial-metrics{grid-template-columns:1fr;gap:30px;margin-top:40px}.industrial-metrics strong{font-size:44px}.institution-number strong{font-size:100px}.institution-number{padding-top:25px}.institution-number span{margin-bottom:20px}.impact-metrics{gap:20px}.impact-metrics strong{font-size:60px;letter-spacing:-3px}.impact-metrics p{font-size:14px}.certification-seal{max-width:400px;width:100%;margin:auto}.certification-story{padding-top:60px}.sustainability-grid{gap:0 30px}.sustainability-grid h3{font-size:26px}.quote-empty h2{font-size:38px}.quote-summary{margin-top:25px}.quote-fields input,.quote-fields select{font-size:18px}.product-subnav>div{overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:7px}.material-story .section-heading h2{font-size:37px}}
@media(max-width:480px){.version-grid{grid-template-columns:1fr 1fr}.version-grid article{padding:24px 14px}.version-grid h3{font-size:20px}.version-grid p{font-size:16px}.layer-demo{padding:20px 10px}.material-sheet{left:10%;width:80%}.sustainability-grid{grid-template-columns:1fr}.sustainability-grid article:last-child{grid-column:auto}.impact-metrics{gap:12px}.impact-metrics strong{font-size:46px}.impact-metrics p{font-size:13px}.history-line strong{font-size:40px}.history-line h3{font-size:20px}.quote-row{grid-template-columns:75px 1fr;gap:15px}.quote-row>img{width:75px;height:100px}.quote-row h3{font-size:21px}.quote-fields{grid-template-columns:1fr;gap:12px}.selector-card>a{grid-template-columns:80px 1fr;gap:16px}.selector-card img{width:80px;height:100px}.selector-card button{margin-left:96px}.selector-card h3{font-size:21px}.selector-form{padding:25px 20px}.quote-summary{padding:25px}.material-sheet span{font-size:12px}.card-actions{gap:0 20px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none}.material-sheet{transition:none}.surface-grid img{transition:none}}
@media print{.card-actions,.selector-form,.quote-summary{display:none}.institution-story,.certification-story{display:block}}