/* Eight Creek: one open, continuous path. Timings follow settle / trace / dissolve. */
:root{--ec-trace:900ms;--ec-settle:600ms;--ec-hover:240ms;--ec-ease:cubic-bezier(.22,.61,.36,1)}
html{background:#08090b;scroll-padding-top:110px}.brand-site>header.ec-header{position:sticky;top:0;z-index:50;max-width:none;width:100%;margin:0;padding:20px 5%;min-height:88px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #8b9cac30;background:#08090bf2;gap:25px}.brand-site.home-opening>header.ec-header{position:fixed;background:#08090bbf}.brand-site>header.ec-header .wordmark{font-size:18px;letter-spacing:.2em;white-space:nowrap}.brand-site>header.ec-header .wordmark span{font-size:9px;letter-spacing:.45em;margin-top:7px}.brand-site>header.ec-header nav{display:flex;gap:30px;flex-wrap:nowrap}.brand-site>header.ec-header nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font:14px/1.5 Arial,sans-serif;color:#c0c6ce}.brand-site>header.ec-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#b5c3d2;transform:scaleX(0);transform-origin:right;transition:transform var(--ec-hover) var(--ec-ease)}.brand-site>header.ec-header nav a:hover:after,.brand-site>header.ec-header nav a:focus-visible:after,.brand-site>header.ec-header nav a[aria-current]:after{transform:scaleX(1);transform-origin:left}.brand-site>header.ec-header nav a[aria-current]{color:#f0ebe3}.brand-site a:focus-visible,.brand-site button:focus-visible{outline:2px solid #d4dfeb;outline-offset:5px}.ec-menu-toggle{display:none}.ec-menu:not([open]){display:none}.ec-path{width:160px;height:auto;color:#91a3b7;display:block;overflow:visible}.ec-path path{stroke:currentColor;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linecap:round}.ec-index{font-variant-numeric:tabular-nums;letter-spacing:.13em;color:#bdc9d7;white-space:nowrap}.ec-pause{padding:0 7%;max-width:1600px;margin:0 auto;height:1px;position:relative}.ec-pause .ec-path{position:absolute;right:7%;top:22px;width:210px}.brand-site .ec-footer{max-width:none;margin:0;padding:40px 6% 22px;display:grid;grid-template-columns:1fr 1fr;gap:15px 8%;border-top:1px solid #49556666}.ec-footer .wordmark{font-size:18px}.ec-footer p{font-size:13px;line-height:1.8;margin:20px 0 0}.ec-footer-route{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:20px}.ec-footer-route>a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.ec-footer nav{display:flex;flex-wrap:wrap;gap:10px 25px;grid-column:1/-1;justify-content:flex-end}.ec-footer nav a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;padding:0}.ec-footer .legal{padding-top:17px;margin:0;font-size:12px}.brand-site :is(.editorial-link,.book-link,.textlink,.ec-footer a:not(.wordmark),.book-return){text-decoration-line:underline;text-decoration-color:#8294a500;text-underline-offset:7px;transition:color var(--ec-hover),text-decoration-color var(--ec-hover),text-underline-offset var(--ec-hover)}.brand-site :is(.editorial-link,.book-link,.textlink,.ec-footer a:not(.wordmark),.book-return):is(:hover,:focus-visible){color:#f3efe7;text-decoration-color:#b0c0d1;text-underline-offset:10px}.brand-site :is(.catalogue-feature h2 a,.films-feature h2 a){transition:color var(--ec-hover)}.brand-site :is(.catalogue-feature h2 a,.films-feature h2 a):is(:hover,:focus-visible){color:#b9c9db}.brand-site :is(.book-image a,.catalogue-picture){overflow:hidden}.brand-site :is(.book-image a,.catalogue-picture) img{transition:transform var(--ec-settle) var(--ec-ease)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.brand-site :is(.book-image a,.catalogue-picture):hover img{transform:scale(1.018)}}
@media(prefers-reduced-motion:no-preference){.brand-site main>section:first-child h1,.brand-site .film-book h1,.brand-site .film-catalogue h1{animation:ec-arrive var(--ec-settle) var(--ec-ease) both}.ec-path.is-tracing path{animation:ec-trace var(--ec-trace) var(--ec-ease) both}.ec-menu[open]{animation:ec-menu-in 320ms ease-out}.brand-site .first-frame *{animation-duration:var(--ec-settle)}@keyframes ec-arrive{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes ec-trace{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.25}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@keyframes ec-menu-in{from{opacity:0}to{opacity:1}}}
/* Native cross-document transitions: no navigation interception or artificial wait. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ec-depart 160ms ease-in both}
::view-transition-new(root){animation:ec-incoming 240ms ease-out both}
@keyframes ec-depart{to{opacity:0}}
@keyframes ec-incoming{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.brand-site>header.ec-header{min-height:84px;padding:17px 6%;gap:15px}.brand-site>header.ec-header .wordmark{font-size:16px}.brand-site>header.ec-header .wordmark span{font-size:9px}.brand-site>header.ec-header nav{gap:5px 15px;flex-wrap:wrap}.brand-site>header.ec-header{flex-wrap:wrap}.ec-menu-ready.brand-site>header.ec-header{flex-wrap:nowrap}.ec-menu-ready.brand-site>header.ec-header nav{display:none}.ec-menu-ready .ec-menu-toggle{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:var(--ink);font:14px Arial;min-height:44px;padding:0 5px;cursor:pointer}.ec-menu{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:20px 7% 30px;background:#080b10;color:#e7e1d6;overflow-y:auto}.ec-menu::backdrop{background:#080b10}.ec-menu[open]{display:flex;flex-direction:column}.ec-menu-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.ec-menu-top .wordmark{font-size:16px;letter-spacing:.18em}.ec-menu-top .wordmark span{font-size:9px;letter-spacing:.4em}.ec-menu-close{display:flex;align-items:center;gap:13px;min-height:44px;background:transparent;border:0;color:inherit;padding:0 5px;font:14px Arial;cursor:pointer}.ec-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:clamp(30px,7vh,65px) 0 35px}.ec-menu nav a{position:relative;display:flex;align-items:baseline;gap:25px;padding:8px 0;min-height:58px;font:clamp(2rem,9.8vw,3.6rem)/1.2 Georgia,serif;color:#ddd8cf}.ec-menu nav a:first-child{font:15px Arial;min-height:44px;margin-bottom:20px}.ec-menu nav .menu-index{font:12px Arial;letter-spacing:.1em;color:#9aacbf;min-width:20px}.ec-menu nav a:after{display:none}.ec-menu nav a[aria-current]>span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px;text-decoration-color:#8297ae}.ec-menu-end{margin-top:auto;display:flex;flex-wrap:wrap;gap:22px;align-items:end;justify-content:space-between}.ec-menu-end .ec-path{width:140px}.ec-menu-end p{font-size:12px;margin:0;line-height:1.8}.brand-site .ec-footer{padding:35px 6% 20px;display:block}.ec-footer-route{align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:20px;gap:8px}.ec-footer-route .ec-path{width:110px;align-self:center}.ec-footer-route>a{font-size:13px}.ec-footer nav{justify-content:flex-start;gap:5px 23px;margin-top:18px}.ec-footer .legal{margin-top:18px}.ec-pause .ec-path{width:135px;top:10px}.book-imprint>span{max-width:180px;text-align:right}.catalogue-feature-type>.catalogue-kicker{font-size:12px}.brand-site.home-opening .first-frame{padding-top:145px}.brand-site.home-opening>header.ec-header{background:#08090be8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-site *{animation:none!important;transition:none!important}.brand-site main h1{transform:none!important;opacity:1!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
