/* Persistent navigation with a restrained translucent surface. */
header{position:sticky!important;top:0;z-index:90;background:rgba(245,241,232,.92)!important;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 1px 0 #ffffff88,0 5px 24px #143d3208;transition:box-shadow .25s,background .25s}html{scroll-padding-top:110px}header.is-scrolled{box-shadow:0 1px 0 #ffffff90,0 9px 32px #143d3214;background:rgba(250,248,242,.87)!important}header nav a{position:relative;transition:color .2s,background .2s}header nav a:hover{color:#8b7049}header nav a[aria-current=location]{color:#8b7049!important}header nav a[aria-current=location]::after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:#a88c5b;border-radius:3px}.angle-controls{background:rgba(250,248,242,.78)!important;border:1px solid #ffffffc0!important;box-shadow:0 6px 25px #143d3215,inset 0 1px 0 #fff;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);gap:6px;padding:5px}.angle-live-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.angle-views{display:flex;flex:1;min-width:0;gap:3px;align-items:center;justify-content:center}.angle-controls .angle-views button{width:auto;min-width:0;flex:1;height:36px;border-radius:22px;font:10px/1.3 Arial,sans-serif;padding:7px 8px;white-space:nowrap;transition:background .25s,box-shadow .25s,color .25s;color:#526254}.angle-controls .angle-views button[aria-pressed=true]{background:#fff;color:#143d32;box-shadow:0 2px 9px #143d321a,inset 0 0 0 1px #143d3210}.angle-controls>button{flex-shrink:0;width:34px;height:36px}.angle-controls button:focus-visible{outline:2px solid #a88c5b;outline-offset:1px}
@media(min-width:801px){header.is-scrolled{display:flex!important;align-items:center;gap:30px;padding:8px 5vw!important;min-height:84px}header.is-scrolled .header-top{height:auto;padding:0!important;flex-shrink:0}header.is-scrolled .approved-logo{width:68px!important;transform:none;filter:none}header.is-scrolled .header-top>.social-row{display:none}header.is-scrolled nav{flex:1;border:0;gap:18px;padding:0!important}header.is-scrolled nav>a{font-size:10px!important}.hero-visual .angle-controls{left:15px;right:15px}.header-booking{border-radius:24px}header.is-scrolled .header-booking{padding:13px 16px}}
@media(min-width:801px) and (max-width:1100px){header.is-scrolled{gap:16px;padding:8px 3vw!important}header.is-scrolled nav{gap:10px}header.is-scrolled nav>a{font-size:9px!important}.angle-controls .angle-views button{font-size:9px;padding:6px 4px}}
@media(max-width:800px){html{scroll-padding-top:94px}header,header.is-scrolled{background:rgba(250,248,242,.93)!important;padding:5px 20px!important}header.menu-open nav{background:transparent!important;max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain}header.is-scrolled .approved-logo{width:78px!important}header .header-top{height:72px!important}.angle-controls{gap:3px}.angle-controls>button{width:28px;height:38px;font-size:20px}.angle-controls .angle-views button{font-size:9px;padding:7px 3px;height:34px}.angle-views{gap:2px}.angle-controls .angle-views button[aria-pressed=true]{background:#fff!important}.turn-hint{bottom:70px}header nav a[aria-current=location]::after{display:none}}
@media(prefers-color-scheme:dark) and (max-width:800px){header,header.is-scrolled,header.menu-open nav{background:rgba(23,36,31,.93)!important}header nav a[aria-current=location]{color:#e4c894!important}.angle-controls{background:rgba(250,248,242,.92)!important}}
@media(prefers-reduced-motion:reduce){header,header nav a,.angle-controls .angle-views button{transition:none}}header nav a[aria-current=location]::after{top:auto!important;bottom:-7px!important;transform:none!important;width:100%}