/* DTS masthead: a workshop identity with open navigation and a sculpted action. */
.dts-header{position:sticky;top:0;z-index:20;background:#f8fcf5;box-shadow:0 12px 30px #28593812;isolation:isolate}
.dts-header:before{content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:radial-gradient(ellipse 460px 180px at 6% -52%,#b8e6a9a1,transparent 76%),radial-gradient(ellipse 520px 150px at 96% -38%,#bce9c08c,transparent 80%);pointer-events:none}
.header-main{min-height:105px;display:flex;align-items:center;gap:clamp(1.25rem,2vw,2.25rem)}
.header-brand{display:inline-flex;align-items:center;gap:.85rem;flex:none;min-width:241px;color:#184f39}
.header-emblem{position:relative;display:grid;place-items:center;width:53px;height:58px;flex:none;transform:skew(-9deg);border-radius:16px 5px 16px 5px;background:linear-gradient(145deg,#18835c,#3dae75 80%);box-shadow:6px 6px 0 #d0efbe,0 12px 19px #337f5c2c;overflow:hidden}
.header-emblem span{font-family:'Chakra Petch','Trebuchet MS',sans-serif;font-size:2.65rem;line-height:1;font-weight:700;letter-spacing:-.14em;color:#f2ffe7;transform:skew(9deg) translateX(-2px)}
.header-emblem i{position:absolute;width:31px;height:3px;background:#caff9f;right:-10px;bottom:13px;transform:rotate(-45deg)}
.header-lockup{display:flex;align-items:center;gap:.65rem}
.header-lockup strong{font-family:'Chakra Petch','Trebuchet MS',sans-serif;font-size:2.15rem;line-height:1;font-weight:700;letter-spacing:-.09em}
.header-lockup strong span{color:#52b96f}
.header-lockup small{border-left:1px solid #b9d9bd;padding-left:.64rem;font-size:.54rem;line-height:1.38;font-weight:800;letter-spacing:.085em;color:#3c7454}
.header-nav{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1vw,1rem);flex:1;min-width:0}
.header-nav a{position:relative;display:flex;flex-direction:column;gap:.27rem;justify-content:center;align-self:stretch;white-space:nowrap;padding:0 clamp(.25rem,.6vw,.75rem);font-size:.82rem;font-weight:700;letter-spacing:-.01em;color:#536d5a;transition:color .2s}
.header-nav a span{font-family:'Chakra Petch','Trebuchet MS',sans-serif;font-size:.59rem;line-height:1;color:#9ab7a2;letter-spacing:.12em;transition:color .2s}
.header-nav a:after{content:"";position:absolute;bottom:20px;left:clamp(.25rem,.6vw,.75rem);right:clamp(.25rem,.6vw,.75rem);height:2px;background:#3ba86c;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header-nav a:hover,.header-nav a.current{color:#16784e}.header-nav a:hover span,.header-nav a.current span{color:#41a86b}.header-nav a:hover:after,.header-nav a.current:after{transform:scaleX(1)}
.header-action{display:flex;align-items:center;gap:.8rem;flex:none;min-width:187px;min-height:59px;padding:.65rem .75rem .65rem 1rem;border:0;border-radius:22px 7px 22px 7px;background:#246d4f;color:#f5ffe9;box-shadow:6px 7px 0 #d0eaba;font-size:.82rem;font-weight:800;text-align:left;line-height:1.15;transition:transform .2s,box-shadow .2s,background .2s}
.header-action:hover{background:#1b8055;transform:translate(-2px,-2px);box-shadow:8px 9px 0 #c4e5ae}
.header-action .action-signal{width:8px;height:8px;flex:none;border-radius:50%;background:#baff86;box-shadow:0 0 0 4px #a8ec8152}
.header-action small{display:block;font-size:.65rem;font-weight:500;color:#c6edcd;margin-top:.2rem}
.header-action b{display:grid;place-items:center;width:29px;height:29px;margin-left:auto;flex:none;border-radius:50%;background:#ffffff24;font-size:1.1rem;font-weight:500}
.cart-trigger b{font-family:'Chakra Petch','Trebuchet MS',sans-serif;font-size:.87rem;font-weight:700}
.header-baseline{border-top:1px solid #dcebd9;border-bottom:1px solid #d1e4d0;background:#ffffff9c}
.header-baseline .wrap{display:flex;justify-content:space-between;gap:1rem;padding-top:.43rem;padding-bottom:.43rem;color:#76937c;font-family:'Chakra Petch','Trebuchet MS',sans-serif;font-size:.59rem;letter-spacing:.14em;font-weight:600}
.header-baseline span:last-child{color:#469367}
.dts-header + main .entry.wrap{padding-top:3.5rem}
@media(max-width:1180px){.header-main{gap:1rem}.header-brand{min-width:207px}.header-lockup strong{font-size:1.85rem}.header-lockup small{font-size:.48rem}.header-nav{gap:.25rem}.header-nav a{font-size:.75rem}.header-action{min-width:166px}}
@media(max-width:960px){.header-main{display:grid;grid-template-columns:1fr auto;min-height:0;padding-top:1rem;padding-bottom:0}.header-brand{grid-column:1;grid-row:1}.header-action{grid-column:2;grid-row:1}.header-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;min-height:58px;overflow-x:auto;scrollbar-width:none;gap:1.2rem}.header-nav::-webkit-scrollbar{display:none}.header-nav a{padding:0 .1rem;font-size:.8rem}.header-nav a:after{bottom:8px;left:.1rem;right:.1rem}}
@media(max-width:600px){.header-main{padding-top:.7rem}.header-brand{gap:.65rem;min-width:0}.header-emblem{width:39px;height:43px;border-radius:12px 4px 12px 4px;box-shadow:4px 4px 0 #d0efbe}.header-emblem span{font-size:2rem}.header-lockup{gap:.45rem}.header-lockup strong{font-size:1.65rem}.header-lockup small{font-size:.43rem;padding-left:.45rem}.header-action{min-width:0;min-height:43px;padding:.55rem .7rem;border-radius:15px 5px 15px 5px;box-shadow:3px 4px 0 #d0eaba;font-size:.72rem}.header-action .action-signal,.header-action small{display:none}.header-action b{width:20px;height:20px;margin-left:.35rem;font-size:.88rem}.header-nav{min-height:52px;gap:1.2rem;margin-right:-1rem}.header-nav a{font-size:.76rem}.header-nav a span{font-size:.54rem}.header-baseline .wrap{font-size:.53rem}.header-baseline span:last-child{display:none}}
@media(max-width:390px){.header-lockup small{display:none}.header-action{font-size:.68rem}.header-nav{gap:1rem}}