/* Top-of-page glass scrolls away; the existing glossy bottom dock stays available. */
:root{
  --glass-top:16px;
  --glass-height:72px;
  --masthead-height:100px;
  --nav-glass-fill:rgba(12,16,22,.42);
  --nav-glass-filter:blur(22px) saturate(150%) brightness(.72);
  --nav-glass-surface:linear-gradient(125deg,#ffffff0d,transparent 42%,#ffffff04 75%,transparent),var(--nav-glass-fill);
  --nav-glass-shadow:0 10px 36px #0004,inset 0 1px 0 #ffffff38,inset 0 -1px 0 #ffffff0d;
}
body.lov-black-edition header.site-header.ux-header,
body.lov-black-edition.home header.site-header.ux-header:not(.scrolled),
body.lov-black-edition.home header.site-header.ux-header.scrolled,
body.lov-black-edition.home.locked header.site-header.ux-header{
  position:absolute;top:var(--glass-top);left:50%;right:auto;z-index:30;
  width:calc(100% - 40px);max-width:1440px;height:var(--glass-height);
  transform:translateX(-50%);background:var(--nav-glass-surface);color:#fff;
  -webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter);
  border:1px solid #ffffff3d;border-bottom-color:#ffffff20;border-radius:26px;
  box-shadow:var(--nav-glass-shadow);overflow:hidden;
}
body.lov-black-edition header.site-header.ux-header::after,
body.lov-black-edition .world-appbar::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,#ffffff06,transparent 30%,transparent 78%,#ffffff03);
}
.lov-black-edition .ux-header .header-inner{
  height:100%;max-width:none;padding:0 26px;gap:23px;
  grid-template-columns:180px 1fr auto auto;
}
.lov-black-edition .ux-header .wordmark,
.lov-black-edition .ux-header .wordmark img{width:180px}
.lov-black-edition .ux-header .primary-nav{gap:25px}
.lov-black-edition .ux-header .primary-nav a,
.lov-black-edition .ux-header .header-member-access,
.lov-black-edition .ux-header .header-actions{color:#fff;text-shadow:0 1px 8px #0008}
.lov-black-edition .ux-header .primary-nav a{font-size:10px}
body.lov-black-edition header.site-header.ux-header .header-account-cta{
  background:#ffffff0d;color:#fff;border:1px solid #ffffff4d;border-radius:99px;
  min-height:39px;padding:12px 18px;box-shadow:inset 0 1px 0 #ffffff12;
  transition:background .2s ease,border-color .2s ease;
}
body.lov-black-edition header.site-header.ux-header .header-account-cta:hover{background:#ffffff20;border-color:#ffffffb3}
.lov-black-edition .ux-header .header-actions{gap:18px}
.lov-black-edition .ux-header #menu-button{min-height:44px}

/* The film begins at the top edge, underneath the glass instead of below a strip. */
.lov-black-edition .ux-home .cinematic-hero{
  margin-top:0;height:100svh;min-height:700px;max-height:1100px;
}
.lov-black-edition .photo-hero{margin-top:0}
.lov-black-edition .cinematic-slide .film-control{
  top:calc(var(--masthead-height) + 8px);bottom:auto;
}
.lov-black-edition .cinematic-navigation{bottom:104px}
.lov-black-edition .ux-menu{top:var(--masthead-height)}

/* The same material on the five-action dock, with the page visible beneath it. */
body.lov-black-edition .world-appbar,
body.lov-black-edition.home .world-appbar,
body.lov-black-edition.plan-page .world-appbar{
  position:fixed;left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));
  transform:translateX(-50%);width:540px;max-width:calc(100% - 32px);
  grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px 10px;
  background:var(--nav-glass-surface);color:#fff;
  -webkit-backdrop-filter:var(--nav-glass-filter);backdrop-filter:var(--nav-glass-filter);
  border:1px solid #ffffff3d;border-bottom-color:#ffffff20;border-radius:24px;
  box-shadow:var(--nav-glass-shadow);
}
body.lov-black-edition .world-appbar>a,
body.lov-black-edition .world-appbar>button,
body.lov-black-edition.home .world-appbar>a,
body.lov-black-edition.home .world-appbar>button,
body.lov-black-edition .world-appbar>a:not([aria-current]){
  min-height:48px;border-radius:17px;color:#f7f7f5;background:transparent;
  text-shadow:0 1px 7px #0009;transition:background .2s ease;
}
body.lov-black-edition .world-appbar>a:hover,
body.lov-black-edition .world-appbar>button:hover,
body.lov-black-edition .world-appbar>[aria-current]{background:#ffffff12;color:#fff}
body.lov-black-edition .world-appbar>button[data-enquire]{color:#fff}
.lov-black-edition .world-appbar .icon{filter:drop-shadow(0 1px 3px #0005)}
html{scroll-padding-top:24px;scroll-padding-bottom:100px}

@media(max-width:1200px){
  .lov-black-edition .ux-header .header-inner{grid-template-columns:160px 1fr auto auto;gap:20px;padding:0 23px}
  .lov-black-edition .ux-header .wordmark,.lov-black-edition .ux-header .wordmark img{width:160px}
  .lov-black-edition .ux-header .primary-nav{gap:21px}
  .lov-black-edition .ux-header .primary-nav a{font-size:9px}
}
@media(max-width:900px){
  .lov-black-edition .ux-header .header-inner{grid-template-columns:1fr auto auto;gap:22px}
}
@media(max-width:600px){
  :root{--glass-top:10px;--glass-height:104px;--masthead-height:126px}
  body.lov-black-edition header.site-header.ux-header,
  body.lov-black-edition.home header.site-header.ux-header:not(.scrolled),
  body.lov-black-edition.home header.site-header.ux-header.scrolled,
  body.lov-black-edition.home.locked header.site-header.ux-header{
    width:calc(100% - 20px);border-radius:25px;
  }
  .lov-black-edition .ux-header .header-inner{
    grid-template-columns:1fr auto;grid-template-rows:52px 44px;
    grid-template-areas:'logo actions' 'account account';gap:0 12px;
    padding:0 17px 6px;height:100%;
  }
  .lov-black-edition .ux-header .wordmark,.lov-black-edition .ux-header .wordmark img{width:148px}
  .lov-black-edition .ux-header .header-actions{gap:8px}
  .lov-black-edition .ux-header .icon-button,.lov-black-edition .ux-header #menu-button{width:44px;min-width:44px;justify-content:center}
  .lov-black-edition .ux-header .header-member-access{font-size:12px}
  body.lov-black-edition header.site-header.ux-header .header-account-cta{min-height:36px;padding:10px 13px;font-size:8px;justify-self:stretch;justify-content:center}
  .lov-black-edition .ux-home .cinematic-hero{height:100svh;min-height:760px;max-height:1050px}
  .lov-black-edition .cinematic-navigation{bottom:105px}
  body.lov-black-edition .world-appbar,
  body.lov-black-edition.home .world-appbar,
  body.lov-black-edition.plan-page .world-appbar{
    bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 16px);max-width:540px;
    padding:6px 5px;border-radius:23px;
  }
  body.lov-black-edition .world-appbar>a,body.lov-black-edition .world-appbar>button{min-height:49px;border-radius:17px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--nav-glass-surface:rgba(8,10,13,.95)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  :root{--nav-glass-surface:rgba(8,10,13,.96);--nav-glass-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .lov-black-edition .ux-header .header-account-cta,body.lov-black-edition .world-appbar>a,body.lov-black-edition .world-appbar>button{transition:none}
}