@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=EB+Garamond:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--blue:#073b63;--deep:#052b49;--aegean:#0b6095;--cream:#f5f0e5;--gold:#c79a4a;--ink:#20272b;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9f7f1;color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.topline{height:34px;background:var(--deep);color:#dce9ef;text-align:center;font-size:11px;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px}.topline span{color:var(--gold)}header{height:92px;display:flex;align-items:center;padding:0 5vw;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ece8de}.brand{display:flex;align-items:center;gap:12px;color:var(--blue);font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;letter-spacing:.08em}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;font-size:27px;color:var(--gold)}.brand small{display:block;font:600 9px Manrope,sans-serif;letter-spacing:.42em;margin-left:2px}header nav{display:flex;gap:2.2vw;margin:auto;font-size:12px;text-transform:uppercase;letter-spacing:.08em}header nav a{position:relative}header nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.25s}header nav a:hover:after{width:100%}.reserve,.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 21px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--blue);font-weight:600;transition:.2s}.reserve{color:var(--blue)}.reserve:hover,.button.blue{background:var(--blue);color:#fff}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--blue)}
.hero{min-height:calc(100vh - 126px);position:relative;background:url('https://images.unsplash.com/photo-1541544741938-0af808871cc0?auto=format&fit=crop&w=2000&q=88') center/cover;display:flex;align-items:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,57,.94) 0%,rgba(3,35,57,.66) 48%,rgba(3,35,57,.1) 82%)}.hero:before,.hours:before,.guestbook:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent 40%,rgba(199,154,74,.13) 41%,rgba(199,154,74,.13) 44%,transparent 45%),linear-gradient(45deg,transparent 40%,rgba(199,154,74,.13) 41%,rgba(199,154,74,.13) 44%,transparent 45%);background-size:38px 38px;opacity:.35;pointer-events:none}.hero-copy{position:relative;z-index:2;margin-left:10vw;max-width:790px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--gold);font-weight:600;margin-bottom:22px}.hero h1,.section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(55px,7vw,98px);line-height:.88;font-weight:500;margin:0}.hero h1 em,.section h2 em{font-weight:500;color:var(--gold)}.hero-copy>p:not(.eyebrow){font:500 18px/1.7 'Cormorant Garamond',serif;max-width:540px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button.gold{background:var(--gold);color:#13222b;border-color:var(--gold)}.button.gold:hover{background:#d5ad65}.text-link{font-size:12px;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0}.scroll-note{position:absolute;z-index:2;right:5vw;bottom:30px;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.scroll-note span{color:var(--gold);margin-left:10px}.section{padding:120px 10vw}.story{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-image{min-height:650px;background:url('https://images.unsplash.com/photo-1603569283847-aa295f0d016a?auto=format&fit=crop&w=1200&q=88') center/cover;position:relative;box-shadow:-24px 24px 0 #e8dfce}.year{position:absolute;right:-48px;bottom:50px;width:180px;height:180px;background:var(--blue);color:#fff;border:1px solid var(--gold);outline:8px solid var(--blue);display:grid;place-content:center;text-align:center}.year b{font:500 43px 'Cormorant Garamond',serif;color:var(--gold)}.year span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;line-height:1.8}.story h2,.menu-content h2,.contact h2{font-size:65px;color:var(--blue)}.story-copy>p:not(.kicker),.menu-content>p:not(.kicker){font:500 18px/1.7 'Cormorant Garamond',serif;color:#526069}.signature{font:italic 30px 'Cormorant Garamond',serif;color:var(--blue);margin-top:30px}.signature span{display:block;font-size:17px;color:var(--gold)}
.hours{position:relative;background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.hours>div{position:relative;z-index:2}.hours h2,.guestbook h2{font-size:72px}.hours>div>p:not(.kicker){font:18px/1.7 'Cormorant Garamond',serif;max-width:420px;color:#d2e0e8}.kicker.light{color:#e4be78}.button.outline{border-color:#d7b676;color:#fff;margin-top:20px}.hours-card{background:#fff;color:var(--ink);padding:42px 48px;box-shadow:16px 16px 0 rgba(3,27,45,.35)}.hours-card div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #e7e2d8}.hours-card span{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.hours-card b{font:600 18px 'Cormorant Garamond',serif;text-align:right;color:var(--blue)}.hours-card .closed b{color:#a86d32}.hours-card small{display:block;margin-top:22px;line-height:1.55;color:#72787b}
.menu-section{display:grid;grid-template-columns:.8fr 1.25fr .7fr;gap:5vw;align-items:center}.menu-photo{background-size:cover;background-position:center}.menu-photo.one{height:500px;background-image:url('https://images.unsplash.com/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=900&q=85')}.menu-photo.two{height:610px;background-image:url('https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=900&q=85');margin-top:100px}.button-row{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.button.pale{border-color:#cfc4b1;color:var(--blue)}.allergen-note{font-size:13px!important}.news{background:#eee6d8}.news h2{font-size:65px;color:var(--blue);margin-bottom:50px}.news article{background:#fff;display:grid;grid-template-columns:110px 1fr;gap:35px;padding:45px;max-width:900px}.news-date{border-right:1px solid #ddd0ba;display:flex;align-items:center;gap:10px}.news-date b{font:500 52px 'Cormorant Garamond',serif;color:var(--blue)}.news-date span{font-size:10px;line-height:1.4;color:#8c7651}.tag{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.news h3{font:600 32px 'Cormorant Garamond',serif;margin:8px 0;color:var(--blue)}.news article p{font:15px/1.7 'Cormorant Garamond',serif;color:#5a6468}
.guestbook{position:relative;background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.guestbook>div{position:relative;z-index:2}.guest-intro>p:not(.kicker){font:18px/1.7 'Cormorant Garamond',serif;color:#cddbe2}.guestbook form{display:grid;gap:15px;margin-top:30px}.guestbook label{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.guestbook input,.guestbook textarea{width:100%;display:block;margin-top:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;padding:14px;font:14px Manrope}.guestbook textarea{resize:vertical}.guestbook input::placeholder,.guestbook textarea::placeholder{color:#9cadb5}.guestbook button{justify-self:start}.form-status{font-size:12px;color:#e5c98e}.entries{display:grid;gap:18px;align-content:start;max-height:620px;overflow:auto;padding-right:8px}.entries blockquote{margin:0;background:#fff;color:var(--ink);padding:30px;position:relative}.entries blockquote>span{font:70px/1 'Cormorant Garamond',serif;color:var(--gold);position:absolute}.entries blockquote p{font:19px/1.55 'Cormorant Garamond',serif;padding-left:35px;margin:12px 0 22px}.entries footer{padding-left:35px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}.entries footer small{display:block;color:#9a8c72;margin-top:4px}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.contact-grid>div{border-top:2px solid var(--gold);padding-top:24px}.contact-grid small{text-transform:uppercase;letter-spacing:.15em;color:#927744}.contact-grid p{font:23px/1.5 'Cormorant Garamond',serif}.contact-grid>div>a{font-size:11px;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--gold)}.footer{background:#031f35;color:#fff;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px}.brand.inverse{color:#fff}.footer p{font:italic 18px 'Cormorant Garamond',serif;color:#aebfca}.footer nav{display:flex;gap:18px;font-size:10px;text-transform:uppercase}.footer>small{color:#7e929f;font-size:9px}
@media(max-width:950px){header{height:76px}.menu-toggle{display:block;margin-left:auto}.reserve{display:none}header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;gap:22px;box-shadow:0 15px 25px #0002}header nav.open{display:flex}.topline{font-size:8px}.hero{min-height:calc(100vh - 110px)}.hero-copy{margin:0 7vw}.hero h1{font-size:57px}.section{padding:80px 7vw}.story,.hours,.guestbook,.contact{grid-template-columns:1fr}.story-image{min-height:460px;margin-right:35px}.year{right:-28px;width:145px;height:145px}.hours-card{padding:28px}.menu-section{grid-template-columns:1fr}.menu-photo.one{height:310px}.menu-photo.two{display:none}.menu-section .menu-content{grid-row:1}.footer{grid-template-columns:1fr 1fr}.footer nav{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.topline{padding:0 10px;line-height:1.3}.topline span{display:none}.brand{font-size:21px}.brand-mark{width:36px;height:36px}.hero-copy{margin-top:-30px}.hero h1{font-size:47px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.section h2,.story h2,.menu-content h2,.contact h2,.hours h2,.guestbook h2,.news h2{font-size:49px}.story{gap:65px}.story-image{min-height:380px}.hours-card div{display:block}.hours-card b{display:block;text-align:left;margin-top:8px}.menu-section{gap:45px}.news article{grid-template-columns:1fr;padding:28px}.news-date{border:0;border-bottom:1px solid #ddd0ba;padding-bottom:15px}.guestbook{gap:55px}.contact-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.footer nav{grid-column:auto;flex-wrap:wrap}}

/* Historische Typografie */
body{font-family:'EB Garamond',Georgia,serif;font-size:18px}
.brand,.hero h1,.section h2,.story h2,.menu-content h2,.contact h2,.news h2,.hours h2,.guestbook h2,.news h3,.year b{font-family:Cinzel,Georgia,serif}
.topline,header nav,.brand small,.reserve,.button,.eyebrow,.kicker,.tag,.contact-grid small,.entries footer,.footer nav{font-family:Cinzel,Georgia,serif}
.guestbook input,.guestbook textarea{font-family:'EB Garamond',Georgia,serif;font-size:17px}

/* Traditional Athen style */
:root{--blue:#123f69;--deep:#082d4e;--aegean:#1b78a8;--cream:#f4e6c9;--gold:#bd8431;--terracotta:#b94f2f;--olive:#63753c;--ink:#29333a}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{background-color:#f5ead5;background-image:radial-gradient(circle at 10% 10%,#fff8e9 0,transparent 28%),repeating-linear-gradient(0deg,rgba(118,80,33,.025) 0,rgba(118,80,33,.025) 1px,transparent 1px,transparent 4px)}
.topline{background:var(--terracotta);color:#fff4dd;font-weight:600}
header{background:#f7ead1;border-bottom:6px solid var(--gold);box-shadow:0 4px 18px #6e4d2728}
header:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:repeating-linear-gradient(90deg,var(--blue) 0 9px,transparent 9px 13px,var(--blue) 13px 17px,transparent 17px 22px)}
.brand{color:var(--blue)}.brand-mark{background:var(--blue);color:#f4d899;border-color:var(--blue);box-shadow:0 0 0 3px #d4a04e}
header nav{font-family:'Cormorant Garamond',serif;font-size:14px;font-weight:600}.reserve{background:var(--blue);color:#fff8e8;border-color:var(--blue);box-shadow:4px 4px 0 var(--gold)}
.hero{min-height:auto;aspect-ratio:1.884/1;background:url('assets/og.png') center/cover no-repeat;align-items:flex-end;padding:0 6vw 4.5vw;color:var(--blue);border-bottom:12px solid var(--blue)}
.hero:before{display:none}.hero .hero-actions{position:relative;z-index:3;gap:14px}.button.terracotta{background:var(--terracotta);border-color:#8c3822;color:#fff9ea;box-shadow:6px 6px 0 #e1bd76}.button.parchment{background:#f7e8ca;border-color:var(--blue);color:var(--blue);box-shadow:6px 6px 0 #d0a65e}.button.terracotta:hover{background:#983c25}.button.parchment:hover{background:#fff5e2}
.welcome-ribbon{min-height:76px;background:var(--blue);color:#f9e9c9;display:flex;align-items:center;justify-content:center;gap:5vw;padding:16px 5vw;text-align:center;border-bottom:5px solid var(--gold)}.welcome-ribbon b{font:italic 29px 'Cormorant Garamond',serif;color:#fff}.welcome-ribbon span{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#e5bd69}
.section{position:relative}.section:after{content:"";position:absolute;left:10vw;right:10vw;bottom:0;height:7px;background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 11px,var(--gold) 11px 15px,transparent 15px 21px);opacity:.6}
.story{background:#f8edda}.story-image{background-image:url('assets/story-greek-kitchen.png');background-position:center;background-size:cover;border:10px solid #fff3dc;outline:2px solid var(--gold);box-shadow:-24px 24px 0 var(--blue)}
.year{background:var(--terracotta);outline-color:var(--terracotta);border-color:#f6d790}.year b{color:#ffe1a0}.story h2,.menu-content h2,.contact h2,.news h2{color:var(--blue)}.kicker{color:var(--terracotta)}
.hours{background:linear-gradient(135deg,#0d4f79,#082f51)}.hours:before,.guestbook:before{opacity:.7}.hours-card{background:#fff5df;border:3px solid var(--gold);box-shadow:14px 14px 0 var(--terracotta)}.hours-card div{border-color:#dbc497}.hours-card .closed b{color:var(--terracotta)}
.menu-section{background:#f1dfbd}.menu-photo{border:9px solid #fff4dc;outline:2px solid var(--blue);box-shadow:10px 10px 0 var(--gold)}.menu-photo.one{background-image:url('https://images.unsplash.com/photo-1601050690597-df0568f70950?auto=format&fit=crop&w=900&q=90')}.menu-photo.two{background-image:url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=900&q=90')}.button.blue{box-shadow:5px 5px 0 var(--gold)}.button.pale{background:#fff7e8;border-color:var(--terracotta);color:var(--terracotta)}
.news{background:#debf79;background-image:linear-gradient(135deg,rgba(255,255,255,.12) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.12) 25%,transparent 25%);background-size:32px 32px}.news article{background:#fff4dc;border:3px solid var(--blue);box-shadow:12px 12px 0 var(--terracotta)}.tag{color:var(--terracotta)}
.guestbook{background:linear-gradient(135deg,#124b73,#0a2f4e)}.guestbook:after{background-color:var(--gold)}.guestbook input,.guestbook textarea{background:#fff5df;color:var(--ink);border:2px solid #d6af64}.guestbook input::placeholder,.guestbook textarea::placeholder{color:#816f59}.entries blockquote{background:#fff1d5;border-left:7px solid var(--terracotta);box-shadow:8px 8px 0 #d9a750}.entries blockquote>span{color:var(--terracotta)}
.contact{background:#f8edda}.contact-grid>div{background:#fff4de;border:2px solid var(--gold);border-top:8px solid var(--blue);padding:25px;box-shadow:8px 8px 0 #d9bc82}.contact-grid small{color:var(--terracotta)}
.footer{background:var(--blue);border-top:10px solid var(--gold)}
@media(max-width:950px){header nav{background:#f8ead0}.hero{aspect-ratio:auto;min-height:72vw;padding:0 5vw 5vw;background-position:center}.welcome-ribbon{gap:18px}.welcome-ribbon span{display:none}}
@media(max-width:570px){.hero{min-height:90vw;background-position:58% center;padding-bottom:18px}.hero .hero-actions{flex-direction:row;gap:8px;width:100%}.hero .button{padding:11px 10px;font-size:8px;flex:1}.welcome-ribbon{min-height:58px}.welcome-ribbon b{font-size:22px}.story-image{box-shadow:-12px 12px 0 var(--blue)}.hours-card{box-shadow:8px 8px 0 var(--terracotta)}}

/* Stronger Greek ornament and bougainvillea accents */
.welcome-ribbon{position:relative;overflow:hidden}.welcome-ribbon:before,.welcome-ribbon:after{content:"✿  ✿  ✿";position:absolute;color:#dc1f66;font-size:27px;letter-spacing:-3px;text-shadow:1px 2px 0 #6f1738;transform:rotate(-8deg)}.welcome-ribbon:before{left:2.5vw;top:19px}.welcome-ribbon:after{right:2.5vw;top:19px;transform:rotate(8deg)}
.section:not(.hero){border-top:18px solid transparent;border-image:repeating-linear-gradient(90deg,var(--blue) 0 14px,#f5dfae 14px 19px,var(--gold) 19px 25px,#f5dfae 25px 30px,var(--blue) 30px 44px) 18}
.section:not(.hero):before{content:"";position:absolute;z-index:3;left:0;right:0;top:-18px;height:9px;background:repeating-linear-gradient(90deg,var(--blue) 0 10px,transparent 10px 14px,var(--blue) 14px 19px,transparent 19px 28px);pointer-events:none}
.story:before,.menu-section:before,.guestbook:before,.contact:before{content:"✿";position:absolute;z-index:4;width:140px;height:140px;display:grid;place-items:center;color:#d91d63;font-size:96px;line-height:1;text-shadow:-15px 16px 0 #ef4c83,18px 8px 0 #a70f49,8px -14px 0 #f16b98;opacity:.9;pointer-events:none;background:none}
.story:before{right:4vw;top:42px;transform:rotate(13deg)}.menu-section:before{left:4vw;top:38px;transform:rotate(-15deg)}.guestbook:before{right:4vw;top:38px;transform:rotate(12deg)}.contact:before{left:4vw;top:38px;transform:rotate(-12deg)}
.hours:before{opacity:.42}.section h2{position:relative;z-index:5}
@media(max-width:950px){.welcome-ribbon:before,.welcome-ribbon:after{font-size:21px}.section:not(.hero){border-top-width:12px}.section:not(.hero):before{top:-12px}.story:before,.menu-section:before,.guestbook:before,.contact:before{width:82px;height:82px;font-size:56px;text-shadow:-9px 10px 0 #ef4c83,10px 5px 0 #a70f49,5px -8px 0 #f16b98;top:22px}.story:before,.guestbook:before{right:2vw}.menu-section:before,.contact:before{left:2vw}}
@media(max-width:570px){.welcome-ribbon:before,.welcome-ribbon:after{content:"✿";font-size:24px;top:14px}.story:before,.menu-section:before,.guestbook:before,.contact:before{opacity:.55}}

/* Historical type overrides */
body{font-family:'EB Garamond',Georgia,serif;font-size:18px}
.brand,.hero h1,.section h2,.story h2,.menu-content h2,.contact h2,.news h2,.hours h2,.guestbook h2,.news h3,.year b{font-family:Cinzel,Georgia,serif}
.topline,header nav,.brand small,.reserve,.button,.eyebrow,.kicker,.tag,.contact-grid small,.entries footer,.footer nav{font-family:Cinzel,Georgia,serif}
.guestbook input,.guestbook textarea{font-family:'EB Garamond',Georgia,serif;font-size:17px}
