:root{--red:#c8222c;--deep:#171313;--cream:#fff8ee;--gold:#f0b44b;--ink:#292222;--line:#eadfd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:grid;line-height:1.05}.brand strong{font-size:1.05rem}.brand small{font-family:"Noto Sans SC";font-size:.8rem;color:var(--red);font-weight:600;margin-top:5px}.mark{width:44px;height:44px;border-radius:50% 50% 50% 12px;background:var(--red);color:white;display:grid;place-items:center;font:800 1.5rem Georgia}.topbar nav{display:flex;gap:32px;font-size:.9rem;font-weight:600}.topbar nav a:hover{color:var(--red)}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--deep)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,11,11,.92) 0%,rgba(13,11,11,.68) 39%,rgba(13,11,11,.05) 73%)}.hero-copy{position:relative;color:#fff;width:min(620px,85%);margin-left:clamp(24px,8vw,130px);padding:60px 0}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:700;color:var(--gold);margin:0 0 22px}.eyebrow.red{color:var(--red)}h1{font-family:Georgia,"Noto Sans SC",serif;font-weight:400;font-size:clamp(3.2rem,6.5vw,6.5rem);line-height:.92;letter-spacing:-.045em;margin:0}h1 em{color:var(--gold);font-weight:400}.hero .cn{font:600 1.3rem "Noto Sans SC";letter-spacing:.13em;margin:26px 0 12px}.intro{max-width:520px;color:#e4dddd;line-height:1.7;font-size:1.05rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:15px 22px;border-radius:4px;font-weight:700;font-size:.9rem}.button.primary{background:var(--red);color:#fff}.button.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.button.light{background:#fff;color:var(--red);margin-top:35px}.quick-info{display:grid;grid-template-columns:repeat(3,1fr);padding:32px clamp(24px,7vw,110px);background:var(--cream);border-bottom:1px solid var(--line)}.quick-info>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line)}.quick-info>div:last-child{border:0}.quick-info>div>span{color:var(--red);font-size:1.3rem}.quick-info p{display:grid;margin:0}.quick-info small{color:#796d67;margin-top:4px}.menu-section{padding:100px clamp(24px,8vw,130px);background:#fff}.section-heading{max-width:650px}.section-heading h2,.visit h2,.about h2{font:400 clamp(2.5rem,5vw,4.8rem)/1 Georgia,"Noto Sans SC",serif;margin:0 0 24px;letter-spacing:-.035em}.section-heading h2 span{font:600 .45em "Noto Sans SC";color:var(--red);letter-spacing:.05em}.section-heading p{font-size:1.05rem;margin:5px 0}.muted{color:#867a74}.menu-grid{margin-top:55px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.menu-grid article{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:25px 18px 25px 0;border-bottom:1px solid var(--line)}.menu-grid article:nth-child(odd){margin-right:35px}.menu-grid article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.menu-grid article>b{width:38px;height:38px;display:grid;place-items:center;background:var(--cream);color:var(--red);border-radius:50%;font-size:.8rem}.menu-grid h3{margin:0 0 4px;font:600 1.05rem "DM Sans"}.menu-grid p{margin:0;color:#71645e;font-family:"Noto Sans SC"}.menu-grid article>strong{color:var(--red);font-size:1.05rem}.menu-note{margin-top:25px;color:#71645e}.visit{display:grid;grid-template-columns:1.15fr .85fr;background:var(--red);color:#fff;min-height:600px}.visit-card{padding:90px clamp(24px,8vw,130px)}.visit .eyebrow{color:#ffd689}.details{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:42px}.details h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#ffd689}.details p{line-height:1.7}.details small{color:#f5c9ca}.pattern{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#231d1d;background-image:radial-gradient(#493b39 1.3px,transparent 1.3px);background-size:22px 22px;writing-mode:vertical-rl}.pattern span{font:800 clamp(3rem,6vw,6rem) "Noto Sans SC";color:#fff;border:1px solid #766764;padding:16px 10px;background:#231d1d}.about{padding:110px clamp(24px,18vw,300px);text-align:center;background:var(--cream)}.about p:not(.eyebrow){font-size:1.1rem;line-height:1.8;color:#605651}.about .cn-copy{font-family:"Noto Sans SC"}footer{display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,6vw,90px);background:var(--deep);color:#fff}footer p{color:#aa9f9c;font-size:.8rem}@media(max-width:760px){.topbar{height:70px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;border-bottom:1px solid #eee}.topbar nav.open{display:flex}.hero{min-height:650px}.hero>img{object-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(13,11,11,.92),rgba(13,11,11,.53))}.hero-copy{margin-left:24px;padding-top:120px}.quick-info{grid-template-columns:1fr;gap:0}.quick-info>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.menu-section{padding-top:75px}.menu-grid{grid-template-columns:1fr}.menu-grid article:nth-child(odd){margin-right:0}.menu-grid article:nth-child(even){padding-left:0;border-left:0}.visit{grid-template-columns:1fr}.visit-card{padding:75px 24px}.pattern{display:none}.details{grid-template-columns:1fr;gap:15px}.about{padding:80px 24px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
/* Full Sherry's Café logo supplied by the restaurant. */
.brand-logo{display:block;width:190px;height:68px;object-fit:contain;object-position:left center}
.footer-brand{background:#fff;border-radius:6px;padding:4px}
.footer-logo{display:block;width:180px;height:78px;object-fit:contain}
@media(max-width:760px){.topbar{padding-left:14px;padding-right:16px}.brand-logo{width:150px;height:58px}}