/* Little handmade island signs. Text remains live, selectable and accessible. */
.site-header{height:auto;min-height:126px;padding:10px 3.5vw 17px;display:grid;grid-template-columns:175px minmax(0,1fr) 185px;gap:24px;align-items:center;background:linear-gradient(#04291ded,#06291be6 70%,#06291ba8);border-bottom:1px solid #d1c38333;box-shadow:0 9px 24px #001c1933}
.site-header .brand{justify-self:start}.site-header .brand img{width:175px;height:102px;object-fit:contain}
.site-header nav{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:12px 0 6px;isolation:isolate}
.site-header nav:before{content:'';position:absolute;top:12px;left:7%;right:7%;height:4px;background:repeating-linear-gradient(125deg,#a89153 0 3px,#544322 3px 5px,#d2bb7b 5px 7px);box-shadow:0 2px 1px #00180c88;transform:rotate(-.5deg);z-index:-1}
.site-header nav a{--tilt:-2.5deg;position:relative;isolation:isolate;display:grid;place-items:center;flex:1 1 0;max-width:154px;min-width:0;min-height:68px;padding:19px 12px 15px;border:0;color:#fff3ca;font-family:var(--display);font-size:17px;font-weight:400;line-height:1.1;letter-spacing:.2px;text-transform:uppercase;white-space:normal;text-align:center;text-shadow:0 2px 1px #3a2115,1px 0 #4c311d,-1px 0 #4c311d;transform:rotate(var(--tilt));transition:transform .18s,color .18s;transform-origin:50% 8px}
.site-header nav a:before{content:'';position:absolute;inset:0;background:url('assets/driftwood-signboard.png') center/100% 100% no-repeat;z-index:-1;filter:drop-shadow(0 5px 2px #00140b77);transition:filter .18s}
.site-header nav a:after{content:'';position:absolute;top:0;left:22%;right:22%;height:11px;background:linear-gradient(90deg,#be9d5f 0 3px,transparent 3px calc(100% - 3px),#be9d5f calc(100% - 3px));filter:drop-shadow(1px 1px #4f3927);z-index:-2}
.site-header nav a:nth-child(2){--tilt:2deg}.site-header nav a:nth-child(3){--tilt:-1deg}.site-header nav a:nth-child(4){--tilt:2.5deg}.site-header nav a:nth-child(5){--tilt:-2deg}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff9dd;transform:translateY(-4px) rotate(0)}
.site-header nav a:hover:before,.site-header nav a:focus-visible:before{filter:brightness(1.15) drop-shadow(0 7px 3px #00140b88)}
.site-header nav a[aria-current="page"]{color:#fff195;text-decoration:underline;text-decoration-color:#ffa337;text-decoration-thickness:3px;text-underline-offset:5px;border:0}
.site-header nav a[aria-current="page"]:before{filter:brightness(1.12) drop-shadow(0 5px 2px #00140b88)}
.site-header nav a:focus-visible{outline:3px solid #ffe48a;outline-offset:4px;border-radius:5px}
.site-header .button-small{font-size:16px;padding:15px 16px;gap:12px;justify-self:end;width:auto;max-width:185px}
.hero{padding-top:160px}.journal-hero{padding-top:180px}.entry-heading{padding-top:170px}
@media(min-width:1550px){.site-header{grid-template-columns:205px minmax(0,1fr) 205px;gap:40px;padding-inline:5vw}.site-header .brand img{width:205px;height:112px}.site-header nav{gap:13px}.site-header nav a{font-size:19px;min-height:75px}.site-header .button-small{max-width:205px;font-size:18px}}
@media(max-width:1150px){.site-header{grid-template-columns:140px minmax(0,1fr) 155px;padding-inline:22px;gap:16px}.site-header .brand img{width:140px;height:94px}.site-header nav{gap:4px}.site-header nav a{font-size:15px;min-height:64px;padding-inline:8px}.site-header .button-small{font-size:14px;padding:13px 11px;gap:8px}}
@media(max-width:1000px){.site-header{grid-template-columns:1fr 1fr;gap:0 20px;padding:4px 25px 12px;min-height:0}.site-header .brand img{width:160px;height:82px}.site-header nav{grid-column:1/-1;grid-row:2;padding:3px 0 2px;gap:10px}.site-header nav:before{top:5px}.site-header nav a{font-size:17px;min-height:65px;max-width:160px;padding:18px 10px 14px}.site-header .button-small{grid-column:2;grid-row:1;max-width:205px;font-size:16px;padding:14px 17px;gap:16px}.hero{padding-top:198px}.journal-hero{padding-top:208px}.entry-heading{padding-top:204px}}
@media(max-width:580px){.site-header{padding:3px 18px 15px}.site-header .brand img{width:132px;height:76px}.site-header .button-small{font-size:14px;padding:13px 12px;gap:8px}.site-header nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:5px;row-gap:0;padding-top:3px}.site-header nav:before{top:11px;left:10%;right:10%}.site-header nav a{grid-column:span 2;max-width:none;min-height:55px;padding:15px 9px 12px;font-size:16px}.site-header nav a:nth-child(4){grid-column:2/span 2}.site-header nav a:nth-child(5){grid-column:4/span 2}.site-header nav .nav-island{display:grid}.site-header nav a:nth-child(n+4):after{height:10px}.hero{padding-top:240px}.journal-hero{padding-top:246px}.entry-heading{padding-top:239px}}
@media(max-width:360px){.site-header{padding-inline:13px}.site-header .brand img{width:118px;height:74px}.site-header .button-small{font-size:13px;padding:12px 10px;gap:6px}.site-header nav a{font-size:14px;min-height:52px;padding:14px 7px 11px}.hero{padding-top:231px}.journal-hero{padding-top:235px}.entry-heading{padding-top:234px}}
@media(prefers-reduced-motion:reduce){.site-header nav a:hover,.site-header nav a:focus-visible{transform:rotate(var(--tilt))}}