/* Encap shared components. The site surface is the business-level distinction. */
:root{--encap-font:Arial,Helvetica,sans-serif;--encap-red:#c70000;--encap-red-hover:#a30000;--encap-ink:#202020;--encap-line:#d9d7d3;--encap-brand-bar-height:44px;--encap-header-height:116px}
body[data-encap-site]{--red:var(--encap-red);--red-dark:var(--encap-red-hover);--ink:var(--encap-ink);--heading:var(--encap-font);--body:var(--encap-font);--encap-surface:#fff;--encap-soft:#f5f3ef;font-family:var(--encap-font)}
body[data-encap-site="packaging"]{--encap-surface:#f8f6f0;--encap-soft:#efede6}
html{scroll-padding-top:calc(var(--encap-brand-bar-height) + var(--encap-header-height) + 12px)}
body[data-encap-site] :is(h1,h2,h3,h4){font-family:var(--encap-font)!important;font-weight:700;overflow-wrap:break-word}
body[data-encap-site] :is(h1,h2) em{font-family:inherit;font-style:normal;font-weight:inherit}
body[data-encap-site] .header{position:sticky;top:var(--encap-brand-bar-height);z-index:40;background:var(--encap-surface);border-bottom:1px solid var(--encap-line)}
body[data-encap-site] .header .header-inner{width:min(1260px,calc(100% - 88px));min-height:116px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
body[data-encap-site] .header .brand{display:block;width:213px;flex:0 0 213px;padding:0}
body[data-encap-site] .header .brand img{display:block;width:100%;height:auto;max-width:none}
body[data-encap-site] .header .menu-toggle{display:none}
body[data-encap-site] .header nav{position:static;display:flex;align-items:center;gap:12px;flex-shrink:0;max-height:none;overflow:visible;background:transparent;padding:0;border:0;box-shadow:none;font:600 16px/1.6 var(--encap-font)}
body[data-encap-site] .header nav>a:not(.button),body[data-encap-site] .header :is(.equipment-menu,.resource-nav)>summary{display:inline-flex;align-items:center;justify-content:flex-start;min-height:54px;padding:12px 10px;white-space:nowrap;font:600 16px/1.6 var(--encap-font);color:var(--encap-ink);gap:8px;cursor:pointer;list-style:none;border:0;background:transparent}
body[data-encap-site] .header summary::-webkit-details-marker{display:none}
body[data-encap-site] .header .equipment-menu>summary:after{font-size:12px;margin-left:0}
body[data-encap-site] .header .resource-nav>summary span{font-size:12px}
body[data-encap-site] .header nav>a:hover,body[data-encap-site] .header details[open]>summary{color:var(--encap-red)}
body[data-encap-site] .header details{position:relative}
body[data-encap-site] .header :is(.equipment-dropdown,.resource-panel){position:absolute;top:100%;left:50%;right:auto;transform:translateX(-50%);width:560px;max-width:calc(100vw - 36px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:18px;margin:0;background:var(--encap-surface);border:1px solid var(--encap-line);border-top:3px solid var(--encap-red);border-radius:0;box-shadow:0 12px 25px #00000012}
body[data-encap-site] .header :is(.equipment-dropdown,.resource-panel) a{display:block;min-height:48px;padding:12px 10px;border:0;border-bottom:1px solid var(--encap-line);font:400 15px/1.5 var(--encap-font);white-space:normal;color:var(--encap-ink)}
body[data-encap-site] .header :is(.equipment-dropdown,.resource-panel) a:hover{background:var(--encap-soft);color:var(--encap-red)}
body[data-encap-site] .header .resource-panel strong{font:inherit}
body[data-encap-site] .header .resource-panel small{display:block;font:400 12px/1.6 var(--encap-font);color:#656565;margin-top:5px}
body[data-encap-site] .header :is(.resource-caption,.dropdown-all,.dropdown-feature){grid-column:1/-1}
body[data-encap-site] .header .resource-caption{font:700 10px/1.5 var(--encap-font);letter-spacing:.12em;color:var(--encap-red);margin:0;padding:6px 10px 12px}
body[data-encap-site] .button,body[data-encap-site] .actions .button{display:inline-flex;align-items:center;justify-content:space-between;min-height:56px;gap:24px;padding:16px 24px;border:1px solid var(--encap-red);border-radius:0;background:var(--encap-red);color:#fff;font:600 15px/1.4 var(--encap-font);text-decoration:none;transition:background .15s,border-color .15s;cursor:pointer;transform:none}
body[data-encap-site] .button:hover{background:var(--encap-red-hover);border-color:var(--encap-red-hover);color:#fff;transform:none}
body[data-encap-site] .header nav>.button.small{min-height:65px;padding:17px 24px;font:600 16px/1.4 var(--encap-font);gap:24px;white-space:nowrap;margin:0}
body[data-encap-site] :is(.button.light,.encap-button-light){background:#fff;border-color:#fff;color:var(--encap-ink)}
body[data-encap-site] :is(.button.light,.encap-button-light):hover{background:#f0ede9;border-color:#f0ede9;color:var(--encap-ink)}
body[data-encap-site] .button.outline{background:transparent;border-color:var(--encap-ink);color:var(--encap-ink)}
body[data-encap-site] .button.outline:hover{background:var(--encap-ink);color:#fff}
body[data-encap-site] :is(.text-link,.text-button){display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:7px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:600 14px/1.5 var(--encap-font);cursor:pointer;text-decoration:none}
body[data-encap-site] :is(.text-link,.text-button):hover{color:var(--encap-red)}
.encap-arrow{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;overflow:visible}
body[data-encap-site] .button>.encap-arrow,body[data-encap-site] .button>span>.encap-arrow{width:22px;height:22px;flex-basis:22px}
body[data-encap-site] :is(a,button,summary):focus-visible{outline:3px solid var(--encap-red);outline-offset:4px}
body[data-encap-site] .encap-network-bar{position:sticky;top:0;z-index:45;min-height:44px;height:auto;background:var(--encap-ink);color:#fff;font:400 11px/1.65 var(--encap-font);letter-spacing:0}
body[data-encap-site] .encap-network-bar>.encap-network-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 24px;min-height:44px;height:auto;width:min(1260px,calc(100% - 88px));max-width:none;margin-inline:auto;padding:0}
body[data-encap-site] .encap-network-name{display:block;font:400 11px/1.4 var(--encap-font);letter-spacing:.11em;white-space:nowrap;color:#fff}
body[data-encap-site] .encap-network-bar .site-trail{display:flex;align-items:center;min-width:0;min-height:44px;width:auto;padding:7px 0 7px 24px;margin:0;border-left:1px solid #ffffff38;font:400 11px/1.65 var(--encap-font);letter-spacing:0;background:transparent}
body[data-encap-site] .encap-network-bar .site-trail a{display:inline;min-height:0;padding:0;color:#c9c8c4}
body[data-encap-site] .encap-network-bar .encap-network-switch{display:flex;flex-direction:row;align-self:stretch;align-items:stretch;gap:0;grid-column:3;position:static;margin:0;padding:0;background:transparent;border:0;white-space:nowrap}
body[data-encap-site] .encap-network-switch a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 18px;border:0;border-radius:0;color:#fff;font:600 12px/1.4 var(--encap-font);letter-spacing:0;text-decoration:none}
body[data-encap-site] .encap-network-switch :is(a.selected,a[aria-current]){background:var(--encap-red);color:#fff}
body[data-encap-site] .encap-network-switch a:hover{background:#ffffff18}
body[data-encap-site] .encap-network-switch :is(a.selected,a[aria-current]):hover{background:var(--encap-red-hover)}
body[data-encap-site] :is(footer,.footer){background:var(--encap-surface);color:var(--encap-ink);border-top:3px solid var(--encap-red)}
body[data-encap-site] :is(footer,.footer) :is(p,span,a,h3){color:var(--encap-ink)}
body[data-encap-site] :is(footer,.footer) p{font-family:var(--encap-font)}
body[data-encap-site] .footer-logo,body[data-encap-site] .encap-footer-logo{display:block;width:190px;height:auto;margin:0 0 25px}
body[data-encap-site] .footer-statement>.eyebrow{display:none}
body[data-encap-site] .footer-statement>p:not(.eyebrow){font:700 32px/1.15 var(--encap-font)}
body[data-encap-site] .footer-statement em{font:inherit;color:var(--encap-red)}
body[data-encap-site] .footer-bottom{border-top-color:var(--encap-line)}
body[data-encap-site] .footer .motion-toggle{min-height:44px;padding:10px 14px;border:1px solid var(--encap-line);border-radius:0;background:transparent;color:var(--encap-ink);font:400 14px/1.5 var(--encap-font)}
body[data-encap-site] .footer .motion-toggle[aria-pressed="true"]{background:var(--encap-ink);color:#fff}
@media(max-width:1180px){
 :root{--encap-header-height:100px}
 body[data-encap-site] .header .header-inner{min-height:100px}
 body[data-encap-site] .header .brand{width:180px;flex-basis:180px}
 body[data-encap-site] .header .menu-toggle{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--encap-line);border-radius:0;background:transparent;color:var(--encap-ink);font:400 16px/1.5 var(--encap-font)}
 body[data-encap-site] .header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--encap-brand-bar-height) - 112px);overflow-y:auto;overscroll-behavior:contain;background:var(--encap-surface);border-bottom:1px solid var(--encap-line);padding:18px 28px;flex-direction:column;align-items:stretch;gap:0;box-shadow:none}
 body[data-encap-site] .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body[data-encap-site] .header nav>a:not(.button),body[data-encap-site] .header :is(.equipment-menu,.resource-nav)>summary{display:flex;min-height:54px;padding:14px 10px;font-size:17px;justify-content:space-between}
 body[data-encap-site] .header nav>.button.small{margin-top:12px;font-size:17px}
 body[data-encap-site] .header :is(.equipment-dropdown,.resource-panel){position:static;transform:none;width:100%;max-width:none;background:var(--encap-soft);grid-template-columns:1fr;padding:8px 12px;border:0;border-left:2px solid var(--encap-red);box-shadow:none}
 body[data-encap-site] .header :is(.equipment-dropdown,.resource-panel) a{font-size:15px}
}
@media(max-width:1100px){body[data-encap-site] .header .header-inner,body[data-encap-site] .encap-network-bar>.encap-network-inner{width:calc(100% - 56px)}}
@media(max-width:850px){
 body[data-encap-site] .encap-network-bar>.encap-network-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
 body[data-encap-site] .encap-network-name{grid-column:1;grid-row:1;font-size:9px}
 body[data-encap-site] .encap-network-bar .encap-network-switch{grid-column:2;grid-row:1}
 body[data-encap-site] .encap-network-bar .site-trail{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #ffffff24;min-height:0;padding:9px 0 11px;font-size:11px}
 body[data-encap-site] .encap-network-switch a{padding-inline:12px;font-size:11px}
}
@media(max-width:620px){
 :root{--encap-header-height:92px}
 body[data-encap-site] .header .header-inner,body[data-encap-site] .encap-network-bar>.encap-network-inner{width:calc(100% - 36px)}
 body[data-encap-site] .header .header-inner{min-height:92px}
 body[data-encap-site] .header .brand{width:165px;flex-basis:165px}
 body[data-encap-site] .header nav{padding-inline:18px}
 body[data-encap-site] .encap-network-name{font-size:8px;letter-spacing:.04em}
 body[data-encap-site] .encap-network-switch a{padding-inline:10px}
 body[data-encap-site] .button,body[data-encap-site] .actions .button{max-width:100%;gap:18px;padding:16px 20px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){body[data-encap-site] .button{transition:none}}