/* Proje ayıraçları — katalogdaki fotoğraf + tipografik alıntı slaytları */
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/barlow-semi-condensed-latin-ext-300-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/barlow-semi-condensed-latin-300-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow Semi Condensed";font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/barlow-semi-condensed-latin-ext-300-italic.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Barlow Semi Condensed";font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/barlow-semi-condensed-latin-300-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.home-separators{--sep-green:#25a559;--sep-grey:#868784;--sep-grey-hi:#a4a5a2;position:relative;background:#000;color:var(--sep-grey);container-type:inline-size;overflow:hidden}
.sep-swiper{overflow:hidden}
.sep-slide{position:relative;aspect-ratio:2559/965;background:#000;overflow:hidden}

/* Fotoğraf: yavaş "uzaklaşma" — aktif slayta geçince yerine oturur */
.sep-media{position:absolute;inset:0;margin:0;background:#000}
.sep-media img{width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.09);transform-origin:72% 50%;transition:transform 9s cubic-bezier(.16,.7,.2,1)}
.swiper-slide-active .sep-media img{transform:scale(1)}

/* Tipografi — her satırın ölçeği/girintisi katalogdaki kompozisyonu izler (cqw = bölüm genişliği) */
.sep-quote{--k:.85;position:absolute;inset:0;z-index:1;margin:0;padding:0 47cqw 0 3cqw;display:flex;flex-direction:column;justify-content:center;font-family:"Barlow Semi Condensed","Arial Narrow",sans-serif;font-weight:300;line-height:1;letter-spacing:-.012em;font-kerning:normal;font-feature-settings:"kern" 1;color:var(--sep-grey);pointer-events:none}
.sep-layout-a .sep-quote{--fs1:2.4;--fs2:4.3;--fs3:4.1;--x1:0;--x2:8.6;--x3:6.6}
.sep-layout-b .sep-quote{--fs1:2.9;--fs2:3.65;--fs3:2.57;--x1:0;--x2:11;--x3:2.6}
.sep-line{display:block;text-wrap:balance;overflow:hidden;padding:.12em .12em .16em 0;margin:-.12em 0 -.16em}
.sep-line+.sep-line{margin-top:calc(.35cqw - .12em)}
.sep-line:nth-child(1){font-size:calc(var(--fs1) * var(--k) * 1cqw);padding-left:calc(var(--x1) * var(--k) * 1cqw);color:var(--sep-grey-hi)}
.sep-line:nth-child(2){font-size:calc(var(--fs2) * var(--k) * 1cqw);padding-left:calc(var(--x2) * var(--k) * 1cqw)}
.sep-line:nth-child(n+3){font-size:calc(var(--fs3) * var(--k) * 1cqw);padding-left:calc(var(--x3) * var(--k) * 1cqw)}
.sep-hl{display:inline-block;font-style:normal;color:var(--sep-green)}
.sep-hl.is-quoted{font-style:italic;font-size:1.38em;letter-spacing:-.02em;margin-right:.06em}

/* Satır satır açılış: maskeli yukarı kayma + odağa gelme */
.sep-line-in{display:inline-block;opacity:0;transform:translateY(112%);filter:blur(7px);transition:transform 1.15s cubic-bezier(.16,.84,.24,1),opacity .9s ease,filter 1.1s ease;transition-delay:0s}
.swiper-slide-active .sep-line-in{opacity:1;transform:none;filter:none;transition-delay:calc(.45s + var(--i) * .17s)}

/* Kontroller */
.sep-controls{position:absolute;left:3cqw;right:3cqw;bottom:2.4cqw;z-index:3;display:flex;align-items:center;gap:2cqw;color:#fff}
.sep-count{display:flex;align-items:baseline;gap:.5em;font-family:"Barlow Semi Condensed","Arial Narrow",sans-serif;font-size:clamp(15px,1.5cqw,22px);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.sep-count-total{opacity:.4}
.sep-progress{position:relative;flex:0 0 clamp(80px,16cqw,260px);height:1px;background:rgba(255,255,255,.2);overflow:hidden}
.sep-progress i{position:absolute;inset:0;background:var(--sep-green);transform:scaleX(0);transform-origin:left}
.sep-arrows{margin-left:auto;display:flex;gap:12px}
.sep-nav{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;font-size:16px;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}
.sep-nav:hover,.sep-nav:focus-visible{background:#fff;color:#000;border-color:#fff}
.sep-nav:focus-visible{outline:2px solid var(--sep-green);outline-offset:3px}

@media(max-width:760px){
  .sep-slide{aspect-ratio:auto;display:flex;flex-direction:column}
  .sep-media{position:relative;inset:auto;aspect-ratio:16/10;flex:none}
  .sep-media img{object-position:88% center;transform-origin:80% 50%}
  .sep-quote{--k:1.7;position:relative;inset:auto;flex:1;justify-content:flex-start;padding:6px 24px 96px}
  .sep-controls{left:24px;right:24px;bottom:26px;gap:18px}
  .sep-progress{flex:1 1 auto}
  .sep-count{font-size:15px}
  .sep-nav{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){
  .sep-media img{transform:none;transition:none}
  .sep-line-in,.swiper-slide-active .sep-line-in{opacity:1;transform:none;filter:none;transition:none}
}