:root{
  --sand:#F2EBDF; --sand-deep:#E9E0D1; --offwhite:#FCF8F2;
  --blush:#EBDCD1; --cream-veil:246,238,225;
  --clay:#B08D6C; --terracotta:#9C6244; --rose:#C2968E;
  --ink:#3F352E; --ink-soft:#6B5D52; --line:rgba(63,53,46,.18);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',-apple-system,Helvetica,sans-serif;
  --script:'Parisienne','Snell Roundhand',cursive;
  --pad:clamp(1.5rem,5vw,6rem);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--sans);
  font-weight:300;font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:100%;object-fit:cover}
body::before{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}

.ph{position:relative;overflow:hidden;background:#CFC4B4;outline:1px dashed rgba(63,53,46,.28);outline-offset:-6px}
.ph::after{content:attr(data-label);position:absolute;inset:0;z-index:0;display:flex;
  align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:0.742rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);opacity:.6;line-height:2}
.ph img{position:relative;z-index:1}

.script{font-family:var(--script);font-size:clamp(2.226rem,4.6vw,3.604rem);line-height:1.05;font-weight:400}
.body-sm{font-size:0.94rem;letter-spacing:.05em;line-height:2.05;color:var(--ink-soft)}
.eyebrow{font-size:0.768rem;letter-spacing:.3em;text-transform:uppercase;color:var(--terracotta)}
h2.dsp,h3.dsp{font-family:var(--serif);font-weight:300;letter-spacing:.14em;text-transform:uppercase;margin:0;line-height:1.3}
.link{display:inline-block;font-size:0.819rem;letter-spacing:.26em;text-transform:lowercase;
  color:var(--ink);text-decoration:none;padding-bottom:.5rem;border-bottom:1px solid var(--line);transition:.4s}
.link:hover{border-color:var(--ink);letter-spacing:.31em}
.link .arw{display:inline-block;margin-left:.6rem;transition:.4s}
.link:hover .arw{transform:translateX(6px)}
.btn{display:inline-block;padding:1.05rem 3rem;border:1px solid var(--ink);color:var(--ink);
  text-decoration:none;font-size:0.794rem;letter-spacing:.28em;text-transform:uppercase;transition:.4s;
  /* <button> uzerinde tarayici kendi kabugunu giydiriyor (iOS'ta mavi); sifirla */
  -webkit-appearance:none;appearance:none;background:transparent;border-radius:0;
  font-family:var(--sans);font-weight:300;line-height:1.15;text-align:center;cursor:pointer}
.btn:hover{background:var(--ink);color:var(--offwhite)}
.btn-light{border-color:rgba(255,255,255,.6);color:var(--offwhite)}
.btn-light:hover{background:var(--offwhite);color:var(--clay);border-color:var(--offwhite)}

/* NAV */
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:stretch;
  justify-content:space-between;background:rgba(228,220,208,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.brandmark{display:flex;align-items:center;padding:0 var(--pad)}
.brandmark img{width:34px;height:34px;object-fit:contain}
nav{display:flex;align-items:center;gap:clamp(1rem,2.8vw,2.4rem);padding:1.05rem 0;
  flex:1;padding-right:var(--pad)}
/* ilk oge ortalamayi korur, son oge (Get in touch) sayfanin en sagina gider */
nav > a:first-child,nav > a:last-child{margin-left:auto}
nav a{font-size:0.781rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;opacity:.75;transition:.3s}
/* iki kelimelik baslıklar dar ekranda iki satira kirilmasin */
nav > a,.sub-toggle{white-space:nowrap}
@media(min-width:901px) and (max-width:1180px){
  nav{gap:clamp(.7rem,1.7vw,1.5rem);padding-right:clamp(1.2rem,3vw,2.6rem)}
  nav > a,.sub-toggle{font-size:0.72rem;letter-spacing:.15em}
}
nav a:hover{opacity:1;color:var(--terracotta)}
.burger{display:none;background:none;border:0;padding:0 var(--pad);cursor:pointer;
  color:var(--ink);font-size:0.794rem;letter-spacing:.2em;text-transform:uppercase}

/* HERO */
.hero{position:relative;height:100vh;min-height:580px;overflow:hidden}
.hero .ph{position:absolute;inset:0;background:#cbbfae center/cover no-repeat;outline:0}
/* video oynamazsa (iOS dusuk guc modu, otomatik oynatma engeli) poster kare gorunsun */
.retreat-feature .ph{background-position:center;background-size:cover;background-repeat:no-repeat}
.hero video,.hero .ph img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover}
.hero::after{content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 62% 48% at 50% 47%,
      rgba(38,30,24,.52), rgba(38,30,24,.34) 55%, rgba(38,30,24,.14) 100%),
    linear-gradient(180deg, rgba(38,30,24,.30), rgba(38,30,24,.10) 32%,
      rgba(38,30,24,.44))}
.hero-inner{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 1.5rem}
.hero-inner .hero-logo{width:clamp(78px,11vw,132px);height:auto;object-fit:contain;
  margin:0 auto 1.6rem;opacity:.95;
  filter:drop-shadow(0 1px 10px rgba(28,22,17,.55)) drop-shadow(0 0 26px rgba(28,22,17,.35))}
.hero-inner h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.65rem,8vw,6.996rem);
  text-shadow:0 1px 10px rgba(28,22,17,.55),0 0 30px rgba(28,22,17,.42),0 0 60px rgba(28,22,17,.3);
  letter-spacing:.14em;text-transform:uppercase;margin:0;line-height:1}
.hero-inner .script{margin-top:.5rem;color:var(--terracotta);
  text-shadow:0 1px 8px rgba(var(--cream-veil),.98),0 0 22px rgba(var(--cream-veil),.92),0 0 46px rgba(var(--cream-veil),.7);font-size:clamp(1.378rem,3.2vw,2.438rem)}
.hero-inner .sub{margin-top:1.5rem;font-size:clamp(0.95rem,1.5vw,1.18rem);
  letter-spacing:.17em;font-weight:400;
  text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(28,22,17,.6),0 0 20px rgba(28,22,17,.45),0 0 44px rgba(28,22,17,.3)}
.hero-inner .hero-line{margin:1.3rem auto 0;max-width:40rem;color:#fff;
  font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.16rem,1.85vw,1.5rem);line-height:1.62;letter-spacing:.015em;
  text-shadow:0 1px 6px rgba(28,22,17,.7),0 0 20px rgba(28,22,17,.55),0 0 46px rgba(28,22,17,.38)}
.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:3;
  color:#fff;opacity:.8;text-shadow:0 1px 8px rgba(28,22,17,.6),0 0 22px rgba(28,22,17,.4);font-size:0.717rem;letter-spacing:.3em;text-transform:uppercase}
.scroll-cue span{display:block;width:1px;height:40px;background:currentColor;margin:.8rem auto 0;
  opacity:.6;animation:cue 2.6s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.35);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

section{position:relative}
.sec{padding:clamp(4.5rem,10vw,8.5rem) var(--pad)}
.sec-head{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem)}
.sec-head p{max-width:36rem;margin:1rem auto 0}

/* INTRO */
.intro{display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:1fr 1fr;align-items:center}
.intro-statement{border-left:1px solid var(--line);padding-left:1.8rem;max-width:31rem}
.intro-statement p{font-family:var(--serif);font-size:clamp(1.25rem,2.05vw,1.66rem);
  letter-spacing:.02em;text-transform:lowercase;font-style:italic;font-weight:400;
  line-height:1.65;margin:0;color:var(--ink)}
.intro-media{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2.4rem);align-items:end}
.intro-media .ph-tall{aspect-ratio:3/4;transform:translateY(2.5rem)}
.intro-media .ph-wide{aspect-ratio:4/3}

/* RETREAT */
.retreats{background:var(--sand-deep)}
.retreat-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);
  background:var(--offwhite);align-items:stretch}
.retreat-feature .ph{aspect-ratio:4/5;min-height:100%;outline:0}
.retreat-feature .ph video{position:absolute;inset:0;z-index:1;
  width:100%;height:100%;object-fit:cover;display:block}
.retreat-feature .ph .card-photo{display:none}
.retreat-body{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;gap:1rem;justify-content:center}
.retreat-body h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.59rem,3vw,2.438rem);
  letter-spacing:.1em;text-transform:uppercase;margin:0;line-height:1.3}
.retreat-meta{display:flex;flex-wrap:wrap;gap:.6rem 2rem;font-size:0.773rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-soft);padding:1rem 0;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.retreat-actions{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}

/* EXPERIENCE */
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3.5rem)}
.exp{border-top:1px solid var(--line);padding-top:1.6rem}
.exp svg{width:38px;height:38px;stroke:var(--terracotta);fill:none;stroke-width:1.1;margin-bottom:1.1rem}
.exp h4{font-family:var(--serif);font-weight:300;font-size:1.363rem;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 .6rem;line-height:1.35}

/* INCLUDED */
.incl{background:var(--offwhite)}
.incl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,5rem)}
.incl-col h3{font-family:var(--serif);font-weight:300;font-size:clamp(1.378rem,2.4vw,2.014rem);
  letter-spacing:.14em;text-transform:uppercase;margin:0 0 2rem;line-height:1.3}
.incl-col ul{list-style:none;margin:0;padding:0}
.incl-col li{padding:1.1rem 0 1.1rem 2.2rem;border-bottom:1px solid var(--line);position:relative}
.incl-col li strong{display:block;font-weight:400;font-size:0.904rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);margin-bottom:.3rem}
.incl-col li span{font-size:0.904rem;line-height:1.95;color:var(--ink-soft)}
.yes li::before{content:'';position:absolute;left:0;top:1.55rem;width:11px;height:6px;
  border-left:1.5px solid var(--terracotta);border-bottom:1.5px solid var(--terracotta);
  transform:rotate(-45deg)}
.no li::before{content:'';position:absolute;left:0;top:1.75rem;width:11px;height:1.5px;
  background:var(--ink-soft);opacity:.6}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.stat{padding:clamp(2.5rem,6vw,4rem) 1.5rem;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat .num{font-family:var(--serif);font-weight:300;font-size:clamp(2.756rem,6vw,4.452rem);
  line-height:1;color:var(--terracotta)}
.stat .lbl{font-size:0.794rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ink-soft);margin-top:.9rem}

/* LOCATION */
.loc{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.loc .ph{aspect-ratio:16/11}

/* DISCONNECT */
.disc{background:var(--sand-deep)}
.disc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.disc .ph{aspect-ratio:3/4}
.disc ul{list-style:none;margin:1.8rem 0 0;padding:0}
.disc li{padding:1.2rem 0 1.2rem 2.4rem;border-bottom:1px solid var(--line);position:relative;
  font-size:0.927rem;line-height:1.95;color:var(--ink-soft)}
.disc li::before{content:'';position:absolute;left:0;top:1.7rem;width:14px;height:1px;background:var(--terracotta)}

/* TESTIMONIALS */
.tst-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vw,3rem)}
.tst{background:var(--offwhite);padding:clamp(1.8rem,3.5vw,2.8rem);display:flex;flex-direction:column;gap:1rem}
.tst blockquote{margin:0;font-family:var(--serif);font-size:clamp(1.09rem,1.7vw,1.308rem);
  font-style:italic;line-height:1.85;color:var(--ink)}
.tst .who{font-size:0.833rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-top:auto}
.tst .when{font-size:0.794rem;letter-spacing:.16em;color:var(--ink-soft);opacity:.8}

/* FAQ */
.faq-list{max-width:52rem;margin:0 auto}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:1.5rem 2.5rem 1.5rem 0;position:relative;
  font-size:0.949rem;letter-spacing:.1em;color:var(--ink);transition:.3s}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--terracotta)}
summary::after{content:'';position:absolute;right:.4rem;top:2.1rem;width:11px;height:11px;
  border-right:1px solid var(--ink-soft);border-bottom:1px solid var(--ink-soft);
  transform:rotate(45deg);transition:.35s}
details[open] summary::after{transform:rotate(-135deg);top:2.4rem}
details .ans{padding:0 2.5rem 1.6rem 0;font-size:0.94rem;line-height:2.05;color:var(--ink-soft)}
.faq-group{font-size:0.768rem;letter-spacing:.3em;text-transform:uppercase;color:var(--terracotta);
  margin:2.8rem 0 .4rem}
.faq-group:first-child{margin-top:0}

/* GALLERY */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start}
.gal-grid .ph{aspect-ratio:1}
.gal-grid .ph:nth-child(2),.gal-grid .ph:nth-child(5){transform:translateY(2.5rem)}
.gal-grid .ph img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.gal-grid .ph:hover img{transform:scale(1.05)}

/* CTA */
.cta{background:var(--blush);color:var(--ink);text-align:center;
  padding:clamp(4rem,9vw,7rem) var(--pad)}
.cta .script{color:var(--terracotta)}
.cta p{max-width:34rem;margin:1.4rem auto 0;color:var(--ink-soft);font-size:0.927rem;line-height:2}
/* BASVURU FORMU */
.apply{max-width:52rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0;text-align:left}
.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,3vw,2.2rem)}
.fld{display:flex;flex-direction:column}
.fld.wide{grid-column:1/-1}
.fld label{font-size:0.742rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--ink-soft);margin-bottom:.7rem}
.fld input,.fld textarea{width:100%;background:transparent;border:0;
  border-bottom:1px solid rgba(63,53,46,.32);color:var(--ink);
  font-family:var(--sans);font-weight:300;font-size:0.994rem;line-height:1.9;
  padding:.45rem 0;transition:border-color .35s}
.fld textarea{resize:vertical;min-height:4.5rem}
.fld input:focus,.fld textarea:focus{outline:0;border-bottom-color:var(--ink)}
.fld input::placeholder,.fld textarea::placeholder{color:rgba(63,53,46,.38)}
.fld input:-webkit-autofill{-webkit-text-fill-color:var(--ink);
  transition:background-color 9999s ease-in-out 0s}
.fld.err input,.fld.err textarea{border-bottom-color:#B4553A}
.fld .msg{font-size:0.768rem;letter-spacing:.12em;color:#B4553A;margin-top:.5rem;min-height:.9rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.apply-foot{margin-top:clamp(2.2rem,4vw,3rem);text-align:center}
.apply-foot .btn[disabled]{opacity:.5;pointer-events:none}
.apply-note{font-size:0.794rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);margin-top:1.2rem}
.apply-done{display:none;max-width:34rem;margin:clamp(2rem,5vw,3rem) auto 0}
.apply-done p{margin:0}
.apply.sent .apply-grid,.apply.sent .apply-foot{display:none}
.apply.sent .apply-done{display:block}
@media(max-width:720px){.apply-grid{grid-template-columns:1fr}}

/* FOOTER */
footer{background:var(--sand-deep);padding:clamp(3rem,7vw,5rem) var(--pad) 0}
.foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(2rem,5vw,4rem);padding-bottom:3rem}
.foot-col+.foot-col{border-left:1px solid var(--line);padding-left:clamp(1.5rem,4vw,3rem)}
.foot-brand{text-align:center}
.foot-brand img{width:56px;height:56px;object-fit:contain;margin:0 auto 1rem;display:block}
.foot-brand .name{font-family:var(--serif);font-weight:300;font-size:1.908rem;
  letter-spacing:.18em;text-transform:uppercase;line-height:1}
.foot-brand .script{font-size:1.363rem;margin-top:.25rem}
.foot-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-top:1.2rem}
.foot-nav a{font-size:0.781rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;opacity:.75}
.foot-nav a:hover{opacity:1;color:var(--terracotta)}
address{font-style:normal;font-size:0.797rem;letter-spacing:.14em;text-transform:uppercase;
  line-height:2.2;color:var(--ink-soft);margin-top:1.2rem}
address a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.newsletter{display:flex;margin-top:1.4rem;max-width:20rem}
.newsletter input{flex:1;background:none;border:0;border-bottom:1px solid var(--line);
  padding:.6rem 0;font-family:var(--sans);font-size:0.857rem;letter-spacing:.12em;color:var(--ink)}
.newsletter input:focus{outline:none;border-color:var(--ink)}
.newsletter button{-webkit-appearance:none;appearance:none;background:none;border:0;
  border-radius:0;border-bottom:1px solid var(--line);font-family:var(--sans);
  padding:.6rem .4rem .6rem 1rem;cursor:pointer;color:var(--ink);font-size:1.017rem}
.foot-bottom{border-top:1px solid var(--line);padding:1.6rem 0;text-align:center;
  font-size:0.755rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}

.rv{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}


/* ---------- iletisim ---------- */
.contact{background:var(--offwhite);text-align:center}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(1.6rem,4vw,3rem);max-width:58rem;margin:clamp(2.2rem,5vw,3.4rem) auto 0}
.contact-item{display:flex;flex-direction:column;align-items:center;gap:.9rem;
  padding:0 clamp(.5rem,2vw,1.5rem)}
.contact-item+.contact-item{border-left:1px solid var(--line)}
.contact-item .k{font-size:0.717rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--terracotta)}
.contact-item a{font-family:var(--serif);font-size:clamp(1.05rem,1.9vw,1.35rem);
  letter-spacing:.05em;color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--line);padding-bottom:.35rem;transition:.35s}
.contact-item a:hover{border-color:var(--ink);color:var(--terracotta)}
.contact-item .note{font-size:0.717rem;letter-spacing:.1em;color:var(--ink-soft)}
@media(max-width:760px){
  .contact-grid{grid-template-columns:1fr;gap:2.2rem}
  .contact-item+.contact-item{border-left:0;border-top:1px solid var(--line);padding-top:2.2rem}
}

/* ---------- menu acilir ---------- */
.has-sub{position:relative;display:flex;align-items:center}
.sub-toggle{background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans);
  font-weight:300;font-size:0.781rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink);opacity:.75;transition:.3s;display:inline-flex;align-items:center;gap:.45rem}
.sub-toggle:hover,.has-sub.open>.sub-toggle{opacity:1;color:var(--terracotta)}
.sub-toggle .caret{display:inline-block;width:.5em;height:.5em;border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;transform:rotate(45deg) translate(-.1em,-.1em);
  transition:transform .3s}
.has-sub.open>.sub-toggle .caret{transform:rotate(225deg) translate(-.15em,-.15em)}
.submenu{position:absolute;top:calc(100% + 1.05rem);left:50%;
  transform:translateX(-50%) translateY(-6px);min-width:15rem;
  background:var(--offwhite);border:1px solid var(--line);padding:.5rem 0;
  display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:.25s;
  z-index:120;box-shadow:0 14px 36px rgba(63,53,46,.11)}
.has-sub.open .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.submenu a{padding:.8rem 1.5rem;white-space:nowrap;opacity:.85;letter-spacing:.16em}
.submenu a:hover{background:var(--sand);opacity:1;color:var(--terracotta)}

@media(max-width:900px){
  /* mobil menude Retreats de digerleri gibi ortalansin */
  .has-sub{flex-direction:column;align-items:center;gap:.55rem;width:100%}
  .sub-toggle{text-align:center}
  .submenu{position:static;transform:none;opacity:1;visibility:visible;display:none;
    min-width:0;border:0;box-shadow:none;background:transparent;padding:0;
    align-items:center;text-align:center}
  .has-sub.open .submenu{display:flex;transform:none}
  .submenu a{padding:.45rem 0}
}

/* mobilde kart gorseli: video yerine sabit fotograf.
   min-height:100% + aspect-ratio bazi tarayicilarda kutuyu sifirliyordu;
   akis icindeki <img> yuksekligi kendi getiriyor */
@media(max-width:900px){
  .retreat-feature .ph{aspect-ratio:auto;min-height:0;background-image:none !important}
  .retreat-feature .ph video{display:none}
  .retreat-feature .ph .card-photo{display:block;position:static;
    width:100%;height:auto;object-fit:cover}
}

@media(max-width:900px){
  nav{display:none;flex:none;padding-right:0}
  nav > a:first-child,nav > a:last-child{margin-left:0}
  .burger{display:block}
  .intro,.retreat-feature,.incl-grid,.loc,.disc-grid,.tst-grid,.foot-grid{grid-template-columns:1fr}
  .exp-grid{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:0}
  .gal-grid{grid-template-columns:repeat(2,1fr)}
  .gal-grid .ph:nth-child(n){transform:none}
  .intro-media .ph-tall{transform:none}
  .foot-col+.foot-col{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:2rem}
}
@media(max-width:560px){.exp-grid{grid-template-columns:1fr}}
/* kucuk ekranda header CTA'si iki satira kiriliyordu */
@media(max-width:560px){
  .brandmark{padding:0 .95rem}
  .burger{padding:0 .95rem;font-size:0.7rem;letter-spacing:.12em}
}

@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}
  .hero video{display:none}
  .scroll-cue span{animation:none}html{scroll-behavior:auto}}

/* ---- GORUSME RANDEVUSU (meet-ece + ana sayfa iletisim) ---- */
/* gorusme randevusu */
.call{background:var(--offwhite);border-block:1px solid var(--line);
  padding:clamp(2.8rem,6vw,4.5rem) var(--pad)}
.call-in{max-width:48rem;margin:0 auto}
.call-head{text-align:center;margin-bottom:clamp(2rem,4vw,2.8rem)}
.call-head h2{font-family:var(--serif);font-weight:300;margin:.6rem 0 0;
  font-size:clamp(1.7rem,4vw,2.8rem);letter-spacing:.1em;text-transform:uppercase}
.tz-note{margin-top:1.2rem;display:inline-block;padding:.6rem 1.15rem;border:1px solid var(--line);
  font-size:0.79rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta)}
.tz-local{display:block;margin-top:.9rem;font-size:0.86rem;letter-spacing:.05em;color:var(--ink-soft);
  text-transform:none}

.pickers{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(1.2rem,3vw,2.2rem);
  margin-bottom:clamp(1.8rem,4vw,2.6rem)}
.pickers > div{min-width:0}
.pick-label{font-size:0.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);
  margin-bottom:.85rem}
.days{display:flex;flex-direction:column;gap:.4rem;max-height:19rem;overflow-y:auto;padding-right:.3rem}
.days button{text-align:left;padding:.7rem .9rem;border:1px solid var(--line);background:transparent;
  font-family:var(--sans);font-weight:300;font-size:.92rem;color:var(--ink);cursor:pointer;
  transition:.25s;letter-spacing:.04em}
.days button:hover{border-color:var(--clay)}
.days button[aria-pressed="true"]{background:var(--ink);color:var(--offwhite);border-color:var(--ink)}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem;align-content:start}
.times button{padding:.75rem .5rem;border:1px solid var(--line);background:transparent;
  font-family:var(--sans);font-weight:300;font-size:.92rem;color:var(--ink);cursor:pointer;
  transition:.25s;letter-spacing:.06em}
.times button:hover{border-color:var(--clay)}
.times button[aria-pressed="true"]{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}
.times .empty,.days .empty{grid-column:1/-1;color:var(--ink-soft);font-size:.88rem}

.chosen{padding:1rem 1.2rem;border:1px solid var(--clay);background:var(--sand);
  margin-bottom:clamp(1.6rem,3vw,2.2rem);font-size:.95rem;line-height:1.7}
.chosen[hidden]{display:none}
.chosen b{font-weight:400;font-family:var(--serif);font-size:1.15rem}
.chosen span{display:block;color:var(--ink-soft);font-size:.85rem;margin-top:.25rem}

.call .fld label{color:var(--ink-soft)}
.call .fld input,.call .fld textarea{border-bottom-color:rgba(63,53,46,.32);color:var(--ink)}
.call .fld input:focus,.call .fld textarea:focus{border-bottom-color:var(--ink)}
.call .apply-note{color:var(--ink-soft)}
.call .apply-done{text-align:center}
.pickers > div{min-width:0}
@media(max-width:760px){
  .pickers{grid-template-columns:1fr}
  .days{flex-direction:row;overflow-x:auto;overflow-y:hidden;max-height:none;padding-bottom:.4rem}
  .days button{flex:0 0 auto;white-space:nowrap}
}

/* ---- SUSLEME: kenar bosluklarina yerlestirilen amblem ---- */
.deco{position:absolute;z-index:0;pointer-events:none;user-select:none;
  width:clamp(58px,7.5vw,124px);height:auto;display:block}
.deco-w{opacity:.9}                    /* krem zeminlerde beyaz amblem */
.deco-i{opacity:.14}                   /* acik/beyaz zeminlerde koyu amblem */
/* kenar bosluklari daralinca kaldir */
@media(max-width:1100px){.deco{display:none}}

/* ---- DENIZ KABUGU SUSLEMESI ---- */
.shell{position:absolute;z-index:0;pointer-events:none;user-select:none;
  width:clamp(56px,6.5vw,104px);height:auto;display:block;opacity:.55}
@media(max-width:1100px){.shell{display:none}}

/* ---- KUCUK KALPLER ---- */
.heart{position:absolute;z-index:0;pointer-events:none;user-select:none;
  width:clamp(20px,2.4vw,38px);height:auto;display:block;opacity:.5}
@media(max-width:1100px){.heart{display:none}}

/* ---- WHY OJAS ---- */
.why{position:relative;background:var(--offwhite);
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.why-photo{margin:0}
.why-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.why-text{max-width:34rem}
.why-text h2{font-family:var(--serif);font-weight:300;margin:0;line-height:1.1;
  font-size:clamp(1.85rem,4vw,3.1rem);letter-spacing:.11em;text-transform:uppercase;
  color:var(--terracotta)}
.why-lead{font-family:var(--serif);font-weight:400;margin:clamp(1.3rem,2.5vw,1.9rem) 0 0;
  font-size:clamp(1.2rem,2vw,1.62rem);line-height:1.55;letter-spacing:.015em;color:var(--ink)}
.why-text .body-sm{margin:1.35rem 0 0}
.why-close{margin:clamp(1.7rem,3vw,2.4rem) 0 0;padding-top:clamp(1.3rem,2.5vw,1.8rem);
  border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.1rem,1.9vw,1.44rem);line-height:1.6;color:var(--ink-soft)}
@media(max-width:860px){
  .why{grid-template-columns:1fr}
  .why-photo img{aspect-ratio:4/3}
  .why-text{max-width:none}
}