/* r74 lowdraw preview: no-photo listings (Reme: no text-only cards), Everything breaks, happy hour brand tiles. */
.pin-also{display:flex;flex-direction:column;gap:4px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line,rgba(255,255,255,.12))}
.pin-also .pa-k{font:700 10px/1.2 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--reme,#d9b26f)}
.pin-also .pa-i{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;line-height:1.3;cursor:pointer;color:inherit}
.pin-also .pa-i b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pin-also .pa-i i{font-style:normal;opacity:.65;white-space:nowrap;flex:none}
.pin-also .pa-i:hover b,.pin-also .pa-i:focus-visible b{text-decoration:underline;text-underline-offset:2px}
.ap-row{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"w t go" "w m go";column-gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:10px;color:inherit;text-decoration:none;background:color-mix(in srgb,var(--fg,#fff) 3%,transparent)}
.ap-row .ar-w{grid-area:w;font:700 11px/1.25 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--reme,#d9b26f);max-width:76px}
.ap-row b{grid-area:t;font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-row .ar-m{grid-area:m;font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-row .ar-go{grid-area:go;font-size:20px;opacity:.5}
.ap-row:hover{border-color:color-mix(in srgb,var(--fg,#fff) 30%,transparent)}
/* Everything breaks: full width, image led, light */
.masonry>.pin.ex-brk,.masonry.bento>.pin.ex-brk{grid-column:1/-1;column-span:all;display:block;width:auto;margin:6px 0 22px;padding:0;break-inside:avoid}
.ex-brk a{color:inherit;text-decoration:none}
.eb-quote>a,.eb-photo>a,.eb-hood>a{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:#111;isolation:isolate}
.eb-quote img,.eb-photo img,.eb-hood img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ex-brk .eb-sh{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.72))}
.eb-quote .eb-sh{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.7))}
.eb-quote blockquote{position:absolute;left:18px;right:18px;bottom:44px;margin:0;color:#fff;font:italic 500 clamp(19px,4.6vw,30px)/1.22 Fraunces,"Playfair Display",Georgia,serif;text-wrap:balance}
.eb-quote blockquote::before{content:"“";display:block;font:700 46px/0.6 Fraunces,Georgia,serif;color:var(--reme,#d9b26f);margin-bottom:8px}
.eb-quote .eb-by{position:absolute;left:18px;right:18px;bottom:16px;color:rgba(255,255,255,.82);font:600 12px/1.2 Inter,sans-serif;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ex-brk .eb-t{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;display:flex;flex-direction:column;gap:4px}
.ex-brk .eb-t b{font:600 clamp(20px,5vw,32px)/1.1 Fraunces,"Playfair Display",Georgia,serif}
.ex-brk .eb-t i{font:500 12.5px/1.2 Inter,sans-serif;font-style:normal;opacity:.85}
.ex-brk .eb-t em{font:700 10.5px/1 Inter,sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--reme,#d9b26f)}
.eb-free{padding:14px 0 4px!important;border-top:1px solid var(--line,rgba(255,255,255,.12));border-bottom:1px solid var(--line,rgba(255,255,255,.12))}
.eb-free .eb-k{margin:0 0 10px;font:700 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--reme,#d9b26f)}
.eb-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px}
.eb-strip::-webkit-scrollbar{display:none}
.eb-strip a{flex:0 0 132px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
.eb-strip img{width:132px;height:100px;object-fit:cover;border-radius:10px;display:block}
.eb-strip b{font-size:12.5px;line-height:1.25;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:900px){.eb-quote>a,.eb-photo>a,.eb-hood>a{aspect-ratio:21/8}.eb-strip a{flex-basis:180px}.eb-strip img{width:180px;height:124px}}
