@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#202923;--muted:#717b73;--paper:#f6f4ef;--line:#e4e1d9;--accent:#b2744d;--forest:#263b32;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:12px;font-weight:700;font-size:13px;letter-spacing:.13em}.wordmark small{display:block;color:var(--muted);font-size:9px;letter-spacing:.19em;margin-top:2px}.brand-mark{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:0}.nav{display:flex;align-items:center;gap:28px;color:#505a53;font-size:12px}.nav a:hover,.social-link:hover{color:var(--accent)}.demo-tag{border:1px solid #d9d5ca;border-radius:30px;padding:6px 11px;font-size:9px;letter-spacing:.12em;color:#76766e}.hero{min-height:570px;padding:62px clamp(22px,9vw,138px);display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:5vw;background:var(--paper);overflow:hidden}.hero-copy{max-width:550px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1,.directory-hero h1{font-family:var(--serif);font-size:clamp(44px,6vw,82px);line-height:1.02;font-weight:500;letter-spacing:-.045em;margin:20px 0}.hero h1 em,.directory-hero h1 em{font-weight:500;color:var(--accent)}.hero-copy>p{font-size:15px;max-width:430px;color:#626d65;line-height:1.8}.button{display:inline-flex;align-items:center;gap:20px;padding:13px 18px;border-radius:3px;font-weight:600;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--forest);color:#fff}.button-light{background:#fff;color:var(--ink)}.button-outline{border:1px solid #b8c0b9;color:var(--ink)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-media{height:min(450px,48vw);min-height:330px;position:relative}.hero-media img{width:83%;height:100%;object-fit:cover;position:absolute;right:0;top:0;border-radius:2px}.hero-media:before{content:'';position:absolute;left:1%;top:13%;width:47%;height:80%;border:1px solid #d9cbbd;z-index:0}.hero-media:after{content:'MENDERES · İZMİR';position:absolute;right:0;bottom:-26px;font-size:9px;letter-spacing:.25em;color:#7b807a}.image-note{position:absolute;bottom:13px;left:4%;background:rgba(255,255,255,.91);padding:9px 12px;font-size:9px;color:#666;letter-spacing:.07em}.strip{display:flex;justify-content:center;gap:7vw;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);color:#677168;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.section{padding:92px clamp(22px,9vw,138px)}.section.paper{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.section-heading h2{font:500 clamp(32px,4vw,53px)/1.08 var(--serif);letter-spacing:-.03em;margin:12px 0 0}.section-heading>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:2px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-card{border:1px solid var(--line);padding:22px;background:#fff;min-height:142px}.menu-card small{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.16em}.menu-card h3{font:500 21px var(--serif);margin:14px 0 5px}.menu-card p{color:var(--muted);font-size:11px;margin:0}.menu-disclaimer{font-size:10px;color:#858b84;margin-top:20px}.story{display:grid;grid-template-columns:.9fr 1fr;gap:9vw;align-items:center}.story-art{height:350px;position:relative}.story-art img{width:100%;height:100%;object-fit:cover}.story-art:after{content:'';position:absolute;inset:14px -14px -14px 14px;border:1px solid #d8c9bb;z-index:-1}.story-copy h2{font:500 clamp(32px,4vw,51px)/1.1 var(--serif);margin:13px 0 18px}.story-copy p{font-size:13px;color:var(--muted);line-height:1.9}.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw}.contact h2{font:500 clamp(32px,4vw,50px)/1.1 var(--serif);margin:12px 0 22px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.15em;color:#929890;margin-bottom:6px}.detail-value{font-size:13px}.contact-card{background:var(--forest);color:white;padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}.contact-card p{font:500 25px/1.25 var(--serif);max-width:280px}.contact-card .button{align-self:flex-start;background:#e8d7c5;color:#29362e}.social-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.social-link{font-size:11px;text-decoration:underline;text-underline-offset:3px}.map-link{color:var(--accent);font-size:11px;text-decoration:underline;text-underline-offset:3px}.footer{padding:24px clamp(22px,6vw,88px);background:#1f2e26;color:#c5cec7;display:flex;justify-content:space-between;gap:20px;font-size:10px}.footer strong{font-weight:500;color:#fff}.disclaimer{max-width:400px;text-align:right;color:#9eaaa1}.directory{background:var(--paper)}.directory-hero{background:var(--forest);color:white;padding:92px clamp(24px,12vw,180px) 88px;position:relative;overflow:hidden}.directory-hero:after{content:'M';font:500 440px var(--serif);color:rgba(255,255,255,.035);position:absolute;right:7%;bottom:-170px}.directory-hero h1{font-size:clamp(57px,8vw,105px);max-width:900px}.directory-hero h1 em{color:#d3a17e}.directory-hero p{max-width:540px;color:#c6d0c8;font-size:14px;line-height:1.85}.directory-hero .eyebrow{color:#d3a17e}.hero-note{font-size:10px;color:#b7c3bb;margin:18px 0 0 4px}.directory-section{padding:90px clamp(22px,8vw,120px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px}.section-head h2{font:500 clamp(34px,4.2vw,55px)/1.1 var(--serif);margin:14px 0 0}.section-head p{font-size:12px;color:var(--muted);max-width:350px;line-height:1.8;margin:0}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.directory-card{height:350px;position:relative;overflow:hidden;color:white;background:#27382f}.directory-card:last-child{grid-column:1/-1;height:320px}.directory-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s;opacity:.83}.directory-card:hover img{transform:scale(1.04)}.directory-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(13,24,18,.87))}.directory-card>div{position:absolute;z-index:1;bottom:26px;left:30px}.directory-card small{font-size:9px;letter-spacing:.15em;color:#e3c9b4}.directory-card h3{font:500 32px var(--serif);margin:8px 0}.card-index{position:absolute;z-index:1;top:18px;left:21px;font-size:10px;letter-spacing:.15em}.card-link{font-size:11px;color:#e5e9e5}.directory-footer{padding:25px clamp(22px,6vw,88px);display:flex;justify-content:space-between;color:#737d74;font-size:10px;border-top:1px solid var(--line)}
@media(max-width:760px){.nav{display:none}.topbar{height:66px}.hero{grid-template-columns:1fr;padding-top:58px;padding-bottom:65px;gap:34px}.hero-media{height:340px;min-height:0}.hero h1{font-size:58px}.strip{gap:18px;flex-wrap:wrap;font-size:8px}.section{padding-top:68px;padding-bottom:68px}.section-heading,.section-head{align-items:flex-start;flex-direction:column}.section-heading>p,.section-head p{max-width:500px}.menu-grid{grid-template-columns:1fr 1fr}.story,.contact{grid-template-columns:1fr;gap:36px}.story-art{height:280px;margin-right:12px}.contact-details{gap:20px}.directory-hero{padding-top:74px;padding-bottom:64px}.directory-grid{grid-template-columns:1fr}.directory-card,.directory-card:last-child{height:300px;grid-column:auto}.directory-footer,.footer{flex-direction:column}.disclaimer{text-align:left}.footer{gap:8px}}
@media(max-width:450px){.demo-tag{font-size:8px;padding:5px 7px}.brand-mark{width:31px;height:31px}.wordmark{font-size:11px}.hero h1{font-size:49px}.hero-media{height:280px}.menu-grid{grid-template-columns:1fr}.contact-details{grid-template-columns:1fr 1fr}.section-heading h2,.section-head h2{font-size:36px}.directory-hero h1{font-size:58px}}