:root{--cream:#fff9ed;--brown:#35251f;--rust:#a1442c;--pink:#e9b7a5;--sage:#c2ccaa;--muted:#8b7261}body{background:var(--cream);color:var(--brown);font-family:Arial,Helvetica,sans-serif}.demo-dot{background:var(--pink)}.site-header{height:118px;max-width:1440px;margin:auto;padding:0 80px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:bold 27px/.77 Georgia,serif;letter-spacing:-1.2px;color:var(--rust);text-decoration:none}.brand svg{width:31px;height:42px;fill:none;stroke:var(--rust);stroke-width:2}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:1.8px;margin-top:12px;color:var(--brown)}.site-header nav{display:flex;gap:31px;align-items:center;font-size:11px}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{background:var(--rust);color:var(--cream);border:0;padding:13px 22px;border-radius:30px;font-size:11px}.nav-cta:hover{background:#803724}.nav-cta span{margin-left:21px;font-size:17px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:15px 80px 65px;gap:60px;align-items:center}.hero-copy{padding:12px 0}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2px;margin:0 0 26px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow span{font-size:25px;color:var(--rust)}h1{font:bold clamp(54px,5.4vw,77px)/.96 Georgia,serif;letter-spacing:-4px;margin:0 0 30px}h1 em{color:var(--rust);font-weight:400}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:300px;margin:0 0 26px;color:#796351}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:0;background:var(--rust);color:var(--cream);padding:16px 25px;border-radius:35px;text-decoration:none;font-size:11px}.button:hover{background:#803724}.button span{font-size:20px}.hero-signoff{margin-top:29px;display:flex;align-items:center;gap:10px;color:var(--rust)}.handwritten{font:italic 19px Georgia,serif}.hero-signoff svg{width:85px;fill:none;stroke:var(--rust);stroke-width:1.5}.hero-visual{height:520px;position:relative;overflow:hidden;border-radius:46% 46% 8px 8px;background:var(--pink)}.hero-visual img{width:100%;height:100%;object-fit:cover}.visual-sticker{position:absolute;right:24px;top:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--cream);width:115px;height:115px;transform:rotate(10deg);border-radius:50%;font-size:8px;letter-spacing:1.2px;text-align:center;box-shadow:0 3px 0 #b88b7150}.visual-sticker i{font:italic 20px Georgia,serif;letter-spacing:-.6px;margin-top:8px}.visual-caption{position:absolute;bottom:14px;left:20px;font-size:7px;background:#fff9edbd;padding:5px 8px;color:#725640}.ticker{display:flex;justify-content:center;align-items:center;gap:34px;padding:24px;background:var(--rust);color:var(--cream);font:17px Georgia,serif}.ticker i{font-style:normal;color:#e7b297;font-size:24px}.section{padding:92px max(40px,calc((100vw - 1200px)/2))}h2{font:bold clamp(37px,3.8vw,53px)/1.04 Georgia,serif;letter-spacing:-2.5px;margin:0 0 26px}h2 em{color:var(--rust);font-weight:400}.menu-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.menu-heading h2{margin:0}.menu-heading>p{font-size:12px;line-height:1.9;color:#796351;max-width:295px;margin:0 0 4px}.menu-filters{display:flex;gap:10px;margin:35px 0 32px}.menu-filters button{font-size:10px;padding:12px 20px;border:1px solid #c9bda8;background:transparent;border-radius:30px;color:var(--brown)}.menu-filters button[aria-pressed=true]{background:var(--brown);color:var(--cream);border-color:var(--brown)}.menu-filters button:hover{border-color:var(--rust)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}.item-art{height:225px;position:relative;overflow:hidden;background:#e6d4b9;border-radius:5px}.cup{width:120px;height:120px;border:14px solid #f7edda;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#a1653f;box-shadow:6px 8px 0 #f1e1c2,13px 16px 24px #92755055}.cup:after{content:'';position:absolute;right:-46px;top:20px;width:38px;height:48px;border:12px solid #f7edda;border-left:0;border-radius:0 80% 80% 0;transform:rotate(-16deg)}.cup span{display:block;position:absolute;width:45px;height:61px;border-radius:50%;left:25px;top:18px;background:#efd3a5;transform:rotate(-27deg)}.cup span:before{content:'';position:absolute;left:12px;top:12px;width:26px;height:40px;border-radius:50%;background:#a1653f}.cup span:after{content:'';position:absolute;left:11px;top:9px;width:23px;height:34px;border-radius:50%;background:#efd3a5}.item-art>i{position:absolute;bottom:22px;left:27px;width:12px;height:22px;border:1px solid #76604c;border-radius:50%;background:#7e573f;transform:rotate(32deg);box-shadow:18px -15px #77523b,-17px -9px #866345}.flatwhite{background:#d5d8bb}.flatwhite .cup{width:111px;height:111px;border-width:12px;background:#92573a}.flatwhite .cup span{width:35px;height:45px;left:25px;top:22px}.flatwhite .cup span:before{left:11px;width:20px;height:26px}.flatwhite .cup span:after{left:9px;width:16px;height:23px}.sourdough{background:#eed9c6}.plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-14deg);width:165px;height:165px;background:#f7edda;border-radius:50%;box-shadow:9px 10px 18px #a08c7455;border:10px solid #f0e5d0}.toast{position:absolute;inset:17px 30px;background:#c48f50;border:7px solid #a46c37;border-radius:45% 45% 15% 15%;transform:rotate(25deg)}.toast>span{position:absolute;inset:4px;background:#86984d;border-radius:45% 45% 15% 15%;box-shadow:inset 6px 6px 8px #a5b069}.toast>span:before{content:'';position:absolute;left:10px;top:16px;width:21px;height:21px;background:#f5e4d3;border:3px solid #b66463;border-radius:50%;box-shadow:15px 30px 0 -4px #f5e4d3,-2px 48px 0 -4px #b66463}.toast>span:after{content:'';position:absolute;right:2px;top:36px;width:22px;height:8px;border-radius:50%;background:#466d39;transform:rotate(30deg);box-shadow:-10px 26px 0 -1px #466d39}.granola{background:#cad1b6}.bowl{width:145px;height:145px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#efe5d0;border:13px solid #fff5e0;box-shadow:8px 10px 20px #87927855}.bowl:before{content:'';position:absolute;inset:18px 2px 26px 40px;border-radius:60%;background:repeating-linear-gradient(35deg,#b48b57 0 5px,#d6b174 5px 10px,#a9804d 10px 13px)}.bowl i{position:absolute;left:15px;top:20px;width:22px;height:23px;background:#84648a;border-radius:50%;box-shadow:9px 24px #71567b}.bowl i:nth-child(2){left:23px;top:69px;width:24px;height:24px;background:#af594d;box-shadow:none}.bowl i:nth-child(3){left:67px;top:12px;width:27px;height:27px;background:#ce7059;box-shadow:none}.bowl i:nth-child(4){left:51px;top:58px;width:26px;height:15px;border-radius:50%;background:#76965b;box-shadow:none;transform:rotate(-35deg)}.bowl i:nth-child(5){left:52px;top:28px;width:21px;height:13px;border-radius:50%;background:#8cab67;box-shadow:none;transform:rotate(20deg)}.cake{background:#e9c5b1}.cake-slice{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%) rotate(-12deg);width:130px;height:100px;background:#cea766;clip-path:polygon(9% 15%,80% 0,100% 86%,15% 100%)}.cake-slice:before{content:'';position:absolute;inset:8px 8px 14px;background:#e7c888;clip-path:polygon(0 15%,84% 0,100% 83%,6% 100%)}.cake-slice:after{content:'';position:absolute;inset:0 0 72px;background:#f5e6b9}.cake-slice span{position:absolute;top:40px;left:35px;width:6px;height:7px;background:#c39b60;box-shadow:25px 20px #c39b60,40px 3px #c39b60,3px 35px #c39b60;z-index:2}.cake:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-32%);width:165px;height:140px;border-radius:50%;background:#f4e9d8;box-shadow:7px 12px 20px #aa846333}.cinnamon{background:#e6d5b0}.roll{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);width:140px;height:140px;border-radius:45%;background:#cf9a56;box-shadow:8px 10px 20px #9a7a5455;border:10px solid #b78344}.roll>i{position:absolute;inset:11px;border:8px solid #9b6738;border-radius:50%}.roll>i:before{content:'';position:absolute;inset:7px;border:7px solid #f0c489;border-radius:50%}.roll>i:after{content:'';position:absolute;inset:19px;border:8px solid #996233;border-radius:50%}.item-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:20px 0 10px}.item-heading h3{font:bold 23px Georgia,serif;letter-spacing:-.7px;margin:0}.item-heading>span{font-size:11px;color:var(--rust);white-space:nowrap}.menu-grid article>p{font-size:11px;line-height:1.85;color:#796351;margin:0 0 12px}.menu-grid article>small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.menu-note{font-size:9px;color:var(--muted);line-height:1.6;margin:35px 0 0}.story{background:#f0e5d0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-art{height:455px;position:relative;background:linear-gradient(#b5bc9a 0 76%,#b58c66 76%);overflow:hidden;border-radius:43% 43% 3px 3px}.cafe-window{position:absolute;left:18%;top:10%;width:59%;height:260px;background:linear-gradient(#dccdac 0 35%,#949e77 35% 68%,#b5b091 68%);border:12px solid #f4e8cd;border-radius:42% 42% 0 0;box-shadow:12px 14px 20px #6d77523d}.cafe-window:before{content:'';position:absolute;left:48%;height:100%;width:7px;background:#f4e8cd}.cafe-window:after{content:'';position:absolute;left:0;right:0;top:59%;height:7px;background:#f4e8cd}.cafe-table{position:absolute;left:22%;top:70%;width:58%;height:25px;background:#6d482c;border-radius:50%;box-shadow:0 9px 0 #7d5535}.cafe-table:before{content:'';position:absolute;left:47%;top:24px;width:8px;height:120px;background:#6d482c}.cafe-table:after{content:'';position:absolute;left:35%;top:115px;width:33%;height:9px;background:#6d482c;border-radius:50%}.cafe-table i{position:absolute;bottom:17px;left:29%;height:29px;width:25px;background:#f5e4c4;border-radius:0 0 7px 7px;box-shadow:0 4px 0 3px #c2ad88}.cafe-table i+ i{left:auto;right:23%;background:#b06a4d}.cafe-stool{position:absolute;left:15%;bottom:48px;width:73px;height:23px;background:#ad6847;border-radius:50%;box-shadow:0 6px 0 #794729}.cafe-stool:before,.cafe-stool:after{content:'';position:absolute;top:22px;left:10px;height:70px;width:5px;background:#69452d;transform:rotate(9deg)}.cafe-stool:after{left:auto;right:10px;transform:rotate(-9deg)}.cafe-stool.right{left:auto;right:10%;background:#dfb07d}.cafe-plant{position:absolute;right:2%;top:47%;width:90px;height:120px}.cafe-plant:before{content:'';position:absolute;bottom:0;left:26px;width:48px;height:60px;background:#ad7351;border-radius:0 0 10px 10px}.cafe-plant:after{content:'';position:absolute;left:45px;bottom:55px;height:100px;width:4px;background:#506943}.cafe-plant span{position:absolute;left:8px;bottom:72px;width:45px;height:80px;border-radius:100% 0 100% 0;background:#6c8754;transform:rotate(-16deg)}.cafe-plant span:after{content:'';position:absolute;left:31px;top:-21px;width:43px;height:78px;border-radius:100% 0 100% 0;background:#7a955c;transform:rotate(90deg)}.art-sign{position:absolute;left:22px;bottom:25px;font:17px/.95 Georgia,serif;letter-spacing:-.8px;color:#fff0d3;transform:rotate(-10deg)}.art-sign i{font-size:25px}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#796351;max-width:400px}.story-details{display:flex;gap:40px;margin:29px 0;padding:20px 0;border-top:1px solid #cfc0a6;border-bottom:1px solid #cfc0a6;font-size:10px;color:#796351;line-height:1.8}.story-details strong{display:block;color:var(--brown);font-size:11px;font-weight:400}.story-copy>a{font-size:11px;text-decoration:none}.story-copy>a span{margin-left:32px;font-size:20px}.quote-section{padding:64px 24px 70px;text-align:center}.quote-section>span:first-child{font-size:35px;color:var(--rust)}.quote-section>p{font:bold 44px/1.1 Georgia,serif;letter-spacing:-2px;margin:18px 0 23px}.quote-section>p em{color:var(--rust);font-weight:400}.quote-credit{font-size:9px;color:var(--muted)}.visit{border-top:1px solid #ddceb4;display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:70px;padding-bottom:80px}.visit h2{font-size:58px}.visit-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:350px;color:#796351;margin:0 0 25px}.visit-note{font-size:9px!important;line-height:1.7!important;margin-top:20px!important;color:var(--muted)!important}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:35px}.visit-details h3{font:bold 24px Georgia,serif;letter-spacing:-1px;margin:0 0 23px}.visit-details dl{font-size:10px;line-height:1.6;margin:0}.visit-details dt{font-weight:600;margin-top:17px}.visit-details dd{margin:5px 0 0;color:#796351}.small-note{display:block;font-size:8px;color:var(--muted);margin-top:24px;line-height:1.7}.location-card{background:#f0e5d0;padding:22px 22px 25px;border-radius:100px 100px 5px 5px;text-align:center}.location-pin{display:block;font-size:30px;color:var(--rust);margin:12px 0 19px}.location-card h3{font-size:22px;margin-bottom:15px}.location-card p{font-size:10px;line-height:1.8;color:#796351}.location-card .small-note{font-size:7px}footer{background:var(--brown);color:var(--cream);padding:36px max(40px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font:bold 25px Georgia,serif;letter-spacing:-1.2px;text-decoration:none}.footer-brand span{margin-left:12px;color:var(--pink);font:30px Arial,sans-serif}footer p{font-size:9px;line-height:1.7;color:#c4ac97}footer>a:last-child{font-size:10px;text-decoration:none;border-bottom:1px solid #92775d;padding-bottom:8px}.reservation-dialog{max-width:570px;width:calc(100% - 32px);background:var(--cream);color:var(--brown);border:0;border-radius:6px;padding:32px;max-height:90vh;overflow:auto}.reservation-dialog::backdrop{background:#35251fc4;backdrop-filter:blur(4px)}.reservation-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.reservation-top .eyebrow{margin:0}.icon-close{background:transparent;color:var(--brown);font-size:27px;border:0;width:34px;height:34px}.reservation-dialog h2{font-size:36px;margin:17px 0;letter-spacing:-1.5px}.reservation-intro{font-size:12px;color:#796351;line-height:1.7;margin:0 0 25px}.reservation-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.reservation-dialog label{font-size:10px;min-width:0}.reservation-dialog input,.reservation-dialog select{display:block;width:100%;min-width:0;margin-top:9px;padding:12px 10px;border:1px solid #c9bda8;background:var(--cream);border-radius:3px;font-size:13px;color:var(--brown)}.wide{grid-column:1/-1}.reservation-dialog .button{width:100%;margin-top:1px}.reservation-day-note{color:var(--rust);font-size:10px;line-height:1.6;margin:0;min-height:16px}.reservation-dialog .form-note{font-size:9px;line-height:1.7;margin:0;color:#796351}
@media(max-width:1100px){.site-header{padding:0 40px}.hero{padding:10px 40px 55px;gap:35px}.hero-visual{height:490px}.ticker{gap:24px;font-size:14px}.section{padding:72px 40px}.story{gap:45px}.story-art{height:435px}.visit{gap:45px}.visit-details{gap:25px}.visual-sticker{width:100px;height:100px;right:20px;top:35px}.visual-sticker i{font-size:18px}.cafe-table{left:15%;width:65%}.cafe-window{left:15%;width:65%}.visit-details h3{font-size:21px}.location-card{padding:20px 15px}}@media(max-width:700px){.site-header{height:95px;padding:0 24px}.brand{font-size:25px}.brand small{font-size:6px;letter-spacing:1.5px}.site-header nav{display:none;position:absolute;top:95px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;align-items:stretch;gap:24px;font-size:14px;border-bottom:1px solid #ddceb4}.site-header nav.is-open{display:flex}.nav-cta{display:flex;justify-content:space-between;font-size:13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:16px 24px 35px;gap:30px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin:0 0 23px}.hero .eyebrow span{font-size:21px}h1{font-size:60px;letter-spacing:-3px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:320px;margin-bottom:25px}.hero-signoff{margin-top:22px}.handwritten{font-size:17px}.hero-visual{height:385px;border-radius:46% 46% 5px 5px}.visual-sticker{width:95px;height:95px;right:16px;top:24px;font-size:7px}.visual-sticker i{font-size:18px}.visual-caption{font-size:6px;left:14px;bottom:12px}.ticker{gap:15px;padding:20px 24px;flex-wrap:wrap;font-size:12px}.ticker span:last-child,.ticker i:last-of-type{display:none}.ticker i{font-size:18px}.section{padding:58px 24px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}h2{font-size:40px;letter-spacing:-1.8px}.menu-heading{display:block}.menu-heading>p{font-size:12px;margin:20px 0 0;max-width:100%}.menu-filters{gap:8px;margin:28px 0 26px;flex-wrap:wrap}.menu-filters button{padding:11px 15px;font-size:9px}.menu-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.item-art{height:160px}.item-heading{display:block;margin:16px 0 10px}.item-heading h3{font-size:20px;letter-spacing:-.5px}.item-heading>span{display:block;font-size:10px;margin-top:8px}.menu-grid article>p{font-size:10px;line-height:1.7}.menu-grid article>small{font-size:7px;line-height:1.7;display:block}.cup{width:93px;height:93px;border-width:10px}.cup:after{right:-31px;top:19px;width:25px;height:34px;border-width:8px}.cup span{width:31px;height:42px;left:22px;top:16px}.cup span:before{left:9px;top:8px;width:19px;height:29px}.cup span:after{left:8px;top:6px;width:16px;height:24px}.flatwhite .cup{width:85px;height:85px;border-width:9px}.flatwhite .cup span{width:26px;height:36px;left:17px;top:14px}.flatwhite .cup span:before{left:8px;width:15px;height:24px}.flatwhite .cup span:after{left:6px;width:14px;height:20px}.item-art>i{left:15px;bottom:18px;transform:scale(.7) rotate(32deg)}.plate{width:125px;height:125px;border-width:7px}.toast{inset:13px 20px;border-width:5px}.toast>span:before{left:5px;top:8px;width:17px;height:17px;box-shadow:14px 23px 0 -4px #f5e4d3,-2px 40px 0 -4px #b66463}.toast>span:after{top:28px;width:16px;height:6px;box-shadow:-10px 23px 0 -1px #466d39}.bowl{transform:translate(-50%,-50%) scale(.77)}.cake-slice{transform:translate(-50%,-40%) scale(.77) rotate(-12deg)}.cake:before{width:130px;height:115px}.roll{transform:translate(-50%,-50%) scale(.77) rotate(8deg)}.menu-note{font-size:8px}.story{display:flex;flex-direction:column;align-items:stretch;gap:34px}.story-art{height:395px}.cafe-window{height:225px}.cafe-table{top:68%}.cafe-stool{bottom:38px}.story-copy>p:not(.eyebrow){font-size:12px}.story-details{gap:33px;margin:24px 0;font-size:9px}.story-copy>a{font-size:10px}.quote-section{padding:46px 24px 48px}.quote-section>p{font-size:33px;letter-spacing:-1.6px}.quote-section>span:first-child{font-size:27px}.quote-credit{font-size:8px}.visit{display:block}.visit h2{font-size:50px}.visit-details{margin-top:38px;gap:20px}.visit-details h3{font-size:22px}.visit-details dl{font-size:10px}.location-card{padding:20px 15px}.location-card h3{font-size:21px}.location-card p{font-size:9px}.visit-copy>p:not(.eyebrow){font-size:12px}.visit-note{font-size:9px!important}footer{padding:30px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{font-size:20px}.footer-brand span{font-size:22px;margin-left:6px}footer p{font-size:8px}footer>a:last-child{grid-column:1/-1;width:max-content;font-size:9px}.reservation-dialog{padding:24px}.reservation-dialog h2{font-size:32px}.reservation-dialog input,.reservation-dialog select{font-size:16px;padding:11px 8px}.reservation-dialog .form-note{font-size:9px}}@media(max-width:370px){h1{font-size:52px}.menu-grid{gap:28px 12px}.item-heading h3{font-size:18px}.menu-filters{gap:6px}.menu-filters button{padding:10px 12px}.visit-details{grid-template-columns:1fr}.location-card{max-width:230px}.reservation-dialog form{grid-template-columns:1fr}.wide{grid-column:auto}}
.hero-visual .visual-sticker{top:98px;right:70px}
@media(max-width:1100px){.hero-visual .visual-sticker{top:90px;right:55px}}
@media(max-width:700px){.hero-visual .visual-sticker{top:100px;right:28px}}