.image-films[hidden]{display:none!important}
.image-films{position:relative;z-index:1;height:1050svh;margin-top:calc(-1 * var(--food-hero-height,100svh));color:#eeeee7;isolation:isolate}
.image-films-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#000}
.image-films-canvas,.image-films-front,.image-films-bridge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.image-films-canvas{z-index:0}.image-films-front{z-index:3}.image-films-bridge{z-index:4}
@property --film-wave-progress { syntax:'<number>'; inherits:false; initial-value:0; }
.films-story{position:absolute;inset:0;z-index:5;visibility:hidden;pointer-events:none;color:#eeeee7;display:flex;flex-direction:column;justify-content:center;align-items:center;will-change:opacity}
.films-story p{position:static;width:92%;margin:0;text-align:center;font:800 clamp(17px,3.35vw,50px)/1.18 Barlow,Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.film-wave-word{display:inline-block;--film-wave-progress:0;--film-wave-crest:.85em;--film-wave-x:calc(var(--film-wave-progress) * (100% + 2 * var(--film-wave-crest)) - var(--film-wave-crest));padding:.17em 0 .11em;margin-top:-.17em;margin-bottom:-.11em;background-image:linear-gradient(90deg,#eeeee7 0%,#eeeee7 calc(var(--film-wave-x) - var(--film-wave-crest)),#ffb800 var(--film-wave-x),rgba(255,255,255,.2) calc(var(--film-wave-x) + var(--film-wave-crest)),rgba(255,255,255,.2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;transform:translateY(.055em);transition:--film-wave-progress .9s cubic-bezier(.6,0,.2,1),transform .9s cubic-bezier(.6,0,.2,1)}
.film-wave-word.is-lit{--film-wave-progress:1;transform:translateY(0)}
.film-wave-line{display:inline-block;white-space:nowrap}
.film-wave-char{display:inline-block}
@media(max-width:699px){.films-story p{font-size:clamp(14px,4.35vw,24px)}}
@media(max-width:767px){.film-wave-word{--film-wave-crest:.7em}}
@media(prefers-reduced-motion:reduce){.film-wave-word{transition-duration:.01ms}}
@media(prefers-reduced-motion:reduce){.films-story{will-change:auto}}
.image-films-statement{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10svh 8vw 12svh;visibility:hidden;z-index:5;pointer-events:none;will-change:transform,opacity}
.image-films-statement h2{position:static;display:flex;flex-direction:column;align-items:center;margin:0;width:100%;font:800 min(12.2vw,17svh)/.98 Barlow,Arial,sans-serif;letter-spacing:-.025em;color:inherit}
.image-films-statement h2:focus{outline:none}
.image-films-line{overflow:hidden;display:block;white-space:nowrap;padding:.04em 0;max-width:100%}
.image-films-statement.is-scattering .image-films-line{overflow:visible}
.image-films-line:nth-child(2){font-size:1.65em;line-height:.92}
.image-films-line [data-wave]{--text-wave-accent:#ffb800;--text-wave-dim:rgba(238,238,231,.21)}
.image-films-statement [data-wave]{--dkw-set:#eeeee7!important;--dkw-accent:#ffb800!important;--dkw-hit:#ffb800!important;--dkw-dim:rgba(238,238,231,.21)!important}
.image-films-controls{position:absolute;z-index:5;inset:auto 5% max(25px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:24px;font:13px/1.4 Arial,sans-serif}
.image-films-controls button{display:inline-flex;align-items:center;gap:10px;padding:12px 0;border:0;color:#d8dedb;min-height:44px;text-shadow:0 2px 5px #000}
.image-films-controls [hidden],.image-films-scroll[hidden]{display:none!important}
.image-films-controls button:hover{color:#fff}.image-films-controls button:focus-visible,.image-films-scroll:focus-visible{outline:2px solid #ffb800;outline-offset:5px}
.image-films-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.image-films-tools{display:flex;gap:24px}
.image-films-scroll{position:absolute;z-index:5;left:50%;bottom:10svh;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;border:0;font:12px Arial,sans-serif;color:#eeeee7;text-shadow:0 2px 5px #000}
.image-films-scroll svg{width:30px;height:18px;fill:none;stroke:#ffb800;stroke-width:1.5}
.image-films-status{position:absolute;z-index:6;left:5%;right:5%;bottom:90px;text-align:center;font:14px/1.5 Arial,sans-serif;color:#eeeee7}.image-films-status:empty{display:none}
.food-journey .directions li:has([data-service="films"])>span{opacity:var(--selection-description,1)}
.food-journey .directions li:has([data-service="films"]) button:before{opacity:calc(var(--glow,0)*var(--selection-beacon-opacity,1))}
@media(max-width:699px){.image-films{height:1090svh}.image-films-statement{padding:12svh 7vw}.image-films-statement h2{font-size:min(12.9vw,15svh);line-height:1.12}.image-films-line:nth-child(2){font-size:1.75em;line-height:.98}.image-films-controls{left:6%;right:6%;font-size:12px;gap:12px}.image-films-tools{gap:14px}.image-films-tools button span{display:none}.image-films-scroll{bottom:12svh}}
@media(prefers-reduced-motion:reduce){.image-films-statement{will-change:auto}}
/* The footage opens through the existing black scene; its own light fills the edges. */
.films-cinema{--cinema:0;position:absolute;inset:0;z-index:4;visibility:hidden;overflow:hidden;background:transparent;opacity:var(--cinema);color:#eeeee7;--reel-focus:0;--reel-ui:0}
.films-cinema-ambient{position:absolute;inset:-12%;width:124%;height:124%;filter:blur(45px) saturate(.6);opacity:.38;pointer-events:none}
.films-cinema-body{position:absolute;inset:0}
.films-cinema-caption{position:absolute;z-index:3;top:76px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:baseline;gap:20px;color:#c3bdb0;font:12px/1.4 Arial,sans-serif;opacity:var(--reel-ui);pointer-events:none;text-shadow:0 2px 12px #000}
.films-cinema-caption h3{margin:0;color:#eeeee7;font:600 clamp(20px,2.3vw,36px)/1 Barlow,Arial,sans-serif;letter-spacing:-.02em}
.films-screen{position:absolute;inset:0 0 190px;background:transparent;transform:perspective(1400px) translateY(calc((1 - var(--reel-focus))*12vh)) translateZ(calc((var(--reel-focus) - 1)*440px)) rotateX(calc((1 - var(--reel-focus))*7deg));filter:blur(calc((1 - var(--reel-focus))*12px));transform-origin:50% 60%;}
.films-screen-inner{position:absolute;inset:0;overflow:hidden;background:transparent}
.films-reel{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;background:transparent;mix-blend-mode:lighten;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 76%,transparent)}
.films-reel-controls{position:absolute;z-index:5;left:5%;right:5%;bottom:-40px;display:flex;align-items:center;justify-content:space-between;padding:0;background:none;color:#eeeee7;opacity:var(--reel-ui)}
.films-site-menu{position:absolute;z-index:7;left:5%;right:5%;bottom:68px;opacity:var(--reel-ui)}
.films-site-menu .directions{position:relative;inset:auto;width:100%;--line-reveal:1;--beam-visible:1;--service-line-life:1;--selection-beacon-opacity:1;--selection-description:1;opacity:1!important;visibility:visible;pointer-events:auto}
.films-site-menu .directions li{--service-enter:1!important;--selection-opacity:1!important;--selection-shift:0px!important;translate:none;opacity:1!important}
.cinema-open .image-films-controls{top:20px;bottom:auto}.cinema-open .image-films-front{z-index:6;mask-image:linear-gradient(to right,#000,transparent 23%,transparent 77%,#000)}
.films-reel-controls button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:0;background:none;color:inherit;cursor:pointer;opacity:.65;transition:opacity .2s}
.films-reel-controls button:hover,.films-reel-controls button:focus-visible{opacity:1;color:#ffb800}
.films-reel-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.films-screen :focus-visible{outline:2px solid #e9b755;outline-offset:2px}
.films-cinema:not(.is-interactive) .films-reel-controls{visibility:hidden}
.films-reel-status{position:absolute;bottom:14px;left:16px;right:16px;margin:0;text-align:center;font:14px/1.5 Arial,sans-serif;color:#eeeee7;background:#000a}.films-reel-status:empty{display:none}
@media(max-width:699px){
 .films-cinema-caption{top:86px;left:6%;right:6%;align-items:start}.films-cinema-caption h3{max-width:55%;font-size:25px}.films-cinema-caption>span{max-width:110px;text-align:right;font-size:10px}
 .films-screen{inset:0 0 300px}.films-reel{object-fit:cover;object-position:52% center;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 72%,transparent)}
 .films-reel-controls{left:5%;bottom:-24px}
 .films-site-menu{bottom:80px}
 .cinema-open .image-films-controls{top:20px;bottom:auto}
}
@media(prefers-reduced-motion:reduce){.films-screen{transform:none}}



@media(prefers-reduced-motion:reduce){.films-reel-controls{transition:none}}



.films-screen:fullscreen{inset:0;transform:none;filter:none;background:#000}
.films-screen:fullscreen .films-reel{object-fit:contain;mask-image:none;mix-blend-mode:normal}
.films-screen:fullscreen .films-reel-controls{bottom:20px}

.films-text-ash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
