/* Paper folios, creased corners and ink marks. Load after the page styles. */
:root{--paper-motion:cubic-bezier(.22,1,.36,1);--paper-stock:#f5f3ec;--paper-rule:#d8dcd3;--paper-ink:#173e32}
.site-header .nav-group{position:static}
.site-header .nav-panel.paper-folio{position:absolute;inset:calc(100% - 1px) 0 auto;width:100%;max-height:calc(100svh - 88px);overflow:auto;display:block;padding:0;background:var(--paper-stock);border:0;border-top:1px solid var(--paper-rule);border-bottom:1px solid #bdc8bd;box-shadow:0 14px 0 -10px #e9e8df,0 22px 0 -16px #d9ded3,0 30px 45px -18px #142b2238;color:var(--paper-ink);isolation:isolate}
.site-header .nav-panel.paper-folio[hidden]{display:none}
.paper-folio .folio-sheet{padding-block:27px 19px;animation:folio-enter 220ms var(--paper-motion) both}
.paper-folio .folio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--paper-rule);padding-bottom:20px;margin-bottom:19px}
.paper-folio .folio-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:1.6px;line-height:1.3;margin-bottom:7px}
.paper-folio .folio-heading h2{margin:0;font-size:clamp(26px,2.35vw,37px);line-height:1.15;letter-spacing:var(--tracking-heading);font-weight:400;color:var(--paper-ink)}
.paper-folio .folio-all{padding:0 0 3px;display:inline-flex;gap:26px;font-size:12px;line-height:1.5;white-space:nowrap;border-bottom:1px solid currentColor}
.paper-folio .folio-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(35px,5vw,80px);min-height:315px}
.paper-folio .folio-index{display:flex;flex-direction:column;justify-content:center}
.paper-folio .folio-entry{display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:12px;position:relative;padding:13px 14px 13px 0;border-bottom:1px solid var(--paper-rule);background:transparent;text-align:left;min-height:60px;isolation:isolate}
.paper-folio .folio-entry:last-child{border-bottom:0}
.paper-folio .folio-entry:before{content:"";position:absolute;inset:0 -14px 0 -10px;background:#e7e9df;z-index:-1;opacity:0;transform:scaleX(.96);transform-origin:left;transition:transform 180ms var(--paper-motion),opacity 180ms ease}
.paper-folio .folio-entry.is-previewed:before{opacity:1;transform:scaleX(1)}
.paper-folio .folio-number{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.7px;align-self:start;padding-top:4px;color:#6b786c}
.paper-folio .folio-entry strong{font-size:clamp(16px,1.32vw,20px);line-height:1.35;font-weight:400;letter-spacing:var(--tracking-heading)}
.paper-folio .folio-entry small{font-size:11px;line-height:1.5;margin-top:3px;color:#5c6a60}
.paper-folio .folio-entry-arrow{font-size:21px;line-height:1;opacity:0;transform:translate(-4px,4px);transition:opacity 160ms ease,transform 180ms var(--paper-motion)}
.paper-folio .folio-entry.is-previewed .folio-entry-arrow{opacity:1;transform:none}
.paper-folio .folio-preview{display:flex;flex-direction:column;padding:1px 7px 0 0;min-width:0}
.paper-folio .folio-preview-stack{position:relative;isolation:isolate;background:#e8e7df;flex:1;min-height:265px}
.paper-folio .folio-preview-stack:before,.paper-folio .folio-preview-stack:after{content:"";position:absolute;inset:0;background:#e4e5d9;border:1px solid #d4d7c9;z-index:-1;transform:translate(7px,7px)}
.paper-folio .folio-preview-stack:after{transform:translate(4px,4px);background:#eeeee5}
.paper-folio .folio-image{position:absolute;inset:0;opacity:0;transition:opacity 180ms ease;overflow:hidden;pointer-events:none}
.paper-folio .folio-image.is-current{opacity:1;z-index:1}
.paper-folio .folio-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.012);transition:transform 260ms var(--paper-motion)}
.paper-folio .folio-image.is-current img{transform:scale(1)}
.paper-folio .folio-fold{position:absolute;z-index:3;top:0;right:0;width:26px;height:26px;background:var(--paper-stock);clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(-1px 1px 0 #bbb)}
.paper-folio .folio-fold:after{content:"";position:absolute;inset:0;background:#cdd1c2;clip-path:polygon(0 0,0 100%,100% 100%)}
.paper-folio .folio-registration{position:absolute;z-index:3;inset:12px auto auto 12px;width:12px;height:12px;border-top:1px solid #183b3280;border-left:1px solid #183b3280;pointer-events:none}
.paper-folio .folio-image-label{position:absolute;inset:auto auto 12px 12px;z-index:3;background:#f5f3ecef;color:var(--paper-ink);padding:5px 7px;font-size:8px;line-height:1.1;letter-spacing:1.1px;text-transform:uppercase}
.paper-folio .folio-caption{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.5;padding-top:18px;min-height:39px}
.paper-folio .folio-preview-count{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:1px;color:#627263}
.paper-folio .folio-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;line-height:1.4;color:#617162;padding-top:15px;margin-top:17px;border-top:1px solid var(--paper-rule)}
.paper-folio .folio-footer a{display:inline-flex;gap:18px;padding:0;font-size:11px;color:var(--paper-ink)}
.paper-folio a:hover{background:transparent}
.site-header .nav-parent>a{position:relative;text-decoration:none}
.site-header .nav-parent>a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 180ms var(--paper-motion)}
.site-header .nav-parent>a[aria-current]:after,.site-header .nav-group.is-open .nav-parent>a:after{transform:scaleX(1);transform-origin:left}
.site-header .nav-parent>a:hover{ text-decoration:none }
.site-header .nav-expand{min-width:30px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.site-header .nav-expand span{display:block;transition:transform 180ms var(--paper-motion)}
.site-header .nav-expand[aria-expanded=true] span{transform:rotate(45deg)}
.site-header .menu-toggle{align-items:center;gap:10px}
.menu-lines{width:16px;height:10px;position:relative;display:block}
.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0;right:0;top:1px;height:1px;background:currentColor;transition:transform 180ms var(--paper-motion)}
.menu-lines:after{top:8px}
.menu-toggle[aria-expanded=true] .menu-lines:before{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines:after{transform:translateY(-3.5px) rotate(-45deg)}
/* A small folded corner gives primary actions a material cue without moving the label. */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,transform 180ms var(--paper-motion),box-shadow 180ms ease}
.btn:after{content:"";position:absolute;top:0;right:0;width:13px;height:13px;background:currentColor;clip-path:polygon(0 0,100% 100%,100% 0);opacity:0;transform:translate(3px,-3px);transition:opacity 180ms ease,transform 180ms var(--paper-motion);pointer-events:none}
.btn:before{content:"";position:absolute;left:22px;right:22px;bottom:8px;height:1px;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:right;transition:transform 220ms var(--paper-motion);pointer-events:none}
.textlink{display:inline-block;white-space:normal;text-decoration-thickness:1px;text-decoration-color:currentColor;transition:text-decoration-color 160ms ease}
.textlink:after{content:none}
:where(.brief-button,.menu-toggle,.text-button,.dialog-head button,.film-control,[data-material-play],.catalog-density button,.catalog-pagination button,.catalog-pagination a,.catalog-thumbnails button,.mobile-actions a,.mobile-actions button,[data-copy-link],[data-native-share],[data-clear-filter],[data-close-dialog],[data-remove-item],[data-confirm-clear],[data-cancel-clear]){transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease,transform 160ms var(--paper-motion)}
:where(.brief-button,.text-button,.dialog-head button,[data-material-play],[data-copy-link],[data-native-share],[data-remove-item]){text-underline-offset:5px;text-decoration-thickness:1px}
:where(.product-card,.catalog-card,.guide-entry,.tool-grid article){position:relative;transition:transform 220ms var(--paper-motion),box-shadow 220ms ease}
:where(.catalog-card-more,.related-links a,.footer-links a,.footer-contact a,.download-row a:not(.btn),.folio-all,.folio-footer a){text-underline-offset:5px;text-decoration-thickness:1px}
.catalog-card-more span,.folio-all span,.folio-footer a span{display:inline-block;transition:transform 180ms var(--paper-motion)}
.material-switches button{transition:background-color 180ms ease,color 180ms ease}
.material-switches button strong,.material-switches button>span{display:block;transition:transform 180ms var(--paper-motion)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--info,#23697a);outline-offset:5px}
.paper-folio .folio-entry:focus-visible{outline-offset:0}
:where(button,a)[aria-disabled=true],button:disabled{cursor:not-allowed;opacity:.55}
.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}
@media(hover:hover) and (pointer:fine){
 .site-header .nav-parent>a:hover:after{transform:scaleX(1);transform-origin:left}
 .btn:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px);box-shadow:2px 3px 0 #173e321b}
 .btn:hover:not(:disabled):not([aria-disabled=true]):after{opacity:.45;transform:none}
 .btn:hover:not(:disabled):not([aria-disabled=true]):before{transform:scaleX(1);transform-origin:left}
 .textlink:hover:after,.catalog-card-more:hover span,.folio-all:hover span,.folio-footer a:hover span{transform:translate(2px,-2px)}
 :where(.brief-button,.menu-toggle,.text-button,.dialog-head button,[data-material-play],[data-copy-link],[data-native-share],[data-remove-item]):hover:not(:disabled){text-decoration:underline}
 :where(.catalog-density button,.catalog-pagination button,.catalog-pagination a,.catalog-thumbnails button):hover:not(:disabled){border-color:var(--brand);background:#e7ebe4;transform:translateY(-1px)}
 .material-catalog .catalog-pagination a:hover{color:#142f26}
 :where(.product-card,.catalog-card,.guide-entry,.tool-grid article):hover{transform:translateY(-3px)}
 .catalog-card:hover{box-shadow:0 6px 0 -3px #e1e5dc}
 .material-switches button:hover:not([aria-pressed=true]){background:#f0f1e9}
 .material-switches button:hover strong,.material-switches button:hover>span{transform:translateX(4px)}
 :where(.related-links a,.footer-links a,.footer-contact a):hover{text-decoration:underline}
 .film-control:hover{background:#f5f3ec;color:var(--brand)}
}
@keyframes folio-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1051px) and (max-height:760px){
 .paper-folio .folio-sheet{padding-block:18px 14px}
 .paper-folio .folio-heading{padding-bottom:12px;margin-bottom:10px}
 .paper-folio .folio-heading h2{font-size:28px}
 .paper-folio .folio-entry{padding-block:9px;min-height:52px}
 .paper-folio .folio-body{min-height:265px}
 .paper-folio .folio-footer{margin-top:11px;padding-top:10px}
}
@media(max-width:1200px) and (min-width:1051px){
 .paper-folio .folio-body{gap:38px;grid-template-columns:1fr 1fr}
 .paper-folio .folio-entry strong{font-size:17px}
 .paper-folio .folio-entry{grid-template-columns:25px 1fr 20px;gap:8px}
 .paper-folio .folio-heading h2{font-size:29px}
}
@media(max-width:1050px){
 .site-header .menu-toggle{display:inline-flex}
 .site-header #main-nav{background:var(--paper-stock)}
 .site-header .nav-panel.paper-folio{position:static;max-height:none;overflow:visible;border:0;box-shadow:none;background:transparent;padding:0 0 18px}
 .paper-folio .folio-sheet{width:100%;padding:12px 0 0;animation:none}
 .paper-folio .folio-heading{align-items:center;margin:0 0 4px;padding:7px 0 12px;gap:15px;border-bottom:0}
 .paper-folio .folio-heading h2{font-size:20px;letter-spacing:var(--tracking-heading);line-height:1.2}
 .paper-folio .folio-kicker{font-size:8px;letter-spacing:1px;margin-bottom:6px}
 .paper-folio .folio-all{font-size:11px;gap:9px;white-space:normal;text-align:right;max-width:100px;flex-shrink:0}
 .paper-folio .folio-body{display:block;min-height:0}
 .paper-folio .folio-entry{padding:12px 8px;min-height:58px;grid-template-columns:25px 1fr 20px;gap:8px}
 .paper-folio .folio-entry strong{font-size:16px}
 .paper-folio .folio-entry small{font-size:11px;margin-top:1px}
 .paper-folio .folio-entry:before{inset:0}
 .paper-folio .folio-entry-arrow{opacity:1;transform:none;font-size:18px}
 .paper-folio .folio-preview{display:none}
 .paper-folio .folio-footer{font-size:10px;display:block;margin:8px 0 0;padding:12px 8px 0;border-top:1px solid var(--paper-rule)}
 .paper-folio .folio-footer a{display:inline-flex;margin-top:10px;min-height:44px;align-items:center}
 .site-header .nav-parent>a:after{bottom:10px;right:auto;width:35px}
 .site-header .nav-expand{min-width:48px;min-height:50px}
 .site-header .nav-group.is-open>.nav-parent{border-color:var(--brand)}
 .site-header .nav-quote{width:100%;margin-top:22px}
}
@media(prefers-reduced-motion:reduce){
 .paper-folio .folio-sheet{animation:none}
 .paper-folio .folio-entry:before,.paper-folio .folio-entry-arrow,.paper-folio .folio-image,.paper-folio .folio-image img,.site-header .nav-parent>a:after,.site-header .nav-expand span,.menu-lines:before,.menu-lines:after,.btn,.btn:before,.btn:after,.textlink,.textlink:after,.catalog-card-more span,.folio-all span,.folio-footer a span,.material-switches button,.material-switches button strong,.material-switches button>span{transition:none}
 :where(.brief-button,.menu-toggle,.text-button,.dialog-head button,.film-control,[data-material-play],.catalog-density button,.catalog-pagination button,.catalog-pagination a,.catalog-thumbnails button,.mobile-actions a,.mobile-actions button,[data-copy-link],[data-native-share],[data-clear-filter],[data-close-dialog],[data-remove-item],[data-confirm-clear],[data-cancel-clear],.product-card,.catalog-card,.guide-entry,.tool-grid article){transition:none}
 .btn:hover:not(:disabled),.btn:active:not(:disabled),.textlink:hover:after,.catalog-card-more:hover span,.folio-all:hover span,.folio-footer a:hover span,:where(.product-card,.catalog-card,.guide-entry,.tool-grid article):hover,.material-switches button:hover strong,.material-switches button:hover>span{transform:none}
}
