/*
Theme Name: OFOF Editorial Red
Author: OFOF CAFEBAR
Description: One-page editorial café theme, deep red and cream.
Version: 1.1
Text Domain: ofof
*/
:root{--wine:#571706;--cream:#fff3dc;--ink:#2a0d05}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wine);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{min-height:470px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;padding:55px 5% 22px;align-items:start}header nav{display:flex;flex-direction:column;gap:20px;text-transform:uppercase;letter-spacing:.13em;font-size:13px}header .hero-logo{display:flex;justify-content:center;align-items:center;align-self:center}header .hero-logo img{display:block;width:min(100%,600px);height:auto}header .details{text-align:right;font-size:13px;letter-spacing:.1em;text-transform:uppercase;line-height:1.7}header .details .hours-short{margin-top:25px}section.photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 2%}section.photos img{width:100%;height:370px;object-fit:cover}section.intro{padding:100px 6%;text-align:center}h1,h2{font-size:clamp(48px,8vw,120px);letter-spacing:-.07em;line-height:.95;margin:15px 0 28px}p{line-height:1.65}.intro p{max-width:580px;margin:0 auto}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.19em}.section{padding:95px 7%;text-align:center}.menu{background:var(--cream);color:var(--ink)}.menu-list{max-width:740px;margin:45px auto;text-align:left}.menu-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #a89681;padding:16px 0}.menu-row span:last-child{white-space:nowrap}.button{display:inline-block;border:1px solid currentColor;border-radius:100px;padding:15px 26px;margin:22px 0;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.story{display:grid;grid-template-columns:1fr 1fr;background:#71301d}.story img{width:100%;height:540px;object-fit:cover}.story .copy{padding:13% 10%;display:flex;flex-direction:column;justify-content:center}.reviews{background:#692313}.visit{background:var(--cream);color:var(--ink)}.hours{max-width:460px;margin:30px auto}.hours div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #bcae99}footer{background:#300d05;color:var(--cream);padding:50px 6%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:13px}footer strong{font-size:40px} @media(max-width:700px){header{min-height:0;grid-template-columns:1fr 1fr;padding:26px 5% 35px}header nav{font-size:10px;gap:12px}header .details{font-size:10px}header .hero-logo{grid-column:1/-1;grid-row:2;margin:25px auto 0;max-width:90%}section.photos{grid-template-columns:repeat(2,1fr)}section.photos img{height:230px}.section,section.intro{padding:70px 7%}.story{grid-template-columns:1fr}.story img{height:330px}}