@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#142824;--muted:#64736c;--cream:#f5f6ef;--lime:#c9f36a;--pale:#e8eddc;--line:#d2dcd1;--white:#fff;--green:#213e31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em;line-height:1.07}h1{font-size:clamp(3.8rem,7.5vw,8rem);letter-spacing:-.07em}h2{font-size:clamp(2.3rem,4.2vw,4.6rem)}em{font-style:normal;color:#8cbd37}.container{max-width:1420px;margin:auto;padding-left:clamp(20px,5vw,76px);padding-right:clamp(20px,5vw,76px)}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.topline{background:var(--ink);color:var(--lime);text-align:center;font-size:.66rem;font-weight:800;letter-spacing:.18em;padding:10px 12px}.topline span{padding:0 12px;color:#719d79}.site-header{height:116px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,5vw,76px);border-bottom:1px solid var(--line);position:relative;z-index:20}.identity{display:flex;align-items:center;gap:15px}.identity>img{width:76px;height:70px;object-fit:contain}.identity strong{font-size:1.33rem;line-height:.92;letter-spacing:-.04em;font-weight:800}.dot{color:#8cbd37}.identity small{display:block;margin-top:8px;letter-spacing:.14em;font-size:.62rem;font-weight:700}.layer-nav{display:flex;align-items:center;gap:5px;perspective:650px}.layer-nav a{isolation:isolate;position:relative;display:flex;align-items:center;justify-content:center;min-height:53px;min-width:107px;padding:13px 18px;font-weight:800;font-size:.87rem;transition:transform .24s cubic-bezier(.2,.8,.2,1),color .2s;border-radius:4px}.layer-nav a span{position:relative;z-index:3}.layer-nav a::before,.layer-nav a::after{content:'';position:absolute;inset:7px 7px 9px;background:#bbd58d;border:1px solid #6e9473;border-radius:3px;transform:translateY(6px);z-index:1;transition:transform .28s ease}.layer-nav a::after{background:#9cbf78;transform:translateY(3px);z-index:2}.layer-nav a:hover,.layer-nav a:focus-visible{transform:translateY(-7px);outline-offset:4px}.layer-nav a:hover:before,.layer-nav a:focus-visible:before{transform:translateY(14px) translateX(5px)}.layer-nav a:hover:after,.layer-nav a:focus-visible:after{transform:translateY(8px) translateX(3px)}.layer-nav a:hover span{transform:translateX(-2px)}.layer-nav a[data-nav=quote]{background:var(--ink);color:var(--cream);margin-left:6px}.layer-nav a[data-nav=quote]::before{background:#547a5c}.layer-nav a[data-nav=quote]::after{background:#30543d}.layer-nav a.current:not([data-nav=quote]){color:#426c31}.mobile-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 21px;border:1px solid var(--ink);font-weight:800;font-size:.93rem;border-radius:5px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:4px 5px 0 #94b85f}.btn.dark{background:var(--ink);color:white}.btn.outline{background:transparent}.btn.pale{background:var(--lime);color:var(--ink);border-color:var(--lime)}.text-link{font-weight:800;border-bottom:2px solid var(--ink);padding-bottom:5px;white-space:nowrap}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:675px}.hero-left{padding:clamp(42px,6vw,100px) clamp(20px,5vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-left .eyebrow{margin-bottom:40px}.spark{color:#6c9a32;font-size:1.3rem;margin-right:8px}.hero-left h1{margin:0 0 28px}.hero-left h1 em{color:#769f30}.hero-left>p{max-width:520px;color:#43594e;font-size:1.16rem;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0 50px}.hero-footnote{font-size:.65rem;letter-spacing:.1em;font-weight:800;color:#69756f}.hero-footnote i{display:inline-block;width:32px;height:1px;background:#7b8c82;vertical-align:middle;margin:0 8px}.hero-right{min-height:550px;background:#c9f36a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#31473916 1px,transparent 1px),linear-gradient(90deg,#31473916 1px,transparent 1px);background-size:48px 48px}.hero-artwork{position:relative;z-index:2;text-align:center;transform:rotate(-11deg)}.hero-artwork p{font-size:.7rem;font-weight:800;letter-spacing:.22em;margin-top:60px}.layershape{width:260px;height:250px;position:relative;transform:rotate(-12deg)}.layershape span{position:absolute;left:30px;top:30px;width:195px;height:110px;border:15px solid #193e32;border-radius:20px;transform:rotate(-12deg) skew(-23deg,15deg)}.layershape span:nth-child(2){top:56px;left:42px;border-color:#335c41}.layershape span:nth-child(3){top:82px;left:54px;border-color:#4f7d58}.layershape span:nth-child(4){top:108px;left:66px;border-color:#72976e}.layershape span:nth-child(5){top:134px;left:78px;border-color:#92b18e}.hero-vertical{position:absolute;bottom:35px;right:26px;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.13em;font-weight:800}.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}.promise-strip{background:var(--ink);display:flex;gap:20px;justify-content:space-around;flex-wrap:wrap;color:#cceac1;padding:19px;font-size:.72rem;letter-spacing:.1em;font-weight:800}.home-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding-top:105px;padding-bottom:105px}.home-intro h2,.section-top h2{margin-bottom:0}.intro-side{align-self:end;max-width:445px}.intro-side p{font-size:1.22rem;line-height:1.75;color:#56685b}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.featured{padding-bottom:110px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.shop-card{display:block;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:transform .25s,box-shadow .25s}.shop-card:hover{transform:translateY(-5px);box-shadow:7px 8px 0 #dce7ce}.shop-photo{height:295px;background:#e3ead6;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.shop-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.placeholder-icon{font-size:5.5rem;line-height:1;color:#4e7258}.mini-badge{position:absolute;left:16px;bottom:16px;padding:7px 10px;font-size:.65rem;font-weight:800;letter-spacing:.08em;background:var(--lime);border-radius:3px}.shop-card-info{padding:24px}.shop-card-info h3{font-size:1.34rem;margin-bottom:9px}.shop-card-info p{font-size:.89rem;color:var(--muted);margin-bottom:16px}.card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800;font-size:.83rem}.home-band{background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:95px clamp(20px,5vw,76px)}.home-band h2{margin:0}.home-band p:not(.eyebrow){font-size:1.15rem;line-height:1.75;max-width:490px;color:#d6e5db}.home-band .btn{margin-top:16px}.page-head{padding-top:85px;padding-bottom:65px}.page-head h1{margin:12px 0 22px}.page-head>p:last-child{max-width:680px;color:#5e7167;font-size:1.13rem}.shop-section{padding-bottom:100px}.shop-tools{display:flex;gap:16px;align-items:stretch;flex-wrap:wrap;margin-bottom:15px}.search-wrap{flex:2;min-width:230px;position:relative}.search-wrap span{position:absolute;left:18px;top:7px;font-size:2rem}.search-wrap input{padding-left:52px!important;width:100%}.select-wrap{flex:1;min-width:200px;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#6c7b70}.shop-tools select{display:block;width:100%;margin-top:5px}.shop-tools input,.shop-tools select,.quote-form input:not([type=checkbox]):not([type=file]),.quote-form textarea,.quote-form select,.purchase-form select,.purchase-form input{background:#fff;border:1px solid #bdcdc1;border-radius:5px;padding:15px 17px;color:var(--ink);min-height:54px;outline-color:#7baa48}.result-count{font-size:.79rem;font-weight:800;color:#5c7162;margin:16px 0 22px}.empty-state{padding:60px 22px;border:1px dashed #aabbac;text-align:center;grid-column:1/-1;color:var(--muted)}.custom-message{border-top:1px solid var(--line);margin-top:75px;padding-top:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.custom-message h2{font-size:2rem;margin-bottom:8px}.custom-message p{color:var(--muted)}.product-page{padding-top:50px;padding-bottom:90px}.back-link{display:inline-block;font-size:.85rem;font-weight:800;margin-bottom:40px}.detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,5vw,85px)}.detail-main-image{aspect-ratio:1/1;background:#e4edd9;position:relative;border-radius:9px;overflow:hidden;display:grid;place-items:center}.detail-main-image img{width:100%;height:100%;object-fit:cover}.thumbnail-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.thumbnail-row button{height:78px;width:78px;border:2px solid transparent;background:#e3e9db;border-radius:5px;overflow:hidden;padding:0}.thumbnail-row button.selected{border-color:#658e44}.thumbnail-row img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-size:clamp(3rem,5vw,5.3rem);margin:12px 0 16px}.detail-copy .description{font-size:1.13rem;color:#576a5c;line-height:1.7}.detail-copy .long-description{padding:22px 0;border-top:1px solid var(--line);white-space:pre-wrap;color:#42594b}.price-label{font-size:1.25rem;font-weight:800;padding:15px 0}.purchase-form{border:1px solid var(--line);padding:23px;background:white;border-radius:8px;display:grid;gap:15px}.purchase-form label{display:grid;gap:7px;font-size:.84rem;font-weight:800}.purchase-form .btn{width:100%}.payment-note,.tiny-note{color:var(--muted);font-size:.75rem;line-height:1.55}.related-section{padding-bottom:105px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,95px);align-items:center;padding-bottom:85px}.about-image{min-height:520px;background:#c9f36a;position:relative;border-radius:8px;overflow:hidden}.about-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}.about-placeholder{height:520px;display:grid;place-content:center;text-align:center}.about-placeholder img{width:210px;margin:auto}.about-placeholder span{font-size:2rem;line-height:1.1;font-weight:800;letter-spacing:-.04em}.about-copy h2{font-size:clamp(2.5rem,4vw,4.4rem)}.about-copy p:not(.eyebrow){font-size:1.08rem;color:#53685a;line-height:1.8}.about-copy .btn{margin-top:20px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:120px}.values article{background:#e7eddf;padding:34px;min-height:240px;border-radius:6px}.values article>span{font-weight:800;color:#6c9255}.values h3{margin:34px 0 12px;font-size:1.4rem}.values p{font-size:.93rem;color:#5a7060}.quote-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;padding-bottom:110px}.quote-aside{background:#19362a;color:#fff;padding:48px 40px;border-radius:7px;align-self:start}.quote-aside .aside-icon{font-size:4rem;color:var(--lime)}.quote-aside h2{font-size:3.6rem;margin:15px 0 25px}.quote-aside h2 em{color:var(--lime)}.quote-aside p,.quote-aside li{color:#d2ded2;line-height:1.7}.quote-aside li{margin-bottom:9px}.quote-aside ul{margin:30px 0;padding-left:21px}.quote-aside small{font-size:.75rem;color:#aac2ac}.quote-form{background:#fff;border:1px solid var(--line);padding:clamp(22px,4vw,48px);border-radius:7px;display:grid;gap:24px}.quote-form label{display:grid;gap:9px;font-size:.9rem;font-weight:800}.quote-form .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form textarea{min-height:165px;resize:vertical}.upload-zone{padding:23px;border:2px dashed #c3d2c0;border-radius:5px;background:#f5f8ef}.upload-zone input{margin-top:9px}.upload-zone>span{font-size:.77rem;color:#57715d;font-weight:500}.upload-zone #upload-label{color:var(--ink);font-weight:800}.quote-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:.76rem;font-weight:600;color:#5c7062}.quote-form .consent input{margin:4px 0}.hidden-trap{position:absolute!important;left:-9999px!important}.quote-form #quote-status{font-size:.88rem;font-weight:800}.footer{background:#101f1b;color:white;padding:80px clamp(20px,5vw,76px) 25px}.footer-grid{display:grid;grid-template-columns:2fr .8fr 1fr;gap:40px;padding-bottom:70px}.footer-identity img{width:85px}.footer-identity h2{font-size:2.5rem;margin:10px 0}.footer-identity h2 em{color:var(--lime)}.footer-identity p{font-size:.65rem;letter-spacing:.18em}.footer h3{font-size:1rem;margin-bottom:21px}.footer a{display:block;margin-bottom:13px;color:#d6e5da}.footer p{color:#c0d0c3}.footer-cta{font-weight:800;color:var(--lime)!important}.footer-bottom{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #3d5648;padding-top:22px;font-size:.63rem;letter-spacing:.08em;color:#adc3b1}.footer-bottom span{color:#adc3b1}@media(max-width:990px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1fr}.hero-right{min-height:360px}.home-intro,.home-band{grid-template-columns:1fr;gap:24px}.detail-grid{gap:28px}.about-layout{grid-template-columns:1fr 1fr}.quote-layout{grid-template-columns:1fr}.quote-aside{padding:32px}.site-header{height:96px}.mobile-menu{display:block}.layer-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.layer-nav.open{display:flex}.layer-nav a{justify-content:flex-start}.layer-nav a[data-nav=quote]{margin:0}}@media(max-width:640px){h1{font-size:3.6rem}.shop-grid,.values,.about-layout,.detail-grid,.footer-grid{grid-template-columns:1fr}.shop-photo{height:270px}.section-top,.custom-message{align-items:start;flex-direction:column}.hero-left{padding-top:55px;padding-bottom:50px}.hero-left .eyebrow{margin-bottom:24px}.hero-actions{margin-bottom:23px}.quote-form .two{grid-template-columns:1fr}.page-head{padding-top:55px;padding-bottom:35px}.home-intro{padding-top:70px;padding-bottom:65px}.footer{padding-top:55px}.footer-bottom{flex-direction:column}.identity>img{width:54px;height:57px}.identity strong{font-size:1.05rem}.identity small{font-size:.47rem}.topline{font-size:.53rem}.topline span{padding:0 5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* V7 shared shelf navigation + consistent page rhythm */
:root{--page-width:1280px;--section-gap:clamp(62px,7vw,106px)}
.container{max-width:var(--page-width);padding-inline:clamp(20px,4.5vw,66px)}
.site-header{height:112px;padding-inline:clamp(20px,4.5vw,66px);gap:28px}
.identity{flex-shrink:0}.identity>img{width:64px;height:64px}
/* All tabs are seated on one continuous base, not four floating buttons. */
.layer-nav{position:relative;display:flex;align-items:flex-end;gap:3px;padding:8px 12px 12px;background:#dbe6d2;border:1px solid #bfceb9;border-bottom:5px solid #42644b;border-radius:10px 10px 7px 7px;perspective:850px;box-shadow:0 5px 0 #c9d8c5,inset 0 1px 0 #fff9}
.layer-nav::before{content:'';position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:#759a77;border-radius:4px;pointer-events:none}
.layer-nav a{min-width:89px;min-height:43px;padding:11px 15px;border:1px solid #aac2a3;border-bottom-color:#628d67;border-radius:6px 6px 3px 3px;background:#f4f7e9;font-weight:700;font-size:.83rem;transform:translate3d(0,0,0);box-shadow:0 2px 0 #789a76;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .2s;will-change:transform}
.layer-nav a::before,.layer-nav a::after{content:'';position:absolute;left:3px;right:3px;top:2px;bottom:2px;border-radius:5px 5px 2px 2px;z-index:-1;pointer-events:none;transition:transform .28s cubic-bezier(.2,.8,.2,1);border:1px solid #9eb998;background:#aacd94;transform:translate3d(0,5px,-12px)}
.layer-nav a::after{background:#c5dcb4;transform:translate3d(0,2px,-6px)}
.layer-nav a span{z-index:1;position:relative;white-space:nowrap}
.layer-nav a:hover,.layer-nav a:focus-visible{transform:translate3d(0,-12px,28px) rotateX(-5deg);background:#fffdf5;box-shadow:0 9px 12px #274d3233;outline-offset:4px}
.layer-nav a:hover::before,.layer-nav a:focus-visible::before{transform:translate3d(0,15px,-12px)}
.layer-nav a:hover::after,.layer-nav a:focus-visible::after{transform:translate3d(0,8px,-6px)}
.layer-nav a:hover span{transform:none}
.layer-nav a.current:not([data-nav=quote]){background:#e1f4bd;color:#25452d;border-color:#96b877}
.layer-nav a[data-nav=quote]{min-width:132px;margin-left:7px;background:#19362a;color:#fff;border-color:#19362a;box-shadow:0 2px 0 #123024}
.layer-nav a[data-nav=quote]::before{background:#3b624b;border-color:#3b624b}
.layer-nav a[data-nav=quote]::after{background:#638a64;border-color:#638a64}
/* About and founders */
.about-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(35px,6vw,90px);padding-bottom:var(--section-gap)}
.about-copy{max-width:620px}.about-copy h2{font-size:clamp(2.3rem,4.5vw,4.25rem);max-width:13ch}
.about-copy p:not(.eyebrow){max-width:57ch}
.about-feature{background:var(--lime);min-height:400px;aspect-ratio:1.18;display:grid;place-items:center;border-radius:12px;overflow:hidden}
.about-feature-mark{text-align:center;padding:32px}.about-feature-mark img{width:165px}.about-feature-mark p{margin:8px auto 0;max-width:240px;font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:-.04em}
.founders{padding-top:4px;padding-bottom:var(--section-gap)}.founders-title{max-width:650px;margin-bottom:32px}.founders-title h2{margin:10px 0 12px}.founders-title>p:last-child{color:var(--muted);font-size:1.05rem}
.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.founder-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.founder-photo{aspect-ratio:4/3;position:relative;background:#e4ebdf;display:grid;place-items:center;overflow:hidden}
.founder-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.founder-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(155deg,#e7f0d9,#c6e5ae);color:#355a3e}
.founder-placeholder span{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:5rem;line-height:1;opacity:.46}.founder-placeholder p{font-weight:700}
.founder-caption{padding:25px 28px 30px}.founder-caption h3{font-size:1.7rem;margin:0 0 3px}.founder-role{font-size:.79rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#557a49!important;margin:0 0 18px}.founder-caption>p{max-width:54ch;color:var(--muted);line-height:1.65;margin:0}
/* Make sections, page introductions and store controls relate more consistently */
.page-head{padding-top:clamp(54px,6vw,83px);padding-bottom:clamp(36px,4vw,52px)}
.page-head h1{font-size:clamp(3.5rem,6.5vw,6.7rem);line-height:1;max-width:15ch;margin:12px 0 19px}
.page-head>p:last-child{line-height:1.65;max-width:680px}
.shop-tools{gap:14px;align-items:end}.shop-tools input,.shop-tools select{border-radius:8px}.shop-grid{gap:20px}.shop-card{border-radius:11px}.shop-card-info{padding:22px}
.custom-message{margin-top:64px;padding-top:30px}.shop-section{padding-bottom:var(--section-gap)}.values{gap:20px;padding-bottom:var(--section-gap)}
.quote-layout{gap:clamp(25px,4vw,56px)}.quote-form{border-radius:11px}.quote-aside{border-radius:11px}
@media(max-width:1100px){.site-header{gap:15px}.identity>img{width:54px}.identity strong{font-size:1.08rem}.layer-nav a{min-width:75px;padding:10px 11px}.layer-nav a[data-nav=quote]{min-width:115px}}
@media(max-width:990px){.mobile-menu{display:block}.site-header{height:90px}.layer-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 20px;background:#e9f0e2;border-radius:0;border:0;border-bottom:3px solid #42644b;box-shadow:0 8px 15px #172e2422;flex-direction:column;align-items:stretch;gap:8px}.layer-nav.open{display:flex}.layer-nav::before{display:none}.layer-nav a,.layer-nav a[data-nav=quote]{margin:0;min-width:0;justify-content:flex-start;box-shadow:none}.layer-nav a:hover,.layer-nav a:focus-visible{transform:translateX(9px)}.layer-nav a::before,.layer-nav a::after{display:none}.about-layout{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.about-layout,.founder-grid{grid-template-columns:1fr}.about-feature{min-height:250px;aspect-ratio:1.4}.founder-caption{padding:22px}.founder-photo{aspect-ratio:4/3}.page-head h1{font-size:clamp(3.2rem,12vw,4.4rem)}.shop-tools{display:grid;grid-template-columns:1fr}.shop-tools>*{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.layer-nav a{will-change:auto}}


/* V8 — SLIDING DRAWER NAVIGATION (replaces the V7 bookshelf styling)
   Drawers rest in a single dark cabinet. Pull down to reveal the laminate edges. */
@media (min-width:991px){
  .site-header{overflow:visible}
  .layer-nav{
    display:flex; align-items:stretch; gap:4px; position:relative; isolation:isolate;
    padding:9px 10px 11px; background:#18382d;
    border:1px solid #294d3a; border-bottom:6px solid #0f281e;
    border-radius:10px; box-shadow:0 4px 0 #90aa8f, 0 10px 16px #152f2416;
    perspective:900px; overflow:visible;
  }
  .layer-nav::before{
    content:''; position:absolute; left:10px; right:10px; bottom:3px; height:2px;
    background:#4b785b; opacity:.7; border-radius:2px; pointer-events:none;
  }
  .layer-nav a, .layer-nav a[data-nav=quote]{
    z-index:1; isolation:isolate; flex:1; min-width:91px; min-height:44px;
    margin:0; padding:12px 17px; border:1px solid #587f63; border-radius:5px;
    background:#365b43; color:#f2f7ee; font-size:.84rem; font-weight:700;
    box-shadow:inset 0 1px 0 #ffffff16,0 3px 0 #244634;
    transform:translate3d(0,0,0);
    transition:transform .32s cubic-bezier(.18,.77,.22,1),background .25s,box-shadow .32s;
  }
  .layer-nav a span{position:relative;z-index:4;white-space:nowrap}
  .layer-nav a::before,.layer-nav a::after,
  .layer-nav a[data-nav=quote]::before,.layer-nav a[data-nav=quote]::after{
    content:'';position:absolute;left:3px;right:3px;top:4px;bottom:0;
    border:0;border-radius:4px;z-index:-1;pointer-events:none;
    transition:transform .32s cubic-bezier(.18,.77,.22,1);
  }
  .layer-nav a::before,.layer-nav a[data-nav=quote]::before{background:#789f76;transform:translate3d(0,5px,0)}
  .layer-nav a::after,.layer-nav a[data-nav=quote]::after{background:#abc79c;transform:translate3d(0,2px,0)}
  .layer-nav a.current:not([data-nav=quote]){color:#142c20;background:#c9f36a;border-color:#c9f36a}
  .layer-nav a[data-nav=quote]{background:#c9f36a;color:#163226;border-color:#c9f36a;min-width:137px;margin-left:7px;font-weight:800}
  .layer-nav a:hover,.layer-nav a:focus-visible{
    z-index:5;transform:translate3d(0,12px,12px);background:#e4f5d1;color:#183528;
    box-shadow:0 10px 15px #10291c52,inset 0 1px 0 #fff; outline-offset:4px;
  }
  .layer-nav a:hover::before,.layer-nav a:focus-visible::before{transform:translate3d(0,-8px,0)}
  .layer-nav a:hover::after,.layer-nav a:focus-visible::after{transform:translate3d(0,-4px,0)}
  .layer-nav a[data-nav=quote]:hover,.layer-nav a[data-nav=quote]:focus-visible{background:#e4f5d1}
}
@media(max-width:990px){
  .layer-nav{background:#19382b;border-bottom:3px solid #0f281e}
  .layer-nav.open{display:flex}
  .layer-nav a,.layer-nav a[data-nav=quote]{background:#365b43;color:#fff;border:1px solid #527a5e;border-radius:6px}
  .layer-nav a.current:not([data-nav=quote]){background:#c9f36a;color:#183528}
  .layer-nav a[data-nav=quote]{background:#c9f36a;color:#183528}
  .layer-nav a:hover,.layer-nav a:focus-visible{transform:translateX(6px);background:#d8efa9;color:#183528}
}
@media(prefers-reduced-motion:reduce){.layer-nav a,.layer-nav a::before,.layer-nav a::after{transition:none!important}}


/* V9 — quiet, minimal pull-out tabs. Mostly neutral with one restrained accent. */
@media (min-width:991px){
  .layer-nav{
    display:flex; align-items:center; gap:3px; padding:5px;
    background:#eeefe8; border:1px solid #d5ddd2; border-bottom:2px solid #bdc8bb;
    border-radius:8px; box-shadow:none; isolation:isolate; perspective:none;
  }
  .layer-nav::before{display:none}
  .layer-nav a,.layer-nav a[data-nav=quote]{
    min-width:92px; min-height:43px; padding:11px 17px; margin:0;
    background:transparent; color:#23372e; border:1px solid transparent;
    border-radius:5px; font-size:.84rem; font-weight:650;
    box-shadow:none; transform:none;
    transition:transform .24s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .24s,color .2s;
  }
  .layer-nav a::before,.layer-nav a::after,
  .layer-nav a[data-nav=quote]::before,.layer-nav a[data-nav=quote]::after{
    content:''; position:absolute; inset:auto 10px -2px 10px; height:2px;
    background:#c1cbbd; border:0; border-radius:1px; z-index:-1;
    opacity:0; transform:translateY(0); transition:transform .24s,opacity .2s;
  }
  .layer-nav a::after,.layer-nav a[data-nav=quote]::after{background:#dce2d8;bottom:0}
  .layer-nav a.current:not([data-nav=quote]){background:#e1e6dd;color:#1c3629;border-color:transparent}
  .layer-nav a[data-nav=quote]{
    margin-left:8px; min-width:127px; color:#1a3528; background:#f9faf5;
    border:1px solid #b5c4b5; font-weight:700;
  }
  .layer-nav a:hover,.layer-nav a:focus-visible{
    transform:translateY(6px);background:#fff;color:#193a2c;
    box-shadow:0 6px 11px #1c322012; outline-offset:3px;
  }
  .layer-nav a:hover::before,.layer-nav a:focus-visible::before{opacity:1;transform:translateY(-6px)}
  .layer-nav a:hover::after,.layer-nav a:focus-visible::after{opacity:1;transform:translateY(-3px)}
  .layer-nav a[data-nav=quote]:hover,.layer-nav a[data-nav=quote]:focus-visible{background:#fff;color:#193a2c}
}
@media(max-width:990px){
  .layer-nav{background:#f5f6ef;border:0;border-bottom:1px solid #d5ddd2;box-shadow:0 7px 15px #19382b10}
  .layer-nav a,.layer-nav a[data-nav=quote]{background:transparent;color:#20372b;border:0;border-radius:5px}
  .layer-nav a.current:not([data-nav=quote]){background:#e4eade;color:#20372b}
  .layer-nav a[data-nav=quote]{background:#e4eade;color:#20372b}
  .layer-nav a:hover,.layer-nav a:focus-visible{background:#e4eade;color:#20372b;transform:translateX(5px)}
}


/* V10 — overlapping print-layer tabs; the front sheet pulls sideways from the stack.
   Desktop navigation only; mobile stays a straightforward accessible menu. */
@media (min-width: 991px) {
  .layer-nav {
    display:flex;
    align-items:center;
    gap:0;
    padding:12px 21px 17px 13px;
    background:transparent;
    border:0;
    box-shadow:none;
    border-radius:0;
    isolation:isolate;
    perspective:none;
    overflow:visible;
  }
  .layer-nav::before {display:none}
  .layer-nav a,
  .layer-nav a[data-nav=quote] {
    position:relative;
    isolation:isolate;
    flex:0 0 auto;
    min-width:116px;
    min-height:49px;
    padding:12px 16px;
    margin:0 0 0 -15px;
    border:1px solid #aebfaf;
    border-radius:7px 15px 15px 7px;
    background:#e1e9da;
    color:#20372c;
    font-size:.85rem;
    font-weight:700;
    box-shadow:3px 4px 0 #afc0aa,6px 8px 0 #d5ded0;
    transform:translateX(0) translateY(0);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease;
    outline-offset:4px;
  }
  .layer-nav a:first-child {margin-left:0;background:#edf1e8;z-index:4}
  .layer-nav a:nth-child(2) {background:#e1e9da;z-index:3}
  .layer-nav a:nth-child(3) {background:#d5e2d0;z-index:2}
  .layer-nav a:nth-child(4) {background:#c9dac5;z-index:1;min-width:145px}
  .layer-nav a span {position:relative;z-index:3;white-space:nowrap}
  .layer-nav a::before,.layer-nav a::after,
  .layer-nav a[data-nav=quote]::before,.layer-nav a[data-nav=quote]::after {
    content:'';
    position:absolute;
    inset:auto 10px -5px 10px;
    height:3px;
    opacity:1;
    border:0;
    border-radius:3px;
    background:#86a78a;
    z-index:-1;
    transform:none;
    transition:none;
  }
  .layer-nav a::after,.layer-nav a[data-nav=quote]::after {
    bottom:-9px;
    background:#bdcdb9;
  }
  .layer-nav a.current:not([data-nav=quote]) {
    color:#20372c;
    border-color:#9eb499;
    background:#eff3e9;
  }
  .layer-nav a.current[data-nav=quote] {background:#dce8d5}
  .layer-nav a:hover,.layer-nav a:focus-visible,
  .layer-nav a[data-nav=quote]:hover,.layer-nav a[data-nav=quote]:focus-visible {
    transform:translateX(19px) translateY(-3px);
    z-index:10;
    background:#f7faf4;
    color:#193a2c;
    box-shadow:6px 8px 0 #aec2aa,10px 13px 0 #dae3d4,12px 16px 15px #1b352a28;
  }
  .layer-nav a:hover::before,.layer-nav a:focus-visible::before,
  .layer-nav a:hover::after,.layer-nav a:focus-visible::after {
    opacity:1;
    transform:none;
  }
}
@media (min-width:991px) and (max-width:1170px) {
  .site-header{padding-left:25px;padding-right:25px}
  .identity{gap:9px}
  .identity>img{width:53px;height:58px}
  .identity strong{font-size:1rem}
  .identity small{font-size:.52rem}
  .layer-nav a,.layer-nav a[data-nav=quote]{min-width:92px;padding:12px 10px;font-size:.75rem}
  .layer-nav a:nth-child(4){min-width:118px}
}
@media (prefers-reduced-motion:reduce) {
  .layer-nav a,.layer-nav a[data-nav=quote]{transition:none!important}
}
