/* Site header and footer for inner pages. Generated from styles.css (header, navigation, buttons, footer rules only) so inner pages match the homepage. */
:root{--paper:#f7f4ee;--secondary:#5c564d;--rule:#e0d9cd;--moss:#3f4a3c;--brass:#9a7b4f;--deep:#232520;--light-secondary:#d3d1c9;--dark-rule:#56594e;--page-gutter:clamp(24px,5vw,80px);--ease:cubic-bezier(.16,1,.3,1)}
.header a,.footer a{color:inherit;text-decoration:none;text-underline-offset:5px}
.header svg,.footer svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip-link{position:fixed;left:20px;top:-80px;background:var(--paper);color:var(--ink);padding:12px 20px;z-index:100}
.skip-link:focus{top:12px}
.section-space{padding:clamp(80px,9vw,132px) max(var(--page-gutter),calc((100vw - 1280px)/2))}
.header{height:82px;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;background:transparent;position:fixed;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid transparent;transition:background .35s ease,color .35s ease,border-color .35s ease}
.header.solid{background:var(--paper);color:var(--ink);border-bottom-color:var(--rule)}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-name{font-family:var(--serif);font-size:28px;font-weight:300;letter-spacing:.02em;line-height:1.1;white-space:nowrap}
.navigation{display:flex;align-items:center;gap:clamp(20px,2.3vw,34px);margin-left:auto;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:400}
.navigation a{padding:10px 0;color:inherit;transition:opacity .2s}
.navigation a:hover{opacity:.7;text-decoration:none}
.header-actions{display:flex;gap:10px;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:16px 25px;background:var(--moss);color:var(--paper);font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--moss);border-radius:0;transition:background .25s ease,color .25s ease,border-color .25s ease}
.button:hover{background:var(--deep);border-color:var(--deep);text-decoration:none}
.button svg{width:18px;height:18px}
.button-small{min-height:42px;padding:11px 18px;white-space:nowrap;background:transparent;color:inherit;border-color:rgba(255,255,255,.6);font-size:11px;gap:16px}
.header.solid .button-small{border-color:var(--secondary)}
.button-small:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.header.solid .button-small:hover{background:var(--moss);color:var(--paper);border-color:var(--moss)}
.button-pale{background:var(--paper);color:var(--moss);border-color:var(--paper)}
.button-pale:hover{background:transparent;color:var(--paper);border-color:var(--paper)}
.menu-toggle{display:none;width:42px;height:44px;place-items:center;border:0;background:transparent;color:inherit}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid var(--brass);line-height:1.7}
.text-link svg{height:18px;width:18px}
.text-link:hover{text-decoration:none;border-bottom-color:transparent}
.text-link.light{color:var(--paper);border-color:#8a8b7a}
.footer{background:var(--moss);color:var(--paper);padding-top:85px;padding-bottom:30px}
.footer-details{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:48px;padding:50px 0 65px;font-size:12px}
.footer-brand{font-family:var(--serif);font-size:28px;letter-spacing:.02em;display:inline-block}
.footer-details p{color:#e5e2d9;font-size:12px;margin:17px 0}
.footer-details nav,.footer-connect{display:flex;align-items:flex-start;flex-direction:column;gap:15px}
.footer-connect>a:last-child{margin-top:15px;display:flex;align-items:center;gap:13px}
.footer-connect svg{width:18px;height:18px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid #757b6b;font-size:11px;color:#e5e2d9}
.footer :focus-visible,.header:not(.solid) :focus-visible{outline-color:#d9c6a5}
@media(max-width:1100px){.header{gap:20px}.navigation{gap:20px;font-size:11px}.button-small{font-size:11px;padding:10px 14px;gap:12px}.footer-details{gap:32px}}
@media(max-width:960px){.navigation>a:last-child{display:none}.brand-name{font-size:26px}.navigation{gap:18px}.footer-details{gap:25px}.footer-connect{font-size:11px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:760px){.header{height:74px;padding:0 24px;gap:12px}.brand-name{font-size:26px}.button-small{padding:10px 13px;min-height:40px;font-size:11px;gap:12px;letter-spacing:.1em}.button-small svg{width:15px;height:15px}.header-actions{gap:4px}.menu-toggle{display:grid;width:34px}.navigation{display:none;position:absolute;left:0;right:0;top:74px;background:var(--paper);color:var(--ink);padding:18px 24px 25px;border-bottom:1px solid var(--rule);font-size:12px;align-items:stretch;margin:0}.navigation.open{display:flex;flex-direction:column;gap:0}.navigation>a{padding:16px 0;border-bottom:1px solid var(--rule)}.navigation>a:last-child{display:block}.no-js .header{position:relative;color:var(--ink);background:var(--paper);height:auto;min-height:74px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.no-js .navigation{position:static;display:flex;order:3;width:100%;font-size:11px;padding:0;border:0;flex-wrap:wrap;gap:15px}.no-js .navigation>a{padding:8px 0}.no-js .button-small{border-color:var(--moss)}.section-space{padding:76px 24px}.text-link{font-size:11px;gap:18px;letter-spacing:.1em}.footer-details{grid-template-columns:1fr 1fr;gap:36px 20px;padding:38px 0 45px}.footer-details>div:first-child{grid-column:1/-1}.footer-brand{font-size:26px}.footer-details p{font-size:12px}.footer-connect{grid-column:1/-1;font-size:12px;gap:15px;overflow-wrap:anywhere}.footer-connect>a:last-child{margin-top:8px}.footer-details nav{font-size:12px;gap:15px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:13px;font-size:11px}.footer.section-space{padding-bottom:26px}}
@media(max-width:370px){.header{padding:0 18px;gap:8px}.brand-name{font-size:24px}.button-small{padding:10px;font-size:11px;gap:0}.button-small svg{display:none}.header-actions{gap:0}.menu-toggle{width:32px}}