/* Feray Tekşahin — site mockup'ları ortak stil (Klimt çizgisi: siyah, altın, fildişi) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400;500&display=swap');
:root{color-scheme:dark;--siyah:#15110c;--koyu:#1d170f;--altin:#c9a24b;--acik:#e2c36d;--parlak:#f0d98a;--fildisi:#f1e6c8;--sonuk:#cdbf9c;--bordo:#7b2d26;
  --serif:"Didot","Playfair Display","Bodoni 72",Georgia,serif;--sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --cik:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--siyah)}
body{background:var(--siyah);color:var(--fildisi);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--altin);color:var(--siyah)}
html{scrollbar-color:var(--altin) var(--siyah);scrollbar-width:thin}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--parlak);outline-offset:4px}
img,video{display:block;width:100%;height:100%;object-fit:cover}
canvas[data-mozaik]{display:block;width:100%;height:100%}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;text-wrap:balance}
em{font-style:italic;color:var(--acik)}
p{max-width:62ch}
/* spiraller kendini çizer */
svg[data-spiral]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1;opacity:.5}
section,header{isolation:isolate}
svg[data-spiral] path{fill:none;stroke:var(--altin);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--cik) var(--g,0s)}
.hazir svg[data-spiral]:not([data-gor]) path,svg[data-spiral].gorundu path{stroke-dashoffset:0}
/* görünürken açılış: maskeden çıkar, solma yok */
[data-gor="perde"]{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--cik) var(--g,0s)}
[data-gor="perde"].gorundu{clip-path:inset(0)}
[data-gor="yuksel"]>*{display:block;transform:translateY(105%);transition:transform 1s var(--cik) var(--g,0s)}
[data-gor="yuksel"]{overflow:hidden}
[data-gor="yuksel"].gorundu>*{transform:none}
/* düğme */
.dugme{display:inline-flex;align-items:center;gap:.7em;padding:1.05em 1.9em;border:1px solid var(--altin);color:var(--parlak);font-family:var(--sans);font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500;position:relative;overflow:hidden;isolation:isolate;transition:color .5s var(--cik)}
.dugme::before{content:"";position:absolute;inset:0;background:var(--altin);transform:translateY(101%);transition:transform .5s var(--cik);z-index:-1}
.dugme:hover{color:var(--siyah)}.dugme:hover::before{transform:none}
.dugme.dolu{background:var(--altin);color:var(--siyah)}.dugme.dolu::before{background:var(--parlak)}
/* mekân şeridi */
.serit{overflow:hidden;white-space:nowrap;border-block:1px solid rgba(201,162,75,.45);padding:1.1rem 0}
.serit div{display:inline-block;animation:kay 70s linear infinite;font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,2rem);color:var(--fildisi)}
.serit span{margin:0 1.4rem}.serit i{color:var(--altin);font-style:normal}
@keyframes kay{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}[data-gor="perde"]{clip-path:none}[data-gor="yuksel"]>*{transform:none}svg[data-spiral] path{stroke-dashoffset:0}html{scroll-behavior:auto}}
/* ses düğmesi: her video sahnesinde */
.ses{position:absolute;right:1rem;bottom:1rem;z-index:8;display:inline-flex;align-items:center;gap:.55em;padding:.72em 1.05em;background:rgba(21,17,12,.84);border:1px solid var(--altin);color:var(--parlak);font:500 .66rem var(--sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .4s var(--cik),color .4s var(--cik)}
.ses:hover{background:var(--siyah)}
.ses[aria-pressed="true"]{background:var(--altin);color:var(--siyah)}
.ses .dalga{display:none}.ses[aria-pressed="true"] .dalga{display:block}.ses[aria-pressed="true"] .carpi{display:none}