@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#151614;--panel:#1d1e1b;--paper:#eeeae1;--gold:#b7a181;--muted:#aaa99f;--line:#ffffff24;--serif:'Manrope','Segoe UI',Arial,sans-serif;--sans:'Inter','Segoe UI',Arial,sans-serif;--phi:1.618;--ease-out:cubic-bezier(0.23,1,0.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--paper);color:var(--bg);padding:14px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;padding:28px 4.5%;gap:40px;border-bottom:1px solid #ffffff30}.brand{display:flex;flex-direction:column;text-align:center;flex-shrink:0}.brand>span{font-family:var(--serif);font-size:24px;letter-spacing:2px}.brand small{font-size:12px;letter-spacing:7px;padding-left:7px;margin-top:4px}.desktop-nav{margin:auto;display:flex;gap:38px;font-size:14px}.desktop-nav a{padding:12px 0;border-bottom:1px solid transparent;transition:border-color 150ms ease}.desktop-nav a:hover{border-color:var(--gold)}.header-cta{padding:14px 0;border-bottom:1px solid #eeeae188;font-size:14px;display:flex;gap:28px}.menu-toggle,.mobile-nav{display:none}.hero{position:relative;min-height:745px;height:100svh;max-height:1200px;display:flex;align-items:center}.hero-image{position:absolute;inset:0;height:100%;object-position:50% 42%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0d100ee0 0%,#0d100e67 40%,#0d100e0a 75%),linear-gradient(0deg,#0d100e9c,transparent 25%,transparent 75%,#0d100e9c)}.hero-copy{position:relative;padding:144px 6.5% 89px;width:100%}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2px;color:var(--gold);line-height:1.7;margin:0 0 21px}h1{font-size:clamp(76px,8.6vw,132px);letter-spacing:-0.038em;line-height:1.04;margin-bottom:21px}h1 em{font-weight:400;color:#e4d7c2}.hero-description{font-size:20px;letter-spacing:0;color:#e1dfd8;margin-bottom:34px}.button{padding:18px 25px;min-height:58px;font-size:14px;display:inline-flex;align-items:center;gap:54px;transition:background .2s}.button span{font-size:21px}.light-button{background:var(--paper);color:var(--bg)}.light-button:hover{background:#fff}.outline-button{border:1px solid #918676;color:var(--paper)}.outline-button:hover{background:#ffffff0d}.hero-bottom{position:absolute;bottom:34px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.7px;gap:20px}.hero-bottom a{display:flex;gap:25px;align-items:center}.hero-bottom a span{font-size:24px}.section-pad{padding:clamp(89px,12vw,144px) 6.5%}.intro{display:grid;grid-template-columns:1fr 2.618fr 1fr;gap:34px;align-items:start}.intro>.eyebrow{padding-top:12px}.intro h2,h2{font-size:clamp(50px,5.2vw,82px);line-height:1.12;letter-spacing:-0.026em;margin-bottom:34px}h2 em{color:#bdb39f}.intro>div>p{max-width:34em;color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:0}.intro-note{font-size:12px;letter-spacing:1.5px;line-height:1.9;color:var(--muted);justify-self:end;align-self:end}.venue-panorama{margin:0 2.5%;height:clamp(460px,54vw,745px);position:relative;overflow:hidden}.venue-panorama img{height:100%;object-position:center 44%}.venue-panorama:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c100dbf,transparent 35%)}.panorama-caption{position:absolute;z-index:1;bottom:32px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.7px}.menu-feature{display:grid;grid-template-columns:1fr 1.618fr;gap:9%;align-items:center}.menu-feature-copy>p:not(.eyebrow){line-height:1.7;color:var(--muted);max-width:34em;margin-bottom:34px}.menu-feature-image{position:relative;height:745px;min-width:0}.menu-feature-image img{height:100%;object-position:65% center}.menu-feature-image>span{position:absolute;bottom:28px;left:25px;background:#121612cc;padding:12px 16px;font-size:12px;letter-spacing:2px}.menu-index{margin-top:55px}.menu-index a{display:flex;align-items:center;border-top:1px solid var(--line);gap:21px;padding:21px 0;font-family:var(--serif);font-size:31px}.menu-index a:last-child{border-bottom:1px solid var(--line)}.menu-index span{font:12px var(--sans);color:var(--gold)}.menu-index b{margin-left:auto;font:21px var(--sans)}.gallery{background:#1d1e1b;padding-top:89px}.section-heading{display:flex;justify-content:space-between;gap:34px;align-items:end;margin-bottom:34px}.section-heading h2{margin-bottom:0}.gallery-hint{font-size:12px;letter-spacing:1px;color:var(--muted);max-width:240px;line-height:1.7;padding-bottom:10px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.gallery-item{background:var(--bg);border:0;padding:0;position:relative;height:460px;overflow:hidden;text-align:left}.gallery-wide{grid-column:span 2;height:745px}.gallery-item img{height:100%}.gallery-item:hover img{transform:scale(1.025)}.gallery-item:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10150fbd,transparent 35%)}.gallery-item>span{position:absolute;z-index:1;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--paper)}.gallery-item b{font-weight:400;font-size:27px}.visit{background:#e8e4da;color:#252720}.visit .eyebrow{color:#77654d}.visit h2{margin:0}.visit h2 em{color:#847660}.visit-main{display:flex;justify-content:space-between;align-items:end;gap:50px}.visit-info{width:330px}.visit-info p{font-family:var(--serif);font-size:26px}.text-link{border-bottom:1px solid #25272044;display:flex;justify-content:space-between;padding:21px 0;font-size:14px}.text-link span{font-size:20px}footer{padding:40px 4.5%;display:flex;align-items:center;gap:30px;font-size:13px}footer>span{color:var(--muted);margin-right:auto}.footer-brand{font-family:var(--serif);font-size:20px;letter-spacing:1px}dialog{border:0;padding:50px 65px 30px;background:var(--bg);color:var(--paper);max-width:96vw;max-height:95svh;width:1400px;overflow:visible}dialog::backdrop{background:#090c09ec;backdrop-filter:blur(5px)}dialog figure{margin:0}dialog img{height:75svh;object-fit:contain}dialog figcaption{text-align:center;margin-top:18px;font-size:14px}dialog button{position:absolute;border:1px solid #ffffff45;background:var(--bg);color:white;height:44px;width:44px;display:grid;place-items:center;font-size:28px}.close-dialog{top:5px;right:10px}.gallery-prev{left:10px;top:48%}.gallery-next{right:10px;top:48%}body.modal-open{overflow:hidden}
@media(max-width:1000px){.desktop-nav{gap:22px}.header{gap:20px}.intro{grid-template-columns:1fr 2.618fr}.intro-note{display:none}.menu-feature{gap:6%;grid-template-columns:1fr 1.618fr}.menu-feature-image{height:600px}.section-pad{padding:89px 6%}.gallery-wide{height:600px}.gallery-item:not(.gallery-wide){height:460px}}
@media(max-width:700px){.header{padding:20px 6%;gap:20px}.brand>span{font-size:19px}.brand small{font-size:12px;letter-spacing:5px}.desktop-nav{display:none}.header-cta{margin-left:auto;font-size:12px;gap:14px;padding:12px 0}.menu-toggle{display:flex;flex-direction:column;gap:7px;border:0;padding:10px 0 10px 5px;background:none;min-height:44px;justify-content:center}.menu-toggle span{height:1px;width:22px;background:var(--paper)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:15px 6% 25px;box-shadow:0 20px 30px #0007}.mobile-nav a{padding:14px 0}.hero{height:92svh;min-height:670px;max-height:900px}.hero-image{object-position:57% center}.hero-overlay{background:linear-gradient(90deg,#0e110fc7,#0e110f26),linear-gradient(0deg,#0e110fbc,transparent 60%,#0e110f88)}.hero-copy{padding:110px 6% 68px}h1{font-size:clamp(60px,13vw,89px);letter-spacing:-0.03em;line-height:1.06}.hero-description{font-size:17px}.hero-bottom{left:6%;right:6%;bottom:25px;font-size:12px;letter-spacing:.6px}.hero-bottom>span{max-width:150px;line-height:1.7}.hero-bottom a{gap:12px}.hero-bottom a span{font-size:20px}.section-pad{padding:55px 6%}.intro{display:block}.intro>.eyebrow{padding:0;margin-bottom:30px}h2,.intro h2{font-size:48px;letter-spacing:-1px}.intro>div>p{font-size:16px}.venue-panorama{height:460px;margin:0}.venue-panorama img{object-position:50% 43%}.panorama-caption{left:6%;right:6%;font-size:12px;letter-spacing:.5px;bottom:25px}.menu-feature{display:flex;flex-direction:column;gap:38px}.menu-feature-copy{width:100%}.menu-feature-image{width:100%;height:445px}.menu-index{margin-top:36px}.menu-index a{font-size:27px}.section-heading{display:block;margin-bottom:30px}.gallery-hint{display:block;margin-top:22px;max-width:none;padding:0}.gallery-grid{display:flex;flex-direction:column;gap:20px}.gallery-item,.gallery-item:not(.gallery-wide){height:480px}.gallery-wide{height:480px}.gallery-item>span{left:20px;right:20px;bottom:22px}.visit-main{display:block}.visit-info{width:100%;margin-top:40px}.visit-info p{font-size:24px}footer{padding:30px 6%;flex-wrap:wrap;gap:23px}.footer-brand{width:100%;font-size:20px}footer>span{width:100%;margin-top:-8px}footer>a:last-child{margin-left:auto}dialog{padding:50px 42px 25px}dialog img{height:70svh}dialog button{width:36px;height:40px}.gallery-prev{left:2px}.gallery-next{right:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.09s!important}.js-reveal [data-reveal]{opacity:1!important;transform:none!important}.gallery-item:hover img,.gallery-item:active,.button:active,.light-button:active,.outline-button:active,.text-link:hover,#lightbox,.mobile-nav{transform:none!important}#lightbox{filter:none!important}}

.brand .brand-logo{width:132px;height:auto;object-fit:contain}.header{padding-top:16px;padding-bottom:16px}.menu-header .brand-logo{width:106px}@media(max-width:700px){.brand .brand-logo{width:102px}.menu-header .brand-logo{width:88px}}

/* A walnut panel echoes the cafe's woodwork. */
.wood-panel{position:relative;isolation:isolate;overflow:hidden;margin:32px 2.5%;padding:100px 4.2%;min-height:450px;background:#342218;box-shadow:inset 0 1px #d2af7633,0 12px 40px #0003;align-items:center;grid-template-columns:1fr 2.618fr 1fr;gap:34px}
.wood-panel .wood-texture{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.wood-panel:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#180e0770,#170f09aa 35%,#170f098a 70%,#25170e30),linear-gradient(0deg,#130d0745,transparent 50%,#130d0730);pointer-events:none}
.wood-panel:after{content:'';position:absolute;z-index:3;inset:18px;border:1px solid #dfbe8645;pointer-events:none}
.wood-panel>:not(.wood-texture){position:relative;z-index:2}
.wood-panel>.eyebrow{align-self:start;padding-top:14px;color:#e4c294;letter-spacing:2.2px}
.wood-panel h2{color:#fff3df;text-shadow:0 2px 18px #100b0780}
.wood-panel h2 em{color:#e7bb83}
.wood-panel>div>p{color:#e5d8c7;max-width:500px}
.wood-panel .wood-signature{display:flex;flex-direction:column;align-items:center;align-self:center;gap:24px;text-align:center;color:#e3cfb0;line-height:1.9;letter-spacing:1.1px;max-width:170px}
.wood-signature img{width:155px;max-width:100%;height:auto;object-fit:contain;opacity:.86}
.wood-signature span{display:block;font-size:12px;border-top:1px solid #e3bf8550;padding-top:18px;width:100%}
@media(max-width:1000px){.wood-panel{grid-template-columns:1fr 2.618fr;gap:26px;padding:80px 6%}.wood-panel .wood-signature{display:none}}
@media(max-width:700px){.wood-panel{display:block;margin:20px 4%;padding:55px 8%;min-height:0}.wood-panel:after{inset:10px}.wood-panel>.eyebrow{padding:0;margin-bottom:28px}.wood-panel h2{font-size:clamp(38px,10.5vw,48px)}.wood-panel>div>p{font-size:16px;line-height:1.85}.wood-panel .wood-signature{display:flex;flex-direction:row;justify-content:space-between;gap:26px;max-width:none;margin:32px 0 0;padding-top:24px;border-top:1px solid #e3bf8550;text-align:right}.wood-signature img{width:98px;flex-shrink:0}.wood-signature span{border:0;padding:0;width:auto;font-size:12px;letter-spacing:.5px}.wood-panel:before{background:linear-gradient(90deg,#170f096b,#170f099e),linear-gradient(0deg,#130d0745,transparent)}}

/* Sinematik renk derecelendirmesi: güçlü kontrast, zengin koyu gölgeler, altın vurgular, tutarlı sıcak ton. */
.hero-image,.venue-panorama img,.menu-feature-image img,.gallery-item img,#lightbox figure img{filter:contrast(1.17) brightness(.93) saturate(1.06) sepia(.13) hue-rotate(-8deg)}
.hero-overlay{background:radial-gradient(125% 95% at 72% 28%,transparent 32%,#0a0d0bb0),linear-gradient(90deg,#0d100eea,#0d100e75 42%,#0d100e14 78%),linear-gradient(0deg,#0d100eb5,transparent 26%,transparent 70%,#0d100eb5)}
.venue-panorama:after{background:radial-gradient(125% 100% at 50% 38%,transparent 46%,#0a0d0be3),linear-gradient(0deg,#0a0d0bcf,transparent 34%)}
.gallery-item:after{background:radial-gradient(130% 100% at 50% 34%,transparent 44%,#0b0e0be8),linear-gradient(0deg,#0b0e0bcc,transparent 32%)}
.menu-feature-image{overflow:hidden}
.menu-feature-image>span{z-index:1}
.menu-feature-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 34%,transparent 44%,#0b0e0be8),linear-gradient(0deg,#0b0e0bc4,transparent 34%)}
@media(max-width:700px){.hero-overlay{background:radial-gradient(140% 100% at 60% 30%,transparent 30%,#0b0e0cbe),linear-gradient(90deg,#0e110fd0,#0e110f30),linear-gradient(0deg,#0e110fc8,transparent 58%,#0e110f95)}}

/* 04 Konum — Google Haritalar yerleşik haritası. */
.visit-map{margin-top:60px;border:1px solid #25272026;height:420px;overflow:hidden;background:#ded9cd}
.visit-map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.35) contrast(.95) sepia(.06)}
@media(max-width:700px){.visit-map{margin-top:40px;height:320px}}


/* Golden-ratio pass: motion cohesion — custom ease-out, press feedback, calmer hover. */
/* These photographs already have a finished color grade. Keep their glass,
   wood grain and shadow detail visible instead of grading them a second time. */
.venue-panorama img.editorial-photo,.menu-feature-image img.editorial-photo,.gallery-item img.editorial-photo,#lightbox img.editorial-photo{filter:none}
.venue-panorama:has(.editorial-photo){height:auto;aspect-ratio:16/9}
.venue-panorama:has(.editorial-photo)::after,.gallery-item:has(.editorial-photo)::after,.menu-feature-image:has(.editorial-photo)::after{background:linear-gradient(0deg,#10150fc7,transparent 24%)}
.gallery-wide:has(.editorial-photo){height:auto;aspect-ratio:16/9}
.gallery-item:not(.gallery-wide):has(.editorial-photo){height:auto;aspect-ratio:4/3}
.gallery-item img.editorial-photo,.venue-panorama img.editorial-photo{object-position:center}
.menu-feature-image img.editorial-photo{object-position:59% center}
@media(max-width:700px){.venue-panorama:has(.editorial-photo){aspect-ratio:4/3}.gallery-wide:has(.editorial-photo){aspect-ratio:4/3}.menu-feature-image:has(.editorial-photo){height:auto;aspect-ratio:4/3}.menu-feature-image img.editorial-photo{height:100%;object-position:center}}

.button{gap:55px;transition:transform 160ms var(--ease-out),background 200ms ease}
.button:active{transform:scale(.97)}
.light-button:active,.outline-button:active{transform:scale(.97)}
.gallery-item img{transition:transform 260ms var(--ease-out)}
.gallery-item:active{transform:scale(.99)}
.text-link{transition:border-color 200ms ease,transform 200ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.text-link:hover{transform:translateX(6px)}}
@media (hover:none){.gallery-item:hover img{transform:none}}


/* Scroll reveal — content blocks settle into place as they enter view (first-view only). */
.js-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity 480ms var(--ease-out),transform 480ms var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.js-reveal [data-reveal].is-revealed{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal [data-reveal]{opacity:1;transform:none}}


/* Fotoğraf üstü editoryal başlık — köşe etiketlerinin yerine. */
.photo-caption{position:absolute;z-index:2;left:clamp(22px,4.5%,60px);right:clamp(22px,4.5%,60px);bottom:clamp(22px,6%,52px);pointer-events:none}
.photo-caption .eyebrow{margin:0 0 12px;color:#e7d9c2}
.photo-caption .line{margin:0;max-width:14em;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,52px);line-height:1.08;letter-spacing:-1.2px;color:#fff;text-shadow:0 2px 30px #000a,0 1px 4px #0006}
@media(max-width:700px){.photo-caption .line{font-size:clamp(26px,7vw,34px)}}


/* improve-animations pass: modal entrance, softened content swaps, mobile-nav entry. */
#lightbox{transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out),filter 220ms var(--ease-out)}
@starting-style{#lightbox[open]{opacity:0;transform:scale(.955);filter:blur(9px)}}
#lightbox::backdrop{transition:opacity 220ms var(--ease-out)}
@starting-style{#lightbox[open]::backdrop{opacity:0}}
#lightbox figure img{transition:opacity 160ms var(--ease-out)}
.mobile-nav{transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out)}
@starting-style{.mobile-nav:not([hidden]){opacity:0;transform:translateY(-6px)}}


/* Apple-design pass — optical type, translucent chrome, materialising surfaces. */
.visit-main{align-items:flex-start}
.visit-info{width:min(100%,380px)}
.visit-details{display:grid;gap:24px;margin:24px 0 30px}
.visit-details dt{font-size:12px;font-weight:500;letter-spacing:1.6px;color:#77654d;margin-bottom:8px}
.visit-details dd{margin:0;font-size:17px;line-height:1.7}
.visit-details address{font-style:normal}
.visit-details a{display:inline-block;text-decoration:underline;text-underline-offset:5px;padding-block:6px}
.visit-details a:hover{color:#77654d}
h1,h2,.photo-caption .line{font-optical-sizing:auto}
.photo-caption .line{letter-spacing:-0.03em}
.button{transition:transform 110ms var(--ease-out),background 200ms ease}
.header{position:fixed;border-bottom:0;padding-top:20px;padding-bottom:20px;transition:background .45s var(--ease-out),backdrop-filter .45s var(--ease-out),-webkit-backdrop-filter .45s var(--ease-out),box-shadow .45s var(--ease-out),padding-top .35s var(--ease-out),padding-bottom .35s var(--ease-out)}
.header.is-pinned{background:rgba(13,15,13,.68);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 1px 0 #ffffff1a,0 22px 46px -26px #000000a6;padding-top:12px;padding-bottom:12px}
@media (prefers-reduced-transparency:reduce){.header.is-pinned{background:#0d0f0d;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media (prefers-contrast:more){.header.is-pinned{background:#0a0c0a;box-shadow:0 0 0 1px #ffffff4d}}
@media (prefers-reduced-motion:reduce){.header{transition:background .2s ease,box-shadow .2s ease}}