/* Compact dark navigation, shared across the site. */
.header{background:#080808;color:#fff;border:0;box-shadow:none;backdrop-filter:none;padding:10px 4.2%;min-height:72px}
.header::after{display:none}
.header .brand{display:block;flex-shrink:0;background:#fffdf5;border-radius:50%;width:66px;height:54px;padding:8px 5px;display:grid;place-items:center}
.header .brand img,.header.is-scrolled .brand img{width:100%;max-width:100%;height:auto}
.header nav{gap:32px;margin-left:auto;font-size:11px;letter-spacing:2px;font-weight:500;text-transform:uppercase}
.header nav>a:not(.button){color:#d9d9d9;padding-block:8px}
.header nav>a:not(.button):hover,.header nav>a:not(.button):focus-visible,.header nav>a:not(.button)[aria-current]{color:#fff}
.header nav>a:not(.button)::after{height:1px;background:#fff}
.header nav .button{letter-spacing:0;text-transform:none}
.header .menu-toggle{color:#fff;border-color:#777;background:transparent}
.header.is-scrolled{padding-block:7px;min-height:62px;background:#080808;box-shadow:0 6px 20px #0002}
.header.is-scrolled .brand{width:56px;height:46px}
.home-header{top:0;width:calc(100% - 48px);max-width:none;height:72px;min-height:72px;margin:24px auto -96px;padding:9px 24px;border:0;border-radius:22px 22px 0 0;background:#080808}
.home-header.is-scrolled{height:62px;min-height:62px;padding:7px 24px;border-radius:0 0 12px 12px}
.home-page .film-banner{margin-top:24px}
.home-page .film-title-toggle{top:84px}
@media(max-width:1000px){.header nav{gap:20px;font-size:10px;letter-spacing:1.2px}.home-header{padding-inline:18px}}
@media(max-width:720px){.header{min-height:62px;padding:7px 22px}.header .brand{width:58px;height:48px}.header .menu-toggle{padding:7px 11px}.header nav{margin:0;background:#080808;border:1px solid #333;border-top:0;padding:20px 24px;gap:18px}.header nav.open{align-items:stretch}.header nav>a:not(.button){align-self:flex-start}.home-header{width:calc(100% - 24px);height:62px;min-height:62px;margin:12px auto -74px;padding:7px 14px;border-radius:14px 14px 0 0}.home-header.is-scrolled{height:58px;min-height:58px;padding:6px 14px}.home-page .film-banner{margin-top:12px}.home-page .film-title-toggle{top:72px}}
/* Let the homepage film show through the navigation. */
.home-header{background:transparent;box-shadow:none;border:0;backdrop-filter:none}.home-header.is-scrolled{background:#080808;box-shadow:0 6px 20px #0002}.home-header nav>a:not(.button){text-shadow:0 1px 5px #000,0 0 12px #0008}.home-header .menu-toggle{background:#08080860;border-color:#ffffff80;text-shadow:0 1px 4px #000}@media(max-width:720px){.home-header nav.open{background:#080808}}
.header .brand{background:transparent;border-radius:0;padding:0;width:155px;height:auto}.header.is-scrolled .brand{width:125px;height:auto}@media(max-width:720px){.header .brand{width:130px;height:auto}.header.is-scrolled .brand{width:110px;height:auto}}
/* Artwork-led homepage: keep the supplied artwork intact and fully visible. */
.home-header{position:sticky;top:0;width:100%;height:64px;min-height:64px;margin:0 0 -64px;padding:7px 5%;border-radius:0;background:transparent;border-bottom:0;color:#3c3427;z-index:30}
.home-header nav>a:not(.button){color:#77603c;text-shadow:none;font-weight:700;letter-spacing:1.4px}
.home-header nav>a:not(.button):hover,.home-header nav>a:not(.button):focus-visible,.home-header nav>a:not(.button)[aria-current]{color:#302719}
.home-header nav>a:not(.button)::after{background:#a98a52}
.home-header .brand{width:140px}
.home-header.is-scrolled{height:64px;min-height:64px;padding:7px 5%;border-radius:0;background:transparent;box-shadow:none}
.home-header .menu-toggle{color:#665032;background:transparent;border-color:#cabb9f;text-shadow:none}
.artwork-hero{background:#f7f8fb;margin:0;overflow:hidden}
.artwork-hero>img{display:block;width:100%;height:auto;object-fit:contain}
.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 5%;background:#fffdf8;border-bottom:1px solid #e7decb}
.hero-caption .eyebrow{margin:0 0 8px}.hero-caption h1{font-size:clamp(25px,3vw,42px);line-height:1.15;margin:0;letter-spacing:-1.3px}
.home-shortcuts{margin-top:0}.home-package{padding-block:55px}.home-package .package-inclusions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
.home-package a.package-item{display:block;color:#fff;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}
.home-package a.package-item:hover,.home-package a.package-item:focus-visible{background:#263b5b;border-color:#d9c18d;transform:translateY(-4px)}
.home-package a.package-item:focus-visible{outline:3px solid #d9c18d;outline-offset:4px}
.home-package .package-item p{display:flex;justify-content:space-between;gap:10px;color:#c9d2e0;font-size:12px;margin:18px 0 0}.home-package .package-item p span{color:#e6d1a7;font-size:20px}
@media(max-width:720px){.home-header{height:56px;min-height:56px;margin-bottom:-56px;padding:6px 22px}.home-header .brand{width:120px}.home-header.is-scrolled{height:56px;min-height:56px;padding:6px 22px}.home-header nav.open{background:#fffdf8;border-color:#e7decb}.hero-caption{align-items:flex-start;flex-direction:column;padding:24px 22px;gap:18px}.hero-caption .eyebrow{font-size:9px;line-height:1.7}.home-package{padding-block:36px}.home-package .package-inclusions{grid-template-columns:1fr}.home-package .package-item,.home-package .package-item:nth-child(n){min-height:0;padding:24px}.home-package .package-item h3{margin-top:18px}.home-shortcuts a{letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){.home-package a.package-item{transition:none}.home-package a.package-item:hover{transform:none}}

/* Light artwork overlay keeps the transparent menu legible. */
.artwork-hero{position:relative}.artwork-hero::before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,rgba(255,253,248,.88) 0%,rgba(255,253,248,.7) 55%,rgba(255,253,248,0) 100%);pointer-events:none;z-index:1}
@media(max-width:720px){.artwork-hero::before{height:90px}}

/* Readable sticky navigation; transparent at the top of the artwork. */
.home-header{transition:background-color .25s ease,box-shadow .25s ease}
.home-header.is-scrolled{background:rgba(255,253,248,.22);backdrop-filter:blur(10px);box-shadow:0 3px 18px #3027190a}
.home-header .brand,.home-header.is-scrolled .brand{width:140px}
.home-header .brand img{transform-origin:left center}
.home-header.is-scrolled .brand img{transform:scale(.86)}
@media(max-width:720px){.home-header .brand,.home-header.is-scrolled .brand{width:120px}}
.home-header.is-scrolled nav>a:not(.button){text-shadow:0 0 5px #fff,0 0 12px #fff}.home-header.is-scrolled .brand img{filter:drop-shadow(0 0 4px #fff)}
