.fd-footer{--fd-paper:#f6f3ed;--fd-wine:#622b35;--fd-deep:#482029;--fd-soft:#84565d;--fd-serif:var(--serif,Bodoni,Georgia,serif);--fd-sans:var(--sans,Instrument,sans-serif);--fd-ease:cubic-bezier(.22,.61,.36,1);color:var(--fd-wine);font:400 16px/1.5 var(--fd-sans);background:var(--fd-paper)}
.fd-footer *{box-sizing:border-box}.fd-footer :is(h2,h3,p,figure,ul){margin:0}.fd-footer a{color:inherit;text-decoration:none}.fd-footer :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}.fd-footer :is(h2,h3){font-weight:400}.fd-wrap{width:100%;max-width:1800px;margin:auto;padding-inline:clamp(24px,5vw,80px)}.fd-upper{background:var(--fd-paper);padding-top:64px}.fd-upper>.fd-wrap{padding-bottom:0}.fd-transition{height:clamp(112px,12vw,176px);background:linear-gradient(180deg,var(--fd-paper) 0%,#e7dcd7 18%,#c5a5a4 41%,#98636c 65%,#683642 83%,var(--fd-deep) 100%)}.fd-lower{padding:32px 0 24px;background:var(--fd-deep);color:var(--fd-paper)}
.fd-mark{display:inline-flex;align-items:center;max-width:100%;min-height:48px;font:400 clamp(32px,3vw,42px)/.95 var(--fd-serif);letter-spacing:-.055em}.fd-mark>span{display:block}.fd-mark small{display:block;text-align:center;font:11px/1 var(--fd-sans);letter-spacing:.48em;margin-top:12px;padding-left:.48em}.fd-label{font:500 11px/1.5 var(--fd-sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px!important}.fd-link{display:inline-flex;align-items:center;min-width:44px;min-height:44px;max-width:100%;padding-block:8px;font:16px/1.5 var(--fd-sans);overflow-wrap:anywhere}.fd-link>span,.fd-begin>span{position:relative;display:inline-block;max-width:100%}.fd-link>span:after,.fd-begin>span:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 850ms var(--fd-ease)}.fd-link:is(:hover,:focus-visible)>span:after,.fd-begin:is(:hover,:focus-visible)>span:after{transform:scaleX(1)}.fd-group,.fd-contact{display:flex;flex-direction:column;align-items:start;min-width:0}.fd-location{font:14px/1.65 var(--fd-sans);color:var(--fd-soft)}.fd-brands{padding:0;list-style:none;display:grid;gap:24px}.fd-brands li{font:400 24px/1.1 var(--fd-serif);letter-spacing:-.02em}.fd-brands small{display:block;font:13px/1.5 var(--fd-sans);letter-spacing:0;color:var(--fd-soft);margin-top:8px}.fd-socials{max-width:100%}.fd-socials>p{font:11px/1.5 var(--fd-sans);color:var(--fd-soft)}.fd-socials>div{display:flex;gap:8px;margin-top:8px}.fd-social{display:grid;place-items:center;position:relative;width:44px;height:44px;border-radius:50%;background:rgb(98 43 53 / 6%);transition:background 850ms var(--fd-ease)}.fd-social:is(:hover,:focus-visible){background:rgb(98 43 53 / 13%)}.fd-social img{display:block;width:22px;height:22px;object-fit:contain}.fd-directory{display:grid;grid-template-columns:minmax(224px,1fr) minmax(0,3fr);gap:64px}.fd-directory-nav{display:grid;grid-template-columns:.8fr 1fr 1.25fr 1fr;gap:24px;min-width:0}.fd-identity{min-width:0;display:flex;flex-direction:column;align-items:start;gap:24px}.fd-identity .fd-contact{gap:0}.fd-identity .fd-film{width:100%}.fd-identity .fd-location{margin-top:0}.fd-film{position:relative;display:block;min-width:0;aspect-ratio:16/9;background:#301b22;border-radius:18px;overflow:hidden;isolation:isolate}.fd-film video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;object-position:center;transform:none}.fd-film-toggle{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px;min-width:44px;min-height:44px;border:0;border-radius:999px;padding:8px 16px;background:rgb(40 20 27 / 82%);color:var(--fd-paper);font:12px/1.5 var(--fd-sans);cursor:pointer;backdrop-filter:blur(8px);transition:background 850ms var(--fd-ease)}.fd-film-toggle:hover{background:#482029}.fd-film-toggle-icon{display:block;width:10px;height:12px;position:relative;border-left:2px solid currentColor;border-right:2px solid currentColor}.fd-film-toggle[aria-pressed=false] .fd-film-toggle-icon{border:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.fd-film-toggle[hidden]{display:none!important}.fd-closing{display:flex;align-items:center;justify-content:space-between;gap:32px}.fd-closing h2{font:400 clamp(36px,4.2vw,60px)/1.12 var(--fd-serif);letter-spacing:-.04em;text-wrap:balance}.fd-begin{display:inline-flex;align-items:center;justify-content:center;min-height:64px;flex:none;font:400 clamp(30px,3vw,48px)/1.2 var(--fd-serif);letter-spacing:-.025em}.fd-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;color:#ddc9cd}.fd-legal>p{font:12px/1.6 var(--fd-sans)}.fd-legal small{display:block;font-size:12px}.fd-legal>div{display:flex;gap:24px}.fd-legal .fd-link{font-size:13px}.fd-lower .fd-film-toggle{background:rgb(40 20 27 / 82%)}
/* 01 keeps the exact Directory relationship, with one small film in its identity column. */
.fd-v1 .fd-identity{gap:24px}.fd-v1 .fd-film{margin-top:8px}.fd-v1 .fd-film-toggle{padding:8px;right:8px;bottom:8px}.fd-v1 .fd-film-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* 02 makes the catalogue and film equal editorial columns. */
.fd-column-top{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-bottom:48px}.fd-top-contact{display:flex;align-items:start;gap:48px}.fd-column-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.fd-column-layout .fd-directory-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}.fd-column-film .fd-location{margin-top:24px}
/* 03 puts one cinematic pause beneath the original catalogue. */
.fd-wide-film{width:min(100%,880px);margin:48px auto 0}.fd-v3 .fd-film{border-radius:24px}
/* 04 treats a film as part of the contact band, below the four catalogue groups. */
.fd-card-top{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:48px}.fd-v4 .fd-directory-nav{grid-template-columns:.9fr 1fr 1.15fr 1fr;gap:48px}.fd-card-row{margin-top:48px;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:center}.fd-card-contact{display:flex;justify-content:space-between;align-items:center;gap:32px}.fd-v4 .fd-film-toggle{padding-inline:12px}.fd-v4 .fd-film{border-radius:16px}
/* 05 gives the film the leading position while retaining the same complete Directory. */
.fd-open-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(248px,1fr);gap:64px;align-items:center;margin-bottom:48px}.fd-open-layout .fd-film{border-radius:24px}.fd-v5 .fd-directory-nav{grid-template-columns:.9fr 1fr 1.15fr 1fr;gap:48px}
/* 06 holds the film in the dark final space, after the gradient has completed. */
.fd-last-film{width:min(100%,720px);margin:0 auto 48px}.fd-v6 .fd-transition{height:clamp(112px,12vw,160px)}.fd-v6 .fd-lower{padding-top:0}.fd-v6 .fd-film{border-radius:24px}
@media(min-width:1800px){.fd-link{font-size:18px}.fd-legal .fd-link{font-size:14px}.fd-upper{padding-top:80px}}
@media(max-width:1100px){.fd-directory{grid-template-columns:minmax(224px,1fr) minmax(0,2fr);gap:40px}.fd-directory-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.fd-column-layout{gap:40px}.fd-column-layout .fd-directory-nav{gap:32px}.fd-top-contact{gap:32px}.fd-open-layout{gap:40px}.fd-v4 .fd-directory-nav,.fd-v5 .fd-directory-nav{gap:32px}.fd-card-row{gap:40px}.fd-card-contact{display:block}.fd-card-contact .fd-location{margin-top:16px}}
@media(max-width:760px){.fd-upper{padding-top:48px}.fd-directory{grid-template-columns:1fr;gap:40px}.fd-identity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;align-items:start}.fd-identity .fd-mark{grid-column:1}.fd-identity .fd-film{grid-column:1;grid-row:2/4}.fd-identity .fd-contact{grid-column:2;grid-row:1/3}.fd-identity .fd-socials{grid-column:2;grid-row:3}.fd-identity .fd-location{grid-column:1/-1}.fd-v1 .fd-film{margin:0}.fd-column-top{display:block;margin-bottom:40px}.fd-top-contact{justify-content:space-between;margin-top:32px}.fd-column-layout{grid-template-columns:1fr;gap:40px}.fd-column-layout .fd-directory-nav{gap:32px}.fd-column-film{max-width:none}.fd-wide-film{margin-top:40px}.fd-v3 .fd-identity,.fd-v6 .fd-identity{grid-template-columns:1fr 1fr}.fd-v3 .fd-identity .fd-contact,.fd-v6 .fd-identity .fd-contact{grid-column:2;grid-row:1/3}.fd-v3 .fd-identity .fd-socials,.fd-v6 .fd-identity .fd-socials{grid-column:2;grid-row:3}.fd-v3 .fd-identity .fd-location,.fd-v6 .fd-identity .fd-location{grid-column:1;grid-row:2/4}.fd-v4 .fd-directory-nav,.fd-v5 .fd-directory-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.fd-card-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:40px}.fd-card-top{margin-bottom:40px}.fd-open-layout{grid-template-columns:1fr;gap:32px;margin-bottom:40px}.fd-open-layout .fd-identity{grid-template-columns:1fr 1fr;gap:24px 32px}.fd-open-layout .fd-identity .fd-mark{grid-column:1;grid-row:1}.fd-open-layout .fd-identity .fd-contact{grid-column:2;grid-row:1/3}.fd-open-layout .fd-identity .fd-socials{grid-column:1;grid-row:2}.fd-open-layout .fd-identity .fd-location{grid-column:2;grid-row:3}.fd-transition{height:112px}.fd-closing{gap:24px}.fd-closing h2{font-size:40px}.fd-begin{font-size:32px}.fd-last-film{margin-bottom:40px}.fd-legal{margin-top:40px}.fd-v4 .fd-film-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media(max-width:500px){.fd-upper{padding-top:40px}.fd-wrap{padding-inline:24px}.fd-mark{font-size:34px}.fd-directory-nav,.fd-v4 .fd-directory-nav,.fd-v5 .fd-directory-nav{gap:32px 24px}.fd-identity{display:flex;gap:24px}.fd-v1 .fd-film{max-width:360px}.fd-v1 .fd-film-toggle-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.fd-v1 .fd-film-toggle{padding-inline:16px}.fd-identity .fd-contact{gap:0}.fd-label{font-size:10px;letter-spacing:.08em;margin-bottom:12px!important}.fd-link{font-size:16px;line-height:1.45}.fd-brands li{font-size:22px}.fd-brands small{font-size:12px}.fd-location{font-size:13px}.fd-column-top{margin-bottom:32px}.fd-top-contact{display:block;margin-top:24px}.fd-top-contact .fd-socials{margin-top:24px}.fd-column-layout .fd-directory-nav{gap:32px 24px}.fd-column-film .fd-location{margin-top:16px}.fd-v3 .fd-identity,.fd-v6 .fd-identity{display:flex}.fd-card-top{display:block;margin-bottom:32px}.fd-card-top .fd-socials{margin-top:24px}.fd-card-row{grid-template-columns:1fr;gap:24px;margin-top:32px}.fd-card-row .fd-film{max-width:360px}.fd-card-row .fd-film-toggle-label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.fd-card-contact .fd-location{margin-top:16px}.fd-open-layout .fd-identity{display:flex;gap:24px}.fd-wide-film{margin-top:32px}.fd-film,.fd-v3 .fd-film,.fd-open-layout .fd-film,.fd-v6 .fd-film{border-radius:16px}.fd-film-toggle{font-size:12px;padding-inline:12px}.fd-transition{height:96px}.fd-lower{padding-top:24px}.fd-closing{display:block}.fd-closing h2{font-size:36px}.fd-begin{font-size:32px;min-height:56px;margin-top:16px}.fd-legal{flex-wrap:wrap;gap:16px 24px;margin-top:32px}.fd-legal>p{flex-basis:100%}.fd-legal>div{gap:24px}.fd-legal>.fd-link{margin-left:auto}.fd-v6 .fd-transition{height:96px}.fd-last-film{margin-bottom:32px}}
@media(max-width:340px){.fd-wrap{padding-inline:20px}.fd-directory-nav,.fd-column-layout .fd-directory-nav,.fd-v4 .fd-directory-nav,.fd-v5 .fd-directory-nav{column-gap:16px}.fd-link{font-size:15px}.fd-brands li{font-size:20px}.fd-closing h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.fd-footer *,.fd-footer *:before,.fd-footer *:after{transition:none!important;animation:none!important}}
body[data-motion=paused] .fd-footer *,body[data-motion=paused] .fd-footer *:before,body[data-motion=paused] .fd-footer *:after{transition:none!important;animation:none!important}
.fd-film-status{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 16px;border-radius:12px;background:#482029;color:#f6f3ed;font:14px/1.5 var(--fd-sans)}
/* The selected Film Card closes with a reversible solid wine surface. */
.fd-v4 .fd-upper{padding-bottom:64px}
.fd-panel-region{--fd-panel-open:1;position:relative;background:var(--fd-paper)}
.fd-panel-region .fd-lower{position:relative;isolation:isolate;background:transparent;padding-top:48px;clip-path:inset(calc((1 - var(--fd-panel-open))*100%) calc((1 - var(--fd-panel-open))*4%) 0 round calc(24px + (1 - var(--fd-panel-open))*32px) calc(24px + (1 - var(--fd-panel-open))*32px) 0 0)}
.fd-panel-surface{position:absolute;inset:0;z-index:-1;background:var(--fd-wine)}
.fd-panel-content{position:relative}
.fd-panel-region:focus-within .fd-lower{clip-path:inset(0 round 24px 24px 0 0)}
.fd-home .fd-wrap{max-width:1600px;padding-inline:var(--gutter)}
.fd-home .fd-upper{padding-top:var(--section-space,96px)}
.fd-footer[data-motion=paused] *,.fd-footer[data-motion=paused] *:after{transition:none!important}
@media(max-width:760px){.fd-v4 .fd-upper{padding-bottom:48px}.fd-panel-region .fd-lower{padding-top:40px}}
@media(max-width:500px){.fd-v4 .fd-upper{padding-bottom:40px}.fd-panel-region .fd-lower{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.fd-panel-region .fd-lower{clip-path:inset(0 round 24px 24px 0 0)}}