.res-gallery{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-content:end;gap:16px 5%;min-height:clamp(520px,76svh,860px);padding:7% 5%;color:#faf6ee;background:#473f33}
.res-photo,.res-photo img,.res-photo::after{position:absolute;inset:0;width:100%;height:100%}
.res-photo{z-index:-1}.res-photo img{object-fit:cover}.res-photo::after{content:"";background:linear-gradient(0deg,rgba(21,18,13,.66),transparent 74%),linear-gradient(90deg,rgba(21,18,13,.40),transparent 65%)}
.res-gallery h2{grid-column:1;align-self:end;margin:0;font:400 13px/1.4 'Poiret One',sans-serif;text-transform:uppercase;letter-spacing:.2em}
.res-copy{grid-column:1;align-self:start}.res-copy h3{font:400 clamp(48px,5vw,86px)/1 'Poiret One',sans-serif;margin:0 0 18px}.res-copy p{font:400 16px/1.65 'Poiret One',sans-serif;max-width:47ch;margin:0}
.res-nav{grid-column:2;grid-row:1/3;align-self:end;min-width:0}.res-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 9px;scrollbar-width:thin;scrollbar-color:#b5a991 transparent}
.res-strip button{position:relative;flex:0 0 clamp(100px,10vw,164px);aspect-ratio:3/4;border:0;border-radius:8px;padding:0;background:#332d24;color:white;overflow:hidden}.res-strip img{width:100%;height:100%;object-fit:cover;display:block}.res-strip span{position:absolute;inset:auto 0 0;text-align:left;padding:24px 8px 9px;background:linear-gradient(transparent,#211c16d9);font:400 13px/1.4 'Poiret One',sans-serif}.res-strip [aria-pressed=true] span{text-decoration:underline;text-underline-offset:4px}
.res-controls{display:flex;gap:10px;align-items:center;margin-top:12px}.res-controls button{width:44px;height:44px;border:0;border-radius:50%;background:#faf6ee;color:#342f29;display:grid;place-items:center}.res-controls svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.4}.res-controls span{font:13px 'Poiret One',sans-serif;letter-spacing:.14em;margin-left:8px}
@media(max-width:760px){.res-gallery{display:flex;flex-direction:column;gap:0;min-height:0;padding:32px 0;background:#f5f0e7;color:#302d28}.res-gallery h2{align-self:start;margin:0 6% 18px}.res-photo{position:relative;z-index:0;aspect-ratio:4/3;height:auto;background:#e8e0d1}.res-photo::after{display:none}.res-copy{padding:22px 6% 0;min-height:170px}.res-copy h3{font-size:46px;margin-bottom:10px}.res-nav{align-self:stretch;display:flex;flex-direction:column-reverse;padding:0 6%;gap:15px}.res-strip button{flex-basis:92px}.res-controls button{border:1px solid #b6ac9f}.res-controls{margin:0}}