[data-sig=coffee-room]{position:relative;min-height:85dvh;background:var(--depot);color:var(--paper);overflow:hidden;view-timeline-name:--room}[data-sig=coffee-room] .room-image{height:85dvh;min-height:600px;object-position:50% 50%}[data-sig=coffee-room] .room-caption{position:absolute;bottom:48px;left:var(--edge);max-width:520px;background:var(--paper);color:var(--ink);padding:32px}[data-sig=coffee-room] h2{font-size:56px;margin-bottom:20px}[data-sig=coffee-room] p{font-size:14px}[data-sig=coffee-room] .foreground{position:absolute;inset:-20px 0;pointer-events:none;background:linear-gradient(90deg,rgba(35,30,23,.55) 0 2%,transparent 2% 96%,rgba(35,30,23,.45) 96%);border-top:16px solid #352d24;border-bottom:16px solid #352d24;transform:translateY(var(--shift,0px))}[data-sig=coffee-room] .foreground img{position:absolute;width:5%;height:100%;left:0;opacity:.7;object-fit:cover}[data-sig=coffee-room] .room-caption a{display:inline-block;margin-top:24px}
@supports(animation-timeline:view()){[data-sig=coffee-room] .foreground{animation:rail-drift linear both;animation-timeline:--room;animation-range:entry 0% exit 100%}@keyframes rail-drift{from{transform:translateY(-16px)}to{transform:translateY(16px)}}}
@media(max-width:700px){[data-sig=coffee-room] .room-image{height:70dvh;min-height:570px;object-position:34% 50%}[data-sig=coffee-room] .room-caption{left:24px;right:24px;bottom:32px;padding:24px}[data-sig=coffee-room] h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){[data-sig=coffee-room] .foreground{animation:none;transform:none}}
[data-sig=coffee-room] .foreground{border:0;background:none;z-index:1;inset:-20px 0}[data-sig=coffee-room] .foreground img{width:100%;height:100%;left:0;opacity:1;object-fit:cover}[data-sig=coffee-room] .room-caption{z-index:2}