@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,600;1,700&display=swap');
:root{--espresso:#321d17;--dark:#251713;--brown:#6f3f28;--caramel:#a96032;--peach:#f4bf8b;--cream:#fbf7f2;--light:#f4eae0;--stroke:#eadfd6;--muted:#746761;--max:1200px;--serif:'Playfair Display',Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:#fff;color:var(--espresso);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--max),calc(100% - 72px));margin:0 auto}.demo-banner{background:#f4eadc;color:#6b452e;text-align:center;font-size:11px;font-weight:700;letter-spacing:.035em;padding:6px 12px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,252,248,.97);box-shadow:0 2px 20px #2b1d130c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:84px}.brand{display:inline-flex;gap:12px;align-items:center;white-space:nowrap}.brand-symbol{position:relative;color:var(--brown);width:64px;height:50px;display:flex;align-items:center;justify-content:flex-start}.brand-symbol svg{width:48px;height:48px;stroke-width:1.5}.waffle-mark{position:absolute;font-family:Georgia,serif;font-size:33px;transform:rotate(-25deg);right:0;top:9px;color:#b5784c;font-weight:800}.brand-words{display:flex;flex-direction:column;gap:1px}.brand-name{font-family:var(--serif);font-size:26px;line-height:1.08;font-weight:800;font-style:italic;letter-spacing:-1.2px}.brand-tagline{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#805c48}.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.nav-link{font-size:13px;font-weight:700;color:#54433d;position:relative;white-space:nowrap;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--caramel)}.nav-link.active:after{content:'';position:absolute;height:2px;background:var(--caramel);bottom:-12px;left:0;right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px;padding:16px 25px;font-weight:800;font-size:13px;line-height:1.1;white-space:nowrap;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-dark{background:var(--brown);color:#fff;box-shadow:0 7px 15px #3820161f}.btn-dark:hover{background:var(--espresso)}.btn-small{padding:14px 19px;font-size:12px}.btn-peach{background:var(--peach);color:#2b1b13;box-shadow:0 8px 25px #1b0f091c}.btn-peach:hover{background:#ffcf9f}.btn-outline-white{color:#fff;border:1px solid #eab984a8;background:#ffffff05}.btn-outline-white:hover{background:#ffffff20}.mobile-toggle{display:none;background:transparent;border:0;padding:9px;color:var(--espresso);cursor:pointer}.mobile-toggle svg{width:27px;height:27px}.close-icon{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 60%,#633924,#25150e 70%);color:#fff;min-height:560px}.hero-photo{position:absolute;inset:0 0 0 43%;background-image:url('../images/hero-cafe-gaufre.webp');background-size:cover;background-position:center;opacity:.98}.hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#23120cfb 0%,#2e1810f4 27%,#32170fd6 39%,#32170f8a 54%,#23130e00 80%),linear-gradient(0deg,#1f100a5c 0%,transparent 32%)}.hero-inner{position:relative;z-index:2;min-height:560px;display:flex;align-items:center;padding-top:40px;padding-bottom:45px}.hero-content{width:min(600px,56%)}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--caramel);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2.8px}.eyebrow span{width:35px;height:1px;background:currentColor;opacity:.8}.eyebrow-light{color:#f3c5a0}.hero h1{font:700 clamp(44px,4.35vw,67px)/1.12 var(--serif);letter-spacing:-1.8px;margin:27px 0 22px;max-width:680px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--peach)}.hero-content>p{max-width:450px;color:#f7eeeb;font-size:16px;line-height:1.8;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-footnote{font-size:12px;color:#eecdb2;letter-spacing:.6px;margin-top:33px;display:flex;align-items:center;gap:10px}.sparkle{font-size:22px;color:var(--peach)}
.values{background:var(--cream);border-bottom:1px solid #f5ebe4}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0}.value{display:flex;align-items:center;gap:16px;padding:0 23px;border-right:1px solid #e9d8cd}.value:first-child{padding-left:0}.value:last-child{border:0;padding-right:0}.value-icon{font-family:Georgia,serif;font-size:35px;color:var(--brown);min-width:43px;text-align:center;line-height:1}.value-waffle{font-size:39px;transform:rotate(-13deg)}.value div{display:flex;flex-direction:column;gap:4px}.value strong{font-size:12.5px}.value div span{font-size:11px;color:#8b7e77;line-height:1.5}
.section{padding:94px 0}.menu-section{background:#fffdfb}.section-heading.center{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{font:700 clamp(34px,3.4vw,45px)/1.23 var(--serif);letter-spacing:-1.2px;margin:15px 0 10px}.section-heading h2 em{font-style:italic;color:var(--caramel)}.section-heading p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 auto;max-width:580px}.menu-filters{margin:38px auto 25px;display:flex;align-items:center;justify-content:center;gap:8px}.filter-button{border:1px solid #e4d4c7;background:#fff;color:#795d4a;border-radius:999px;padding:10px 20px;cursor:pointer;font-size:12px;font-weight:800;transition:all .2s}.filter-button:hover{background:#f6e8db}.filter-button.is-active{background:var(--espresso);border-color:var(--espresso);color:#fff}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 30px #3c241410;border:1px solid #f0e5dc;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #3c241420}.product-card[hidden]{display:none}.product-photo{aspect-ratio:1.8;overflow:hidden;background:#eaded3}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover img{transform:scale(1.045)}.product-content{padding:18px 20px 21px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-top h3{font-size:16px;margin:0;font-weight:800}.price{border-radius:999px;background:#f9e9d8;color:#6d3f26;padding:8px 11px;white-space:nowrap;font-size:12px;font-weight:800}.product-content p{font-size:12px;color:#796d66;line-height:1.6;margin:10px 0 0}.menu-note{margin:28px 0 0;color:#9a8980;font-size:11px;text-align:center}
.concept-section{background:#332018;color:#fff;overflow:hidden}.concept-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:446px;gap:80px}.concept-images{position:relative;align-self:stretch;min-height:390px}.concept-images>img{position:absolute;top:0;right:0;width:calc(100% + 70px);height:100%;object-fit:cover;filter:saturate(.9)}.concept-images:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#33201880 100%);pointer-events:none}.concept-stamp{position:absolute;right:-31px;bottom:34px;z-index:2;width:136px;height:136px;border-radius:50%;background:#efbc89;border:5px solid #3e261d;color:#3e261d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(10deg);font:600 14px/1.45 var(--serif);box-shadow:0 7px 25px #0004}.concept-stamp b{font-size:15px}.concept-stamp span{font:24px var(--sans)}.concept-text{padding:55px 0 62px}.concept-text h2{font:700 clamp(34px,3.4vw,49px)/1.2 var(--serif);letter-spacing:-1.1px;margin:21px 0}.concept-text p{color:#e0d1c9;max-width:440px;font-size:15px;line-height:1.9;margin:0 0 25px}.text-link{display:inline-flex;gap:12px;align-items:center;color:#f4c18d;font-size:13px;font-weight:800;border-bottom:1px solid #b97b54;padding-bottom:9px}.text-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}
.locations-section{background:#faf5ef}.locations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:45px}.location-card{background:#fff;overflow:hidden;border:1px solid #eee2d8;border-radius:15px;box-shadow:0 10px 29px #3d241112;transition:transform .25s}.location-card:hover{transform:translateY(-4px)}.location-card>img{width:100%;height:220px;object-fit:cover}.location-content{padding:24px 25px 27px}.location-kicker{font-size:10px;letter-spacing:2px;color:#aa754e;text-transform:uppercase;font-weight:800;margin:0 0 6px}.location-content h3{font:700 26px/1.2 var(--serif);letter-spacing:-.5px;margin:0 0 23px}.location-info{display:flex;gap:11px;align-items:flex-start;margin:15px 0;color:var(--brown)}.location-info svg{width:19px;height:19px;margin-top:2px}.location-info p{margin:0;color:#463630;font-size:12px;line-height:1.75}.location-info p span{color:#8d7b70}.location-link{display:inline-flex;align-items:center;gap:9px;color:#fff;background:#90522e;border-radius:999px;padding:12px 16px;margin-top:13px;font-size:11px;font-weight:800;transition:background .2s}.location-link svg{width:14px;height:14px}.location-link:hover{background:#613922}.location-phone{font-size:12px;color:#925834;display:block;margin-top:9px}.location-disclaimer{text-align:center;margin:25px 0 0;color:#9d8878;font-size:11px}
.contact-section{background:radial-gradient(ellipse at right,#66402b 0%,#39231b 43%,#2c1b16 90%);color:#fff;padding:68px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-inner h2{font:700 clamp(32px,3.2vw,45px)/1.2 var(--serif);margin:17px 0 15px}.contact-inner h2 em{color:#f0bb89}.contact-inner p{color:#e6d6ca;max-width:640px;font-size:14px;line-height:1.7;margin:0}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.contact-email{color:#f6cc9f;font-size:12px;text-decoration:underline;text-underline-offset:4px}.footer{background:#201512;color:#fff}.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:43px;padding:63px 0 52px}.brand-footer .brand-symbol{color:#ecc08e}.brand-footer .waffle-mark{color:#e4a774}.brand-footer .brand-name{color:#fff}.brand-footer .brand-tagline{color:#edb88f}.footer-brand p{font-size:12px;color:#b7a49b;max-width:290px;line-height:1.8;margin:17px 0 0}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h3{margin:0 0 6px;color:#f3bf90;font-size:12px}.footer-column a,.footer-column span{font-size:12px;color:#d2c0b6}.footer-column a:hover{color:#f9cf9c}.socials{display:flex;gap:12px;margin-top:8px}.socials a{display:grid;place-items:center;width:35px;height:35px;border:1px solid #71574a;border-radius:50%}.socials svg{width:18px;height:18px}.footer-bottom{padding:20px 0 26px;border-top:1px solid #4b372e;display:flex;justify-content:space-between;gap:20px;color:#ae998f;font-size:11px}
@media(max-width:1150px){.container{width:min(var(--max),calc(100% - 56px))}.header-inner{gap:15px}.main-nav{gap:16px}.brand-name{font-size:23px}.brand-symbol{width:55px}.brand-symbol svg{width:42px}.waffle-mark{font-size:30px}.header-cta{display:none}.hero-content{width:60%}.values-grid{gap:0}.value{gap:9px;padding:0 14px}.value-icon{min-width:34px;font-size:30px}}
@media(max-width:860px){.header-inner{min-height:72px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf9;padding:12px 28px 24px;box-shadow:0 16px 25px #26180c1a;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.nav-link{padding:15px 0;border-bottom:1px solid #eee6df}.nav-link.active:after{display:none}.mobile-toggle{display:block;margin-left:auto}.mobile-toggle[aria-expanded=true] .menu-icon{display:none}.mobile-toggle[aria-expanded=true] .close-icon{display:block}.hero,.hero-inner{min-height:530px}.hero-photo{left:31%;opacity:.8}.hero-content{width:74%}.hero:before{background:linear-gradient(90deg,#23120cfb 0%,#2e1810eb 40%,#32170f8d 76%,#23130e35 100%)}.hero h1{font-size:55px}.values-grid{grid-template-columns:repeat(2,1fr);gap:23px 0}.value{padding:0 10px}.value:nth-child(2){border-right:0}.value:nth-child(3){padding-left:0}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-layout{gap:45px}.concept-images>img{width:100%}.concept-stamp{width:110px;height:110px;right:-26px;font-size:12px}.concept-stamp b{font-size:12px}.locations-grid{gap:12px}.location-content{padding:19px 15px 20px}.location-content h3{font-size:22px}.location-card>img{height:160px}.footer-top{grid-template-columns:1.8fr 1fr 1fr;gap:30px}.footer-column:last-child{grid-column:2/4}}
@media(max-width:640px){.container{width:calc(100% - 36px)}html{scroll-padding-top:72px}.demo-banner{font-size:9px}.brand-name{font-size:21px}.brand-tagline{font-size:7px;letter-spacing:1.5px}.brand-symbol{width:49px;height:43px}.brand-symbol svg{width:38px;height:38px}.waffle-mark{font-size:26px;right:1px;top:10px}.hero,.hero-inner{min-height:628px}.hero-photo{inset:0;background-position:center top;opacity:.72}.hero:before{background:linear-gradient(0deg,#1e100afc 0%,#29150eea 34%,#30180eab 66%,#22130b28 100%)}.hero-inner{align-items:flex-end;padding-bottom:47px;padding-top:180px}.hero-content{width:100%}.hero h1{font-size:clamp(39px,9.5vw,53px);margin:20px 0 15px}.hero-content>p{font-size:14px;line-height:1.7;margin-bottom:24px}.hero-actions{gap:10px}.btn{padding:14px 17px;font-size:12px;gap:8px}.hero-footnote{margin-top:22px}.values-grid{padding:24px 0;gap:25px 12px}.value{padding:0;border:0}.value-icon{font-size:29px;min-width:28px}.value div span{font-size:10px}.value strong{font-size:11px}.section{padding:68px 0}.section-heading h2{font-size:34px}.section-heading p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.7px}.eyebrow span{width:25px}.menu-filters{margin:28px auto 23px;gap:7px}.filter-button{padding:10px 14px;font-size:11px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo{aspect-ratio:1.25}.product-content{padding:13px 12px 16px}.product-top{flex-wrap:wrap;gap:9px}.product-top h3{font-size:13px}.price{padding:6px 9px;font-size:11px}.product-content p{font-size:11px;line-height:1.5}.concept-layout{display:flex;flex-direction:column;gap:0}.concept-images{width:100%;height:275px;min-height:0}.concept-images>img{inset:0;width:100%}.concept-stamp{right:5px;bottom:-37px}.concept-text{padding:62px 0 59px}.concept-text h2{font-size:39px}.concept-text p{font-size:14px}.locations-grid{grid-template-columns:1fr;gap:22px;margin-top:32px}.location-card>img{height:205px}.location-content{padding:21px 23px 24px}.location-content h3{font-size:27px}.location-info p{font-size:13px}.contact-section{padding:59px 0}.contact-inner{flex-direction:column;align-items:flex-start;gap:27px}.contact-inner h2{font-size:36px}.contact-actions{align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr;gap:33px;padding:47px 0 40px}.footer-brand{grid-column:1/-1}.footer-column:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.menu-note{line-height:1.6}}
@media(max-width:370px){.products-grid{grid-template-columns:1fr}.product-photo{aspect-ratio:1.8}.hero-actions .btn{width:100%}.hero h1{font-size:38px}.value{gap:5px}.value strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
