/* The opening photograph continues underneath the navigation. */
:root{--oa-header-height:99px;--oa-hero-top-space:41px}
html{scroll-padding-top:calc(var(--oa-header-height) + 14px)}
.portal-v2.header-overlay .header{position:fixed;inset:0 0 auto;transition:background-color .24s ease,box-shadow .24s ease}
.portal-v2.header-overlay .header.header-at-top{background:transparent;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.portal-v2.header-overlay .header.header-at-top .nav a{color:#302925}
.portal-v2.header-overlay .header.header-at-top .nav a:hover{color:var(--wine)}
.portal-v2.header-overlay .search-first>.wrap{padding-top:calc(var(--oa-header-height) + var(--oa-hero-top-space))}

/* A gradual veil on the photograph protects the menu on every slide.
   It has no hard edge and scrolls away with the opening section. */
.portal-v2.header-overlay .search-first:before{background:linear-gradient(180deg,#f8f4eec2 0,#f8f4eead calc(var(--oa-header-height) * .65),#f8f4ee00 calc(var(--oa-header-height) + 120px)),linear-gradient(90deg,#f8f4eef7 0%,#f8f4eef2 35%,#f8f4eead 51%,#f8f4ee22 74%,#f8f4ee0d 100%)}

@media(min-width:1600px){:root{--oa-hero-top-space:45px}}
@media(max-width:1200px){:root{--oa-hero-top-space:38px}}
@media(max-width:1020px){:root{--oa-header-height:88px}}
@media(max-width:760px){:root{--oa-header-height:79px;--oa-hero-top-space:31px}}
@media(max-width:767px){
 .portal-v2.header-overlay .search-first:before{background:linear-gradient(180deg,#f8f4eeb3 0,#f8f4ee00 calc(var(--oa-header-height) + 100px)),linear-gradient(90deg,#f8f4eef0 0%,#f8f4eeda 55%,#f8f4ee99 100%)}
}
@media(prefers-reduced-motion:reduce){.portal-v2.header-overlay .header{transition:none}}
@media(prefers-reduced-transparency:reduce){
 .portal-v2.header-overlay .header,.portal-v2.header-overlay .header.header-at-top{background:#faf7f2;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 0 #d3c2ad44}
}