:root{--ink:#273029;--sage:#869476;--sage2:#596a50;--cream:#f7f1e5;--paper:#fffaf0;--butter:#f2d979;--peach:#d97c5e;--line:#d9d1c1;--muted:#6e7169;--max:1180px;--radius:28px;--shadow:0 18px 50px rgba(39,48,41,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Avenir,"Helvetica Neue",Arial,sans-serif;line-height:1.6}img{display:block;width:100%}a{color:inherit}button,input,textarea,select{font:inherit}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.demo-bar{background:var(--butter);padding:8px 18px;text-align:center;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-bar a{text-decoration-thickness:2px}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,250,240,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(39,48,41,.12)}.nav{max-width:var(--max);min-height:82px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-weight:700;letter-spacing:-.035em;font-size:1.25rem;line-height:1}.brand-mark{width:42px;height:42px;border-radius:50% 50% 46% 54%;display:grid;place-items:center;background:var(--sage2);color:var(--cream);font-family:Georgia,serif;font-size:1.45rem;transform:rotate(-5deg)}.brand small{display:block;margin-top:6px;font-family:Inter,Avenir,sans-serif;font-size:.57rem;letter-spacing:.16em;text-transform:uppercase;color:var(--peach)}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a{text-decoration:none;font-size:.82rem;font-weight:850}.nav-links a:hover{color:var(--peach)}.nav-visit{padding:11px 17px;border-radius:999px;background:var(--ink);color:white!important}.menu-toggle{display:none;border:1px solid var(--ink);border-radius:999px;background:transparent;padding:9px 14px}.container{max-width:var(--max);margin:auto;padding-inline:22px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--peach);font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:var(--butter);color:var(--ink);font-size:.84rem;font-weight:950;text-decoration:none;box-shadow:0 5px 0 #c3a74f;transition:.2s}.button:hover{transform:translateY(2px);box-shadow:0 3px 0 #c3a74f}.button.dark{background:var(--ink);color:white;box-shadow:0 5px 0 #111}.button.ghost{background:transparent;border:1px solid currentColor;box-shadow:none}.hero{min-height:720px;position:relative;display:grid;align-items:center;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/cafe-hero.webp') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,31,26,.82),rgba(25,31,26,.42) 48%,rgba(25,31,26,.06) 75%)}.hero-copy{max-width:650px;color:white;padding:90px 0 120px}.hero h1,.page-hero h1,.section h2,.visit-copy h2,.hashtag h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:.92;letter-spacing:-.055em;text-wrap:balance}.hero h1{font-size:clamp(4.2rem,9vw,7.8rem);margin:20px 0 28px}.hero p{max-width:570px;font-size:1.12rem;color:#f5f0e7;margin:0 0 30px}.hero .eyebrow{color:var(--butter)}.quick-strip{background:var(--sage2);color:white}.quick-grid{min-height:88px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;text-align:center}.quick-grid strong{display:block;font-family:Georgia,serif;font-size:1.1rem}.quick-grid span{display:block;color:#d9e0d4;font-size:.78rem}.section{padding-block:105px}.section.cream{background:var(--cream)}.section.sage{background:var(--sage2);color:white}.section-head{display:grid;grid-template-columns:1.1fr .75fr;gap:60px;align-items:end;margin-bottom:50px}.section h2,.visit-copy h2,.hashtag h2{font-size:clamp(2.8rem,6vw,5.3rem);margin:14px 0 0}.section-head p{margin:0;color:var(--muted)}.section.sage .section-head p{color:#d6ddd2}.menu-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.menu-card{min-height:290px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);display:flex;flex-direction:column}.menu-card:nth-child(2){background:var(--butter);transform:rotate(1deg)}.menu-card:nth-child(3){background:#e8b59f;transform:rotate(-1deg)}.menu-card .icon{font-size:2rem}.menu-card h3{font-family:Georgia,serif;font-size:2rem;line-height:1;margin:auto 0 14px}.menu-card p{margin:0;color:#565d56}.mosaic{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:260px 260px;gap:14px}.mosaic img{height:100%;object-fit:cover;border-radius:22px}.mosaic .tall{grid-row:1/3}.mosaic .wide{grid-column:2/4}.hashtag{background:var(--butter);padding:88px 0}.hashtag .container{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.hashtag h2{margin:10px 0 14px}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{padding:12px 16px;border:2px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:900;background:rgba(255,255,255,.25)}.visit-split{display:grid;grid-template-columns:.85fr 1.15fr;min-height:560px;background:var(--ink);color:white}.visit-copy{padding:clamp(55px,8vw,100px);display:flex;flex-direction:column;justify-content:center}.visit-copy p{color:#cbd3ca}.hours{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:20px 0 28px}.hours span:nth-child(even){text-align:right}.map-wrap{position:relative;min-height:420px}.map-wrap iframe{width:100%;height:100%;border:0;display:block}.map-note{position:absolute;left:18px;bottom:18px;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:999px;font-size:.72rem;font-weight:900;box-shadow:var(--shadow)}.page-hero{padding:100px 0 80px;background:var(--sage2);color:white;position:relative;overflow:hidden}.page-hero:after{content:"J&F";position:absolute;right:-20px;bottom:-80px;font-family:Georgia,serif;font-size:18rem;color:rgba(255,255,255,.055);line-height:1}.page-hero h1{font-size:clamp(4rem,8vw,7rem);margin:18px 0 20px}.page-hero p{max-width:680px;color:#dce3d8}.menu-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.menu-group{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:white}.menu-group.featured{background:var(--butter)}.menu-group h2{font-size:2.4rem!important;margin:0 0 24px!important}.menu-item{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:14px 0;border-bottom:1px dashed #c9c1b1}.menu-item:last-child{border:0}.menu-item strong{font-family:Georgia,serif;font-size:1.08rem}.menu-item p{grid-column:1/3;margin:0;color:var(--muted);font-size:.84rem}.menu-note{margin-top:28px;padding:20px;border-left:4px solid var(--peach);background:#fff2e8}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:14px}.gallery-grid figure{margin:0;overflow:hidden;border-radius:22px;position:relative}.gallery-grid img{height:100%;object-fit:cover;transition:transform .4s}.gallery-grid figure:hover img{transform:scale(1.03)}.gallery-grid figure:nth-child(1){grid-column:span 7;grid-row:span 3}.gallery-grid figure:nth-child(2){grid-column:span 5;grid-row:span 2}.gallery-grid figure:nth-child(3){grid-column:span 5;grid-row:span 2}.gallery-grid figure:nth-child(4){grid-column:span 4;grid-row:span 2}.gallery-grid figure:nth-child(5){grid-column:span 4;grid-row:span 2}.gallery-grid figure:nth-child(6){grid-column:span 4;grid-row:span 2}.gallery-grid figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(39,48,41,.84);color:white;font-size:.68rem;font-weight:850}.visit-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.visit-card{padding:35px;border-radius:var(--radius);background:white;border:1px solid var(--line)}.visit-card h2{font-size:2.6rem!important;margin:0 0 18px!important}.transit{display:grid;gap:12px}.transit div{padding:16px;border-radius:14px;background:var(--cream);font-weight:800}.demo-cta{padding:70px 0;background:var(--peach);color:var(--ink)}.demo-cta .container{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.demo-cta h2{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.3rem);line-height:.98;margin:0}.site-footer{background:#1d241f;color:white;padding:66px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.6fr);gap:44px}.footer-grid h3{color:var(--butter);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.footer-grid p,.footer-grid a{color:#bfc8be;font-size:.86rem}.footer-grid a{display:block;margin:8px 0;text-decoration:none}.footer-grid a:hover{color:var(--butter)}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:46px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#94a095;font-size:.76rem}.sticky-demo{display:none}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:82px;inset-inline:0;background:var(--paper);padding:20px 22px 28px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.section-head,.hashtag .container,.demo-cta .container{grid-template-columns:1fr}.menu-preview{grid-template-columns:1fr 1fr}.quick-grid{padding-block:20px}.visit-split{grid-template-columns:1fr}.map-wrap{min-height:440px}.footer-grid{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:320px 220px}.mosaic .tall{grid-row:auto}.mosaic .wide{grid-column:1/3}.gallery-grid figure:nth-child(n){grid-column:span 6;grid-row:span 2}}
@media(max-width:620px){body{padding-bottom:68px}.demo-bar{font-size:.65rem}.nav{min-height:70px;padding-inline:15px}.nav-links{top:70px}.brand{font-size:1rem}.brand-mark{width:36px;height:36px}.hero{min-height:670px}.hero:before{background-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(25,31,26,.88),rgba(25,31,26,.34))}.hero h1{font-size:clamp(3.6rem,18vw,5.4rem)}.hero-copy{padding-block:80px 120px}.quick-grid{grid-template-columns:1fr;gap:15px}.section{padding-block:72px}.section-head{gap:25px}.menu-preview,.menu-sections,.visit-cards{grid-template-columns:1fr}.menu-card:nth-child(n){transform:none}.mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:300px 220px 220px}.mosaic .wide{grid-column:auto}.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:280px}.gallery-grid figure:nth-child(n){grid-column:auto;grid-row:auto}.visit-copy{padding:60px 22px}.page-hero{padding:80px 0 65px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.sticky-demo{position:fixed;z-index:60;display:flex;bottom:0;inset-inline:0;min-height:62px;background:var(--butter);align-items:center;justify-content:center;gap:10px;font-size:.82rem;font-weight:950;padding:9px 13px;box-shadow:0 -8px 25px rgba(0,0,0,.16)}.sticky-demo a{background:var(--ink);color:white;padding:8px 11px;border-radius:999px;text-decoration:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}