:root{color-scheme:light;--paper:#f8f7f2;--ink:#24352b;--sage:#dee6dd;--secondary:#526057;--rule:#bfcabf;--edge:48px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:26px}
.frame{margin-inline:var(--edge)}
h1,h2,h3,p,dl,dd{margin:0}
h1,h2,h3,.wordmark,dt{font-family:Georgia,'Times New Roman',serif;font-weight:400}
h2{font-size:43px;line-height:52px}
a{color:inherit}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
.skip-link{position:fixed;left:20px;top:16px;z-index:5;transform:translateY(-200%);padding:12px 20px;background:var(--paper);min-height:48px}
.skip-link:focus{transform:translateY(0)}
.masthead{height:93px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:16px}
.wordmark{font-size:28px;line-height:36px;white-space:nowrap}
.descriptor{font-size:14px;line-height:20px;padding-top:13px}
.mobile-descriptor{display:none}
.hero{position:relative;min-height:596px}
.hero-photo{width:100%;height:596px;object-fit:cover;object-position:center bottom}
.hero-panel{position:absolute;top:24px;bottom:24px;left:24px;width:min(470px,37vw);padding:36px 32px 32px;background:var(--sage)}
.eyebrow{font-size:14px;line-height:20px;text-transform:uppercase}
h1{font-size:min(68px,5.3vw);line-height:1.2;margin-top:16px}
.hero-copy{margin-top:56px;font-size:17px;line-height:26px}
.primary-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:174px;min-height:48px;margin-top:40px;padding:10px 20px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:16px;line-height:24px;white-space:nowrap;transition:background-color .15s}
.primary-action span{font-size:20px}
.primary-action:hover{background:#3b5142}
.offering{margin-top:32px}
.section-intro{margin-top:12px}
.offering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:36px}
.offering-photo{width:100%;height:clamp(90cqw,560px,103cqw);object-fit:cover;object-position:center}
.offering-grid article{container-type:inline-size;min-width:0}
.offering h3{font-size:30px;line-height:38px;margin-top:24px}
.offering article p{margin-top:8px;max-width:480px}
.menu-panel{display:grid;grid-template-columns:calc(30% - 48px) repeat(2,minmax(0,1fr));column-gap:48px;margin-top:96px;padding:56px 48px 48px;background:var(--sage)}
.menu-intro>p{margin-top:12px}
.menu-intro .concept-label{margin-top:32px;font-size:12px;line-height:18px;text-transform:uppercase;color:var(--secondary)}
.menu-category h3{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:20px;text-transform:uppercase;margin:0 0 24px}
.menu-category dl>div{border-top:1px solid var(--rule);padding-top:20px;margin-top:24px}
.menu-category dl>div:first-child{margin-top:0}
dt{font-size:23px;line-height:30px}
dd{color:var(--secondary);font-size:17px;line-height:24px;margin-top:6px}
.footer{border-top:1px solid var(--rule);margin-top:80px;padding-top:24px;padding-bottom:40px;color:var(--secondary);font-size:14px;line-height:22px}
.footer-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer .wordmark{font-size:32px;line-height:40px;color:var(--ink)}
.footer-note{margin-top:20px}
.photo-credit{margin-top:16px;font-size:12px;line-height:18px}
.error-main{max-width:760px;margin-block:96px}
.error-main h1{font-size:clamp(43px,6vw,68px);margin-block:16px 24px}
.error-main .primary-action{width:max-content}
@media(min-width:900px) and (max-width:1279px){.hero-copy{margin-top:40px}.primary-action{margin-top:32px}}
@media(max-width:1023px){.menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.menu-intro{grid-column:1/-1}}
@media(max-width:899px){
 :root{--edge:20px}
 body{font-size:16px;line-height:26px}
 .masthead{height:76px;padding-top:20px;gap:16px}
 .wordmark{font-size:23px;line-height:28px}
 .descriptor{padding-top:7px}
 .desktop-descriptor{display:none}.mobile-descriptor{display:block}
 .hero{min-height:0}
 .hero-photo{height:235px}
 .hero-panel{position:static;width:auto;min-height:335px;margin-top:16px;padding:20px}
 .eyebrow{font-size:12px;line-height:20px}
 h1{font-size:43px;line-height:47px;margin-top:8px}
 .hero-copy{font-size:16px;line-height:23px;margin-top:24px}
 .primary-action{width:158px;margin-top:30px}
 .offering{border-top:1px solid var(--rule);margin-top:32px;padding-top:4px}
 h2{font-size:32px;line-height:40px}
 .section-intro{font-size:15px;line-height:24px;margin-top:8px}
 .offering-grid{margin-top:32px}
 .offering h3{font-size:26px;line-height:34px}
 .menu-panel{margin-top:72px;padding:24px;row-gap:40px}
 .menu-intro h2{font-size:36px;line-height:44px}
 .menu-intro>p{margin-top:8px}
 .menu-intro .concept-label{margin-top:32px}
 dd{font-size:16px}
 .footer{margin-top:56px;padding-top:24px;padding-bottom:32px}
 .footer .wordmark{font-size:26px;line-height:34px}
}
@media(min-width:640px) and (max-width:899px){.hero-photo{height:auto;aspect-ratio:350/235;object-fit:cover}}
@media(max-width:639px){
 .offering-grid,.menu-panel{grid-template-columns:minmax(0,1fr)}
 .offering-grid{gap:64px}
 .coffee-photo{height:auto;aspect-ratio:1/.98}
 .pastry-photo{height:auto;aspect-ratio:1/1.08}
 .menu-intro{grid-column:auto}
 .menu-category dl>div{margin-top:32px;padding-top:20px}
 .menu-category dl>div:first-child{margin-top:0}
 .menu-category h3{margin-bottom:24px}
 .menu-panel{padding-bottom:48px;row-gap:32px}
 .footer-heading{display:block}
 .footer-heading p{margin-top:20px;max-width:350px}
 .footer-note{display:none}
 .photo-credit{margin-top:24px}
}
@media(max-width:389px){.hero-panel{min-height:359px}.hero-copy{margin-top:24px}.primary-action{margin-top:30px}}
@media(max-width:359px){h1{font-size:37px}.masthead{gap:8px}.descriptor{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}