/* Before Dinner: a complete portrait film, placed within the brand story. */
.before-dinner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:center;gap:clamp(40px,8vw,128px);padding-block:clamp(56px,7vw,104px);border-top:1px solid var(--xp-line);scroll-margin-top:100px}
.before-dinner-copy{min-width:0;max-width:520px}
.before-dinner-copy .xp-kicker{margin-bottom:24px}
.before-dinner-copy h2{font:400 clamp(38px,4.8vw,72px)/1.06 var(--serif);letter-spacing:-.02em;max-width:10em;text-wrap:balance;margin:0 0 28px}
.before-dinner-copy>p:last-child{font:400 15px/1.85 var(--sans);color:var(--xp-muted);max-width:28em;margin-bottom:0}
.before-dinner-media{margin:0;min-width:0;width:100%;max-width:420px;max-width:min(420px,calc(56.25svh - 90px));justify-self:center}
.before-dinner-player-frame{position:relative}
.before-dinner-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#d9d0bf;direction:ltr}
.before-dinner-media video:focus-visible{outline:3px solid #9f6832;outline-offset:5px}
.before-dinner-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100% - 40px);min-height:48px;padding:13px 20px;border:1px solid #fff8;border-radius:30px;background:#183d32ed;color:#fffdf6;box-shadow:0 3px 16px #0002;font:500 13px/1.4 var(--sans);cursor:pointer}
.before-dinner-play svg{width:16px;height:16px;flex:none;direction:ltr}
.before-dinner-play:hover{background:#263e35}
.before-dinner-play:disabled{cursor:progress}
.before-dinner-play[hidden]{display:none!important}
.experience-v7 .before-dinner-play:focus-visible{outline:3px solid #fffdf6;outline-offset:5px}
.before-dinner-media figcaption{padding-top:14px;font:400 11px/1.6 var(--sans);color:var(--xp-muted)}
.before-dinner-jump{margin:22px 0 0;padding-top:20px;border-top:1px solid var(--xp-line);font:400 12px/1.65 var(--sans);color:var(--xp-muted)}
.before-dinner-jump a{display:inline-block;padding-block:4px;text-decoration:underline;text-underline-offset:4px}
.before-dinner-jump a:hover{color:var(--xp-ink)}
.before-dinner-jump span{display:inline-block;margin-inline-start:8px}
@media(max-width:760px){.before-dinner{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:48px}.before-dinner-copy{max-width:36em}.before-dinner-copy .xp-kicker{margin-bottom:18px}.before-dinner-copy h2{font-size:clamp(36px,8vw,52px);max-width:12em;margin-bottom:22px}.before-dinner-copy>p:last-child{font-size:14px;max-width:31em}.before-dinner-media{max-width:360px}.before-dinner-media figcaption{font-size:10px}.before-dinner-jump{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}