@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap');
:root{--ink:#252321;--cream:#f5efe2;--line:#c9bbaa;--olive:#a34b30;--rust:#a34b30}header{background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line)}.brand,.logo-crop{display:block;position:relative;width:135px;height:67px;overflow:hidden;background:#1e1c1c}.logo{position:absolute;width:295px;height:auto;max-width:none;left:-80px;top:-63px}header .button{background:var(--ink);color:var(--cream)}nav a{font-weight:700}h1,h2,h3,blockquote{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800}.hero{grid-template-columns:1.08fr 1fr;padding:40px 5% 45px;gap:5%;min-height:590px}.intro{padding:15px 0 5px}h1{font-size:clamp(58px,6.1vw,94px);line-height:.96;letter-spacing:-4.5px;margin-bottom:26px}h1 em{font-style:normal;font-weight:800;color:var(--rust)}.lead{color:#655c50}.location{margin-top:27px}.hero-photo{min-height:500px;margin:0 12px 12px 0;box-shadow:12px 12px 0 var(--rust)}.hero-photo>img{object-position:center 56%;animation-duration:30s}.photo-label{left:auto;right:20px;bottom:22px;width:112px;height:112px;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:rotate(9deg);font:800 21px/.95 'Bricolage Grotesque',sans-serif;text-align:center;letter-spacing:0;box-shadow:0 2px 15px #0002}.tile-band{display:grid;grid-template-columns:repeat(32,1fr);gap:3px;background:#b8a58c;padding:3px 0;border-top:1px solid #b8a58c;border-bottom:1px solid #b8a58c}.tile-band i{aspect-ratio:1;background:#352e29;box-shadow:inset 0 0 5px #0003}.tile-band i:nth-child(3n){background:#a34b30}.tile-band i:nth-child(5n){background:#d0b68c}.tile-band i:nth-child(7n){background:#735846}.tile-band i:nth-child(11n){background:#c1774d}.ribbon{background:var(--ink);color:var(--cream);font-size:9px;letter-spacing:1.4px;padding:19px 5%}h2{font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-2.5px}.section{padding:85px 7%}.food-story{grid-template-columns:1.15fr 1fr;gap:7%}.food-story>img{height:480px;object-position:center 45%}.food-story>div{position:relative;padding:20px 0 170px;max-width:380px}.food-story h3{font-size:42px;line-height:1;letter-spacing:-1.5px;margin:0 0 20px}.fruit-photo{position:absolute;bottom:0;right:0;width:150px;height:150px;margin:0;border:6px solid var(--cream);outline:1px solid var(--line)}.food-story>div:after{content:'A LITTLE SOMETHING GOOD.';position:absolute;left:0;bottom:60px;width:130px;font-size:10px;line-height:1.5;letter-spacing:1px;color:var(--rust);font-weight:700}.number{color:var(--rust)}article h3{font-size:25px;letter-spacing:-.6px}article p{font-size:13px}.local{grid-template-columns:1fr 1fr;background:var(--rust);color:var(--cream)}.local-copy{padding:65px 12%;align-self:center}.local-copy p:not(.eyebrow){color:var(--cream)}.local-copy .eyebrow{font-size:9px}.review{background:#e9dfcd;padding-top:60px;padding-bottom:60px}blockquote{font-size:38px;letter-spacing:-1px}.visit{background:var(--ink);gap:15%;position:relative}.visit:before{content:'';position:absolute;top:0;left:0;width:100%;height:12px;background:repeating-linear-gradient(90deg,var(--rust) 0 38px,#c3a57e 38px 76px,#544237 76px 114px,var(--ink) 114px 152px)}.visit h2{font-size:60px}.button{transition:background .2s}.button:hover{background:var(--rust);color:white}@media(min-width:1550px){.hero{gap:8%;padding-left:8%;padding-right:8%;min-height:650px}.hero-photo{max-height:620px}header{padding:0 8%}}@media(max-width:800px){header{height:85px;padding:0 5%}.brand,.logo-crop{width:100px;height:52px}.logo{width:220px;left:-60px;top:-46px}nav{gap:18px}nav>a:first-child{display:none}nav a{font-size:11px}nav .button{padding:13px 16px}.hero{grid-template-columns:1fr;padding:30px 6% 35px;gap:25px}.intro{padding:0}h1{font-size:61px;letter-spacing:-3.5px;line-height:.98;margin-bottom:22px}.eyebrow{font-size:9px;margin-bottom:23px}.lead{font-size:13px}.location{margin:23px 0 0}.hero-photo{min-height:400px}.photo-label{width:95px;height:95px;font-size:18px}.actions{gap:21px}.tile-band{grid-template-columns:repeat(16,1fr)}.tile-band i:nth-child(n+17){display:none}.ribbon{font-size:8px;padding:17px 6%}.section{padding:55px 6%}h2{font-size:43px;letter-spacing:-2px}.food-story{grid-template-columns:1fr;gap:28px}.food-story>img{height:410px}.food-story>div{max-width:none;padding-bottom:170px}.food-story h3{font-size:38px}.local{grid-template-columns:1fr}.local-copy{padding:45px 7%}.local-copy h2{font-size:48px}blockquote{font-size:30px}.visit{gap:35px}.visit h2{font-size:48px}}@media(max-width:370px){h1{font-size:54px}nav{gap:12px}.textlink{font-size:11px}}
.logo{top:-45px}.photo-label{padding:8px;font-size:20px;letter-spacing:-.5px}@media(max-width:800px){.logo{top:-32px}.photo-label{font-size:17px}}
.google-rating{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 30px}.google-rating .stars{font-size:24px;letter-spacing:5px;color:#9c482f}.google-rating strong{font-size:26px}.google-rating small{font-size:13px;font-weight:500}.google-rating>span:last-child,.review-credit{font-size:11px;color:#695d4d}.review-credit{margin:-12px 0 24px}.map-section{background:var(--cream)}.map-section iframe{display:block;width:100%;height:400px}.map-caption{padding:20px 7%;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid var(--line)}@media(max-width:800px){.map-section iframe{height:320px}.map-caption{flex-direction:column;gap:10px}}.google-rating .stars{background:linear-gradient(90deg,#9c482f 90%,#c7b9a5 90%);color:transparent;background-clip:text;-webkit-background-clip:text}
body{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%237c6044' opacity='.075' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
header,.map-section{background-color:transparent}.tile-band i{background-image:linear-gradient(125deg,#ffffff18,transparent 40%,#00000017),repeating-linear-gradient(85deg,transparent 0 8px,#ffffff05 8px 9px);box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 3px #0005}.local,.review,.visit{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath opacity='.065' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
header{background:#1e1c1c;color:var(--cream);border-bottom-color:#38332e}header .button{background:var(--cream);color:var(--ink);border-color:var(--cream)}header .button:hover{background:#e2d2b8}.brand,.logo-crop{background:#1e1c1c}
.button{border-radius:999px}.hero-photo{border-radius:24px;box-shadow:10px 10px 0 var(--rust)}.hero-photo>img{border-radius:24px}.food-story>img{border-radius:22px}.fruit-photo{border-radius:18px}.store-photo{padding:24px}.store-photo img{border-radius:22px}.map-section iframe{border-radius:20px}.map-section{padding:24px 3% 0}.map-caption{padding-left:4%;padding-right:4%}@media(max-width:800px){.hero-photo,.hero-photo>img{border-radius:20px}.food-story>img{border-radius:18px}.store-photo{padding:18px}.store-photo img{border-radius:18px}.map-section{padding:18px 4% 0}}
.hero-photo{box-shadow:none}.tile-band{height:9px;padding:0;gap:2px;border:0}.tile-band i{height:9px;aspect-ratio:auto}.hero,.menu{position:relative;isolation:isolate}.hero:before,.menu:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/cafe-doodles.png') 30px 25px/760px repeat;opacity:.105}.hero .intro{position:relative}.hero .intro:before{content:'';position:absolute;inset:-15px -30px;z-index:-1;background:radial-gradient(ellipse,#f5efe2d9 30%,#f5efe240 75%,transparent)}.menu:before{opacity:.075}.visit:before{height:9px}@media(max-width:800px){.hero:before,.menu:before{background-size:580px}.hero:before{opacity:.09}}
.hero,.menu{overflow:hidden}
.hero:before,.menu:before{background-image:url("assets/cafe-silhouettes.png");opacity:.105}.hero .intro:before{background:radial-gradient(ellipse,#f5efe2b0 20%,#f5efe220 75%,transparent)}
