/* Film frames share the page's background, typography and editorial rhythm. */
.flash-film{border:0;background:var(--ink);max-height:none;isolation:isolate}
.flash-film-video{filter:none}
.flash-film-shade{background:linear-gradient(180deg,var(--ink) 0%,transparent 13%,transparent 72%,var(--ink) 100%),linear-gradient(90deg,#0b0a0955,transparent 18%,transparent 85%,#0b0a0955)}
.flash-film-index{top:24px;color:var(--muted);font-size:11px;letter-spacing:.18em}
.flash-film-word{inset:auto auto 34px var(--gutter);display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;gap:.28em;font-size:clamp(32px,5.4vw,78px);line-height:.95;letter-spacing:-.04em;color:var(--paper);-webkit-text-stroke:0;mix-blend-mode:normal}
.flash-film-word span:nth-child(2){transform:none;color:var(--red);-webkit-text-stroke:0}
.flash-film-word span:nth-child(3){transform:none;color:transparent;-webkit-text-stroke:1px var(--paper)}
.flash-film-link{bottom:34px;min-height:44px;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.12em;border-bottom-width:1px}
.chapter-media{background:var(--ink);isolation:isolate}
.chapter-media:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--ink),transparent 10%,transparent 88%,var(--ink)),linear-gradient(90deg,var(--ink),transparent 8%,transparent 90%,var(--ink))}
.chapter-inset{position:relative;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0;align-items:center;margin:0 0 64px calc(-1 * var(--gutter));isolation:isolate}
.chapter-inset .chapter-media{grid-column:1 / -1;grid-row:1;width:78%}
.chapter-inset .chapter-media:after{background:linear-gradient(180deg,var(--ink),transparent 12%,transparent 88%,var(--ink)),linear-gradient(90deg,var(--ink),transparent 8%,transparent 64%,var(--ink) 100%)}
.chapter-inset figcaption{grid-column:2;grid-row:1;position:relative;z-index:1;border:0;padding:25px 0 25px 20px;max-width:420px}
.chapter-inset figcaption>span{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.18em}
.chapter-inset figcaption>span:before{content:'';width:34px;height:1px;background:var(--red);flex-shrink:0}
.chapter-inset figcaption>p{font-size:clamp(32px,4.3vw,64px);line-height:1.12;letter-spacing:-.04em;margin:22px 0 0;text-wrap:balance}
.taste-gate-film .taste-stage{background:var(--ink);max-height:none;padding:28px var(--gutter) 34px}
.taste-gate-film .taste-shade{background:linear-gradient(180deg,var(--ink) 0%,transparent 20%,transparent 66%,var(--ink) 100%),linear-gradient(90deg,#0b0a0955,transparent 24%,transparent 80%,#0b0a0955)}
.taste-gate-film .taste-kicker{color:var(--muted);font-size:11px;letter-spacing:.18em}
.taste-gate-film .taste-title{font-size:clamp(28px,4.2vw,62px);line-height:.94;text-shadow:none;margin-top:auto;margin-bottom:-44px;max-width:75%}
.taste-gate-film .taste-stage>a{position:relative;min-height:44px;display:flex;align-items:center;font-size:11px;letter-spacing:.12em}
.portfolio-with-film{gap:0;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);padding:45px 0 55px}
.portfolio-with-film>div{position:relative;z-index:1;padding-right:12px}
.portfolio-with-film h2{font-size:clamp(45px,5.8vw,92px)}
.chapter-finale{margin-right:calc(-1 * var(--gutter));margin-left:-2.4vw}
.chapter-finale .chapter-media:after{background:linear-gradient(180deg,var(--ink),transparent 10%,transparent 88%,var(--ink)),linear-gradient(90deg,var(--ink),transparent 20%,transparent 90%,var(--ink))}
.chapter-finale figcaption{padding:4px var(--gutter) 0 4vw;color:var(--muted);font-size:11px;letter-spacing:.14em}
.chapter-finale .film-open{color:var(--paper);min-height:44px;display:flex;align-items:center;gap:12px;font-size:11px}
@media(min-width:1600px){.flash-film{max-height:900px}.taste-gate-film .taste-stage{max-height:800px}}
@media(max-width:900px){
 .flash-film-word{font-size:5.2vw;bottom:28px}
 .flash-film-link{bottom:23px;font-size:10px;letter-spacing:.05em}
 .chapter-inset figcaption>p{font-size:4.8vw}
 .chapter-inset figcaption{padding-left:8px}
 .chapter-inset figcaption>span{font-size:10px;gap:8px}
 .chapter-inset figcaption>span:before{width:20px}
 .portfolio-with-film h2{font-size:6.8vw}
}
@media(max-width:600px){
 .flash-film{aspect-ratio:auto;min-height:0;padding-bottom:72px}
 .flash-film-video{height:auto;aspect-ratio:16/9;position:relative}
 .flash-film-shade{background:linear-gradient(180deg,var(--ink),transparent 12%,transparent 53%,var(--ink) 76%)}
 .flash-film-video,.taste-stage .taste-film{-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 72%,transparent)}
 .flash-film-index{top:12px;font-size:9px;letter-spacing:.12em}
 .flash-film-word{left:var(--gutter);bottom:66px;font-size:8vw;gap:.28em}
 .flash-film-link{left:auto;right:var(--gutter);bottom:12px;font-size:10px;letter-spacing:.08em}
 .chapter-inset{grid-template-columns:1fr;margin:0 calc(-1 * var(--gutter)) 35px;gap:0}
 .chapter-inset .chapter-media{grid-column:1;grid-row:1;width:100%}
 .chapter-inset .chapter-media:after{background:linear-gradient(180deg,var(--ink),transparent 10%,transparent 78%,var(--ink))}
 .chapter-inset figcaption{grid-column:1;grid-row:2;display:block;max-width:none;padding:0 var(--gutter);margin-top:-5px}
 .chapter-inset figcaption>span{font-size:10px}
 .chapter-inset figcaption>p{font-size:32px;text-align:left;max-width:300px;margin:12px 0 0}
 .taste-gate-film .taste-stage{aspect-ratio:auto;min-height:0;padding:0 0 112px;display:block}
 .taste-stage .taste-film{position:relative;z-index:-3;aspect-ratio:16/9;height:auto}
 .taste-gate-film .taste-shade{background:linear-gradient(180deg,var(--ink),transparent 12%,transparent 48%,var(--ink) 70%)}
 .taste-gate-film .taste-kicker{position:absolute;top:12px;left:var(--gutter);font-size:9px;letter-spacing:.1em}
 .taste-gate-film .taste-title{position:absolute;left:var(--gutter);bottom:61px;width:auto;max-width:88%;font-size:8.4vw;line-height:1;margin:0}
 .taste-gate-film .taste-stage>a{position:absolute;bottom:10px;right:var(--gutter);font-size:10px}
 .portfolio-with-film{grid-template-columns:1fr;gap:20px;padding:30px 0 32px}
 .portfolio-with-film>div{padding-right:0}
 .portfolio-with-film h2{font-size:14vw}
 .chapter-finale{margin:0 calc(-1 * var(--gutter))}
 .chapter-finale .chapter-media:after{background:linear-gradient(180deg,var(--ink),transparent 10%,transparent 88%,var(--ink))}
 .chapter-finale figcaption{padding:0 var(--gutter);font-size:10px}
 .chapter-finale .film-open{font-size:10px}
}

/* The final tasting sequence closes the journey through the dishes. */
.film-epilogue{margin:0;padding:0 0 54px;background:var(--ink)}
.film-epilogue .chapter-media{max-width:1280px;margin:0 auto}
.film-epilogue figcaption{max-width:1280px;margin:0 auto;padding:12px var(--gutter) 0;display:flex;align-items:baseline;justify-content:space-between;gap:24px}
.film-epilogue figcaption>span{color:var(--red);font-size:11px;letter-spacing:.18em;flex-shrink:0}
.film-epilogue figcaption>p{font:italic clamp(28px,3.4vw,48px)/1.15 Georgia,serif;margin:0;color:var(--paper);letter-spacing:-.035em}
@media(max-width:600px){
 .film-epilogue{padding-bottom:36px}
 .film-epilogue figcaption{display:block;padding-top:4px}
 .film-epilogue figcaption>span{font-size:10px}
 .film-epilogue figcaption>p{font-size:30px;margin-top:12px}
}