/* ==========================================================================
   UNIQUE ANTALYA — main.css
   Editorial / brutalist tasarım sistemi
   ========================================================================== */

/* ---------- Tokens ---------- */
:root{
  --paper:#EDEAE2;
  --paper-soft:#E5E1D6;
  --ink:#111110;
  --ink-soft:#1B1A18;
  --gold:#A8874F;
  --muted:#807B70;
  --line:rgba(17,17,16,.16);
  --line-inv:rgba(237,234,226,.18);

  --f-display:'Anton', sans-serif;
  --f-serif:'Instrument Serif', serif;
  --f-body:'Archivo', sans-serif;

  --t-super:clamp(3.4rem, 11.5vw, 12rem);
  --t-xxl:clamp(2.6rem, 8vw, 8.4rem);
  --t-xl:clamp(2rem, 5.4vw, 5.2rem);
  --t-l:clamp(1.4rem, 3.2vw, 2.8rem);
  --t-m:clamp(1.05rem, 1.6vw, 1.35rem);
  --t-s:clamp(.82rem, 1vw, .95rem);
  --t-xs:clamp(.68rem, .8vw, .78rem);

  --pad:clamp(1.2rem, 3.2vw, 3.6rem);
  --gap:clamp(1rem, 2vw, 2rem);

  --ease-out:cubic-bezier(.19,1,.22,1);
  --ease-inout:cubic-bezier(.77,0,.175,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  font-family:var(--f-body);
  background:var(--paper);
  color:var(--ink);
  font-size:var(--t-m);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
::selection{background:var(--ink);color:var(--paper)}

/* ---------- Utility ---------- */
.wrapper{padding-left:var(--pad);padding-right:var(--pad);width:100%}
.bg-ink{background:var(--ink);color:var(--paper)}
.bg-ink ::selection{background:var(--paper);color:var(--ink)}
.t-upper{text-transform:uppercase}
.t-serif{font-family:var(--f-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}
.t-gold{color:var(--gold)}
.d-none{display:none}

.label{
  font-size:var(--t-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:600;
}
.label--dot::before{
  content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;
  background:var(--gold);margin-right:.7em;vertical-align:middle;
}

/* ---------- Preloader ---------- */
.loader{
  position:fixed;inset:0;z-index:1000;
  background:var(--paper);
  display:flex;align-items:center;justify-content:center;
}
.loader__bar{
  position:absolute;top:0;left:0;height:3px;width:100%;
  background:var(--line);
}
.loader__bar i{
  position:absolute;inset:0;background:var(--ink);
  transform-origin:left;transform:scaleX(var(--p,0));display:block;
}
.loader__logo{
  font-family:var(--f-display);
  font-size:var(--t-xl);
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:.95;
  text-align:center;
}
.loader__logo .line{display:block;overflow:hidden}
.loader__logo .line span{display:inline-block;transform:translateY(115%)}
.loader__logo .line--serif{
  font-family:var(--f-serif);font-style:italic;text-transform:none;
  font-size:.42em;color:var(--gold);margin-top:.5em;
}
.loader__percent{
  position:absolute;bottom:var(--pad);right:var(--pad);
  font-family:var(--f-display);
  font-size:var(--t-super);
  line-height:.8;
  color:var(--ink);
}
.loader__percent sup{font-size:.25em;vertical-align:top;color:var(--gold)}

/* ---------- Sayfa geçiş perdesi ---------- */
.curtain{
  position:fixed;inset:0;z-index:990;pointer-events:none;
  display:flex;flex-direction:column;
}
.curtain span{
  flex:1;background:var(--ink);
  transform:scaleY(0);transform-origin:top;
}
.curtain.is-active{pointer-events:all}

/* ---------- Header ---------- */
.header{
  position:fixed;top:0;left:0;right:0;z-index:900;
  display:flex;justify-content:space-between;align-items:center;
  padding:clamp(.9rem,2vw,1.6rem) var(--pad);
  mix-blend-mode:difference;color:#fff;
}
.header__logo{
  font-family:var(--f-display);
  font-size:clamp(1rem,1.6vw,1.35rem);
  text-transform:uppercase;letter-spacing:.04em;line-height:1;
  display:flex;align-items:baseline;gap:.4em;
}
.header__logo .reg{font-size:.5em;vertical-align:super}
.header__logo em{
  font-family:var(--f-serif);font-style:italic;text-transform:none;
  font-weight:400;
}
.menu-btn{
  display:flex;align-items:center;gap:.8em;
  font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;
}
.menu-btn__ico{position:relative;width:2.2em;height:1em;display:block}
.menu-btn__ico::before,.menu-btn__ico::after{
  content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor;
  transition:transform .5s var(--ease-out),top .5s var(--ease-out),bottom .5s var(--ease-out);
}
.menu-btn__ico::before{top:0}
.menu-btn__ico::after{bottom:0}
body.menu-open .menu-btn__ico::before{top:calc(50% - 1px);transform:rotate(45deg)}
body.menu-open .menu-btn__ico::after{bottom:calc(50% - 1px);transform:rotate(-45deg)}

/* ---------- Tam ekran menü ---------- */
.menu{
  position:fixed;inset:0;z-index:850;
  background:var(--ink);color:var(--paper);
  clip-path:inset(0 0 100% 0);
  visibility:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:calc(var(--pad) * 2) var(--pad) var(--pad);
  overflow:hidden;
}
.menu__grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:var(--gap);
  flex:1;align-items:center;min-height:0;
}
.menu__nav li{overflow:hidden}
.menu__nav a{
  display:inline-flex;align-items:baseline;gap:.5em;
  font-family:var(--f-display);
  font-size:clamp(2rem,6vw,5.2rem);
  line-height:1.06;text-transform:uppercase;
  transform:translateY(120%);
  transition:color .4s;
}
.menu__nav a:hover{color:var(--gold)}
.menu__nav a sup{
  font-family:var(--f-body);font-size:.22em;font-weight:600;
  letter-spacing:.1em;color:var(--gold);
}
.menu__media{
  position:relative;aspect-ratio:4/5;max-height:56vh;overflow:hidden;
  display:none;
}
.menu__media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .5s var(--ease-out);
}
.menu__media img.is-visible{opacity:1}
.menu__foot{
  display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap);
  font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);
}
.menu__foot a:hover{color:var(--gold)}
@media(min-width:900px){.menu__media{display:block}}

/* ---------- Hero ---------- */
.hero{
  min-height:100svh;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:calc(var(--pad) * 3) var(--pad) var(--pad);
  position:relative;
}
.hero__top{
  display:flex;justify-content:space-between;gap:var(--gap);
  margin-bottom:auto;padding-top:var(--pad);
  font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--muted);
}
.hero__title{
  /* 3 satır + üst bar + meta ile birlikte ilk ekrana tam sığacak ölçek */
  font-family:var(--f-display);
  font-size:clamp(2.1rem, 7vw, 7.4rem);
  line-height:1.1;text-transform:uppercase;
  letter-spacing:.01em;
  margin-top:1.4rem;
}
.hero__title .row{display:block}
.hero__title .row--right{text-align:right}
.hero__title sup{font-size:.16em;vertical-align:top;color:var(--gold)}
.hero__title em{
  font-family:var(--f-serif);font-style:italic;text-transform:none;
  font-size:.62em;color:var(--gold);letter-spacing:0;
}
.hero__meta{
  display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap);
  margin-top:clamp(1rem,2.2vw,2rem);
  padding-top:1.2rem;border-top:1px solid var(--line);
}
.hero__meta p{max-width:34ch;font-size:var(--t-s);color:var(--muted)}
.hero__scroll{
  font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  display:inline-flex;align-items:center;gap:.7em;white-space:nowrap;
}
.hero__scroll i{
  display:block;width:1px;height:2.6em;background:var(--ink);
  animation:scrollHint 1.8s var(--ease-inout) infinite;
}
@keyframes scrollHint{
  0%{transform:scaleY(0);transform-origin:top}
  45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}
}

/* SplitText maske satırları: aksan işaretleri kırpılmasın */
.sl-line{padding:.14em .06em;margin:-.14em -.06em}
.loader__logo .line{padding:.14em .06em;margin:-.14em -.06em}
/* hero satır maskesi (JS ile sarılır) */
.row-mask{overflow:hidden;padding:.14em .06em;margin:-.14em -.06em}

/* ---------- Media / reveal ---------- */
.media{position:relative;overflow:hidden}
.media img{width:100%;height:100%;object-fit:cover}
[data-reveal-img]{clip-path:inset(100% 0 0 0)}
[data-reveal-img] img{transform:scale(1.25)}

.showcase{position:relative;padding:var(--pad) 0}
.showcase .media{height:min(120vh,1000px)}
.showcase .media img{height:120%;width:100%;object-fit:cover;will-change:transform}
.showcase__caption{
  display:flex;justify-content:space-between;gap:var(--gap);
  padding:1rem var(--pad);
  font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}

/* flip-media: üst üste iki görsel, scroll ile clip takası */
.flip{position:relative;overflow:hidden}
.flip .flip__a,.flip .flip__b{position:absolute;inset:0}
.flip .flip__b{clip-path:inset(100% 0 0 0)}
.flip img{width:100%;height:100%;object-fit:cover}

/* ---------- Manifesto ---------- */
.manifesto{padding:calc(var(--pad) * 2.4) 0}
.manifesto__title{
  font-family:var(--f-display);
  font-size:var(--t-xxl);
  line-height:.98;text-transform:uppercase;
}
.manifesto__title .line{display:block}
.manifesto__title .line--indent{padding-left:12vw}
.manifesto__title .line--right{text-align:right}
.manifesto__title em{
  font-family:var(--f-serif);font-style:italic;text-transform:none;
  color:var(--gold);font-size:.85em;
}
.manifesto__body{
  display:grid;grid-template-columns:1fr;gap:var(--gap);
  margin-top:clamp(2rem,5vw,4rem);
}
.manifesto__body p{max-width:52ch;font-size:var(--t-m);color:inherit}
.manifesto__body .label{color:var(--muted)}
@media(min-width:900px){
  .manifesto__body{grid-template-columns:1fr 1.2fr}
  .manifesto__body p{justify-self:end}
}

/* ---------- Stats ---------- */
.stats{
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line);margin-top:clamp(2.4rem,6vw,5rem);
}
.stats__item{
  padding:clamp(1.2rem,2.6vw,2.4rem) 0;
  border-bottom:1px solid var(--line);
}
.stats__num{
  font-family:var(--f-display);
  font-size:var(--t-xl);line-height:1;
}
.stats__num sup{font-size:.4em;color:var(--gold)}
.stats__label{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.5em}
@media(min-width:900px){
  .stats{grid-template-columns:repeat(4,1fr);column-gap:var(--gap)}
}

/* ---------- Proje listesi ---------- */
.projects{padding:calc(var(--pad) * 2.2) 0;position:relative}
.projects__head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-bottom:clamp(1.4rem,3vw,2.4rem);
}
.projects__head h2{
  font-family:var(--f-display);font-size:var(--t-xl);
  text-transform:uppercase;line-height:1;
}
.projects__head .count{font-family:var(--f-serif);font-style:italic;color:var(--gold);font-size:var(--t-l)}
.projects__list{border-top:1px solid var(--line-inv)}
.bg-paper .projects__list{border-color:var(--line)}
.project-row{
  display:block;position:relative;
  border-bottom:1px solid var(--line-inv);
  padding:clamp(1.2rem,2.6vw,2.2rem) 0;
  transition:padding .5s var(--ease-out);
}
.project-row__inner{
  display:flex;align-items:baseline;gap:clamp(.8rem,2vw,2rem);
  transition:transform .5s var(--ease-out);
}
.project-row:hover .project-row__inner{transform:translateX(1.2vw)}
.project-row__num{
  font-size:var(--t-xs);font-weight:600;letter-spacing:.1em;color:var(--gold);
  min-width:2.4em;
}
.project-row__title{
  font-family:var(--f-display);
  font-size:clamp(1.9rem,5.6vw,5rem);
  text-transform:uppercase;line-height:1;
  transition:color .4s;
}
.project-row:hover .project-row__title{color:var(--gold)}
.project-row__place{
  margin-left:auto;text-align:right;
  font-family:var(--f-serif);font-style:italic;
  font-size:var(--t-m);color:var(--muted);
  white-space:nowrap;
}
.project-row__status{
  display:block;font-family:var(--f-body);font-style:normal;
  font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;
  margin-top:.3em;
}
/* imleci takip eden önizleme görseli */
.follow-media{
  position:fixed;z-index:600;top:0;left:0;
  width:clamp(220px,24vw,380px);aspect-ratio:4/5;
  pointer-events:none;overflow:hidden;
  opacity:0;transform:scale(.9);
}
.follow-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .35s;
}
.follow-media img.is-visible{opacity:1}

/* ---------- Donatılar ---------- */
.amenities{padding:calc(var(--pad) * 2.2) 0}
.amenities__grid{
  display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);
}
.amenity{
  display:flex;align-items:baseline;gap:1.4rem;
  padding:clamp(1.1rem,2.2vw,1.8rem) 0;
  border-bottom:1px solid var(--line);
}
.amenity__num{font-size:var(--t-xs);color:var(--gold);font-weight:600;letter-spacing:.1em}
.amenity__name{
  font-family:var(--f-body);font-weight:600;font-size:var(--t-m);
  letter-spacing:.02em;line-height:1.35;
}
@media(min-width:900px){
  .amenities__grid{grid-template-columns:1fr 1fr;column-gap:calc(var(--gap) * 2)}
}

/* ---------- Video ---------- */
.videos{padding:calc(var(--pad) * 2.2) 0}
.video-row{
  display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.4rem);
  padding:clamp(1.2rem,2.4vw,2rem) 0;
  border-bottom:1px solid var(--line-inv);
  transition:opacity .4s;
}
.videos__list{border-top:1px solid var(--line-inv)}
.videos__list:hover .video-row{opacity:.35}
.videos__list .video-row:hover{opacity:1}
.video-row__date{font-size:var(--t-xs);letter-spacing:.12em;color:var(--muted);min-width:6em}
.video-row__title{
  font-family:var(--f-body);font-weight:600;font-size:var(--t-m);
  letter-spacing:.02em;line-height:1.3;
}
.video-row__cta{
  margin-left:auto;font-size:var(--t-xs);letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;color:var(--gold);white-space:nowrap;
}

/* video embed (proje sayfası) */
.video-embed{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed__poster{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  cursor:pointer;transition:opacity .4s;
}
.video-embed__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:var(--f-display);font-size:var(--t-l);color:#fff;
  text-transform:uppercase;letter-spacing:.06em;
  pointer-events:none;mix-blend-mode:difference;
}

/* ---------- Video kartları (sinematik) ---------- */
.videos__cards{
  display:flex;flex-direction:column;
  gap:clamp(2.4rem,5vw,4.5rem);
}
.vcard{width:100%}
.vcard__media{cursor:pointer}
.vcard .video-embed__poster{
  filter:saturate(.65) brightness(.92);
  transition:transform .9s var(--ease-out),filter .6s;
}
.vcard__media:hover .video-embed__poster{
  transform:scale(1.045);
  filter:saturate(1) brightness(1);
}
/* dairesel oynat rozeti — proje sayfasındaki metin overlay'inin yerine geçer */
.vcard .video-embed__play{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:clamp(4.6rem,8vw,7rem);aspect-ratio:1;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;
  border:1px solid rgba(237,234,226,.55);
  background:rgba(17,17,16,.28);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--paper);mix-blend-mode:normal;
  font-family:var(--f-body);font-size:1rem;letter-spacing:0;
  transition:transform .5s var(--ease-out),background .45s,border-color .45s,color .45s;
  pointer-events:none;
}
.vcard .video-embed__play i{font-style:normal;font-size:1.05em;line-height:1}
.vcard .video-embed__play b{font-size:.55rem;font-weight:600;letter-spacing:.24em}
.vcard__media:hover .video-embed__play{
  transform:translate(-50%,-50%) scale(1.14);
  background:var(--gold);border-color:var(--gold);color:var(--ink);
}
.vcard__bar{
  display:flex;align-items:baseline;gap:1.2em;
  padding-top:1em;
}
.vcard__num{
  font-family:var(--f-serif);font-style:italic;
  font-size:var(--t-l);color:var(--gold);line-height:1;
}
.vcard__title{
  font-family:var(--f-body);font-weight:600;
  font-size:var(--t-m);letter-spacing:.02em;line-height:1.3;
}
.vcard__yt{
  margin-left:auto;white-space:nowrap;
  font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--gold);transition:color .3s;
}
.vcard__yt:hover{color:var(--paper)}
@media(min-width:900px){
  .vcard--left{width:72%;align-self:flex-start}
  .vcard--right{width:72%;align-self:flex-end}
}

/* ---------- Marquee ---------- */
.marquee{
  overflow:hidden;padding:clamp(1.6rem,3.4vw,3rem) 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.bg-ink .marquee{border-color:var(--line-inv)}
.marquee__track{display:inline-flex;will-change:transform}
.marquee__item{
  font-family:var(--f-display);
  font-size:var(--t-xl);text-transform:uppercase;line-height:1;
  padding-right:1.2em;
}
.marquee__item em{font-family:var(--f-serif);font-style:italic;text-transform:none;color:var(--gold)}

/* ---------- CTA / Footer ---------- */
.cta{padding:calc(var(--pad) * 2.6) 0;text-align:center}
.cta .label{color:var(--muted)}
.cta__link{
  display:block;
  font-family:var(--f-display);
  font-size:var(--t-super);line-height:.95;
  text-transform:uppercase;margin-top:.2em;
  transition:color .4s;
}
.cta__link:hover{color:var(--gold)}
.cta__link em{font-family:var(--f-serif);font-style:italic;text-transform:none;font-size:.8em}
.footer{padding:0 0 var(--pad)}
.footer__grid{
  display:grid;grid-template-columns:1fr;gap:calc(var(--gap) * 1.4);
  padding:calc(var(--pad) * 1.2) 0;
  border-top:1px solid var(--line-inv);
}
.footer__col .label{color:var(--gold);display:block;margin-bottom:1em}
.footer__col li{margin-bottom:.5em;font-size:var(--t-s)}
.footer__col a{transition:color .3s}
.footer__col a:hover{color:var(--gold)}
.footer__col address{font-style:normal;font-size:var(--t-s);max-width:30ch;color:var(--muted)}
.footer__bottom{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em;
  padding-top:var(--pad);
  font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
}
.footer__logo{
  font-family:var(--f-display);
  font-size:clamp(2.4rem,10vw,10rem);
  line-height:.9;text-transform:uppercase;text-align:center;
  padding:calc(var(--pad) * 1.4) 0 0;
  user-select:none;
}
.footer__logo .reg{font-size:.22em;vertical-align:super;color:var(--gold)}
@media(min-width:900px){
  .footer__grid{grid-template-columns:repeat(3,1fr)}
}

/* ---------- İç sayfa hero ---------- */
.page-hero{
  padding:calc(var(--pad) * 4) 0 calc(var(--pad) * 1.4);
}
.page-hero .label{color:var(--muted);display:block;margin-bottom:1.2em}
.page-hero h1{
  font-family:var(--f-display);
  font-size:var(--t-super);line-height:.92;text-transform:uppercase;
}
.page-hero h1 em{
  font-family:var(--f-serif);font-style:italic;text-transform:none;
  color:var(--gold);font-size:.7em;
}

/* ---------- Proje detay ---------- */
.phero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff}
.phero__media{position:absolute;inset:0;overflow:hidden}
.phero__media img{width:100%;height:115%;object-fit:cover;will-change:transform}
.phero__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(17,17,16,.15) 30%,rgba(17,17,16,.75) 100%);
}
.phero__content{position:relative;z-index:2;width:100%;padding:0 var(--pad) var(--pad)}
.phero__crumb{
  font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:rgba(255,255,255,.75);margin-bottom:1.4em;display:block;
}
.phero__title{
  font-family:var(--f-display);
  font-size:var(--t-super);line-height:.9;text-transform:uppercase;
}
.phero__sub{
  display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap);
  margin-top:1.4rem;padding-top:1.2rem;
  border-top:1px solid rgba(255,255,255,.25);
}
.phero__motto{font-family:var(--f-serif);font-style:italic;font-size:var(--t-l);line-height:1.15}
.phero__place{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}

.specs{padding:calc(var(--pad) * 2) 0}
.specs__grid{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) * 2)}
.spec-list{border-top:1px solid var(--line)}
.spec-list li{
  display:flex;justify-content:space-between;gap:2em;
  padding:.85em 0;border-bottom:1px solid var(--line);
  font-size:var(--t-s);
}
.spec-list li b{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:var(--t-xs);color:var(--muted);padding-top:.2em}
.spec-list li span{text-align:right}
.specs h3,.section-title{
  font-family:var(--f-display);font-size:var(--t-xl);
  text-transform:uppercase;line-height:1;
  margin-bottom:clamp(1.2rem,2.6vw,2rem);
}
.section-title em{font-family:var(--f-serif);font-style:italic;text-transform:none;color:var(--gold)}
@media(min-width:900px){.specs__grid{grid-template-columns:1fr 1fr}}

.floors-note{font-size:var(--t-s);color:var(--muted);margin-top:1em;max-width:44ch}

.features{padding:calc(var(--pad) * 1.6) 0}
.features .amenity__name{font-size:var(--t-m);font-family:var(--f-body);font-weight:600;text-transform:none;letter-spacing:.02em}

/* Galeri */
.gallery{padding:calc(var(--pad) * 2) 0}
.gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
.gallery__grid .media{aspect-ratio:4/3;cursor:zoom-in}
.gallery__grid .media:nth-child(6n+1){grid-column:span 2;aspect-ratio:16/8}
.gallery__grid img{transition:transform .8s var(--ease-out)}
.gallery__grid .media:hover img{transform:scale(1.05)}
@media(min-width:900px){
  .gallery__grid{grid-template-columns:repeat(3,1fr)}
  .gallery__grid .media:nth-child(6n+1){grid-column:span 2;aspect-ratio:auto}
}

/* Kat planları */
.plans{padding:calc(var(--pad) * 2) 0}
.plans__grid{display:grid;grid-template-columns:1fr;gap:var(--gap)}
.plan-card{border:1px solid var(--line);cursor:zoom-in;background:#fff}
.plan-card .media{aspect-ratio:4/3;background:#fff}
.plan-card img{object-fit:contain;padding:1rem}
.plan-card figcaption{
  padding:.9em 1.1em;border-top:1px solid var(--line);
  font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;
}
@media(min-width:700px){.plans__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.plans__grid{grid-template-columns:repeat(3,1fr)}}

/* Lightbox */
.lightbox{
  position:fixed;inset:0;z-index:950;background:rgba(17,17,16,.94);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;
  padding:var(--pad);cursor:zoom-out;
}
.lightbox.is-open{opacity:1;visibility:visible}
.lightbox img{max-width:100%;max-height:90vh;object-fit:contain}
.lightbox__close{
  position:absolute;top:var(--pad);right:var(--pad);
  color:#fff;font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;font-weight:600;
}

/* Konum / iletişim satırları */
.location{padding:calc(var(--pad) * 1.6) 0}
.contact-lines{border-top:1px solid var(--line)}
.contact-lines a,.contact-lines .row{
  display:flex;justify-content:space-between;align-items:baseline;gap:1.5em;
  padding:clamp(1rem,2.2vw,1.7rem) 0;
  border-bottom:1px solid var(--line);
}
.bg-ink .contact-lines,.bg-ink .contact-lines a,.bg-ink .contact-lines .row{border-color:var(--line-inv)}
.contact-lines b{
  font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:var(--muted);min-width:6em;
}
.contact-lines span{
  font-family:var(--f-body);font-weight:600;font-size:var(--t-m);
  letter-spacing:.02em;line-height:1.25;text-align:right;transition:color .35s;
  word-break:break-word;min-width:0;
}
.contact-lines .keep-case{text-transform:none}
.contact-lines a:hover span{color:var(--gold)}
.contact-lines .addr{font-family:var(--f-body);font-size:var(--t-s);text-transform:none;max-width:38ch;color:inherit}

/* Form */
.form{margin-top:calc(var(--gap) * 1.5)}
.form__grid{display:grid;grid-template-columns:1fr;gap:0}
.form__field{
  display:flex;flex-direction:column;gap:.4em;
  padding:1.1em 0;border-bottom:1px solid var(--line-inv);
}
.form__field label{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.form__field input,.form__field textarea{
  background:none;border:0;outline:none;color:inherit;
  font:inherit;font-size:var(--t-m);padding:.2em 0;resize:vertical;
}
.form__submit{
  margin-top:2em;
  font-family:var(--f-display);font-size:var(--t-l);text-transform:uppercase;
  display:inline-flex;align-items:center;gap:.5em;
  transition:color .35s;
}
.form__submit:hover{color:var(--gold)}
@media(min-width:800px){
  .form__grid{grid-template-columns:1fr 1fr;column-gap:calc(var(--gap) * 2)}
  .form__field--full{grid-column:span 2}
}

/* Sıradaki proje */
.next-project{display:block;padding:calc(var(--pad) * 2.4) 0;text-align:center}
.next-project .label{color:var(--muted)}
.next-project__title{
  display:block;
  font-family:var(--f-display);
  font-size:var(--t-super);line-height:.95;text-transform:uppercase;
  margin-top:.2em;transition:color .4s;
}
.next-project:hover .next-project__title{color:var(--gold)}

/* İki kolon metin blokları (hakkımızda) */
.split{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) * 1.6);padding:calc(var(--pad) * 1.6) 0}
.split h3{
  font-family:var(--f-display);font-size:var(--t-xl);text-transform:uppercase;line-height:1;
}
.split h3 em{font-family:var(--f-serif);font-style:italic;text-transform:none;color:var(--gold)}
.split p{max-width:56ch}
.values{border-top:1px solid var(--line)}
.values li{
  display:flex;gap:1.6em;align-items:baseline;
  padding:1.2em 0;border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.values b{
  font-family:var(--f-body);font-weight:600;
  font-size:var(--t-s);letter-spacing:.08em;text-transform:uppercase;
  min-width:11em;
}
.values p{color:var(--muted);font-size:var(--t-s);max-width:60ch}
@media(min-width:900px){.split{grid-template-columns:.8fr 1.2fr}}

/* Yardımcı boşluklar (yatay padding'e dokunmaz — .wrapper ile birlikte kullanılır) */
.section-pad{padding-top:calc(var(--pad) * 2);padding-bottom:calc(var(--pad) * 2)}
.mt-0{margin-top:0}

/* ---------- Proje kartları (ana sayfa) ---------- */
.pcards{border-top:1px solid var(--line-inv)}
.pcard{
  display:grid;grid-template-columns:1fr;gap:var(--gap);
  padding:clamp(1.6rem,3.4vw,3rem) 0;
  border-bottom:1px solid var(--line-inv);
}
.pcard__media{aspect-ratio:16/10}
.pcard__media img{transition:transform .8s var(--ease-out)}
.pcard:hover .pcard__media img{transform:scale(1.04)}
.pcard__body{display:flex;flex-direction:column;gap:.6em;justify-content:center}
.pcard__num{font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;color:var(--gold)}
.pcard__title{
  font-family:var(--f-display);
  font-size:clamp(1.8rem,4.6vw,4rem);
  text-transform:uppercase;line-height:1;
  transition:color .4s;
}
.pcard:hover .pcard__title{color:var(--gold)}
.pcard__place{font-family:var(--f-serif);font-style:italic;font-size:var(--t-m);color:var(--muted)}
.pcard__tag{font-size:var(--t-s);color:var(--muted);max-width:34ch}
.pcard__meta{
  display:flex;gap:1.6em;flex-wrap:wrap;margin-top:.6em;
  font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:600;
}
.pcard__cta{
  margin-top:1em;font-size:var(--t-xs);letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;color:var(--gold);
}
@media(min-width:900px){
  .pcard{grid-template-columns:1.1fr .9fr;column-gap:calc(var(--gap) * 2);align-items:center}
  .pcard--flip .pcard__media{order:2}
  .pcard--flip .pcard__body{order:1;text-align:right;align-items:flex-end}
  .pcard--flip .pcard__meta{justify-content:flex-end}
}

/* ---------- Görsel şerit (3'lü) ---------- */
.strip{display:grid;grid-template-columns:1fr;gap:var(--gap)}
.strip .media{aspect-ratio:4/3}
.strip figcaption{
  padding-top:.7em;font-size:var(--t-xs);letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
@media(min-width:800px){
  .strip{grid-template-columns:repeat(3,1fr)}
  .strip .media{aspect-ratio:4/5}
}

/* ---------- Panorama bandı ---------- */
.panorama{position:relative}
.panorama .media{height:clamp(280px,52vh,560px)}
.panorama .media img{height:120%;object-fit:cover}
.panorama__caption{
  display:flex;justify-content:space-between;gap:var(--gap);
  padding:1rem var(--pad);
  font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}

/* ---------- Vitrin sloganı ---------- */
.showcase__tag{
  font-family:var(--f-serif);font-style:italic;
  font-size:var(--t-l);line-height:1.2;color:var(--ink);
  padding:0 var(--pad) clamp(1.2rem,2.6vw,2rem);
  max-width:26ch;
}
.showcase__tag .t-gold{font-style:normal}

/* ---------- Partner logoları ---------- */
.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
.partner-tile{
  border:1px solid var(--line);
  aspect-ratio:16/9;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(1.2rem,2.4vw,2rem);
  background:#fff;
}
.partner-tile img{
  max-height:min(90px,60%);max-width:70%;object-fit:contain;
  filter:grayscale(1);opacity:.75;
  transition:filter .4s,opacity .4s;
}
.partner-tile:hover img{filter:none;opacity:1}
@media(min-width:800px){.partners-grid{grid-template-columns:repeat(4,1fr)}}

/* WhatsApp yüzen buton */
.wa-btn{
  position:fixed;bottom:1.4rem;right:1.4rem;z-index:800;
  width:3.2rem;height:3.2rem;border-radius:50%;
  background:var(--ink);color:var(--paper);
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;
  transition:transform .35s var(--ease-out),background .35s;
}
.wa-btn:hover{transform:scale(1.1);background:var(--gold)}

/* Animasyon başlangıç durumları (JS yoksa görünür kalsın) */
html.no-js [data-reveal-img]{clip-path:none}
html.no-js [data-reveal-img] img{transform:none}
html.no-js .loader,html.no-js .curtain{display:none}

/* Mobil ayarlar */
@media(max-width:700px){
  :root{
    --t-super:clamp(1.8rem, 8vw, 3.2rem);
    --t-xxl:clamp(1.6rem, 7vw, 2.8rem);
    --t-xl:clamp(1.4rem, 6vw, 2.4rem);
  }
  .project-row__place{display:none}
  .hero__top span:nth-child(3){display:none}
  .hero__meta{flex-direction:column;align-items:flex-start}
  .phero__sub{flex-direction:column;align-items:flex-start}
  .contact-lines span{font-size:var(--t-m)}
  .follow-media{display:none}
}

/* Test/önizleme modu (?instant): tam sayfa ekran görüntüsü için hero kısalır */
html.is-instant .hero{min-height:auto}
html.is-instant .phero{min-height:640px}

/* Hareket azaltma tercihi */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}