:root{--ink:#271a12;--paper:#fbf2df;--blue:#006f85;--red:#c84223;--line:rgba(39,26,18,.18)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Serif 4","Instrument Serif",Georgia,serif;letter-spacing:0}.skip-link{position:absolute;top:-60px}
.cafe-hero{min-height:100svh;display:grid;grid-template-columns:minmax(360px,.75fr) 1fr;gap:0}.cafe-poster{padding:24px}.cafe-poster img{width:100%;height:calc(100svh - 48px);object-fit:cover;border:1px solid var(--line)}.cafe-title{display:flex;flex-direction:column;justify-content:space-between;padding:28px 36px 42px;background:radial-gradient(circle at 80% 20%,rgba(0,111,133,.12),transparent 32%),var(--paper)}.cafe-title a{text-decoration:none;font-family:Inter,sans-serif;font-weight:900}.cafe-title p{margin:auto 0 18px;color:var(--red);font-family:Inter,sans-serif;font-size:.8rem;font-weight:900;text-transform:uppercase}.cafe-title h1{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(4.5rem,11vw,13rem);line-height:.76;letter-spacing:0;max-width:1080px}
.cafe-marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--blue);color:#fff;font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;white-space:nowrap}.cafe-marquee span{display:block;padding:15px 0;animation:slide 18s linear infinite}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-45%)}}
.cafe-menu{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:80px 36px}.cafe-menu h2{margin:0;font-size:clamp(3rem,7vw,8rem);line-height:.78;color:var(--blue)}.cafe-menu ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.cafe-menu li{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);font-size:1.15rem}.cafe-menu span{color:#6c4d37}
.cafe-split{display:grid;grid-template-columns:1.1fr .9fr;min-height:70svh;background:linear-gradient(rgba(39,26,18,.3),rgba(39,26,18,.75)),url(assets/banner.jpg) center/cover;color:#fff}.cafe-split div{padding:42px;display:flex;align-items:end}.cafe-split h2{font-size:clamp(3.5rem,8vw,9rem);line-height:.78;margin:0;max-width:900px}.cafe-split aside{align-self:end;margin:42px;padding:28px;background:rgba(251,242,223,.92);color:var(--ink);max-width:430px}.cafe-split p{font-size:1.15rem;line-height:1.45}.cafe-split a{display:inline-flex;background:var(--red);color:#fff;text-decoration:none;padding:13px 16px;font-family:Inter,sans-serif;font-weight:900}
@media(max-width:850px){.cafe-hero,.cafe-menu,.cafe-split{grid-template-columns:1fr}.cafe-poster{padding:14px}.cafe-poster img{height:54svh}.cafe-title{min-height:46svh;padding:18px}.cafe-title h1{font-size:clamp(4rem,18vw,6.7rem)}.cafe-menu{padding:48px 18px}.cafe-menu li{grid-template-columns:1fr}.cafe-split aside{margin:18px}.cafe-split div{padding:18px}}