@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure,dl,dd{margin:0}img,svg{display:block}a{color:inherit}}@layer base{:root{--cream:#fcf9f0;--navy:#0b1c30;--sage:#cbd0b7;--sage-line:#9ba991;--muted:#465044;--serif:"Baskerville", "Baskerville Old Face", "Times New Roman", serif;--sans:Arial, Helvetica, sans-serif;--page-gutter:clamp(1.25rem, 5vw, 5rem);--section-space:clamp(5rem, 8vw, 8rem)}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{background:var(--cream);color:var(--navy);font-family:var(--serif);-webkit-font-smoothing:antialiased;font-size:1.125rem}h1,h2,h3{font-weight:400}h1{letter-spacing:-.065em;font-size:clamp(3.5rem,7.6vw,8rem);font-weight:600;line-height:.99}h2{letter-spacing:-.045em;font-size:clamp(3rem,6.6vw,6.6rem);line-height:1.08}h3{letter-spacing:-.025em;font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1.2}a{text-underline-offset:.3em;text-decoration:none}a:focus-visible{outline-offset:6px;outline:2px solid}::selection{color:var(--navy);background:var(--sage)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}}@layer components{.container{width:min(100% - var(--page-gutter) * 2, 1440px);margin-inline:auto}.skip-link{z-index:100;background:var(--navy);color:var(--cream);padding:.8rem 1rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;background:var(--cream);position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:108px;display:grid}.brand{letter-spacing:.035em;white-space:nowrap;align-items:center;gap:1rem;width:fit-content;font-size:clamp(1.2rem,2vw,1.7rem);display:inline-flex}.reference-image.brand-mark{mix-blend-mode:darken;flex-shrink:0;width:58px}.site-header nav{gap:clamp(1.4rem,4.5vw,4.5rem);display:flex}.site-header nav a{letter-spacing:.035em;padding-block:.6rem;font-size:1.2rem;transition:color .28s;position:relative}.site-header nav a:after{content:"";background:var(--sage-line);opacity:0;transform-origin:50%;height:1px;transition:transform .46s cubic-bezier(.22,.8,.2,1),opacity .28s;position:absolute;bottom:.25rem;left:7%;right:7%;transform:scaleX(.35)}.site-header nav a:hover{color:var(--muted)}.site-header nav a:hover:after{opacity:.5;transform:scaleX(.7)}.site-header nav a[aria-current]{color:var(--muted)}.site-header nav a[aria-current]:after{opacity:1;transform:scaleX(1)}.header-inner>.button{justify-self:end}.button{min-height:54px;font-family:var(--sans);text-align:center;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.8rem;font-size:1rem;line-height:1.35;transition:background-color .16s,color .16s,border-color .16s;display:inline-flex}.button svg{flex-shrink:0;width:25px;height:25px}.social-link{align-items:center;gap:.6rem;display:inline-flex}.social-link svg,.direction-link svg{flex-shrink:0;width:22px;height:22px}.whatsapp-icon,.instagram-icon,.maps-icon,.waze-icon{transform-origin:50%;transition:transform .22s}@media (hover:hover) and (prefers-reduced-motion:no-preference){a:hover>.whatsapp-icon{transform:rotate(-8deg)}a:hover>.instagram-icon{transform:rotate(7deg)}a:hover>.maps-icon{transform:translateY(-2px)}a:hover>.waze-icon{transform:translate(2px,-1px)rotate(7deg)}}.button-primary{background:var(--navy);color:var(--cream)}.button-primary:hover{background:#293b47}.button-outline{border-color:var(--navy)}.button-outline:hover{background:var(--sage)}.button-light{color:var(--navy);background:var(--cream)}.button-light:hover{background:var(--sage)}.button-compact{min-height:44px;font-family:var(--serif);letter-spacing:.02em;padding:.5rem 1.8rem;font-size:1.3rem}.reference-image{width:100%;position:relative;overflow:hidden}.reference-image img{width:var(--image-width);max-width:none;height:auto;left:var(--image-left);top:var(--image-top);position:absolute}.hero{padding:1rem 0 4rem}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:1.5rem;min-height:min(680px,52vw);display:grid}.hero-copy{z-index:1;position:relative}.hero-copy .button{margin-top:2.8rem}.hero-image{mix-blend-mode:darken}.hero-image:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to right, transparent 91%, var(--cream) 100%);position:absolute;inset:0}.section-space{padding-block:var(--section-space)}.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:3.5rem;display:grid}.signature-item .reference-image{mix-blend-mode:darken}.signature-item figcaption{text-align:center;margin-top:1rem}.signature-item h3{font-size:clamp(1.35rem,2.1vw,2rem)}.signature-item p{margin-top:.5rem;font-size:1.25rem}.menu-scroll{text-align:center;margin-top:4.5rem}.text-link{border-bottom:1px solid;align-items:center;gap:.65rem;min-height:44px;font-size:1.2rem;transition:color .16s;display:inline-flex}.text-link:hover{color:#627055}.menu-scroll .text-link{border-color:#0000}.menu-scroll .text-link:hover{border-color:currentColor}.full-menu{padding-bottom:clamp(4rem,5vw,5rem)}.menu-order{justify-content:flex-end;margin-top:clamp(4rem,8vw,8rem);display:flex}.menu-order .button{border-color:var(--sage-line);font-family:var(--serif)}.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3.5rem);margin-top:4rem;display:grid}.menu-category h3{border-bottom:1px solid var(--sage-line);padding-bottom:.85rem}.menu-category dl{margin-top:1.65rem}.menu-row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem;margin-top:1.4rem;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.45;display:grid}.menu-row dd{white-space:nowrap;font-variant-numeric:tabular-nums}.order-section{background:var(--sage);text-align:center;padding-block:clamp(6rem,11vw,11rem)}.order-section h2{font-size:clamp(3rem,6vw,6rem)}.order-section .button{min-height:62px;margin-top:2.5rem;padding-inline:2.7rem;font-size:1.2rem}.order-section p{font-family:var(--sans);margin-top:1.5rem;font-size:1rem}.moments-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:1.5rem;display:grid}.moments-copy{color:var(--muted)}.moments-copy h2{font-size:clamp(3rem,5.7vw,5.8rem)}.moments-copy .text-link{margin-top:2rem}.moments-collage{grid-template-columns:1fr 1fr;align-items:start;padding:1.5rem .9rem;display:grid;position:relative}.moments-collage:before{content:"";background:#c2c7b4;position:absolute;inset:13% 33% 14%}.moment-photo{background:var(--cream);border:1px solid #d4d2c6;padding:.5rem}.moment-coffee{width:108%;position:relative;transform:rotate(-3deg)}.moment-table{margin-top:40%;position:relative;transform:rotate(3deg)}.find-inner{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:0;display:grid}.find-copy{flex-direction:column;min-width:0;padding:0 clamp(1.5rem,3vw,3rem) 0 clamp(0rem,2.5vw,2.5rem);display:flex}.brand-stamp{text-align:center;width:fit-content;margin-bottom:clamp(3rem,6vw,6rem)}.brand-stamp p{font-size:1.7rem}.brand-stamp span{font-family:var(--sans);text-transform:uppercase;letter-spacing:.35em;margin-top:.65rem;font-size:.75rem;line-height:1.9;display:block}.brand-stamp:after{content:"";background:var(--sage-line);width:15px;height:1px;margin:1.1rem auto 0;display:block}.address-block{gap:1.5rem;margin-top:2.5rem;display:flex;position:relative}.address-block>div{z-index:1;position:relative}.address-trail{width:calc(100% + clamp(1.5rem,3vw,3rem) - 16px);height:145px;color:var(--sage-line);pointer-events:none;position:absolute;top:44px;left:16px}.pin-icon{width:32px;height:44px;color:var(--sage-line);flex-shrink:0}address{font-size:clamp(1.4rem,2.1vw,2rem);font-style:normal;line-height:1.4}address span{display:block}.hours{margin-top:1.5rem;font-size:1.25rem}.directions{flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:6.5rem;display:flex;position:relative}.direction-link{border:1px solid var(--sage-line);border-radius:6px;justify-content:center;align-items:center;gap:.65rem;min-height:50px;padding:.7rem 1.45rem;font-size:1.15rem;transition:background-color .16s;display:inline-flex}.direction-link:hover{background:#e5e8d9}.exterior-frame{border:1px solid #e8e6de;align-self:start;padding:1rem}.site-footer{background:var(--navy);color:var(--cream);padding-top:var(--section-space);padding-bottom:2.5rem}.footer-main{grid-template-columns:1fr 23%;align-items:center;gap:4rem;display:grid}.footer-copy h2{font-size:clamp(3rem,7vw,7rem)}.footer-copy .button{min-width:160px;min-height:58px;margin-top:2.5rem;font-size:1.65rem}.dessert-image{justify-self:end;max-width:330px}.footer-bottom{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 3rem;margin-top:5rem;font-size:1rem;display:flex}.footer-bottom a{padding-block:.75rem}.footer-bottom a:hover{text-decoration:underline}}@layer responsive{@media (max-width:1100px){.find-inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2rem}.find-copy{padding:0}.find-us .brand-stamp,.address-trail{display:none}.find-copy h2{font-size:clamp(3rem,5.5vw,4rem)}.address-block{gap:1rem;margin-top:1.5rem}.pin-icon{width:26px;height:36px}.find-copy address{font-size:1.4rem}.hours{margin-top:1rem;font-size:1.1rem}.directions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.75rem;padding-top:0;display:grid}.direction-link{gap:.4rem;min-width:0;min-height:52px;padding:.75rem .5rem;font-size:1rem}.direction-link svg{width:20px;height:20px}.exterior-frame{align-self:center;padding:.6rem}}@media (max-width:900px){.header-inner{gap:1rem;min-height:90px}.brand{gap:.6rem}.reference-image.brand-mark{width:42px}.hero{padding-top:2rem}.hero-inner{gap:.5rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}.menu-row{font-size:1.15rem}.moments-inner{gap:1.5rem}.footer-main{gap:2rem}}@media (max-width:760px){.find-us{padding-block:3.5rem}.find-inner{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:560px}.find-copy h2{font-size:clamp(3rem,8vw,4rem)}.exterior-frame{width:100%}}@media (max-width:600px){html{scroll-padding-top:8.75rem}.header-inner{grid-template-columns:1fr auto;gap:.5rem 1rem;padding-block:1rem .6rem}.site-header nav{grid-area:2/1/auto/-1;justify-content:center;gap:2.5rem}.site-header nav a{font-size:1rem}.header-inner>.button{grid-area:1/2;gap:.4rem;padding-inline:.85rem}.header-inner>.button svg{width:21px;height:21px}.brand{font-size:1.25rem}.reference-image.brand-mark{width:38px}.hero{padding:2.5rem 0 3rem}.hero-inner{grid-template-columns:1fr;gap:2rem}h1{font-size:clamp(3.25rem,12.5vw,4.8rem)}.hero-copy .button{margin-top:1.8rem}.hero-image{justify-self:center;width:min(100%,420px)}.signature-grid{grid-template-columns:1fr;gap:3rem;margin-top:2rem}.signature-item{justify-self:center;width:min(100%,360px)}.signature-item h3{font-size:1.8rem}.signature-item figcaption{margin-top:.5rem}.menu-scroll{margin-top:2.5rem}.menu-grid{grid-template-columns:1fr;gap:2.8rem;margin-top:2.5rem}.menu-category h3{font-size:2.1rem}.menu-category dl,.menu-row{margin-top:1rem}.menu-order{justify-content:flex-start;margin-top:3rem}.order-section .button{padding-inline:1.5rem;font-size:1.05rem}.moments-inner{grid-template-columns:1fr;gap:2.5rem}.moments-copy .text-link{margin-top:1.25rem}.moments-collage{justify-self:center;width:min(100%,450px)}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-copy .button{margin-top:1.8rem}.dessert-image{width:min(66%,260px)}.footer-bottom{gap:.5rem 2rem;margin-top:3rem}.footer-bottom p{text-align:center;flex-basis:100%;margin-top:.5rem}}@media (max-width:360px){.brand{gap:.4rem;font-size:1.1rem}.reference-image.brand-mark{width:32px}.header-inner{column-gap:.5rem}}}
