/* Shared identity and navigation on the homepage, stories and collection pages. */
.site-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:10px 4.7%;gap:24px;background:rgba(244,249,246,.43);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff60;color:#293e34;box-sizing:border-box}
.site-header .brand{display:flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;min-width:0;letter-spacing:normal}
.site-header .brand-logo{display:block;object-fit:contain;flex:none;width:108px;height:108px;max-width:none}
.site-header .brand .brand-words{display:block;font:23px/1.2 Georgia,'Times New Roman',serif;letter-spacing:2.1px;margin:0}
.site-header .brand .brand-words>span{display:block;font:8px/1.4 Arial,Helvetica,sans-serif;letter-spacing:2.25px;margin-top:9px}
.site-header nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;width:auto;max-width:none;gap:28px;font-size:18px}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;font:18px/1.25 Georgia,'Times New Roman',serif;letter-spacing:.2px;text-decoration:none;white-space:nowrap;padding:12px 0;min-height:44px;color:inherit}
.site-header nav a:hover{color:#697957}
.site-header nav .nav-shop{border:1px solid #9aa495;padding:12px 20px}
.site-header .nav-shop span{margin-left:16px}
.site-header a:focus-visible{outline:2px solid #697957;outline-offset:4px}
@media(max-width:1100px){.site-header{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;padding:8px 4% 14px}.site-header .brand{justify-self:center}.site-header .brand-logo{width:82px;height:82px}.site-header .brand .brand-words{font-size:20px;letter-spacing:1.5px}.site-header .brand .brand-words>span{font-size:7px;letter-spacing:1.5px}.site-header nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.35fr;width:100%;max-width:640px;justify-self:center;gap:8px}.site-header nav a,.site-header nav .nav-shop{font-size:16px;padding:10px 4px}.site-header .nav-shop span{margin-left:6px}}
@media(max-width:600px){.site-header{padding:6px 3% 12px;gap:4px}.site-header .brand-logo{width:70px;height:70px}.site-header .brand .brand-words{font-size:18px;letter-spacing:1.5px}.site-header .brand .brand-words>span{font-size:6px;letter-spacing:1.4px}.site-header nav{gap:3px}.site-header nav a,.site-header nav .nav-shop{font-size:clamp(12px,3.3vw,15px);letter-spacing:0;padding:10px 2px;min-height:44px}.site-header .nav-shop span{display:none}}