.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.13em;margin-left:.38em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dinner-grid{position:relative;isolation:isolate;display:block;min-height:760px;padding:clamp(42px,6vw,90px);overflow:hidden;background:#18231c;color:#fff}
.dinner-grid:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,29,21,.9) 0%,rgba(17,29,21,.76) 52%,rgba(17,29,21,.34) 100%)}
.dinner-grid .dinner-backdrop{position:absolute;inset:0;z-index:-2;top:0;margin:0}
.dinner-grid .dinner-backdrop img{width:100%;height:100%;object-fit:cover;object-position:70% 48%;display:block}
.dinner-grid .dinner-backdrop figcaption{position:absolute;bottom:24px;right:28px;color:#fff;font-size:12px;text-align:right;opacity:.8}
.dinner-copy{max-width:650px;position:relative}.dinner-copy h3{font-size:clamp(38px,4vw,62px);line-height:1.12}.dinner-copy details{border-color:rgba(255,255,255,.42)}.dinner-copy details p,.dinner-copy>p{color:#fff}.dinner-copy .fine{margin-top:16px;color:#f6f6f6}
.friends img{object-position:center 60%}
@media(max-width:760px){.dinner-grid{padding:42px 25px 76px;min-height:0}.dinner-grid:before{background:linear-gradient(90deg,rgba(17,29,21,.91),rgba(17,29,21,.68)),linear-gradient(0deg,rgba(17,29,21,.45),transparent)}.dinner-grid .dinner-backdrop{position:absolute;inset:0;top:0}.dinner-grid .dinner-backdrop img{height:100%;object-position:57% center}.dinner-grid .dinner-backdrop figcaption{right:18px;bottom:18px;font-size:10px}.dinner-copy h3{font-size:36px}.friends img{height:400px;object-position:center 55%}}
