:root{
  --bg:#0d0b09;--paper:#f4ede2;--paper2:#ebe0d0;--wine:#7b1f22;--gold:#c8a15a;
  --ink:#15110d;--olive:#263126;--line:rgba(255,255,255,.14);--line2:rgba(21,17,13,.15)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,.82),transparent)}
.brand{font-family:"Cormorant Garamond",Georgia,serif;font-size:40px;font-style:italic;line-height:.8}.brand small{display:block;font:10px Inter,Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;margin-top:8px}
nav{display:flex;align-items:center;gap:17px;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.pill{border:1px solid rgba(255,255,255,.48);border-radius:999px;padding:11px 15px}.pill.hot{background:var(--wine);border-color:var(--wine)}
.hero{min-height:100svh;color:#fff;position:relative;display:flex;align-items:flex-end;isolation:isolate;background:linear-gradient(90deg,rgba(7,6,5,.9),rgba(7,6,5,.36)),url("https://img02.restaurantguru.com/cd7d-Restaurant-Bandiera-interior-2.jpg") center/cover}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,rgba(200,161,90,.22),transparent 25%),linear-gradient(to top,rgba(0,0,0,.68),transparent 38%)}
.hero-copy{width:min(100%,1100px);padding:150px 5vw 70px}.kicker{font-size:11px;font-weight:900;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.045em}
h1{font-size:clamp(74px,10.8vw,156px);line-height:.78;margin:24px 0 28px;max-width:1000px;text-shadow:0 12px 40px rgba(0,0,0,.36)}h1 em{display:block;color:#eadac4;font-weight:400;margin-left:10vw}
.hero p{max-width:650px;font-size:19px;line-height:1.7;color:#eee3d6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;border-radius:999px;border:1px solid currentColor;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.btn.hot{background:var(--wine);border-color:var(--wine);color:#fff}
.quickbar{position:absolute;left:5vw;right:5vw;bottom:-45px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:#f7f0e6;color:#1a1511;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.24)}.quickbar a{padding:24px 16px;text-align:center;border-right:1px solid #d8cab8;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.quickbar a:last-child{border-right:0;background:var(--wine);color:#fff}.quickbar b{display:block;font-size:22px;margin-bottom:7px}
section{padding:110px 5vw}.intro{padding-top:150px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.23em;text-transform:uppercase;color:var(--wine)}.intro h2,.menu h2,.visit h2{font-size:clamp(56px,7.5vw,106px);line-height:.88;margin:13px 0}.lead{font-size:20px;line-height:1.75;color:#574d44}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.stat{padding:26px;background:#fff8ee;border-top:1px solid var(--line2)}.stat b{display:block;font:italic 48px "Cormorant Garamond",Georgia,serif;color:var(--wine)}
.mosaic{display:grid;grid-template-columns:1.1fr .9fr .9fr;grid-template-rows:330px 330px;gap:12px;background:#111;padding:12px}.tile{position:relative;overflow:hidden}.tile:first-child{grid-row:1/3}.tile img{transition:.7s transform}.tile:hover img{transform:scale(1.04)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 50%)}.tile span{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font:italic 28px "Cormorant Garamond",Georgia,serif}
.story-band{display:grid;grid-template-columns:1fr 1fr;min-height:680px;padding:0;background:var(--bg);color:#fff}.story-copy{padding:95px 7vw;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font-size:clamp(58px,7vw,96px);line-height:.88;margin:15px 0}.story-copy p{color:#cfc2b4;line-height:1.8;font-size:18px}.story-photo{background:url("https://img02.restaurantguru.com/cd09-design-Bandiera-2.jpg") center/cover}
.menu{background:var(--paper2)}.menu-head{display:flex;justify-content:space-between;gap:35px;align-items:end}.menu-head p{max-width:500px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.dish-card{background:#fff7ed;border:1px solid var(--line2);border-radius:22px;overflow:hidden}.dish-card .photo{height:230px}.dish-card .copy{padding:22px}.dish-card h3{font-size:31px;margin:0 0 8px}.dish-card p{color:#685d54;line-height:1.55;margin:0}
.quote{background:var(--wine);color:#fff;text-align:center}.quote blockquote{font:italic clamp(38px,5.8vw,82px) "Cormorant Garamond",Georgia,serif;line-height:.98;margin:0 auto;max-width:1100px}
.visit{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;background:#fff}.panel{background:#f8f2e8;padding:46px}.row{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line2)}iframe{width:100%;height:100%;min-height:580px;border:0;filter:grayscale(.8) contrast(1.08)}
footer{background:#0b0a09;color:#fff;padding:58px 5vw 105px;display:grid;grid-template-columns:1.5fr .5fr .5fr;gap:30px}.footbrand{font:italic 52px "Cormorant Garamond",Georgia,serif}.links{display:grid;gap:12px;color:#cfc3b6}.mobile{display:none}
body.lang-el h1{font-size:clamp(62px,9vw,126px);line-height:.84}body.lang-el h1 em{margin-left:0}body.lang-el .hero p{max-width:690px}
@media(max-width:900px){
 nav a:not(.pill){display:none}.quickbar{grid-template-columns:repeat(2,1fr);bottom:-90px}.intro{padding-top:190px}.intro,.story-band,.visit{grid-template-columns:1fr}.stats,.menu-grid{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 250px}.tile:first-child{grid-column:1/3;grid-row:auto}.story-photo{min-height:500px}.menu-head{display:block}footer{grid-template-columns:1fr}.mobile{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:80;background:#0c0b0a;color:#fff;padding:9px 6px}.mobile a{text-align:center;font-size:10px;font-weight:900;text-transform:uppercase}.mobile b{display:block;font-size:20px;margin-bottom:4px}}
@media(max-width:560px){
 header{padding:14px 18px}.brand{font-size:31px}.brand small{font-size:9px}.pill{padding:10px 13px}.hero{min-height:auto}.hero-copy{padding:115px 20px 155px}h1{font-size:62px;line-height:.86;margin:18px 0 20px}h1 em{margin-left:0}.hero p{font-size:15px;line-height:1.72}.actions{gap:9px}.actions .btn{width:100%}.quickbar{left:14px;right:14px;bottom:-92px}.quickbar a{padding:18px 8px;font-size:9px}.quickbar b{font-size:18px}section{padding:76px 20px}.intro{padding-top:190px;gap:30px}.intro h2,.menu h2,.visit h2,.story-copy h2{font-size:44px;line-height:.96}.lead{font-size:17px;line-height:1.72}.mosaic{grid-template-columns:1fr;grid-template-rows:420px 230px 230px 230px}.tile:first-child{grid-column:auto}.story-copy{padding:70px 22px}.story-photo{min-height:430px}.menu-grid{gap:12px}.dish-card .photo{height:210px}.panel{padding:28px}.row{flex-direction:column;gap:5px}body.lang-el h1{font-size:49px;line-height:.91;letter-spacing:-.035em}body.lang-el .hero-copy{padding-bottom:165px}body.lang-el .kicker{font-size:10px}.quote blockquote{font-size:42px}}
@media(max-width:385px){body.lang-el h1{font-size:44px}.hero-copy{padding-left:16px;padding-right:16px}}