/* Shared bottom dock. Its only layout animation is the owner-requested logo width. */
:root{--dock-bottom:18px;--dock-height:58px;--dock-clearance:calc(var(--dock-bottom) + var(--dock-height) + 28px + env(safe-area-inset-bottom))}
html{scroll-padding-top:28px;scroll-padding-bottom:var(--dock-clearance)}
.site-header.is-dock,body.is-telegram .site-header.is-dock{top:auto;bottom:calc(var(--dock-bottom) + env(safe-area-inset-bottom));left:0;right:0;height:auto;padding:0 20px;z-index:40}
.dock{--brand-compact:44px;--brand-expanded:156px;--brand-width:var(--brand-compact);width:max-content;max-width:100%;justify-content:flex-start;gap:3px;padding:7px;isolation:isolate;box-shadow:0 8px 32px #12000626;background:rgba(247,238,242,.96)}
.dock.is-wordmark{--brand-width:var(--brand-expanded)}
.nav-actions{position:relative;display:flex;align-items:center;gap:3px;flex:none}
.dock>a{min-height:44px}
.dock a.dock-brand{width:var(--brand-width);max-width:var(--brand-expanded);height:44px;margin-inline:2px;flex:none;transition:width .52s cubic-bezier(.22,.8,.28,1),transform .25s}
.dock-brand__mark,.dock-brand__word{display:block;transition:opacity .32s ease,transform .52s cubic-bezier(.22,.8,.28,1);transform-origin:center;background:#290713}
.dock-brand__mark{display:grid;place-items:center;background:transparent;mask:none;-webkit-mask:none;opacity:1;transform:scale(1)}
.dock-brand__mark img{width:36px;height:36px;object-fit:contain}
.dock-brand__word{opacity:0;transform:translateY(9px) scale(.94)}
.dock.is-wordmark .dock-brand__mark{opacity:0;transform:translateY(-9px) scale(.85)}
.dock.is-wordmark .dock-brand__word{opacity:1;transform:translateY(0) scale(1)}
.dock .nav-mobile-only,.dock .mobile-menu-button{display:none}
.dock a.nav-icon{width:44px;height:44px;padding:0;flex:none;position:relative}
.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-icon .dock-count{position:absolute;right:0;top:0;min-width:17px;height:17px;font-size:10px}
.dock .nav-pill{transition:transform .46s cubic-bezier(.3,1.25,.45,1),width .46s cubic-bezier(.3,1.25,.45,1),height .3s,opacity .2s}
.nav-menu{position:absolute;left:50%;right:auto;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%);width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - var(--dock-clearance) - 10px);overflow-y:auto;overscroll-behavior:contain;padding:14px;border-radius:26px;background:#f7eef2;box-shadow:0 20px 55px #12000640;color:#290713}
.nav-menu[hidden]{display:none}
.nav-menu__label{display:block;padding:8px 14px 12px;font-size:10px;letter-spacing:.12em;color:#80616e}
.dock .nav-menu a{display:flex;min-height:46px;justify-content:flex-start;padding:13px 14px;font-size:15px;border-radius:14px}
.dock .nav-menu a:hover,.dock .nav-menu a:focus-visible{background:#eadfe4}
body.landing-page #main{padding-top:0}
body.landing-page .cinematic-hero{min-height:100svh;padding-top:66px}
body.shop-page #main{min-height:70svh;padding-top:28px}
body:not(.admin-page) .site-footer{padding-bottom:var(--dock-clearance)}
.about-seal>img{display:block;width:100%;height:auto;aspect-ratio:131/193;object-fit:contain}
.product-results-back{margin-top:24px;margin-bottom:0;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.product-results-back+.breadcrumb{padding-top:12px}
.journal-empty{padding:48px 0;display:grid;gap:20px;justify-items:start}
.journal-empty h2{font-size:38px}
.journal-body h2{font-size:40px;margin:40px 0 22px}
.journal-body h3{font:500 26px/1.25 var(--ui);margin:32px 0 18px}
.journal-body ul{padding-left:24px;margin-block:24px}
.journal-body li+li{margin-top:10px}
@media(max-width:720px){
  :root{--dock-bottom:14px;--dock-height:56px}
  .site-header.is-dock,body.is-telegram .site-header.is-dock{top:auto;padding:0 14px}
  .dock{--brand-expanded:clamp(82px,calc(100vw - 236px),124px);width:max-content;justify-content:flex-start;gap:3px;padding:6px}
  .dock .nav-desktop{display:none}
  .dock .nav-mobile-only{display:inline-flex}
  .dock a.dock-brand{width:var(--brand-width);height:44px;margin:0 2px}
  .dock-brand__mark{display:grid;mask:none;-webkit-mask:none}
  .dock-brand__word{display:block}
  .dock a.dock-cta{margin-left:auto;padding-inline:16px;font-size:13px}
  .dock a.nav-icon{width:44px;height:44px}
  .dock .mobile-menu-button{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#290713}
  .mobile-menu-button span{width:18px;height:1.5px;background:currentColor;transition:transform .25s}
  .mobile-menu-button[aria-expanded=true]{background:#eadfe4}
  .mobile-menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
  .mobile-menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
  body.landing-page .cinematic-hero{padding-top:55px;min-height:max(710px,100svh)}
  body.shop-page #main{padding-top:18px}
  body.product-page .mobile-product-buy:not([hidden]){bottom:calc(var(--dock-bottom) + var(--dock-height) + env(safe-area-inset-bottom) + 12px)}
  body.product-page .site-footer{padding-bottom:calc(var(--dock-clearance) + 90px)}
}
@media(max-width:360px){.dock a.dock-cta{padding-inline:12px}}
@media(min-width:721px){.nav-menu{display:none}}
@media(prefers-reduced-motion:reduce){.dock a.dock-brand,.dock-brand__mark,.dock-brand__word,.dock .nav-pill,.mobile-menu-button span{transition:none}}
@media(prefers-reduced-transparency:reduce){.dock{background:#f7eef2;backdrop-filter:none;-webkit-backdrop-filter:none}}