/* be’ti — tasarım sistemi */
:root{
  --cream:#F3ECDD; --paper:#FAF6EC; --stone:#E4DAC5; --sand:#D9CDAE;
  --gold:#79662E; --gold-2:#8E8558; --brass:#B8964A; --matcha:#7E8B4F;
  --espresso:#3E2A1E; --line:rgba(121,102,46,.24); --ink:#4A3F1E; --muted:#6F6547;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.22,.8,.24,1); --soft:cubic-bezier(.45,0,.2,1);
  --pad:clamp(20px,5vw,64px); --max:1200px; --hdr:76px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;overflow-x:hidden;transition:opacity .35s ease}
body.leaving{opacity:0}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--gold);margin:0;line-height:1.05;letter-spacing:-.01em}
h2{font-size:clamp(40px,5.4vw,68px)}
em{font-style:italic;color:var(--gold-2)}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:720px}
.c{text-align:center}
.dim{color:var(--muted);opacity:.85}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--paper);padding:10px 16px;border-radius:99px;z-index:300}
.skip:focus{left:12px}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-2)}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.eyebrow.c{display:flex;justify-content:center}
.eyebrow.c::after{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
.eyebrow+h2{margin-top:16px}
.lede{font-family:var(--serif);font-size:clamp(21px,2.1vw,26px);line-height:1.42;color:var(--ink);margin-top:20px;max-width:30ch}
.sec{padding:clamp(80px,11vw,150px) 0;position:relative}

/* çizim dili */
.art{overflow:visible;color:var(--gold)}
.art .s{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.art .f{fill:var(--paper)}
.art [transform]{transform-box:view-box;transform-origin:0 0}

/* dama */
.checker{height:16px;background-color:var(--paper);background-image:conic-gradient(var(--sand) 25%,transparent 0 50%,var(--sand) 0 75%,transparent 0);background-size:16px 16px}
.checker.soft{opacity:.55;height:12px;background-size:12px 12px}
.checker.lg{height:28px;background-size:28px 28px}
.checker.mini{height:12px;width:168px;background-size:12px 12px;margin-top:26px}

/* görünür olma */
.js .rv{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

/* butonlar, bağlantılar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;text-decoration:none;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;padding:14px 24px;border-radius:99px;border:1px solid var(--gold);color:var(--gold);transition:background .35s,color .35s,transform .2s var(--ease)}
.btn .ar{width:15px;height:15px;transition:transform .35s var(--ease)}
.btn:hover .ar{transform:translateX(4px)}
.btn:active{transform:scale(.97)}
.btn.solid{background:var(--gold);color:var(--paper)}
.btn.solid:hover{background:#68571f}
.btn:not(.solid):hover{background:var(--gold);color:var(--paper)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ctas.c{justify-content:center}
.link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:22px;text-decoration:none;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 10px)/0 1px no-repeat;transition:background-size .45s var(--ease)}
.link:hover{background-size:100% 1px}
.link .ar{width:14px;height:14px}
.ext{font-size:.85em;opacity:.7}

/* ========== üst bar ========== */
.hdr{position:fixed;inset:0 0 auto;z-index:60;transition:background .4s,box-shadow .4s,transform .45s var(--ease)}
.hdr .in{max-width:1320px;margin:0 auto;padding:0 var(--pad);height:var(--hdr);display:flex;align-items:center;justify-content:space-between;gap:24px}
.hdr .logo{display:block}
.hdr .logo img{height:40px;width:auto}
.hdr.solid{background:rgba(243,236,221,.88);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px 0 var(--line)}
.hdr.hide{transform:translateY(-100%)}
.nav{display:flex;align-items:center;gap:28px}
.nav>a{text-decoration:none;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);position:relative;padding:8px 0}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--matcha);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav>a:hover::after,.nav>a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.lang{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.18em;color:var(--gold-2)}
.lang a{text-decoration:none;padding:8px 4px;min-width:30px;text-align:center}
.lang a[aria-current="true"]{color:var(--gold);font-weight:500}
.lang span{opacity:.4}
.nav .lang{margin-left:6px;padding-left:22px;border-left:1px solid var(--line)}
.burger{display:none;width:48px;height:48px;border-radius:50%;position:relative;z-index:70}
.burger span{position:absolute;left:13px;right:13px;height:1.5px;background:var(--gold);transition:transform .45s var(--ease)}
.burger span:nth-child(1){top:20px}.burger span:nth-child(2){top:28px}
.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:55;background:var(--cream);transform:translateY(-100%);transition:transform .6s var(--soft),visibility .6s;visibility:hidden;display:flex;flex-direction:column}
.menu-open .drawer{transform:none;visibility:visible}
.dr-in{flex:1;display:flex;flex-direction:column;justify-content:center;padding:96px var(--pad) 30px}
.drawer a.big{font-family:var(--serif);font-size:clamp(34px,9vw,46px);line-height:1.3;color:var(--gold);text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .55s var(--ease);min-height:48px;display:block}
.menu-open .drawer a.big{opacity:1;transform:none}
.drawer a.big:nth-child(1){transition-delay:.2s}.drawer a.big:nth-child(2){transition-delay:.25s}.drawer a.big:nth-child(3){transition-delay:.3s}.drawer a.big:nth-child(4){transition-delay:.35s}.drawer a.big:nth-child(5){transition-delay:.4s}
.dr-foot{margin-top:34px;font-size:14px;color:var(--gold-2);display:grid;gap:8px}
.dr-foot a{text-decoration:none}
.dr-check{height:14px;background-size:14px 14px}
.menu-open{overflow:hidden}
@media (max-width:980px){ .nav{display:none} .burger{display:block} :root{--hdr:66px} .hdr .logo img{height:34px} }

/* ========== AÇILIŞ ========== */
.intro{position:fixed;inset:0;z-index:200;background:var(--cream);display:grid;place-items:center;transition:transform .75s var(--soft),visibility .75s}
.intro.lift{transform:translateY(-100%);visibility:hidden}
.intro .stage{display:flex;flex-direction:column;align-items:center;transition:opacity .4s ease}
.intro .word{font-family:var(--serif);font-weight:300;color:var(--gold);font-size:clamp(50px,10vw,124px);line-height:1;white-space:nowrap;display:flex;align-items:baseline;transform-origin:center}
.intro .word>span{display:inline-block}
.intro .word .x,.intro .word .gap,.intro .word .ap{overflow:hidden;vertical-align:bottom}
.intro .word .k,.intro .word .bb,.intro .word .x{opacity:0;filter:blur(4px);transform:translateY(4px);transition:opacity .5s ease,filter .5s ease,transform .6s var(--ease)}
.intro.s1 .word .k,.intro.s1 .word .bb,.intro.s1 .word .x{opacity:1;filter:none;transform:none}
.intro .word .x.go{opacity:0!important;transform:translateY(-.5em)!important;filter:blur(3px)!important;transition:opacity .35s ease,transform .45s var(--ease),filter .35s ease,width .55s var(--soft) .08s}
.intro .word .gap{transition:width .55s var(--soft)}
.intro .ap{width:0;opacity:0;transform:translateY(-.45em);transition:width .4s var(--soft),opacity .35s ease,transform .5s cubic-bezier(.3,1.35,.5,1)}
.intro .bb{display:inline-grid!important;justify-items:start;transition:width .5s var(--soft)}
.intro .bb>span{grid-area:1/1;transition:opacity .35s ease}
.intro .bb .L{opacity:0}
.intro .place{margin-top:26px;display:flex;font-size:12px;letter-spacing:.5em;color:var(--gold-2);padding-left:.5em}
.intro .place span{opacity:0;transform:translateY(4px);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(var(--i) * 20ms)}
.intro.s4 .place span{opacity:1;transform:none}
.intro.fly .place{opacity:0;transition:opacity .35s ease}
.intro-lock{overflow:hidden}

/* ========== İLK EKRAN ========== */
.hero{position:relative;padding:calc(var(--hdr) + 14px) var(--pad) 0;max-width:1440px;margin:0 auto}
.hero-media{position:relative;height:clamp(320px,64svh,720px);border-radius:999px 999px 26px 26px / 560px 560px 26px 26px;overflow:hidden;background:var(--stone)}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.06);transition:transform 2.6s var(--ease)}
.ready .hero-media img{transform:scale(1)}
.hero-media .cover{position:absolute;inset:0;background:var(--cream);transform-origin:top;transition:transform 1.4s var(--soft)}
.ready .hero-media .cover{transform:scaleY(0)}
.hero-foot{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 0 26px}
.tagline{font-size:12px;letter-spacing:.42em;color:var(--gold);padding-left:.42em;opacity:0;transform:translateY(10px);transition:opacity 1s ease .5s,transform 1.1s var(--ease) .5s}
.hero-foot .ctas{justify-content:center;margin-top:22px;opacity:0;transform:translateY(10px);transition:opacity 1s ease .7s,transform 1.1s var(--ease) .7s}
.ready .tagline,.ready .hero-foot .ctas{opacity:1;transform:none}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);padding:10px 0 26px}
.scroll-cue i{width:1px;height:34px;background:var(--line);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--gold);animation:fall 2.4s ease-in-out infinite}
@keyframes fall{to{top:100%}}
@media (max-width:760px){ .hero{padding:calc(var(--hdr) + 8px) 14px 0} .hero-media{height:auto;aspect-ratio:4/4.4;border-radius:999px 999px 22px 22px / 380px 380px 22px 22px} .tagline{font-size:10.5px;letter-spacing:.28em;line-height:2} .hero-foot .ctas{flex-direction:column;width:100%;max-width:320px} }

/* ========== FIRINDAN ========== */
.oven-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);align-items:end}
.arch-frame{aspect-ratio:4/5;border-radius:999px 999px 24px 24px;background:linear-gradient(180deg,#F4ECD8,#E8DBBD);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:transform 1.2s var(--ease)}
.arch-frame:hover .cro-big{transform:scale(1.02)}
.cro-big{width:86%;transition:transform 1.2s var(--ease)}
.cro-big .band{opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 6px));transition:opacity .25s linear}
.cro-big .band-sh{opacity:var(--sh,0)}
.oven-text h2{font-size:clamp(46px,6vw,80px)}
.shelf{margin-top:44px;position:relative}
.shelf-l{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2)}
.shelf-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;position:relative;z-index:1}
.bread{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px 12px;min-height:44px}
.bread .loaf{width:100%;max-width:96px;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}
.bread .bname{font-size:12px;line-height:1.3;color:var(--gold);text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .35s ease,transform .4s var(--ease);min-height:2.6em}
.bread:hover .loaf,.bread.on .loaf,.bread:focus-visible .loaf{transform:translateY(-8px)}
.bread:hover .bname,.bread.on .bname,.bread:focus-visible .bname{opacity:1;transform:none}
.rail{position:absolute;left:0;right:calc(-1 * var(--pad) - 50vw);top:calc(10px + 1.6em + 56px);height:1px}
.rail i{position:absolute;left:0;top:0;height:1px;width:100%;background:var(--brass);transform-origin:left;transform:scaleX(var(--rail,0))}
.rail::before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--brass)}
@media (max-width:860px){ .oven-grid{grid-template-columns:1fr} .arch-frame{aspect-ratio:4/4.2;max-width:460px;width:100%;margin:0 auto} .shelf-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;margin:10px calc(var(--pad) * -1) 0;padding:0 var(--pad);scrollbar-width:none} .shelf-row::-webkit-scrollbar{display:none} .bread{flex:0 0 31%;scroll-snap-align:start} .bread .bname{opacity:.75;transform:none} .rail{right:calc(-1 * var(--pad))} }

/* ========== KAHVALTI ========== */
.breakfast{padding-top:clamp(40px,6vw,80px)}
.bf-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.plate{width:100%;max-width:520px;margin-left:auto}
.plate .plink{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--soft)}
.plate .rim{opacity:0;transition:opacity .8s ease 1.4s}
.plate .rim2{opacity:0;transition:opacity .8s ease 1.4s}
.plate .it{opacity:0;transform:translateY(-8px);transform-box:fill-box;transition:opacity .6s ease,transform .7s var(--ease);transition-delay:calc(1.6s + var(--i) * .22s)}
.bf-art.in .plate .plink{stroke-dashoffset:0}
.bf-art.in .plate .rim{opacity:1}.bf-art.in .plate .rim2{opacity:.35}
.bf-art.in .plate .it{opacity:1;transform:none}
.cap{margin-top:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);text-align:right;padding-right:6%}
.dishes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin:clamp(50px,7vw,80px) calc(var(--pad) * -1) 0;padding:6px var(--pad) 14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.dish{scroll-snap-align:start;background:var(--paper);border:1px solid rgba(126,139,79,.45);border-radius:18px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .45s var(--ease),box-shadow .45s}
.dish:hover,.dish:focus-within{transform:translateY(-4px);box-shadow:0 18px 36px -26px rgba(62,42,30,.45)}
.dish .dn{font-size:11px;letter-spacing:.24em;color:var(--matcha)}
.dish h3{font-size:27px;line-height:1.1}
.dish p{font-size:14.5px;line-height:1.55;color:var(--muted)}
@media (max-width:860px){ .bf-grid{grid-template-columns:1fr} .bf-art{order:2} .plate{margin:0 auto} .cap{text-align:center;padding:0} .dishes{grid-auto-columns:80%} }

/* ========== KAHVE (koyu) ========== */
.coffee{background:var(--espresso);color:#E9DFC8}
.coffee h2,.coffee h3{color:#EEDFB8}
.coffee .eyebrow{color:#C6AE7E}
.coffee .lede{color:#E9DFC8}
.cf-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.bar{width:100%}
.bar .s{stroke:#E6D7B2}
.bar .f{fill:#4A3426}
.bar .rack-cup{transition:opacity .4s}
.bar .cup-move{transform:translate(0,-160px);opacity:0;transition:transform 1.1s var(--soft) .9s,opacity .4s ease .9s}
.bar .grinder .dial path{transform-origin:74px 168px;transform-box:view-box;transition:transform 1s var(--soft) .1s}
.bar .beans ellipse{transition:transform 1s var(--soft) .1s,opacity 1s}
.bar .stream{transform-origin:50% 0;transform-box:fill-box;transform:scaleY(0);opacity:0;transition:transform .9s var(--soft) 2.2s,opacity .3s 2.2s}
.bar .coffee-lvl{transform:translateY(26px);transition:transform 2.4s var(--soft) 2.5s}
.bar .crema{transform:translateY(26px);opacity:0;transition:transform 2.4s var(--soft) 2.5s,opacity 1s ease 4.4s}
.cf-art.in .cup-move{transform:none;opacity:1}
.cf-art.in #cupsrc{opacity:0;transition-delay:.9s}
.cf-art.in .grinder .dial path{transform:rotate(200deg)}
.cf-art.in .beans ellipse{transform:translateY(16px);opacity:.25}
.cf-art.in .stream{transform:scaleY(1);opacity:1;animation:pour 2.4s ease 2.2s forwards}
@keyframes pour{0%,80%{opacity:1}100%{opacity:0;transform:scaleY(.25) translateY(30px)}}
.cf-art.in .coffee-lvl,.cf-art.in .crema{transform:translateY(4px)}
.cf-art.in .crema{opacity:1}
.eq{margin-top:12px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#B9A47A;opacity:.85}
.cf-text h2{font-size:clamp(38px,4.6vw,60px);margin-top:16px}
.cf-text .step{opacity:0;transform:translateY(12px);transition:opacity 1s ease,transform 1.1s var(--ease)}
.cf-text.on1 .step[data-step="1"],.cf-text.on2 .step[data-step="2"]{opacity:1;transform:none}
.cf-text .step+.step{margin-top:14px;font-size:clamp(18px,1.7vw,21px);color:#D8CBAA}
.cf-lists{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,60px);margin-top:clamp(50px,7vw,90px);padding-top:30px;border-top:1px solid rgba(234,219,181,.18)}
.cf-lists h3{font-family:var(--sans);font-weight:500;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:#C6AE7E}
.cf-lists ul{list-style:none;margin:14px 0 0;padding:0}
.cf-lists li{font-family:var(--serif);font-size:21px;line-height:1.75;color:#EEDFB8}
.cf-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}
.cf-foot .note{font-family:var(--serif);font-style:italic;font-size:19px;color:#D8CBAA}
.link.light{color:#EEDFB8;margin-top:0}
@media (max-width:860px){ .cf-grid{grid-template-columns:1fr} .cf-lists{grid-template-columns:1fr 1fr} .cf-lists>div:last-child{grid-column:1/-1} }

/* ========== VİTRİN ========== */
.vt-head{text-align:center}
.vt-head .lede{margin:20px auto 0;max-width:40ch}
.vt-stage{position:relative;max-width:860px;margin:clamp(40px,6vw,70px) auto 0}
.vit{width:100%;position:relative;z-index:1}
.vit .light{opacity:0;transition:opacity 1.8s ease .3s}
.vt-stage.in .vit .light{opacity:1;animation:flicker 1.8s ease .3s 1}
@keyframes flicker{0%{opacity:0}12%{opacity:.45}18%{opacity:.15}30%{opacity:.8}100%{opacity:1}}
.vit .refl{opacity:0;transition:opacity .5s ease}
.vt-stage.hov .vit .refl{opacity:.7}
.vt-floor{height:46px;margin:-6px -20px 0;background-image:conic-gradient(var(--sand) 25%,transparent 0 50%,var(--sand) 0 75%,transparent 0);background-size:23px 23px;opacity:.55;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 60%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 60%,transparent)}
.kinds{margin:22px auto 0;max-width:60ch;text-align:center;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--gold-2)}

/* ========== İMZA ========== */
.signature{background:var(--paper)}
.sg-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(30px,6vw,90px);align-items:center}
.sig{width:min(240px,60%);height:auto;margin-top:6px;display:block}
.sig path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--soft) 2.4s}
.signature.in .sig path{stroke-dashoffset:0}
.matcha{margin-top:24px;font-size:15.5px;color:var(--muted)}
.matcha b{font-weight:500;color:var(--ink)}
.drinks-art{width:100%}
.drinks-art .liq{transform:translateY(160px);transition:transform 1.6s var(--soft)}
.drinks-art .glass:nth-of-type(1) .liq{transition-delay:.2s}.drinks-art .glass:nth-of-type(2) .liq{transition-delay:.7s}.drinks-art .glass:nth-of-type(3) .liq{transition-delay:1.2s}
.drinks-art .ice{opacity:0;transform:translateY(-70px);transition:transform .8s cubic-bezier(.3,1.3,.5,1),opacity .3s}
.drinks-art .glass:nth-of-type(1) .ice{transition-delay:1.1s}.drinks-art .glass:nth-of-type(2) .ice{transition-delay:1.6s}.drinks-art .glass:nth-of-type(3) .ice{transition-delay:2.1s}
.drinks-art .glass .ice2{transition-delay:calc(var(--x,0s) + .15s)}
.signature.in .drinks-art .liq{transform:none}
.signature.in .drinks-art .ice{opacity:1;transform:none}
.drinks-art .glass{cursor:pointer;outline:none}
.drinks-art .glass:focus-visible path{stroke:var(--brass)}
.glass-name{min-height:30px;margin-top:8px;text-align:center;font-family:var(--serif);font-size:22px;color:var(--gold)}
.glass-name .hint{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);opacity:.8}
@media (max-width:860px){ .sg-grid{grid-template-columns:1fr} }

/* ========== İKİ KARDEŞ (ana sayfa) ========== */
.siblings-h{text-align:center;overflow:hidden}
.stamp{color:var(--brass);width:120px;height:120px;display:block}
.stamp .ringtxt{font-family:var(--sans);font-size:9.4px;letter-spacing:3px;fill:currentColor}
.stamp .mono{font-family:var(--serif);font-size:22px;fill:currentColor}
.stamp.corner{position:absolute;right:var(--pad);top:clamp(40px,7vw,90px);width:96px;height:96px;transform:rotate(-12deg);opacity:.85}
.sbh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(16px,3vw,40px);max-width:1000px;margin:0 auto}
.sbh-name{display:flex;flex-direction:column;gap:6px}
.sbh-name.l{text-align:right}.sbh-name.r{text-align:left}
.sbh-name b{font-weight:500;font-size:13px;letter-spacing:.4em;color:var(--gold)}
.sbh-name span{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--gold-2)}
.sbh-logo{position:relative;width:clamp(200px,28vw,340px)}
.sbh-logo img{position:relative;z-index:1}
.sbh-lines{position:absolute;left:-60%;right:-60%;top:0;width:220%;height:100%;pointer-events:none}
.sbh-lines path{fill:none;stroke:var(--brass);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--soft) .3s;opacity:.85}
.siblings-h.in .sbh-lines path{stroke-dashoffset:0}
.sbh-p{margin:44px auto 0;max-width:34ch;font-family:var(--serif);font-size:clamp(22px,2.4vw,30px);line-height:1.4;color:var(--ink)}
@media (max-width:700px){ .sbh{grid-template-columns:1fr 1fr;row-gap:20px} .sbh-logo{grid-column:1/-1;grid-row:1;margin:0 auto;width:220px} .sbh-lines{display:none} .sbh-name.l,.sbh-name.r{text-align:center} .stamp.corner{width:72px;height:72px;top:24px} }

/* ========== ZİYARET ========== */
.visit{background:linear-gradient(var(--cream),var(--paper))}
.vs-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,6vw,90px);align-items:start}
.vs-art{aspect-ratio:1/1.1;border-radius:999px 999px 26px 26px;overflow:hidden;background:linear-gradient(180deg,#EFE6CF,#E3D9BC);border:1px solid var(--line);position:sticky;top:100px}
.vs-art svg{width:100%;height:100%}
.urla-sc .sun{transform:translateY(80px);transition:transform 2.6s var(--soft)}
.vs-art.in .sun{transform:none}
.vs-text h2{font-size:clamp(42px,5vw,66px)}
.open-state{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;letter-spacing:.06em;color:var(--gold);padding:8px 14px;border:1px solid var(--line);border-radius:99px}
.open-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#B0553E}
.open-state.is-open::before{background:var(--matcha)}
.facts{margin:30px 0 0;display:grid;gap:16px}
.facts>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.facts dt{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-2);padding-top:5px}
.facts dd{margin:0;font-family:var(--serif);font-size:22px;line-height:1.35;color:var(--gold)}
.facts dd a{text-decoration:none}
.facts dd a:hover{text-decoration:underline;text-underline-offset:4px}
.facts .dim{font-size:16px}
.map{display:block;margin-top:34px;border-radius:20px;overflow:hidden;border:1px solid var(--line);transition:transform .45s var(--ease),box-shadow .45s}
.map:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(62,42,30,.4)}
.map svg{width:100%;display:block}
.map-sea,.map-lbl{font-family:var(--sans);font-size:9px;letter-spacing:4px;fill:var(--gold-2)}
.map-be{font-family:var(--serif);font-size:15px;fill:var(--gold)}
@media (max-width:860px){ .vs-grid{grid-template-columns:1fr} .vs-art{position:relative;top:0;max-width:440px;width:100%;margin:0 auto} .facts>div{grid-template-columns:1fr;gap:4px} .vs-text .ctas{flex-direction:column} }

/* ========== ALT BİLGİ ========== */
.ftr{background:var(--espresso);color:#D7CAA8;padding:64px 0 30px}
.ftr .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.ftr img{height:52px;width:auto}
.f-brand p{margin-top:16px;max-width:26ch;font-family:var(--serif);font-size:19px;color:#E5D8B8}
.ftr h2{font-family:var(--sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#BFA77A;font-weight:400;margin:0 0 14px}
.ftr a{text-decoration:none;color:#EADBB5}
.ftr a:hover{text-decoration:underline;text-underline-offset:4px}
.ftr ul{list-style:none;margin:0;padding:0;line-height:2.1}
.ftr p+p{margin-top:8px}
.ftr .dim{color:#A99A78;font-size:14px}
.ftr .open-state{color:#EADBB5;border-color:rgba(234,219,181,.25)}
.ftr .bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(234,219,181,.15);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:#A99A78}
.ftr .lang{color:#A99A78}.ftr .lang a[aria-current="true"]{color:#EADBB5}
@media (max-width:860px){ .ftr .top{grid-template-columns:1fr 1fr} .f-brand{grid-column:1/-1} }

/* ========== HİKÂYEMİZ ========== */
.st-open{position:relative;min-height:78svh;display:flex;align-items:center;padding:calc(var(--hdr) + 40px) 0 60px;background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .4 0 0 0 0 .3 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.st-open .wrap{position:relative;width:100%}
.lines{font-size:clamp(58px,10vw,138px);line-height:.98;margin-top:26px}
.lines .ln{display:block;overflow:hidden;padding-bottom:.06em}
.lines .ln>span{display:inline-block;transform:translateY(105%);transition:transform 1.2s var(--ease) var(--d,0s)}
.lines em{color:var(--matcha)}
.ready .lines .ln>span{transform:none}
.st-sub{margin-top:28px;font-size:15px;color:var(--muted);opacity:0;transition:opacity 1s ease .7s}
.ready .st-sub{opacity:1}
.st-stamp{position:absolute;right:var(--pad);top:0;width:clamp(96px,11vw,136px);height:auto;transform:rotate(-14deg) scale(1.35);opacity:0;transition:transform .55s cubic-bezier(.5,0,.3,1.4) .9s,opacity .3s ease .9s}
.ready .st-stamp{transform:rotate(-12deg);opacity:.9}
.st-stamp::after{content:""}
.st-open .ink{position:absolute;border-radius:50%;border:1px solid var(--brass);opacity:0;pointer-events:none}
.ready .st-open .ink{animation:ink 1.1s ease-out 1.35s 1}
@keyframes ink{0%{opacity:.35;transform:scale(.9)}100%{opacity:0;transform:scale(1.35)}}
@media (max-width:700px){ .st-stamp{width:78px;top:-20px} }

.st-sib h2{font-size:clamp(36px,4.6vw,58px)}
.sib-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(18px,4vw,56px);align-items:start;margin-top:clamp(46px,6vw,80px);max-width:960px;margin-left:auto;margin-right:auto}
.sib{margin:0;text-align:center}
.sib.n{margin-top:clamp(0px,7vw,96px)}
.sib .frame{aspect-ratio:4/5;border-radius:999px 999px 22px 22px;border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden;display:grid;place-items:end center;padding-bottom:16%}
.sib .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sib .sib-art{width:78%}
.sib .ghost{position:absolute;top:12%;left:50%;transform:translateX(-50%);font-family:var(--serif);font-size:clamp(70px,9vw,120px);line-height:1;color:var(--gold);opacity:.07}
.sib figcaption{margin-top:24px}
.sib figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(34px,3.6vw,46px);color:var(--gold)}
.sib .role{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-2);padding:7px 14px;border:1px solid var(--line);border-radius:99px}
.sib figcaption p{margin:16px auto 0;max-width:30ch;font-family:var(--serif);font-size:20px;line-height:1.45}
.amp{font-family:var(--serif);font-style:italic;font-size:clamp(56px,7vw,96px);color:var(--brass);align-self:center;line-height:1}
.join{max-width:960px;margin:0 auto;text-align:center}
.join-lines{width:100%;height:90px;display:block}
.join-lines path{fill:none;stroke:var(--brass);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--soft)}
.join-lines .v{transition-delay:1.2s}
.join.in .join-lines path{stroke-dashoffset:0}
.join-c{margin-top:16px;font-size:14px;color:var(--muted);opacity:0;transition:opacity .9s ease 1.6s}
.vals{list-style:none;margin:10px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.4vw,30px);color:var(--gold)}
.vals li{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform 1s var(--ease)}
.vals li:nth-child(1){transition-delay:1.8s}.vals li:nth-child(2){transition-delay:2.05s}.vals li:nth-child(3){transition-delay:2.3s}
.vals li+li::before{content:"·";margin:0 .6em;color:var(--brass)}
.join.in .join-c{opacity:1}.join.in .vals li{opacity:1;transform:none}
@media (max-width:760px){ .sib-grid{grid-template-columns:1fr;gap:8px} .sib.n{margin-top:0} .sib .frame{max-width:330px;margin:0 auto} .amp{text-align:center;margin:14px 0} .join-lines{height:60px} .vals{flex-direction:column;gap:4px} .vals li+li::before{display:none} }

.st-venue{background:var(--paper)}
.venue-scroll{margin-top:clamp(36px,5vw,60px);overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:0 var(--pad)}
.venue-scroll::-webkit-scrollbar{display:none}
.venue-wrap{position:relative;min-width:900px}
.venue-art{width:100%;display:block}
.venue-art .zone{clip-path:inset(0 100% 0 0);transition:clip-path .55s linear,opacity .35s ease}
.venue-art .zone[data-z="firin"]{transition-delay:0s,0s}.venue-art .zone[data-z="pat"]{transition-delay:.5s,0s}.venue-art .zone[data-z="kahve"]{transition-delay:1s,0s}.venue-art .zone[data-z="kahvalti"]{transition-delay:1.5s,0s}
.venue-wrap.in .zone{clip-path:inset(0 0 0 0)}
.venue-wrap.dim .zone{opacity:.45}
.venue-wrap.dim .zone.hl{opacity:1}
.zl span{position:absolute;top:0;transform:translateX(-50%);font-size:10.5px;letter-spacing:.3em;color:var(--gold-2);opacity:0;transition:opacity .6s ease}
.venue-wrap.in .zl span[data-z="firin"]{opacity:1;transition-delay:.55s}.venue-wrap.in .zl span[data-z="pat"]{opacity:1;transition-delay:1.05s}.venue-wrap.in .zl span[data-z="kahve"]{opacity:1;transition-delay:1.55s}.venue-wrap.in .zl span[data-z="kahvalti"]{opacity:1;transition-delay:2.05s}
.swipe-hint{display:none;margin-top:8px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);text-align:right}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);margin-top:clamp(40px,6vw,70px)}
.two-col .big{font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);line-height:1.3;color:var(--gold)}
.two-col p+p{margin-top:14px}
.two-col div p{color:var(--muted)}
@media (max-width:860px){ .two-col{grid-template-columns:1fr} .swipe-hint{display:block} .venue-scroll{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)} }

.urla-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,90px);align-items:center}
.u-text p:not(.last){margin-top:18px;color:var(--muted);max-width:46ch}
.u-text h2{margin-top:16px}
.u-text .last{margin-top:30px;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.8vw,36px);line-height:1.25;color:var(--gold);max-width:22ch}
.tall-arch{aspect-ratio:3/5.2;max-height:640px;border-radius:999px 999px 24px 24px;overflow:hidden;border:1px solid var(--line);margin-left:auto;width:min(100%,380px)}
.tall-arch svg{width:100%;height:100%;display:block}
.urla-v .gl{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--g,0))}
.urla-v .lf{opacity:clamp(0,calc(var(--g,0) * 8 - var(--i) * .9),1);transform-box:fill-box;transform-origin:center}
.coord{margin-top:12px;text-align:right;font-size:10.5px;letter-spacing:.34em;color:var(--gold-2);width:min(100%,380px);margin-left:auto}
@media (max-width:860px){ .urla-grid{grid-template-columns:1fr} .u-art{order:-1} .tall-arch{aspect-ratio:3/3.4;margin:0 auto 10px;width:min(100%,360px)} .coord{margin:6px auto 0;text-align:center} }

.st-people{text-align:center}
.st-people h2{font-size:clamp(36px,4.6vw,58px)}
.team{list-style:none;display:flex;justify-content:center;gap:clamp(24px,6vw,70px);margin:36px 0 30px;padding:0}
.team li{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.3em;color:var(--gold-2)}
.team .ticon{width:54px;height:50px}
.st-people p.rv{color:var(--muted);margin:0 auto;max-width:56ch}
.st-people p.rv+p.rv{margin-top:14px}
.tbl{max-width:360px;margin:44px auto 0}
.table-sc{width:100%}
.table-sc .chair{transition:transform 1.1s var(--soft)}
.tbl.in .chair{transform:translateX(16px)}
.table-sc .steam{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.tbl.in .steam{animation:steam 1.8s ease-out 1.3s 1 forwards}
.tbl.in .st2{animation-delay:1.55s}
@keyframes steam{0%{opacity:0;stroke-dashoffset:1}40%{opacity:.8;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0;transform:translateY(-8px)}}
.wait{margin-top:30px;font-family:var(--serif);font-size:clamp(46px,6vw,78px);line-height:1;color:var(--gold);opacity:0;transform:translateY(14px);transition:opacity 1.1s ease 2s,transform 1.2s var(--ease) 2s}
.tbl.in~.wait{opacity:1;transform:none}
.st-people .ctas{margin-top:26px}
.st-people .btn{min-height:44px;padding:12px 20px;font-size:11.5px}
@media (max-width:560px){ .st-people .ctas{flex-direction:column;align-items:center} }

/* 404 */
.nf{min-height:80svh;display:flex;align-items:center;padding:calc(var(--hdr) + 40px) 0 60px}
.shelf404{width:min(360px,80vw);margin:0 auto 26px}
.nf h1{font-size:clamp(40px,6vw,72px)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .intro{display:none}
  .hero-media img,.lines .ln>span{transform:none} .hero-media .cover{display:none}
  .tagline,.hero-foot .ctas,.st-sub,.wait,.join-c,.vals li,.cf-text .step{opacity:1!important;transform:none!important}
  .st-stamp{opacity:.9;transform:rotate(-12deg)}
  .cro-big .band{opacity:1;transform:none} .cro-big .band-sh{opacity:1}
  .rail i{transform:none}
  .plate .link,.sig path,.sbh-lines path,.join-lines path{stroke-dashoffset:0}
  .plate .rim,.plate .it{opacity:1;transform:none}.plate .rim2{opacity:.35}
  .bar .cup-move{transform:none;opacity:1}.bar #cupsrc{opacity:0}.bar .coffee-lvl,.bar .crema{transform:translateY(4px);opacity:1}.bar .stream{opacity:0}
  .vit .light{opacity:1}
  .drinks-art .liq,.drinks-art .ice{transform:none;opacity:1}
  .venue-art .zone{clip-path:none}.zl span{opacity:1}
  .urla-v .gl{stroke-dashoffset:0}.urla-v .lf{opacity:1}
  .urla-sc .sun{transform:none}
}

/* açılıştan menüye süzülen logo */
.hdr .logo{transition:opacity .5s ease}
.intro-run .hdr .logo{opacity:0}
.logo-in .hdr .logo{opacity:1}
.fly-word{font-family:var(--serif);font-weight:300;color:var(--gold);font-size:clamp(50px,10vw,124px);line-height:1;white-space:nowrap;display:flex;align-items:baseline}
.fly-word>span{display:inline-block;overflow:hidden}
.fly-word .k,.fly-word .bb,.fly-word .ap{opacity:1;filter:none;transform:none}
.fly-word .x,.fly-word .gap{display:none}
.fly-word .bb{display:inline-grid;justify-items:start}.fly-word .bb>span{grid-area:1/1}
.st-open .ink{right:var(--pad);top:0;width:clamp(96px,11vw,136px);aspect-ratio:1}
@media (max-width:700px){ .st-open .ink{width:78px;top:-20px} }
.sec,.hero{overflow-x:clip}

/* ===== v5 düzenlemeleri ===== */
/* tekrar eden üst başlıklar kalktı: başlık-metin aralıkları eşit */
.oven-text h2,.bf-text h2,.vt-head h2,.sg-text h2,.u-text h2{margin-top:0}
.bf-text .lede,.oven-text .lede,.sg-text .lede{margin-top:22px}
.bf-text{align-self:center}
.bf-text .lede{max-width:26ch}
.vt-head h2{font-size:clamp(46px,6vw,80px)}
.vt-head .lede{max-width:46ch;margin-top:24px;font-size:clamp(20px,1.9vw,24px)}
.kinds{max-width:72ch;font-size:18px;line-height:1.7}
/* kahvaltı kartları: çizimli, 10 tabak */
.dishes{grid-auto-columns:minmax(260px,300px)}
.dish{padding:18px 22px 24px}
.dish-pic{margin:0 -6px 6px;aspect-ratio:4/3;display:grid;place-items:center;border-bottom:1px dashed rgba(126,139,79,.3)}
.dish-art{width:88%;transition:transform .6s var(--ease)}
.dish:hover .dish-art{transform:rotate(-4deg) scale(1.03)}
/* imza: dengeli oranlar */
.sg-grid{grid-template-columns:1fr 1.15fr;align-items:center}
.sg-text .sig{margin-top:14px}
.sg-text .matcha{margin-top:26px}
.drinks-art{max-width:600px;margin:0 auto;display:block}
.drinks-art .cup{cursor:pointer;outline:none}
.drinks-art .cup:focus-visible path{stroke:var(--brass)}
/* & işareti: düz, sade, pirinç */
.amp-s{font-family:var(--serif);font-style:normal;font-weight:400;color:var(--brass);font-size:.92em;margin:0 .12em;letter-spacing:0}
.sib .role .amp-s,.duo .role .amp-s{font-size:1.25em;vertical-align:-.04em}
.sbh-p .bk{display:inline}
@media (max-width:700px){ .sbh-p .bk{display:none} }
.sbh-p{max-width:none}
/* Hikâyemiz açılışı: ölçülü başlık + iki paragraf */
.st-open{min-height:0;padding:calc(var(--hdr) + clamp(50px,8vw,110px)) 0 clamp(60px,8vw,100px)}
.st-open-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);align-items:end}
.st-open .lines{font-size:clamp(42px,5.4vw,74px);line-height:1.06;margin:0}
.st-copy{max-width:52ch}
.st-copy .st-sub{margin-top:0;font-family:var(--serif);font-size:clamp(18px,1.55vw,21px);line-height:1.62;color:var(--ink)}
.st-copy .st-sub.s2{margin-top:18px;transition-delay:1s}
.st-open .st-stamp{top:calc(-1 * clamp(20px,4vw,60px));width:clamp(84px,8vw,110px)}
@media (max-width:860px){ .st-open-grid{grid-template-columns:1fr;gap:28px} .st-open .st-stamp{top:-36px} }
/* İki kardeş: yazı ağırlıklı, sade */
.duo{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,5vw,70px);max-width:960px;margin:clamp(40px,5vw,64px) auto 0;align-items:stretch}
.duo .pp{display:flex;flex-direction:column;align-items:center;text-align:center}
.duo .pp b{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4.4vw,58px);line-height:1;color:var(--gold)}
.duo .role{margin-top:14px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-2)}
.duo .pp p{margin-top:18px;max-width:30ch;font-family:var(--serif);font-size:20px;line-height:1.5}
.duo .mid{display:flex;flex-direction:column;align-items:center;gap:12px}
.duo .mid i{flex:1;width:1px;background:var(--brass);opacity:.6;min-height:30px}
.duo .amp-s.big{font-size:clamp(34px,3.4vw,46px);line-height:1;margin:0}
@media (max-width:760px){ .duo{grid-template-columns:1fr;gap:26px} .duo .mid{flex-direction:row} .duo .mid i{height:1px;width:auto;min-height:0;min-width:40px} }
h2,.lede,.st-sub,.kinds,.sbh-p{text-wrap:balance}
.st-open .lines .ln{white-space:nowrap}
.st-open .st-stamp{top:auto;bottom:calc(-1 * clamp(30px,5vw,70px))}
@media (max-width:860px){ .st-open .st-stamp{display:none} .sg-grid{grid-template-columns:1fr} .st-open .lines{font-size:clamp(34px,9.4vw,44px)} }
.st-open-grid{align-items:center}
.st-open .st-stamp{position:relative;display:block;right:auto;top:auto;bottom:auto;margin-top:clamp(22px,3vw,36px);width:clamp(80px,7vw,100px)}
@media (max-width:860px){ .st-open .st-stamp{display:block;width:72px;margin-top:20px} }

/* ===== v6: tek tip yazı ölçüsü ===== */
/* başlıklar: bütün bölümlerde aynı boy */
.sec h2,.oven-text h2,.cf-text h2,.vt-head h2,.st-sib h2,.st-people h2,.vs-text h2,.u-text h2,.st-venue h2{font-size:clamp(38px,4.6vw,62px);line-height:1.08}
/* giriş cümleleri (lede) aynı */
.lede,.two-col .big,.sbh-p{font-family:var(--serif);font-size:clamp(20px,1.9vw,24px);line-height:1.45;color:var(--ink)}
.two-col .big{color:var(--gold)}
/* gövde metni: her sayfada aynı serif, aynı boy */
.body p,.st-copy .st-sub,.duo .pp p,.st-people .body p.rv,.u-text.body p,.join-c{font-family:var(--serif);font-size:clamp(18px,1.4vw,19.5px);line-height:1.65;color:var(--ink);font-style:normal}
.body p+p{margin-top:16px}
.u-text.body p{max-width:50ch;margin-top:16px;color:var(--ink)}
.st-people .body{max-width:60ch;margin:0 auto;text-align:center}
.st-people .body p.rv{color:var(--ink)}
.two-col div p{color:var(--ink)}
/* küçük etiketler: tek ölçü */
.eyebrow,.dish .dn,.duo .role,.coord,.glass-name .hint,.eq,.swipe-hint{font-size:11px;letter-spacing:.26em}
/* ortak değerler: alt alta, sakin */
.join-c{margin:18px auto 0;max-width:46ch;color:var(--muted)}
.vals{flex-direction:column;align-items:center;gap:8px;margin-top:18px;font-size:clamp(21px,2vw,26px)}
.vals li+li::before{content:none}
.vals li{display:flex;align-items:center;gap:12px}
.vals li::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--brass);opacity:.8;flex:none}
/* menü çekmecesi: ölçülü */
.drawer a.big{font-size:clamp(28px,7.4vw,36px);line-height:1.5}
.dr-foot p{font-size:14px}
/* dış bağlantı oku: küçük çizgi, emoji değil */
.ext{display:inline-block;width:.62em;height:.62em;vertical-align:.08em;opacity:.65;margin-left:2px}
.f-brand img{max-width:120px}
@media (max-width:860px){ .ftr .top>div:last-child{grid-column:1/-1} .ftr .open-state{white-space:nowrap} }
@media (max-width:700px){ .sbh-name span{font-size:16px;white-space:nowrap} .sbh{column-gap:10px} }

/* v8: logo geçişi — aynı dosya, sıçramasız */
.logo-in .hdr .logo,.logo-in .hdr .logo img{transition:none!important}
.fly-logo{will-change:transform}
/* ilk ekran: tek parça, hafif giriş */
.hero-media img{transform:translateY(8px);opacity:0;transition:transform 1.1s var(--ease) .15s,opacity 1.1s ease .15s}
.ready .hero-media img{transform:none;opacity:1}
.hero-media .cover{display:none}
.hero-media{background:#F4EDDE}
.logo-hold .hdr .logo{opacity:0!important;transition:none!important}

/* ===== v9 · REVİZYON 01 — karşılama ===== */
.hero-media{height:clamp(300px,min(64svh,calc(100svh - 330px)),720px);background:#F4EDDE}
.hero-art{width:100%;height:100%;display:block}
.hero-art .hz-bg{opacity:0;transition:opacity .7s ease}
.hero-art .hz-bread,.hero-art .hz-cro,.hero-art .hz-tray,.hero-art .hz-cup,.hero-art .hz-side{opacity:0;transform:translateY(5px);transition:opacity .6s ease,transform .9s var(--ease)}
.hero-art .dr{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s var(--soft)}
.hero-art .fl{opacity:0;transition:opacity .55s ease}
.hero-art .hz-bread .loaf-f,.hero-art .hz-bread .f{fill:#EAD2A2}
.ready .hero-art .hz-bg{opacity:1}
.ready .hero-art .hz-bread,.ready .hero-art .hz-cro,.ready .hero-art .hz-tray,.ready .hero-art .hz-cup,.ready .hero-art .hz-side{opacity:1;transform:none}
.ready .hero-art .dr{stroke-dashoffset:0}
.ready .hero-art .fl{opacity:1}
.hero-art .hz-bread{transition-delay:.25s}.hero-art .hz-bread .dr{transition-delay:.3s}.hero-art .hz-bread .fl{transition-delay:.85s}
.hero-art .hz-tray{transition-delay:.35s}
.hero-art .hz-cro.b{transition-delay:.45s}.hero-art .hz-cro.b .dr{transition-delay:.45s}.hero-art .hz-cro.b .fl{transition-delay:1s}
.hero-art .hz-cro.f{transition-delay:.55s}.hero-art .hz-cro.f .dr{transition-delay:.55s}.hero-art .hz-cro.f .fl{transition-delay:1.1s}
.hero-art .hz-cup{transition-delay:1.2s}
.hero-art .hz-side{transition-delay:1.35s}
.hero-art .hz-steam path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.ready .hero-art .hz-steam path{animation:hz-steam 1.5s ease 1.6s forwards}
.ready .hero-art .hz-steam path+path{animation-delay:1.75s}
@keyframes hz-steam{0%{stroke-dashoffset:1;opacity:.55}55%{stroke-dashoffset:0;opacity:.55}100%{stroke-dashoffset:0;opacity:0}}
/* kategori satırı: bağlantılar */
.tagline{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;transition-delay:1.3s}
.hero-foot .ctas{transition-delay:1.45s}
.tagline a{color:inherit;text-decoration:none;padding:14px 2px;min-height:44px;display:inline-flex;align-items:center;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 12px)/0 1px no-repeat;transition:background-size .4s var(--ease)}
.tagline a:hover,.tagline a:focus-visible{background-size:calc(100% - .42em) 1px}
.tagline a:focus-visible{outline:1px solid var(--brass);outline-offset:2px}
.tagline .dot{margin:0 .35em;opacity:.7}
.scroll-cue{padding:4px 0 22px}
.scroll-cue i::after{animation-iteration-count:3}
@media (max-width:760px){
  .hero-media{height:auto;aspect-ratio:4/3;border-radius:999px 999px 22px 22px / 300px 300px 22px 22px}
  .tagline{font-size:10.5px;letter-spacing:.24em;max-width:330px;margin:0 auto;row-gap:0}
  .tagline a{padding:12px 2px}
  .hero-foot{padding:22px 0 18px}
}
@media (max-height:620px) and (min-width:761px){ .hero-media{height:300px} }

/* ===== v9 · REVİZYON 03 — Fırından ===== */
.oven-grid{grid-template-columns:1fr 1fr;grid-template-areas:"media head" "media shelf";grid-template-rows:auto auto;row-gap:0;align-items:start}
.oven-head{grid-area:head;align-self:end}
.oven-media{grid-area:media;align-self:center}
.oven-shelf{grid-area:shelf}
.oven-head h2{margin:0}.oven-head .lede{margin-top:22px}
.oven-shelf .shelf{margin-top:32px}
.oven-shelf .link{margin-top:28px}
.arch-frame .firin{width:100%;height:100%;display:block}
/* sahne zaman çizelgesi (.play) — son hâl (.done) */
.firin .f-dough{opacity:0}
.firin .f-rise{transform-box:fill-box;transform-origin:50% 100%;transform:scale(1,.96)}
.firin .f-cut{stroke-dasharray:1;stroke-dashoffset:1}
.firin .f-loaf{opacity:0}
.firin .f-tray{opacity:0;transform:translateX(46px)}
.firin.play .f-dough{opacity:1;transition:opacity .6s ease calc(var(--i) * .06s)}
.firin.play .f-rise{transform:scale(1.03,1);transition:transform 1s cubic-bezier(.35,0,.25,1) .6s}
.firin.play .f-cut{stroke-dashoffset:0;transition:stroke-dashoffset .7s var(--soft) 1.6s}
.firin.play .f-dough{animation:f-out .7s ease 2.3s forwards}
.firin.play .f-loaf{opacity:1;transition:opacity .7s ease calc(2.3s + var(--i) * .08s)}
.firin.play .f-tray{opacity:1;transform:none;transition:opacity .8s ease 2.4s,transform 1.1s var(--ease) 2.4s}
@keyframes f-out{from{opacity:1}to{opacity:0}}
.firin.done .f-dough{opacity:0!important;animation:none}
.firin.done .f-loaf,.firin.done .f-tray{opacity:1!important;transform:none!important;transition:none!important}
/* ekmek rafı: hover / dokunma / klavye; seçili ekmek pirinç alt çizgiyle */
.bread{position:relative;cursor:pointer;border-radius:10px}
.bread::after{content:"";position:absolute;left:24%;right:24%;bottom:2.9em;height:1px;background:var(--brass);transform:scaleX(0);transition:transform .4s var(--ease)}
.bread.on::after{transform:scaleX(1)}
.bread:focus-visible{outline:1px solid var(--brass);outline-offset:3px}
@media (max-width:860px){
  .oven-grid{grid-template-columns:1fr;grid-template-areas:"head" "media" "shelf";row-gap:28px}
  .oven-head{align-self:start}
  .oven-shelf .shelf{margin-top:0}
  .arch-frame{aspect-ratio:4/4.6;max-width:420px}
  .shelf-row{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;overflow:visible;margin:10px 0 0!important;padding:0!important}
  .bread{flex:none}
  .bread .bname{font-size:11px;min-height:4em}
  .bread::after{bottom:4.3em}
}

/* ===== v9 · REVİZYON 04 — Kahvaltı ===== */
.bf-hours{display:flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--sans);font-size:13px;letter-spacing:.02em;color:var(--gold)}
.bf-hours .clock{width:14px;height:14px;flex:none;fill:none;stroke:var(--brass);stroke-width:1.1;stroke-linecap:round}
.bf-text .link{margin-top:20px}
.dish-rail{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px}
.dish-rail .dishes{grid-column:1/-1;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.55));mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.55))}
.dish-rail .dishes.at-end{-webkit-mask-image:none;mask-image:none}
.dish-prog{grid-column:1;height:1px;background:rgba(121,102,46,.14);position:relative;overflow:hidden;margin-top:6px}
.dish-prog i{position:absolute;left:0;top:0;height:1px;width:var(--w,20%);background:var(--gold);opacity:.45;transform:translateX(var(--x,0px))}
.dish-nav{grid-column:2;display:flex;gap:8px;margin-top:6px}
.dish-nav button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer;transition:border-color .3s,opacity .3s}
.dish-nav button:hover{border-color:var(--gold)}
.dish-nav button:focus-visible{outline:1px solid var(--brass);outline-offset:2px}
.dish-nav button[disabled]{opacity:.3;cursor:default}
.dish-nav svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.dishes:focus-visible{outline:1px solid var(--brass);outline-offset:4px}
.dish .dish-pic{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(.25s + var(--k,0) * .08s)}
.dishes.in .dish .dish-pic{opacity:1;transform:none}
.bf-link{position:absolute;left:0;top:0;width:100%;height:1px;overflow:visible;pointer-events:none;z-index:0}
.bf-link path{fill:none;stroke:var(--brass);stroke-width:1;opacity:.45;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--soft) .2s,opacity .4s}
.bf-link.on path{stroke-dashoffset:0}
.bf-link.away path{opacity:0}
@media (max-width:860px),(pointer:coarse){ .dish-nav{display:none} .dish-prog{grid-column:1/-1} }
@media (max-width:860px){ .dish-rail .dishes{grid-auto-columns:80%} }

/* ===== v9 · REVİZYON 02 — dama şeritleri ===== */
.checker{height:16px;background-size:16px 16px}             /* standart: 2 sıra, kare ölçüsü her ekranda aynı */
.checker.reveal{position:relative}
.checker.reveal::after{content:"";position:absolute;inset:-1px 0;background:var(--cream);transform-origin:right;transition:transform .9s cubic-bezier(.45,0,.2,1)}
.checker.reveal.in::after{transform:scaleX(0)}
.checker.edge{background-color:#3E2A1E;background-image:conic-gradient(#5A4232 25%,transparent 0 50%,#5A4232 0 75%,transparent 0)}
/* Kahve → Vitrin: koyudan açığa "aydınlanır" */
.checker.glow{position:relative;background-color:#3E2A1E;background-image:conic-gradient(#5A4232 25%,transparent 0 50%,#5A4232 0 75%,transparent 0)}
.checker.glow::after{content:"";position:absolute;inset:0;background-color:var(--paper);background-image:conic-gradient(var(--sand) 25%,transparent 0 50%,var(--sand) 0 75%,transparent 0);background-size:16px 16px;clip-path:inset(0 100% 0 0);transition:clip-path 1s cubic-bezier(.45,0,.2,1)}
.checker.glow.in::after{clip-path:inset(0 0 0 0)}
/* İmza → İki Kardeş: kısa motif, kareler sırayla */
.chk-motif{display:flex;justify-content:center;gap:0;padding:6px 0;background:var(--cream)}
.chk-motif i{width:8px;height:8px;background:var(--sand);opacity:0;transform:scale(.6);transition:opacity .35s ease,transform .45s var(--ease)}
.chk-motif i:nth-child(even){background:var(--paper)}
.chk-motif.in i{opacity:1;transform:none}
.chk-motif i:nth-child(2){transition-delay:.08s}.chk-motif i:nth-child(3){transition-delay:.16s}.chk-motif i:nth-child(4){transition-delay:.24s}.chk-motif i:nth-child(5){transition-delay:.32s}
/* ===== v9 · REVİZYON 05 — Kahve menüsü ===== */
.js .cf-lists.rv{opacity:1;transform:none}
.cf-lists{border-top:0;position:relative}
.cf-lists::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(234,219,181,.18);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.45,0,.2,1)}
.cf-lists.in::before{transform:none}
.cf-lists>div{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .7s var(--ease)}
.cf-lists.in>div{opacity:1;transform:none}
.cf-lists.in>div:nth-child(1){transition-delay:.45s}.cf-lists.in>div:nth-child(2){transition-delay:.57s}.cf-lists.in>div:nth-child(3){transition-delay:.69s}
@media (prefers-reduced-motion:reduce){ .checker.reveal::after{display:none} .checker.glow::after{clip-path:none!important} .chk-motif i,.cf-lists>div,.dish .dish-pic{opacity:1!important;transform:none!important} .cf-lists::before{transform:none!important} }

/* ===== v9 · REVİZYON 07 — Kendi İmzamız ===== */
.sg-text .matcha+.matcha{margin-top:18px}
/* ===== v9 · REVİZYON 08 — İki Kardeş ===== */
.siblings-h .sbh-name{opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .7s var(--ease)}
.siblings-h .sbh-lines path{transition:stroke-dashoffset 1s cubic-bezier(.45,0,.2,1) .25s}
.siblings-h .sbh-logo img{opacity:.45;transition:opacity .5s ease 1.15s}
.siblings-h .stamp.corner{opacity:0;transform:rotate(-12deg) scale(1.3);transition:opacity .3s ease 1.4s,transform .45s cubic-bezier(.5,0,.3,1.4) 1.4s}
.siblings-h.in .sbh-name{opacity:1;transform:none}
.siblings-h.in .sbh-logo img{opacity:1}
.siblings-h.in .stamp.corner{opacity:.85;transform:rotate(-12deg)}
@media (max-width:700px){
  .siblings-h .sbh-name{position:relative;padding-top:26px}
  .siblings-h .sbh-name::before{content:"";position:absolute;left:50%;top:0;width:1px;height:20px;background:var(--brass);opacity:.8;transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.45,0,.2,1) .3s}
  .siblings-h.in .sbh-name::before{transform:none}
}
@media (prefers-reduced-motion:reduce){ .siblings-h .sbh-name,.siblings-h .sbh-logo img{opacity:1!important;transform:none!important} .siblings-h .stamp.corner{opacity:.85!important;transform:rotate(-12deg)!important} .siblings-h .sbh-name::before{transform:none!important} }
.dish-rail .dishes{scroll-padding-inline:var(--pad)}

/* ===== YENİ REVİZYON 01 · Açılış (31 Ekim) — blur yok, perde yok, opacity ile çözülür ===== */
.no-intro .intro{display:none!important}
.intro-on .hdr .logo{opacity:0}
.intro{transition:opacity .45s ease,visibility 0s linear .45s!important;transform:none!important;will-change:opacity}
.intro.lift{transform:none!important}
.intro.out{opacity:0;visibility:hidden}
.intro .stage{transform:translateZ(0)}
.intro .word .k,.intro .word .bb,.intro .word .x{filter:none!important;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.intro.s1 .word .k,.intro.s1 .word .bb,.intro.s1 .word .x{opacity:1;transform:none}
.intro .word .x.go{opacity:0!important;transform:none!important;filter:none!important;transition:opacity .3s ease,width .55s cubic-bezier(.45,0,.2,1)!important}
.intro .word .gap{transition:width .55s cubic-bezier(.45,0,.2,1)!important}
.intro .ap{transform:none!important;transition:width .55s cubic-bezier(.45,0,.2,1),opacity .35s ease .2s!important}
.intro .bb{transition:width .55s cubic-bezier(.45,0,.2,1)!important}
.intro .bb>span{transition:opacity .3s ease .12s!important}
.intro .place span{transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)!important;transition-delay:calc(var(--i) * 12ms)!important}
.intro.fly .place{opacity:0;transition:opacity .2s ease!important}
.intro.fly .word{opacity:0;transition:opacity .16s ease}

/* ===== REV 04 Kasım — açılış zamanlaması (intro.js ile senkron) =====
   0–.55s isimler · .55–1.5s dönüşüm · 1.5–2.1s URLA · İZMİR · 2.1–2.85s bekleme · 2.85–3.6s ana sayfaya geçiş */
.intro{transition:opacity .55s cubic-bezier(.4,0,.2,1),visibility 0s linear .55s!important}
.intro .word .k,.intro .word .bb,.intro .word .x{transition:opacity .5s cubic-bezier(.25,.1,.25,1),transform .55s cubic-bezier(.2,.7,.2,1)!important}
.intro .word .x.go{transition:opacity .4s ease,width .95s cubic-bezier(.65,0,.35,1)!important}
.intro .word .gap{transition:width .95s cubic-bezier(.65,0,.35,1)!important}
.intro .ap{transition:width .95s cubic-bezier(.65,0,.35,1),opacity .45s ease .4s!important}
.intro .bb{transition:width .95s cubic-bezier(.65,0,.35,1)!important}
.intro .place span{transition:opacity .45s ease,transform .5s cubic-bezier(.2,.7,.2,1)!important;transition-delay:calc(var(--i) * 12ms)!important}
.intro.fly .place{opacity:0;transition:opacity .25s ease!important}
.intro.fly .word{opacity:0;transition:opacity .14s cubic-bezier(.4,0,1,1)!important}
/* REV 04 Kasım — açılış optik hizalama: logo–konum boşluğu ekranla orantılı (masaüstünde aynı), grup optik merkeze hafif kaldırıldı */
.intro .place{margin-top:clamp(10px,2.1vw,26px)}
.intro .stage{transform:translate3d(0,-1.6vh,0);transform:translate3d(0,-1.6svh,0)}

/* REV 04 Kasım — Kahve: ilk sahneden sonra yumuşak döngü (10 sn). 0% = ilk sahnenin son karesi, 100% ile birebir aynı.
   0,8–1,6 sn dolu fincan sağa kayıp servis edilir · 1,8–2,6 sn boş fincan yerine süzülür · 1,6–3,0 sn hazne dolar
   3,0–4,4 sn öğütme · 4,4–7,6 sn kahve akar, fincan dolar · 8–10 sn dolu fincan bekler. Yalnızca transform/opacity. */
.cf-art.loop .cup-move{animation:cfCup 10s cubic-bezier(.45,0,.35,1) infinite}
.cf-art.loop .coffee-lvl{animation:cfLvl 10s linear infinite}
.cf-art.loop .crema{animation:cfCrema 10s linear infinite}
.cf-art.loop .beans ellipse{animation:cfBeans 10s ease-in-out infinite}
.cf-art.loop .grinder .dial path{animation:cfDial 10s cubic-bezier(.45,0,.35,1) infinite}
.cf-art.loop .stream{animation:cfStream 10s linear infinite}
.cf-art.loop.paused *{animation-play-state:paused!important}
@keyframes cfCup{0%,8%{transform:none;opacity:1}16%{transform:translate(28px,0);opacity:0}17%{transform:translate(0,-8px);opacity:0}26%,100%{transform:none;opacity:1}}
@keyframes cfLvl{0%,16%{transform:translateY(4px)}17%,46%{transform:translateY(26px)}50%{transform:translateY(23px);animation-timing-function:cubic-bezier(.3,0,.3,1)}74%,100%{transform:translateY(4px)}}
@keyframes cfCrema{0%,16%{transform:translateY(4px);opacity:1}17%,46%{transform:translateY(26px);opacity:0}50%{transform:translateY(23px);opacity:0;animation-timing-function:cubic-bezier(.3,0,.3,1)}66%{opacity:0}74%{transform:translateY(4px)}82%,100%{transform:translateY(4px);opacity:1}}
@keyframes cfBeans{0%,16%{transform:translateY(16px);opacity:.25}20%{transform:translateY(16px);opacity:0}21%{transform:translateY(-6px);opacity:0}30%{transform:none;opacity:.8}44%,100%{transform:translateY(16px);opacity:.25}}
@keyframes cfDial{0%,30%{transform:rotate(200deg)}44%,100%{transform:rotate(560deg)}}
@keyframes cfStream{0%,43%{transform:scaleY(.25) translateY(30px);opacity:0}44%{transform:scaleY(0);opacity:0}48%{transform:scaleY(1);opacity:1}70%{transform:scaleY(1);opacity:1}76%,100%{transform:scaleY(.25) translateY(30px);opacity:0}}
@media (prefers-reduced-motion:reduce){.cf-art.loop *{animation:none!important}}
/* REV 04 Kasım — Kahve kapanışı: ince çizgiyle ayrılmış tek satır; slogan solda, “Kahve Menümüz →” ince çerçeveli CTA olarak sağda. Mobilde alt alta. */
.cf-foot{margin-top:clamp(36px,4.5vw,52px);padding-top:clamp(24px,3vw,32px);border-top:1px solid rgba(234,219,181,.18);align-items:center;gap:18px 32px}
.cf-foot .note{margin:0;line-height:1.4}
.cf-cta.link{margin:0;min-height:46px;padding:0 22px 0 24px;gap:12px;border:1px solid rgba(238,223,184,.45);border-radius:999px;background:none;transition:background-color .35s ease,border-color .35s ease,color .35s ease}
.cf-cta.link:hover{background:#EEDFB8;border-color:#EEDFB8;color:#3E2A1E}
.cf-cta .ar{transition:transform .35s var(--ease)}.cf-cta:hover .ar{transform:translateX(3px)}
@media (max-width:640px){.cf-foot{flex-direction:column;align-items:flex-start;gap:18px}.cf-foot .note{font-size:18px}}