/* Shared floating navigation. Brand purple with a readable frosted surface. */
html{scroll-padding-top:120px}
body{padding-top:0}
body.floating-home{padding-top:0}
.top-header{display:none!important}
#myHeader.main-header,#myHeader.main-header.sticky{
 position:fixed!important;inset:18px 24px auto;width:calc(100% - 48px);max-width:1180px;margin:0 auto;
 z-index:1500;transform:none!important;opacity:1!important;background:rgba(255,255,255,.55)!important;
 border:1px solid rgba(255,255,255,.78);border-radius:22px;
 -webkit-backdrop-filter:blur(30px) saturate(175%);backdrop-filter:blur(30px) saturate(175%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.42),0 10px 32px rgba(35,14,45,.16);transition:transform .26s cubic-bezier(.2,.75,.2,1),box-shadow .2s ease,background-color .2s ease;
}
#myHeader.main-header:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.42),rgba(255,255,255,.10) 38%,rgba(255,255,255,.18) 65%,rgba(255,255,255,.36));z-index:0}
#myHeader.main-header:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.28);border-radius:inherit;pointer-events:none;z-index:0}
#myHeader .navbar{position:relative;z-index:1;padding:0!important;min-height:76px;background:transparent!important;border-radius:inherit}
#myHeader .navbar>.container{width:100%;max-width:none;padding:12px 24px;gap:16px}
#myHeader .navbar-brand{padding:0;margin:0;display:flex;align-items:center;flex-shrink:0}
#myHeader img.header-logo{width:176px;max-width:176px;height:auto;display:block}
#myHeader .navbar-nav{display:flex;align-items:center;gap:6px;margin:0 0 0 auto;overflow:visible;max-height:none}
#myHeader .navbar-nav .nav-link,#myHeader.sticky .navbar-nav .nav-link{
 display:flex;align-items:center;gap:7px;margin:0;padding:11px 14px!important;min-height:44px;
 border-radius:9px;border:0;font:600 15px/1.45 'Open Sans',sans-serif;color:#26172e!important;background:transparent;white-space:nowrap;
}
#myHeader .navbar-nav .nav-link:hover,#myHeader .navbar-nav .nav-link:focus-visible,
#myHeader .navbar-nav .nav-link.active,#myHeader .navbar-nav .nav-link[aria-expanded=true]{color:#572677!important;background:rgba(255,255,255,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 8px rgba(49,23,60,.05)}
#myHeader .navbar-nav>li:last-child>.nav-link{margin-left:8px;padding:11px 19px!important;background:rgba(87,38,119,.92);color:#fff!important;border:1px solid rgba(255,255,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 10px rgba(63,21,86,.13)}
#myHeader .navbar-nav>li:last-child>.nav-link:hover{background:#3e1854;border-color:#3e1854}
#myHeader .nav-link:focus-visible,#myHeader .navbar-toggler:focus-visible,#myHeader .dropdown-item:focus-visible{outline:3px solid #763b91;outline-offset:3px;box-shadow:none}
#myHeader .navbar-toggler{height:44px;width:46px;padding:9px;border:1px solid #d9cce1;border-radius:10px;background:rgba(255,255,255,.6);box-shadow:none}
#myHeader .navbar-toggler-icon{width:24px;height:24px}
#myHeader .dropdown-menu,#myHeader .catalogue-menu{
 border:1px solid rgba(255,255,255,.8);border-radius:17px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(30px) saturate(155%);backdrop-filter:blur(30px) saturate(155%);
 box-shadow:inset 0 1px 0 #fff,0 16px 36px rgba(35,14,45,.17);overflow:hidden;padding:8px;
}
#myHeader .dropdown-menu{min-width:232px;top:calc(100% + 10px);margin:0}
#myHeader .dropdown-item{padding:12px;border-radius:7px;font-size:14px;color:#42204f;min-height:44px}
#myHeader .dropdown-item:hover,#myHeader .dropdown-item:focus{background:#f1e9f5;color:#572677}
#myHeader .catalogue-menu{top:calc(100% + 10px);right:0;width:570px}
#myHeader .cn-all{border-radius:8px}
#myHeader .cn-heading{font-size:15px}
#myHeader .cn-divisions{padding:12px}
#myHeader .cn-seeds{padding:12px}
#myHeader .catalogue-menu .cn-division strong{font-size:15px}
#myHeader .catalogue-menu .cn-division span{font-size:13px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#myHeader.main-header,#myHeader.main-header.sticky{background:#fff!important}}
@media(min-width:992px){#myHeader .nav-item.dropdown:before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}#myHeader .navbar-collapse{flex-grow:1}}
@media(max-width:991px){
 html{scroll-padding-top:98px}body{padding-top:0}body.floating-home{padding-top:0}
 #myHeader.main-header,#myHeader.main-header.sticky{inset:12px 12px auto;width:calc(100% - 24px);border-radius:19px}
 #myHeader.main-header:has(.navbar-collapse.show){background:rgba(255,255,255,.82)!important}
 #myHeader .navbar{min-height:64px}
 #myHeader .navbar>.container{padding:10px 14px;gap:0}
 #myHeader img.header-logo{width:148px;max-width:148px}
 #myHeader .navbar-collapse.show{margin-top:10px;border-top:1px solid #e5dbe9;padding-top:10px;max-height:calc(100dvh - 112px)!important;overflow-y:auto!important;overscroll-behavior:contain}
 #myHeader .navbar-nav{display:block;width:100%;padding:0 0 6px;margin:0;max-height:none;overflow:visible}
 #myHeader .navbar-nav .nav-link,#myHeader.sticky .navbar-nav .nav-link{width:100%;justify-content:space-between;padding:12px!important;min-height:48px;font-size:15px}
 #myHeader .navbar-nav>li:last-child>.nav-link{margin:6px 0 0;justify-content:center}
 #myHeader .catalogue-menu,#myHeader .dropdown-menu{position:static;width:100%;max-width:100%;margin:4px 0 10px;box-shadow:none;background:#fcfafd;border-radius:10px;padding:4px}
 #myHeader .dropdown-item{white-space:normal}
 #myHeader .cn-seed-links a{min-height:44px}
 #myHeader .catalogue-menu .cn-division{min-height:68px}
 body.floating-home .hss-box{padding-top:160px}
}
@media(prefers-reduced-motion:reduce){#myHeader.main-header,#myHeader.main-header.sticky{transition:none}}

#myHeader.main-header.is-header-hidden{transform:translateY(calc(-100% - 36px))!important;pointer-events:none}

@media(min-width:992px) and (hover:hover) and (pointer:fine){#myHeader .catalogue-nav:not(.cn-hover-dismissed):hover>.catalogue-menu{display:block!important}}

/* Extend every inner-page photograph behind the floating header. */
.inner-page-banner{min-height:362px;padding-top:112px;box-sizing:border-box}
@media(max-width:991px){.inner-page-banner{min-height:346px;padding-top:96px}}
@media(max-width:640px){.inner-page-banner{min-height:306px}}