:root{
  --bg:#0b0807; --bg2:#120d0b; --panel:#181210;
  --cream:#f2e9da; --muted:#a9a08f; --line:#2a221e;
  --ember:#e2742b; --ember2:#f08a3c; --red:#c0352a; --koz:#9c2018;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cream);font-family:'Inter',system-ui,sans-serif;font-size:17px;
  line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lenis,html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}
.disp{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.04}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.05}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 36px}
.over{font-family:'Inter';font-size:12px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--ember2)}
em.r{font-style:italic;color:var(--ember2)}
@media(pointer:fine){a,button,.go,.mi{cursor:none}body{cursor:none}}

/* cursor + embers */
#embers{position:fixed;inset:0;z-index:80;pointer-events:none}
#cursor{position:fixed;top:0;left:0;z-index:81;width:9px;height:9px;border-radius:50%;background:var(--ember2);
  box-shadow:0 0 14px 3px rgba(226,116,43,.8);pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:screen;transition:opacity .3s}
@media(pointer:coarse){#cursor,#embers{display:none}}

/* reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.6,.2,1),transform 1s cubic-bezier(.2,.6,.2,1)}
.rv.in{opacity:1;transform:none}
.smoke{filter:blur(16px);opacity:0;transform:translateY(14px) scale(1.02);
  transition:filter 1.2s cubic-bezier(.2,.6,.2,1),opacity 1.2s,transform 1.2s}
.smoke.in{filter:blur(0);opacity:1;transform:none}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;
  padding:20px 36px;transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
nav.solid{background:rgba(11,8,7,.86);backdrop-filter:blur(12px);border-color:var(--line);padding:13px 36px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:38px}
.brand .bt b{font-family:'Cormorant Garamond';font-size:18px;font-weight:600;display:block;line-height:1}
.brand .loc{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ember2);margin-top:3px}
.navlinks{display:flex;align-items:center;gap:28px;font-size:13.5px;font-weight:500;letter-spacing:.05em}
.navlinks a{opacity:.82;transition:.25s}.navlinks a:hover{opacity:1;color:var(--ember2)}
.btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;
  padding:12px 22px;border-radius:2px;border:1px solid transparent;transition:.28s}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#d23e32}
.btn-ghost{border-color:rgba(242,233,218,.34)}.btn-ghost:hover{border-color:var(--cream);background:rgba(242,233,218,.06)}
.mtoggle{display:none;background:none;border:0;color:var(--cream);font-size:25px}

/* HERO */
.hero{position:relative;height:100vh;min-height:620px;display:flex;align-items:flex-end;overflow:hidden}
.hero video,.hero .himg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,7,.5),rgba(11,8,7,.05) 34%,rgba(11,8,7,.45) 68%,rgba(11,8,7,.96))}
.hero .wrap{position:relative;z-index:2;padding-bottom:9vh;width:100%}
.hero h1{font-size:clamp(2.8rem,7.5vw,6.4rem);margin:16px 0 20px;max-width:16ch}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom}
.hero h1 .w b{display:inline-block;font-weight:inherit;transform:translateY(110%);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
body.loaded .hero h1 .w b{transform:none}
.hero .lead{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:46ch;color:#e7ddcf;opacity:0;transition:1s .8s}
body.loaded .hero .lead{opacity:1}
.scrollcue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;font-size:11px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:9px;opacity:0;transition:1s 1.2s}
body.loaded .scrollcue{opacity:1}
.scrollcue::after{content:"";width:1px;height:40px;background:linear-gradient(var(--ember2),transparent);animation:cue 2s infinite}
@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}

/* VALUES */
.values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.values .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 36px}
.values div{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.05em}
.values .dot{width:6px;height:6px;border-radius:50%;background:var(--red);flex:none}

section{padding:clamp(86px,11vw,148px) 0}
.sec-head{max-width:60ch}
.sec-head h2{font-size:clamp(2.3rem,5.2vw,4rem);margin-top:14px}

/* MANIFESTO */
.manifesto{position:relative;text-align:center}
.manifesto .big{font-size:clamp(2.6rem,6vw,5rem);max-width:20ch;margin:0 auto}
.manifesto p{max-width:60ch;margin:34px auto 0;color:#d9cfc0;font-size:1.12rem}
.manifesto .par{position:absolute;inset:0;pointer-events:none;opacity:.06;
  background:radial-gradient(circle at 50% 40%,rgba(226,116,43,.5),transparent 60%)}

/* USTALAR */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center}
.split .txt p{color:#d9cfc0;margin-top:22px;max-width:48ch}
.split .fig{position:relative;overflow:hidden;border-radius:3px}
.split .fig img{width:100%;height:clamp(440px,54vw,640px);object-fit:cover}
.split .fig .tag{position:absolute;left:0;bottom:30px;background:var(--red);color:#fff;font-family:'Cormorant Garamond';
  font-size:1.4rem;padding:15px 26px;line-height:1.1}
.split .fig .tag small{display:block;font-family:'Inter';font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.85;margin-top:4px}

/* EXPERIENCE band */
.expband{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}
.expbg{position:absolute;inset:-12% 0;background-size:cover;background-position:center 40%;filter:brightness(.5) contrast(1.05);will-change:transform}
.expvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.5) contrast(1.05)}
.expmask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,8,7,.92) 0%,rgba(11,8,7,.6) 45%,rgba(11,8,7,.25) 100%)}
.expband .wrap{position:relative;z-index:2;width:100%;padding:80px 36px}

/* NEDEN */
.neden{border-top:1px solid var(--line)}
.neden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:54px;border-left:1px solid var(--line)}
.ncard{padding:34px 28px;border-right:1px solid var(--line);border-top:1px solid var(--line);transition:background .4s}
.ncard:hover{background:var(--bg2)}
.ncard .nn{font-family:'Cormorant Garamond';font-size:1rem;color:var(--ember2);letter-spacing:.1em}
.ncard h3{font-size:1.5rem;margin:14px 0 12px}
.ncard p{font-size:14.5px;color:var(--muted);line-height:1.65}

/* MENU */
.menu{background:var(--bg2);border-top:1px solid var(--line)}
.menu .demo-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ember2);border:1px solid var(--ember2);border-radius:2px;padding:5px 11px;margin-left:14px;vertical-align:middle}
.soon-chip{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:#fff;background:var(--red);padding:5px 11px;border-radius:2px;vertical-align:middle;margin-left:14px}
.soon-chip.hero-chip{margin:0 0 18px;box-shadow:0 6px 20px rgba(192,53,42,.4)}
.menu-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;margin-top:54px}
.menu-cat{margin-bottom:34px}
.menu-cat h3{font-size:1.7rem;color:var(--ember2);margin-bottom:6px}
.menu-cat .cl{height:1px;background:var(--line);margin-bottom:8px}
.mi{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid rgba(42,34,30,.7);transition:padding .3s}
.mi:hover{padding-left:10px}
.mi .nm{font-family:'Cormorant Garamond';font-size:1.4rem;font-weight:600;white-space:nowrap;transition:color .3s}
.mi:hover .nm{color:var(--ember2)}
.mi .dt{flex:1;border-bottom:1px dotted #4a4039;transform:translateY(-5px)}
.mi .pr{font-size:1.05rem;color:var(--muted);white-space:nowrap}
.menu-note{margin-top:26px;font-size:13px;color:var(--muted)}
#mprev{position:fixed;z-index:75;width:220px;height:220px;border-radius:4px;overflow:hidden;pointer-events:none;
  opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s,transform .3s;box-shadow:0 20px 60px rgba(0,0,0,.6);
  border:1px solid rgba(226,116,43,.4)}
#mprev img{width:100%;height:100%;object-fit:cover}
@media(pointer:coarse){#mprev{display:none}}

/* GALERI */
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px;margin-top:50px}
.gtile{position:relative;overflow:hidden;border-radius:3px}
.gtile.big{grid-column:span 2;grid-row:span 2}
.gtile img,.gtile video{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.gtile:hover img,.gtile:hover video{transform:scale(1.07)}
.gtile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(11,8,7,.7))}
.gtile span{position:absolute;left:18px;bottom:16px;z-index:2;font-family:'Cormorant Garamond';font-size:1.3rem}

/* page transitions */
@view-transition{navigation:auto}
@keyframes vt-in{from{opacity:0}to{opacity:1}}
@keyframes vt-out{from{opacity:1}to{opacity:0}}
::view-transition-old(root){animation:vt-out .35s ease both}
::view-transition-new(root){animation:vt-in .45s ease both}

/* KULTUR */
.kultur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.kcard{background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:transform .5s,border-color .5s}
.kcard:hover{transform:translateY(-7px);border-color:rgba(226,116,43,.45)}
.kcard .kimg{height:230px;overflow:hidden}
.kcard .kimg img{width:100%;height:100%;object-fit:cover;transition:transform .9s}
.kcard:hover .kimg img{transform:scale(1.07)}
.kcard h3{font-size:1.7rem;margin:22px 26px 10px;color:var(--ember2)}
.kcard p{font-size:14.5px;color:#cbbfad;line-height:1.66;margin:0 26px 28px}

/* REVIEWS */
.reviews{background:var(--bg2);border-top:1px solid var(--line);overflow:hidden}
.rev-row{display:flex;gap:22px;margin-top:50px;padding:0 36px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rev-row::-webkit-scrollbar{display:none}
.rev{flex:0 0 360px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:30px 30px 26px}
.rev .stars{color:var(--ember2);letter-spacing:3px;font-size:15px;margin-bottom:14px}
.rev blockquote{font-family:'Cormorant Garamond';font-size:1.45rem;line-height:1.4;color:var(--cream)}
.rev figcaption{margin-top:20px;font-size:13px;color:var(--muted);letter-spacing:.04em}
.rev figcaption span{color:var(--ember2)}

/* MARQUEE */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);padding:22px 0}
.mq-track{display:flex;width:max-content;animation:mq 34s linear infinite}
.mq-track span{font-family:'Cormorant Garamond';font-size:1.7rem;letter-spacing:.06em;color:var(--muted);white-space:nowrap;padding-right:6px}
.mq-track span:nth-child(odd){color:var(--ember2)}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee:hover .mq-track{animation-play-state:paused}

/* STICKY CTA */
.sticky-cta{position:fixed;right:22px;bottom:22px;z-index:65;display:flex;flex-direction:column;gap:10px}
.sticky-cta .sc{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;
  letter-spacing:.05em;padding:14px 20px;border-radius:40px;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .25s}
.sticky-cta .sc:hover{transform:translateY(-3px)}
.sticky-cta .wa{background:#1f7a44;color:#fff}.sticky-cta .call{background:var(--red);color:#fff}

/* LIGHTBOX */
#lightbox{position:fixed;inset:0;z-index:120;background:rgba(8,6,5,.94);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
#lightbox.open{opacity:1;visibility:visible}
.lb-stage{max-width:90vw;max-height:86vh}
.lb-stage img,.lb-stage video{max-width:90vw;max-height:86vh;border-radius:4px;border:1px solid rgba(226,116,43,.4)}
.lb-close{position:absolute;top:24px;right:30px;background:none;border:0;color:var(--cream);font-size:42px;line-height:1;cursor:pointer;opacity:.8}
.lb-close:hover{opacity:1}
.gtile{cursor:pointer}

/* CONTACT */
.contact{border-top:1px solid var(--line)}
.ct-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(36px,5vw,74px);align-items:start;margin-top:48px}
.info-row{display:flex;gap:16px;padding:19px 0;border-bottom:1px solid var(--line)}
.info-row .k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember2);min-width:120px;padding-top:3px}
.info-row .v{font-size:16px;color:#e7ddcf}
.ph-holder{color:var(--muted);font-style:italic}
.acts{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.acts a{font-size:13px;font-weight:600;padding:13px 20px;border-radius:2px;border:1px solid rgba(242,233,218,.32);
  display:inline-flex;align-items:center;gap:8px;transition:.25s}
.acts a:hover{border-color:var(--cream);background:rgba(242,233,218,.07)}
.acts a.wa{background:#1f7a44;border-color:#1f7a44}.acts a.wa:hover{background:#249152}
.mapbox{width:100%;height:440px;border:1px solid var(--line);border-radius:3px;filter:grayscale(.25) contrast(1.05) brightness(.85)}

/* soon block (kocaeli) */
.soonwrap{text-align:center;max-width:680px;margin:0 auto}
.soonwrap .badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:#fff;background:var(--red);padding:7px 15px;border-radius:2px;margin-bottom:18px}

footer{border-top:1px solid var(--line);padding:clamp(70px,9vw,110px) 0 40px;background:var(--bg2)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:46px}
.foot-grid h4{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--ember2);margin-bottom:18px}
.foot-grid p,.foot-grid a{color:#d9cfc0;font-size:15px;line-height:2}
.foot-brand b{font-family:'Cormorant Garamond';font-size:1.8rem}
.foot-brand p{max-width:34ch;margin-top:12px;color:var(--muted);font-size:14px;line-height:1.7}
.foot-bottom{margin-top:58px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--muted)}

@media(max-width:860px){
  .navlinks{position:fixed;inset:0 0 0 auto;width:80%;max-width:330px;flex-direction:column;align-items:flex-start;
    justify-content:center;gap:24px;background:var(--bg2);padding:40px;transform:translateX(100%);transition:transform .4s;font-size:18px}
  .navlinks.open{transform:none}.mtoggle{display:block;z-index:90}
  .split,.menu-cols,.ct-grid,.foot-grid,.kultur-grid{grid-template-columns:1fr}
  .neden-grid{grid-template-columns:1fr 1fr}
  .rev{flex-basis:300px}.mq-track span{font-size:1.45rem}
  .gal-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gtile.big{grid-column:span 2}
  .values .wrap{justify-content:flex-start;gap:14px 24px}
}
@media(max-width:560px){
  .wrap{padding:0 22px}
  .neden-grid{grid-template-columns:1fr}
  .info-row{flex-direction:column;gap:5px;padding:16px 0}
  .info-row .k{min-width:auto;padding-top:0}
  .acts{gap:9px}.acts a{padding:12px 16px}
  .foot-bottom{flex-direction:column}
  .gal-grid{grid-auto-rows:150px}
  .sticky-cta{right:0;left:0;bottom:0;flex-direction:row;gap:0}
  .sticky-cta .sc{flex:1;border-radius:0;padding:15px;box-shadow:none}
  .rev{flex-basis:260px}.rev blockquote{font-size:1.25rem}
  body{padding-bottom:52px}            /* sabit WhatsApp/Ara barı için yer aç */
  .hero .wrap{padding-bottom:15vh}     /* hero başlığı barın arkasında kalmasın */
  .hero h1{font-size:clamp(2.4rem,9vw,3.4rem)}
  footer{padding-bottom:24px}
}