@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=DM+Sans:wght@400;500;600&display=swap";
:root{--cafe2-bg:#fbf6ee;--cafe2-ink:#2e2a25;--cafe2-muted:#7b7266;--cafe2-accent:#c26b2a;--cafe2-card:#fffaf2;--cafe2-line:#2e2a251f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"DM Sans",var(--font-satoshi),var(--font-switzer),system-ui,sans-serif;background:var(--cafe2-bg);color:var(--cafe2-ink);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.cafe-2{min-height:100vh}.site-header{padding:24px 32px 0}.header-inner{max-width:1320px;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin:0 auto;padding:8px 0;display:grid}.brand{letter-spacing:.02em;align-items:center;gap:8px;margin-left:-6px;font-weight:600;display:inline-flex}.brand-mark{background:#f3eee6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.nav{color:#5f564b;justify-content:center;gap:18px;font-size:13px;display:flex}.locale-toggle{letter-spacing:.2em;text-transform:uppercase;color:#40372f;background:#fff;border:1px solid #2e2a2533;border-radius:999px;padding:6px 14px;font-size:11px}main{gap:72px;max-width:1320px;margin:0 auto;padding:40px 32px 72px;display:grid}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:20px;display:grid}.hero-copy h1{font-family:Playfair Display,serif;font-size:clamp(48px,5.5vw,72px);font-weight:800;line-height:1.05}.hero-accent{color:var(--cafe2-accent);display:inline-block;position:relative}.hero-swoosh{pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M2 14 C40 4, 80 24, 120 10 C150 0, 180 18, 198 8' stroke='%23c26b2a' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;height:24px;position:absolute;bottom:-16px;left:-8px;right:-8px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--cafe2-muted);margin-bottom:14px;font-size:11px}.hero-body{color:var(--cafe2-muted);max-width:40ch;margin:18px 0 22px}.hero-actions{gap:12px;display:flex}.button{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:10px 20px;font-size:13px}.button.primary{color:#fff;background:#2e2a25}.button.secondary{border:1px solid var(--cafe2-line);background:#fff}.button.ghost{color:var(--cafe2-muted);background:0 0;border:none;margin-top:24px;padding:0}.hero-media{justify-content:flex-start;display:flex;position:relative}.hero-media:before{content:"";aspect-ratio:1/1.2;z-index:-1;pointer-events:none;background:#e8dfd0;width:min(480px,100%);transition:transform .4s;position:absolute;transform:rotate(-8deg)translate(16px,12px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-media:after{content:"";aspect-ratio:1/1.2;z-index:-2;pointer-events:none;background:#d9cebb;width:min(480px,100%);transition:transform .4s;position:absolute;transform:rotate(1deg)translate(-14px,-10px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-image{aspect-ratio:1/1.2;object-fit:cover;transform-origin:50%;width:min(480px,100%);transition:transform .4s,box-shadow .4s;display:block;position:relative;transform:rotate(-4deg)scale(1);box-shadow:0 18px 40px #2e2a252e;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 360'%3E%3Cpath d='M14 12 Q150 4 286 12 Q296 180 286 348 Q150 356 14 348 Q4 180 14 12Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-hours{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:0;flex-direction:column;gap:2px;padding:10px 16px;transition:transform .4s,box-shadow .4s;display:flex;position:absolute;bottom:20px;left:20px;transform:rotate(2deg);box-shadow:0 4px 12px #2e2a251a}.hero-hours-label{text-transform:uppercase;letter-spacing:.18em;color:var(--cafe2-muted);font-size:10px}.hero-hours-time{color:var(--cafe2-ink);font-size:13px;font-weight:600}.section-header{text-align:center;gap:8px;margin-bottom:32px;display:grid}.section-header h2{font-size:clamp(28px,3vw,36px);font-weight:600}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.menu-column{padding:0}.menu-column h3{text-transform:uppercase;letter-spacing:.22em;color:var(--cafe2-muted);margin-bottom:12px;font-size:12px}.menu-column ul{gap:14px;list-style:none;display:grid}.menu-column li{justify-content:space-between;gap:12px;font-size:13px;display:flex}.item-name{font-weight:600}.item-desc{color:var(--cafe2-muted);font-size:12px}.item-price{font-weight:600}.info{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.info-copy{background:#fff;border:none;padding:30px 32px;transition:transform .35s,box-shadow .35s;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 260'%3E%3Cpath d='M18 10 Q250 2 482 10 Q492 130 482 250 Q250 258 18 250 Q8 130 18 10Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 260'%3E%3Cpath d='M18 10 Q250 2 482 10 Q492 130 482 250 Q250 258 18 250 Q8 130 18 10Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.info-meta{color:var(--cafe2-muted);gap:18px;margin-top:12px;font-size:13px;display:flex}.info-card{background:#fff;border:none;gap:12px;padding:30px 32px;transition:transform .35s,box-shadow .35s;display:grid;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 260'%3E%3Cpath d='M16 12 Q250 4 484 12 Q494 130 484 248 Q250 256 16 248 Q6 130 16 12Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 260'%3E%3Cpath d='M16 12 Q250 4 484 12 Q494 130 484 248 Q250 256 16 248 Q6 130 16 12Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.card-title{letter-spacing:.2em;text-transform:uppercase;color:var(--cafe2-muted);font-size:12px}.gallery{gap:16px;display:grid}.gallery-header{color:var(--cafe2-muted);justify-content:space-between;font-size:12px;display:flex}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.gallery-item{aspect-ratio:1;background:#f1ebe2;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath d='M12 10 Q150 4 288 10 Q296 150 288 290 Q150 296 12 290 Q4 150 12 10Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath d='M12 10 Q150 4 288 10 Q296 150 288 290 Q150 296 12 290 Q4 150 12 10Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-index{letter-spacing:.2em;color:var(--cafe2-muted);background:#ffffffbf;border-radius:999px;padding:4px 8px;font-size:11px;position:absolute;bottom:8px;right:10px}.hero-media:hover .hero-image{transform:rotate(-3deg)scale(1.04);box-shadow:0 24px 48px #2e2a2538}.hero-media:hover:before{transform:rotate(-9deg)scale(1.02)translate(20px,16px)}.hero-media:hover:after{transform:rotate(0)scale(1.01)translate(-18px,-14px)}.hero-media:hover .hero-hours{transform:rotate(3deg)scale(1.05);box-shadow:0 8px 16px #2e2a2526}.info-copy:hover,.info-card:hover{transform:rotate(.4deg)scale(1.015);box-shadow:0 18px 36px #2e2a251f}.gallery-item:hover{transform:rotate(.6deg)scale(1.03);box-shadow:0 16px 28px #2e2a2524}@media (prefers-reduced-motion:reduce){.hero-image,.hero-media:before,.hero-media:after,.hero-hours,.info-copy,.info-card,.gallery-item{transition:none}}.footer{border-top:1px solid var(--cafe2-line);background:#fffdf7;padding:48px 32px 24px}.footer-top{max-width:1320px;color:var(--cafe2-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 auto;font-size:13px;display:grid}.footer-top h4{letter-spacing:.2em;text-transform:uppercase;color:var(--cafe2-ink);margin-bottom:10px;font-size:12px}.footer-top a{margin-bottom:6px;display:block}.footer-brand{color:var(--cafe2-ink);margin-bottom:10px;font-weight:600}.footer-bottom{max-width:1320px;color:var(--cafe2-muted);margin:24px auto 0;font-size:12px}@media (max-width:960px){.header-inner{grid-template-columns:1fr auto;justify-items:center}.nav{display:none}.hero{grid-template-columns:1fr}.hero-media{justify-content:center}.menu-grid,.info{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr}}@media (max-width:600px){.site-header{padding:16px 16px 0}main{padding:32px 16px 60px}.hero-copy{text-align:center}.hero-body{margin-left:auto;margin-right:auto}.hero-actions{flex-direction:column;align-items:center}.gallery-header{flex-direction:column;gap:4px}}