:root{--blue:#3952cf;--ink:#111213;--paper:#f5f5f1;--muted:#a8a9ae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #7c90ff;outline-offset:7px}.skip{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;border-bottom:1px solid #d6d6d1;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:24px;white-space:nowrap}.brand img{filter:brightness(0)}.brand-sub{display:block;font-size:10px;letter-spacing:1.5px;margin-top:5px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--blue)}.nav-contact{border-bottom:1px solid;padding:10px 0;font-size:14px}.nav-contact span{margin-left:20px;font-size:20px}.hero{padding:43px 7% 65px}.eyebrow{font-size:12px;letter-spacing:1.7px;line-height:1.5;font-weight:600}.hero>.eyebrow{display:flex;justify-content:space-between;color:#55575a}.hero h1{font-size:clamp(65px,8.8vw,145px);line-height:1.01;letter-spacing:-.075em;font-weight:500;margin:62px 0 42px}.hero h1>span{color:var(--blue)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero p{font-size:19px;line-height:1.55;margin:0}.text-link{display:inline-flex;gap:20px;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid;font-size:14px}.motion-section{height:185vh;background:var(--ink);color:var(--paper)}.motion-sticky{height:100vh;min-height:620px;position:sticky;top:0;padding:32px 7%;display:flex;flex-direction:column;overflow:hidden}.motion-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#b7b7bf}.frame-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:25px 0}.brand-frame{width: min(80vw,1000px);height:min(46vw,480px);background:var(--blue);display:flex;align-items:center;justify-content:center;position:relative;will-change:width,height,transform;overflow:hidden}.brand-frame>img{height:66%;width:50%;object-fit:contain}.frame-top,.frame-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px}.frame-top{top:22px}.frame-bottom{bottom:22px;align-items:end}.frame-bottom>span:first-child{line-height:1.25;font-size:20px;letter-spacing:-.5px}.frame-bottom>span:last-child{max-width:110px;font-size:10px;line-height:1.5;text-align:right}.motion-bottom{display:flex;align-items:end;justify-content:space-between}.motion-bottom p{font-size:36px;letter-spacing:-1.5px;line-height:1.1;margin:0}.motion-bottom p span{color:#a1a1aa}.scroll-hint{font-size:10px;letter-spacing:1.5px}.section{padding:105px 7%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.section-heading>.eyebrow{grid-column:1/-1;color:var(--blue)}h2{font-size:clamp(38px,4.5vw,72px);letter-spacing:-.055em;line-height:1.08;font-weight:500;margin:18px 0 30px}.section-heading>p{font-size:18px;line-height:1.6;max-width:420px;align-self:center}.service-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px}.service{border-top:1px solid #b8b9bc;padding:30px 55px 10px 0}.service+ .service{border-left:1px solid #b8b9bc;padding-left:55px;padding-right:0}.number{color:var(--blue);font-size:15px}h3{font-size:36px;line-height:1.13;letter-spacing:-1.5px;font-weight:500;margin:30px 0 20px}.service p{font-size:17px;line-height:1.6;max-width:370px;color:#55575b}.service ul{list-style:none;padding:0;margin:30px 0;font-size:15px}.service li{padding:12px 0;border-bottom:1px solid #d8d8d3}.note{display:flex;gap:45px;align-items:start;border-top:1px solid #b8b9bc;margin-top:65px;padding-top:25px}.note>span{font-size:12px;letter-spacing:1px;white-space:nowrap}.note p{font-size:15px;line-height:1.6;margin:0;max-width:690px;color:#53555a}.approach{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 2fr;gap:35px}.approach h2{margin-top:0}.approach h2 span{color:#91939b}.approach-body>p{font-size:19px;line-height:1.65;max-width:660px;color:#c2c3c8}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.tags>span{border:1px solid #45464c;border-radius:50px;padding:10px 15px;font-size:13px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:70px}.studio h2>span{color:var(--blue)}.studio-copy{padding-top:50px}.studio-copy p{font-size:17px;line-height:1.7;color:#55575a}.studio-copy .lead{font-size:24px;line-height:1.4;color:var(--ink);letter-spacing:-.7px}.process{padding-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;border-top:1px solid #b8b9bc;padding-top:30px}.steps article>span{color:var(--blue);font-size:12px;letter-spacing:1px}.steps h3{font-size:25px;letter-spacing:-.7px}.steps p{font-size:16px;line-height:1.65;color:#55575b}.contact{background:var(--blue);color:white}.contact h2{font-size:clamp(65px,10vw,150px);line-height:.98;letter-spacing:-.06em;margin:45px 0}.contact h2>span{display:inline-block;margin-left:8vw;font-weight:400}.contact-bottom{border-top:1px solid #ffffff60;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{font-size:17px;line-height:1.6}.button{background:var(--paper);color:var(--ink);padding:20px 28px;font-size:16px;white-space:nowrap}.button:hover{background:white}footer{padding:35px 7%;background:var(--ink);color:var(--paper);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px}footer>span:first-child{font-size:24px}a{transition:opacity .2s}a:hover{opacity:.75}@media(min-width:1600px){header,.hero,.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}@media(max-width:760px){header{padding:20px 6%;gap:15px}.brand{font-size:19px}.brand-sub{font-size:8px;letter-spacing:.9px}.brand img{width:23px;height:36px}nav{display:none}.nav-contact{font-size:12px}.nav-contact span{margin-left:5px}.hero{padding:30px 6% 45px}.hero>.eyebrow>span:last-child{display:none}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(54px,12vw,90px);margin:50px 0 30px;letter-spacing:-.06em}.hero-bottom{align-items:start;flex-direction:column;gap:20px}.hero p{font-size:17px}.motion-sticky{padding:25px 6%;min-height:570px;height:90svh}.motion-section{height:160vh}.motion-top{font-size:9px;letter-spacing:1px}.brand-frame{width:88vw;height:52vw}.frame-top,.frame-bottom{left:15px;right:15px}.frame-top{font-size:9px}.frame-bottom>span:first-child{font-size:16px}.frame-bottom>span:last-child{font-size:8px}.motion-bottom{gap:20px}.motion-bottom p{font-size:28px}.scroll-hint{font-size:8px;max-width:110px;line-height:1.8}.section{padding:65px 6%}.section-heading,.studio,.approach{grid-template-columns:1fr;gap:16px}.section-heading>p{margin-top:0;font-size:17px}.service-grid{grid-template-columns:1fr;margin-top:30px}.service,.service+.service{padding:25px 0 35px;border-left:0}.service h3{font-size:32px}.note{flex-direction:column;gap:15px;margin-top:15px}.approach{gap:35px}.approach-body>p{font-size:17px}.studio-copy{padding-top:0}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:18px}.contact h2{font-size:19vw}.contact-bottom{align-items:start;flex-direction:column;gap:15px}footer{flex-direction:column;align-items:start;padding:30px 6%}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-section{height:auto}.motion-sticky{position:relative}.scroll-hint{display:none}a{transition:none}}
/* Cinematic direction — Kontent Hane */
:root{--paper:#f2f1eb;--ink:#0d0f11;--blue:#3952cf}body{background:var(--ink);color:var(--paper)}header{position:absolute;z-index:5;top:0;left:0;right:0;border-color:#ffffff25;padding-top:24px;padding-bottom:24px}.brand img{filter:none}.nav-contact{color:white}nav a:hover{color:#aabaff}.hero{min-height:850px;height:95svh;max-height:1100px;position:relative;overflow:hidden;padding-top:155px;padding-bottom:100px;display:flex;flex-direction:column;justify-content:center}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.73),rgba(5,7,9,.05) 90%),linear-gradient(0deg,#0d0f11,transparent 30%);z-index:0}.hero>*:not(.hero-photo):not(.hero-shade){position:relative;z-index:1}.hero>.eyebrow{color:#c0c3c9}.hero>.eyebrow>span:last-child{display:none}.hero h1{font-size:clamp(70px,8.8vw,140px);letter-spacing:-.065em;margin:42px 0 30px;line-height:1.02;font-weight:600}.hero h1>span{color:var(--paper);font-weight:400;font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.065em}.hero-bottom{display:block}.hero p{color:#d9dadd;max-width:520px;font-size:18px}.hero .text-link{margin-top:30px;background:var(--blue);padding:16px 24px;border:0;gap:45px}.hero-caption{position:absolute!important;bottom:32px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#abaeb5}.format-strip{background:var(--blue);padding:25px 5%;display:flex;justify-content:space-around;gap:20px;align-items:center;overflow:hidden;font-size:clamp(16px,2.4vw,36px);font-weight:600;letter-spacing:-.5px;white-space:nowrap}.format-strip i{font-size:28px;font-style:normal;color:#c8d0ff}.motion-section{height:260svh;background:#0d0f11}.motion-sticky{height:100svh;min-height:660px;padding:60px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.story-copy{z-index:2}.story-copy>.eyebrow{color:#8c9eff}.story-copy h2{font-size:clamp(70px,7vw,110px);line-height:.98;margin:30px 0;letter-spacing:-.06em}.story-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#b9c5ff}.story-intro{font-size:18px;line-height:1.7;color:#b7bac3}.story-chapters{display:flex;gap:20px;margin-top:35px}.story-chapters button{font:inherit;font-size:14px;color:#898d98;background:none;border:0;border-bottom:1px solid #414550;padding:12px 0;cursor:pointer;text-align:left}.story-chapters button>span{display:block;font-size:11px;margin-bottom:10px;letter-spacing:2px}.story-chapters button[aria-pressed=true]{color:white;border-color:#8297ff}.story-chapters button:focus-visible{outline:2px solid #8ca0ff;outline-offset:5px}.story-detail{color:#b9bdc6;max-width:350px;font-size:15px;line-height:1.65;min-height:50px}.story-copy .scroll-hint{display:block;margin-top:35px;color:#969ba8}.idea-stage{position:relative;height:min(78vh,790px);width:100%;isolation:isolate}.sprite{position:absolute;inset:0;margin:auto;aspect-ratio:1/2;max-width:100%;height:100%;background-image:url(assets/idea-sheet-v4.jpg);background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:lighten;transform-origin:50% 50%;will-change:transform,opacity;pointer-events:none}.ball{background-position:0 0;transform:scale(1.3) rotate(-12deg)}.sheet{background-position:50% 0;opacity:0}.phone{background-position:100% 0;opacity:0}.phone-label{position:absolute;inset:30% 0 34%;display:flex;flex-direction:column;gap:25px;align-items:center;justify-content:center;opacity:0;text-align:center;font-size:clamp(16px,1.7vw,26px);line-height:1.15;letter-spacing:-.8px;pointer-events:none}.phone-label img{height:95px;width:55px}.stage-note{position:absolute;bottom:4%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#777c86}.story-progress{position:absolute;bottom:0;left:7%;right:7%;height:1px;background:#31343b}.story-progress i{display:block;width:0;height:2px;background:#718aff}.services{background:var(--paper);color:var(--ink)}.service-grid{gap:45px;margin-top:40px}.service,.service+.service{border:0;padding:0}.service-visual{height:240px;position:relative;overflow:hidden;margin-bottom:28px;background:#15191e}.cinema-visual{background:url(assets/cinema.jpg) center 55%/cover}.reels-visual{background:var(--blue);display:flex;align-items:center;justify-content:center}.format-outline{width:95px;height:168px;border:1px solid #aebcf4;border-radius:4px;font-size:33px;letter-spacing:-2px;color:white;display:grid;place-items:center;transform:rotate(-9deg)}.visual-caption{position:absolute;bottom:15px;left:20px;right:20px;color:white;font-size:9px;letter-spacing:1.4px}.references{border-bottom:1px solid #33363c;padding-top:55px;padding-bottom:55px;display:flex;gap:50px;align-items:center;justify-content:space-between}.references>.eyebrow{max-width:230px;color:#969ca8}.references>div{display:flex;gap:80px;align-items:center}.references strong{font-size:38px;letter-spacing:-1.5px}.references div>span{font-size:18px;line-height:1.25;color:#c0c4ce}.approach{background:#121519}.approach h2 span{color:#96aaff}.approach h2{font-family:Georgia,serif;font-style:italic;letter-spacing:-2px}.tags>span{border-radius:0}.studio{background:var(--paper);color:var(--ink)}.process{background:var(--paper);color:var(--ink)}.steps{gap:0;border-top:0}.steps article{border-top:1px solid #b8b9bc;border-right:1px solid #d3d3cf;padding:35px 30px 20px 0}.steps article+article{padding-left:30px}.steps article:last-child{border-right:0}.contact{position:relative;overflow:hidden}.contact:after{content:"";position:absolute;right:-5%;top:12%;width:33%;height:75%;background:url(assets/mark.svg) center/contain no-repeat;opacity:.07;pointer-events:none}.contact h2{position:relative;z-index:1;font-family:Georgia,serif;font-style:italic;font-weight:400}.contact-bottom{position:relative;z-index:1}footer{background:#0d0f11}h2{text-wrap:balance}@media(max-width:760px){header{padding:20px 6%}.hero{min-height:720px;max-height:950px;height:95svh;padding-top:135px;padding-bottom:100px;justify-content:end}.hero-photo{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#0d0f11 2%,#0d0f1180 70%,#0d0f1140)}.hero h1{font-size:clamp(50px,11.9vw,90px);margin:25px 0}.hero p{font-size:16px;max-width:320px}.hero-caption{left:6%;right:6%;font-size:8px}.format-strip{justify-content:start;padding:20px 6%;gap:20px;font-size:19px}.format-strip i{font-size:20px}.motion-section{height:245svh}.motion-sticky{min-height:680px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;padding:35px 6% 20px}.story-copy h2{font-size:50px;margin:16px 0}.story-copy h2 br{display:none}.story-copy h2 em{margin-left:12px}.story-intro{font-size:14px;margin:10px 0}.story-intro br{display:none}.story-chapters{margin-top:10px;gap:24px}.story-chapters button{font-size:12px;padding:6px 0}.story-chapters button>span{display:inline;margin-right:6px;font-size:9px;letter-spacing:0}.story-detail{font-size:13px;margin:12px 0 0;min-height:43px;max-width:100%}.story-copy .scroll-hint{display:none}.idea-stage{height:100%;min-height:300px;max-height:480px}.phone-label{font-size:16px;gap:12px}.phone-label img{height:58px;width:35px}.stage-note{font-size:7px;bottom:1%}.service-grid{gap:45px}.service-visual{height:210px}.references{align-items:start;gap:25px;flex-direction:column}.references>div{gap:35px}.references strong{font-size:29px}.references div>span{font-size:15px}.steps article,.steps article+article{padding:25px 0;border-right:0}.approach h2{font-size:40px}.contact h2{font-size:19vw}}@media(prefers-reduced-motion:reduce){.motion-section{height:auto}.motion-sticky{position:relative}.ball,.sheet{display:none}.phone,.phone-label{opacity:1}.story-chapters{display:none}.story-detail{display:none}.story-progress{display:none}}


/* Living portrait and brand wall */
.people-wall{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;padding-top:80px;padding-bottom:80px;background:#101216;overflow:hidden}.wall-intro{max-width:440px}.wall-intro .eyebrow{color:#9dacf1;font-size:11px}.wall-intro h2{font-size:clamp(38px,4.2vw,65px);margin:25px 0}.wall-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#bbc6ff}.wall-intro>p{font-size:17px;line-height:1.65;color:#b9bdc8}.wall-toggle{display:flex;gap:25px;align-items:center;background:transparent;color:#c6cad5;border:1px solid #444957;border-radius:30px;font:inherit;font-size:13px;padding:12px 18px;margin-top:32px;cursor:pointer}.wall-toggle:hover{border-color:#aebaf1}.wall-toggle:focus-visible{outline:2px solid #aebaf1;outline-offset:4px}.wall-intro .wall-demo{font-size:12px;line-height:1.5;color:#8b919f;margin-top:20px;max-width:300px}.wall-viewport{height:650px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.wall-column{min-width:0;overflow:hidden}.wall-track{display:flex;flex-direction:column;width:100%;animation:wall-up 37s linear infinite;will-change:transform}.wall-column:nth-child(2) .wall-track{animation:wall-down 45s linear infinite}.wall-column:nth-child(3) .wall-track{animation-duration:32s}.wall-group{display:flex;flex-direction:column;gap:14px;padding-bottom:14px}.wall-card{height:245px;border-radius:10px;overflow:hidden;position:relative;margin:0;flex-shrink:0;background:#20242e;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;border:1px solid #ffffff10}.wall-card:nth-child(2){height:185px}.wall-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wall-card[data-kind=logo] img{position:relative;object-fit:contain;max-height:70%;width:85%}.wall-card[data-kind=image]::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#060809df)}.wall-card figcaption{z-index:1;position:relative;max-width:100%;overflow-wrap:anywhere}.wall-card strong{display:block;font-size:clamp(17px,1.6vw,25px);letter-spacing:-.7px;line-height:1.1}.wall-card small{display:block;font-size:11px;line-height:1.4;margin-top:12px;letter-spacing:.4px}.wall-card[data-kind=image] figcaption{align-self:end;text-align:left;width:100%;color:white}.wall-card[data-kind=image] strong{font-size:17px}.wall-card[data-kind=image] small{font-size:9px;color:#d0d4dd}.wall-card.light{background:#eeeee8;color:#1b1e26}.wall-card.blue{background:#3952cf;color:#fff}.wall-card.dark{background:#1b202a;color:#d0d7e9}.wall-card[data-kind=placeholder]{border:1px dashed #657093}.wall-card[data-kind=placeholder] strong{font-family:Georgia,serif;font-style:italic;font-weight:400}.people-wall[data-paused=true] .wall-track,.people-wall[data-visible=false] .wall-track{animation-play-state:paused}@media(hover:hover){.wall-viewport:hover .wall-track{animation-play-state:paused}}@keyframes wall-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes wall-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:900px){.people-wall{grid-template-columns:1fr;gap:35px}.wall-intro{max-width:none}.wall-intro h2{font-size:50px}.wall-viewport{height:490px}.wall-intro .wall-demo{max-width:none}.wall-toggle{margin-top:20px}.wall-card{height:235px}.wall-card strong{font-size:24px}}@media(max-width:560px){.people-wall{padding:55px 6%}.wall-intro h2{font-size:40px}.wall-viewport{grid-template-columns:repeat(2,minmax(0,1fr));height:460px;gap:10px}.wall-column:nth-child(3){display:none}.wall-group{gap:10px;padding-bottom:10px}.wall-card{height:215px;padding:15px}.wall-card:nth-child(2){height:170px}.wall-card strong{font-size:22px}}@media(prefers-reduced-motion:reduce){.wall-track,.wall-column:nth-child(2) .wall-track{animation:none;transform:none}.wall-group[aria-hidden=true]{display:none}.wall-viewport{height:auto;max-height:650px;overflow:auto;mask-image:none}.wall-column{overflow:visible}.wall-toggle{display:none}}


/* ==========================================================================
   v4 katmanı — 26 Eylül 2026
   Önceki katmanların üzerine yazar. Bu bölüm bilerek okunur biçimde tutuldu.
   İçerik: yazı tipi önerisi · açılış videosu · mobil okunabilirlik ve dokunma
   alanları · format şeridi · dikey görsel duvarı · kağıt–telefon sahnesi.
   ========================================================================== */

[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Yazı tipi: Instrument Sans (8 Ekim 2026'da onaylandı). Dosyalar sitenin kendi sunucusunda: assets/fonts/ (lisans: LISANS.txt).
   İki parça: tarayıcı yalnız sayfada geçen harflerin bulunduğu parçayı indirir. "latin-ext"te ğ, ş, İ; "latin"de ç, ö, ü, ı vardır.
   <html class="font-oneri"> sınıfı ilk denemeden kaldı; aşağıdaki harf aralığı ayarları bu sınıfa bağlı olduğu için korunuyor. */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/instrument-sans-latin-ext.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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/instrument-sans-latin.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-oneri body{font-family:"Instrument Sans",Arial,Helvetica,sans-serif}
/* Harf aralıkları Arial'e göre ayarlanmıştı; önerilen yazı tipi daha dar olduğu için gevşetildi.
   İtalik (Georgia) satırların aralığı değişmedi. */
.font-oneri .hero h1{letter-spacing:-.04em}
.font-oneri :where(h2){letter-spacing:-.035em}
.font-oneri .story-copy h2{letter-spacing:-.04em}
.font-oneri .story-copy h2 em,.font-oneri :where(h2) em{letter-spacing:-.055em}
.font-oneri :where(h3){letter-spacing:-.02em}

/* --- Dokunma alanları (en az 44 piksel) ---------------------------------- */
nav a{padding:14px 0}
.brand{min-height:44px}
.nav-contact{display:inline-flex;align-items:center;min-height:44px;padding:0}
.text-link{min-height:44px}
.wall-toggle{min-height:44px}
.story-chapters button{min-height:44px}

/* --- Küçük yazılar (en az 12 piksel) ------------------------------------- */
.brand-sub{font-size:12px;letter-spacing:.1em}
.hero-caption{font-size:12px;letter-spacing:.16em}
.wall-intro .eyebrow{font-size:12px}
.visual-caption{font-size:12px;letter-spacing:.1em}
.story-copy .scroll-hint{font-size:12px}
.story-chapters button{font-size:15px}
.story-chapters button>span{font-size:12px}
.stage-note{font-size:12px;letter-spacing:.14em;color:#8a8f99}

/* --- Açılış: video katmanı ve okunabilirlik -------------------------------
   Kapak (<img>) her zaman altta; video yalnız oynarken görünür.
   Karartma, video tamamen beyaz olsa bile metinler okunacak şekilde ayarlandı. */
.hero>.hero-media[data-hero-video]{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0d0f11}
.hero-media picture{position:absolute;inset:0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.hero-media.is-playing .hero-video{opacity:1}
.hero-shade{background:
  linear-gradient(180deg,rgba(5,7,9,.8),rgba(5,7,9,.5) 70px,rgba(5,7,9,0) 180px),
  linear-gradient(0deg,#0d0f11,rgba(13,15,17,0) 32%),
  linear-gradient(90deg,rgba(5,7,9,.86),rgba(5,7,9,.72) 38%,rgba(5,7,9,.52) 58%,rgba(5,7,9,.24) 80%,rgba(5,7,9,.14))}
/* Dikey tablet: metin satırları ekranın daha büyük bölümünü kaplar */
@media(orientation:portrait) and (min-width:761px){
  .hero-shade{background:
    linear-gradient(180deg,rgba(5,7,9,.8),rgba(5,7,9,.5) 70px,rgba(5,7,9,0) 180px),
    linear-gradient(0deg,#0d0f11,rgba(13,15,17,0) 30%),
    linear-gradient(90deg,rgba(5,7,9,.88),rgba(5,7,9,.8) 55%,rgba(5,7,9,.58) 80%,rgba(5,7,9,.38))}
}
.hero .hero-kicker{display:flex;align-items:center;gap:14px;margin:0;max-width:none;font-size:15px;line-height:1.45;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.hero-kicker::before{content:"";flex:none;width:36px;height:2px;margin-top:.7em;background:#8ea0ff}
.hero .hero-kicker{align-items:flex-start;text-wrap:balance}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 34px;margin-top:34px}
.hero-cta{display:inline-flex;align-items:center;gap:26px;min-height:54px;padding:0 26px;background:var(--blue);color:#fff;font-size:16px;font-weight:600}
.hero-cta:hover{opacity:1;background:#4760e0}
.hero .hero-actions .text-link{margin:0;padding:0;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.6);gap:18px;color:#fff}
.hero .hero-cta-note{margin-top:14px;font-size:13px;line-height:1.5;color:#c9ccd3}
.hero .hero-cta-note b{color:#fff;font-weight:600}
.hero>.hero-video-toggle[type]{position:absolute;z-index:2;right:7%;bottom:72px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(5,7,9,.78);color:#fff;font:inherit;font-size:13px;cursor:pointer}
.hero>.hero-video-toggle[hidden]{display:none}
.hero-video-toggle:hover{border-color:#fff}
.hero-video-toggle:focus-visible,.hero-cta:focus-visible{outline:3px solid #8ea0ff;outline-offset:4px}
.hero-video-toggle-icon{font-size:10px;letter-spacing:-1px}

/* --- Format şeridi: hareketsiz, her ekranda tamamı okunur ---------------- */
.format-strip{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:clamp(18px,3vw,52px);row-gap:10px;padding:24px 5%;overflow:visible;white-space:normal;font-size:clamp(16px,2.2vw,34px)}
.format-strip li{display:flex;align-items:center;gap:clamp(18px,3vw,52px);white-space:nowrap}
.format-strip li+li::before{content:"✳";font-size:.75em;font-weight:400;color:#c8d0ff}

/* --- Dikey görsel duvarı ---------------------------------------------------
   Sütun sayısı ve genişliği wall.js tarafından (--wall-cols, --wall-max) ayarlanır. */
.wall-viewport{--wall-gap:12px;position:relative;height:650px;gap:var(--wall-gap);grid-template-columns:repeat(var(--wall-cols,3),calc((100% - (var(--wall-max,3) - 1) * var(--wall-gap)) / var(--wall-max,3)));justify-content:center;-webkit-mask-image:none;mask-image:none}
.wall-viewport::before,.wall-viewport::after{content:"";position:absolute;left:0;right:0;height:72px;z-index:2;pointer-events:none}
.wall-viewport::before{top:0;background:linear-gradient(#101216,rgba(16,18,22,0))}
.wall-viewport::after{bottom:0;background:linear-gradient(rgba(16,18,22,0),#101216)}
.wall-viewport[data-moving=false]{height:auto;max-height:none;overflow:visible;align-items:start}
.wall-viewport[data-moving=false]::before,.wall-viewport[data-moving=false]::after{display:none}
.wall-viewport[data-moving=false] .wall-track{animation:none;transform:none}
.wall-set{display:flex;flex-direction:column;gap:var(--wall-gap);padding-bottom:var(--wall-gap)}
.wall-tile{position:relative;margin:0;overflow:hidden;flex-shrink:0;border-radius:6px;background:#1a1d24}
.wall-tile--portrait{aspect-ratio:4/5}
.wall-tile--portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wall-tile--portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 13px;background:linear-gradient(rgba(6,8,10,0),rgba(6,8,10,.85));color:#fff}
.wall-tile strong{display:block;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.wall-tile small{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:#c5c9d2}
.wall-tile--logo{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;background:#171a21;border:1px solid rgba(255,255,255,.07);color:#eef0f5}
.wall-tile--logo img{display:block;max-width:70%;max-height:48%;object-fit:contain}
.wall-tile--logo.is-mono img{filter:brightness(0) invert(1);opacity:.92}
.wall-tile--logo.is-light{background:#eeeee8;color:#1b1e26}
.wall-tile--logo.is-light small{color:#555a64}
.wall-tile--logo strong{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.1}
.wall-tile.is-placeholder{background:repeating-linear-gradient(135deg,#171a21 0 12px,#1b1e26 12px 24px);border:1px dashed rgba(150,165,220,.3)}
.wall-tile--portrait.is-placeholder figcaption{background:none;color:#b3bbd0}
.wall-tile--portrait.is-placeholder strong{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:18px}

/* --- Kağıt–telefon sahnesi ------------------------------------------------
   Görseller "lighten" karışımıyla, içinde bulundukları sabit (sticky) katmanın zeminiyle harmanlanır.
   Bu zemin sayfayla aynı renkte olmalı; aksi halde görselin dikdörtgeni "çerçeve" gibi görünür.
   Sahne kutusunun ayrı bir katman olması (isolation) kaldırıldı, çünkü büyüyen görseller kutudan
   taşınca taşan köşeler siyah görünüyordu. Görselin koyu tonları tam siyaha çekildi (idea-sheet-v4.jpg). */
.motion-sticky{background:#0d0f11}
.idea-stage{isolation:auto}
.motion-section{height:200svh}

/* --- Tablet ve telefon ---------------------------------------------------- */
@media(max-width:900px){
  .wall-viewport{height:540px}
}
@media(max-width:760px){
  .nav-contact{font-size:13px}
  .hero-shade{background:
    linear-gradient(180deg,rgba(5,7,9,.82),rgba(5,7,9,.55) 70px,rgba(5,7,9,0) 170px),
    linear-gradient(0deg,#0d0f11 0%,rgba(13,15,17,.93) 30%,rgba(13,15,17,.84) 58%,rgba(13,15,17,.66) 80%,rgba(13,15,17,.45))}
  .hero .hero-kicker{font-size:13px;letter-spacing:.1em;gap:10px}
  .hero-kicker::before{width:22px}
  .hero-actions{margin-top:26px;gap:6px 26px}
  .hero-cta{min-height:52px;padding:0 20px;gap:18px;font-size:15px}
  .hero>.hero-video-toggle[type]{top:88px;bottom:auto;right:6%}
  .hero-caption>span:last-child{display:none}
  .story-copy h2 em{margin-left:0}
  .format-outline{transform:rotate(-9deg) translateY(-16px) scale(.86)} /* alt yazıyla çakışmasın */
  .story-intro{font-size:15px}
  .story-chapters{gap:22px}
  .story-chapters button{font-size:14px;padding:0}
  .story-chapters button>span{display:block;margin:0 0 3px;font-size:12px}
  .story-detail{font-size:14px}
  .stage-note{display:none}
}
@media(max-width:560px){
  .wall-viewport{--wall-gap:10px;height:470px}
  .wall-tile strong{font-size:15px}
  .wall-tile--portrait figcaption{padding:36px 11px 11px}
  .wall-tile--logo strong{font-size:19px}
  .format-strip{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;column-gap:34px;row-gap:12px;padding:22px 6%;font-size:17px}
  .format-strip li{gap:10px}
  .format-strip li::before{content:"✳";font-size:.75em;font-weight:400;color:#c8d0ff}
}
@media(max-width:520px){
  .nav-contact{display:none} /* telefonda iletişim düğmesi açılış bölümünde */
  .brand-sub{letter-spacing:.05em}
}

/* --- Azaltılmış hareket ---------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .motion-section{height:auto}
  .hero-video{transition:none}
}

/* --- Açılış: çizgi kamera (kamera.js) --------------------------------------
   Katmanlar farklı derinliklere yerleştirildi (--z); gövde döndükçe lens bir tüp gibi görünür.
   Tripod sabit, gövde döner. Masaüstünde sağda; telefonda ve dikey tablette yazıların üstünde. */
.kamera{pointer-events:none}
.kamera-sahne{position:relative;aspect-ratio:250/306;perspective:900px}
.kamera-ayak,.kamera-rig,.k-katman{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* Dönüş ekseni lensin ortasından ve tripod başından geçer */
.kamera-rig{transform-style:preserve-3d;transform-origin:59.2% 66.7%;will-change:transform}
.k-katman{transform:translateZ(var(--z,0px))}
.kamera svg *{fill:none;stroke:#f2f1eb;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.kamera .k-ince{stroke-opacity:.5}
.kamera .k-dolgu{fill:rgba(255,255,255,.035)}
.kamera .k-cam{fill:rgba(57,82,207,.3)}
.kamera .k-gozbebek{fill:rgba(255,255,255,.14)}
.kamera .k-parlama{fill:#fff;stroke:none;opacity:.85}
.kamera .k-parlama-kucuk{opacity:.5}
.kamera .k-logo *{fill:#f2f1eb;stroke:none;opacity:.85}
.kamera .k-tally{fill:rgba(255,255,255,.16);transition:fill .2s}
.kamera.is-rec .k-tally{fill:#ff3b30;stroke:#ff3b30}
/* Stüdyo ışığı: kameranın arkasında hafif mavi aydınlık, tripodun altında ışık gölü */
.kamera-sahne::before{content:"";position:absolute;z-index:-1;inset:-22% -28% -8% -12%;background:radial-gradient(closest-side at 58% 44%,rgba(57,82,207,.32),rgba(57,82,207,0))}
.kamera-sahne::after{content:"";position:absolute;z-index:-1;left:14%;right:-2%;bottom:-5%;height:12%;background:radial-gradient(closest-side,rgba(142,160,255,.2),rgba(142,160,255,0))}
.kamera-hud{display:flex;align-items:center;gap:8px;margin:0 0 12px 29%;font-size:12px;line-height:1;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.kamera-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.kamera-tc{opacity:0;transition:opacity .2s}
.kamera.is-rec .kamera-hud{color:#fff}
.kamera.is-rec .kamera-dot{background:#ff3b30;border-color:#ff3b30;box-shadow:0 0 12px rgba(255,59,48,.75);animation:kamera-rec 1s steps(1) infinite}
.kamera.is-rec .kamera-tc{opacity:1}
@keyframes kamera-rec{50%{opacity:.3}}

/* Yerleşim */
.hero.has-kamera>.hero-media[data-hero-video]{background:radial-gradient(ellipse 50% 60% at 76% 52%,rgba(57,82,207,.14),rgba(57,82,207,0) 70%),#0d0f11}
.hero>.hero-kamera[data-kamera]{position:absolute;z-index:1;top:50%;right:max(6%,calc((100vw - 1450px) / 2));width:clamp(280px,30vw,470px);transform:translateY(-44%)}
.hero.has-kamera>.hero-video-toggle[type]{top:110px;bottom:auto}
@media(max-width:760px),(orientation:portrait) and (max-width:1100px){
  .hero.has-kamera{height:auto;min-height:0;max-height:none;justify-content:flex-start;padding-top:108px;padding-bottom:96px}
  .hero>.hero-kamera[data-kamera]{position:relative;top:auto;right:auto;transform:none;width:min(220px,58%);margin:0 0 22px auto}
  .hero-kamera .kamera-hud{margin-left:0;letter-spacing:.1em}
  .hero.has-kamera>.hero-video-toggle[type]{top:auto;bottom:24px}
}
@media(orientation:portrait) and (min-width:761px) and (max-width:1100px){
  .hero.has-kamera{padding-top:130px}
  .hero>.hero-kamera[data-kamera]{width:min(300px,38%);margin:0 0 34px auto}
  .hero-kamera .kamera-hud{margin-left:29%;letter-spacing:.14em}
  .hero.has-kamera>.hero-video-toggle[type]{bottom:70px} /* sağ alttaki yazının üstünde dursun */
}
@media(prefers-reduced-motion:reduce){
  .kamera.is-rec .kamera-dot{animation:none}
  .kamera .kamera-tc{display:none}
}

/* ==========================================================================
   v5 — HAREKET KATMANI (28 Eylül 2026) · hareket.js ile birlikte çalışır.
   <html class="hareket"> yalnız hareket açıkken eklenir; "azaltılmış hareket"
   tercihinde ve GSAP yüklenemezse sayfa bu katman olmadan, sabit haliyle görünür.
   ========================================================================== */

/* Başlıklar satırlara bölünse de korunan vurgu stilleri */
.hero h1 .vurgu{color:var(--paper);font-weight:400;font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.065em}
.studio h2 .vurgu{color:var(--blue)}
.contact h2 .ok{display:inline-block;margin-left:8vw;font-weight:400}

/* Açılış animasyonu başlayana kadar gizli (en fazla 3 sn) */
.hareket .hero-kicker,.hareket .hero h1,.hareket .hero-bottom,.hareket .hero-kamera,.hareket .hero-caption{visibility:hidden}
.hero-kicker::before{transform:scaleX(var(--cizgi,1));transform-origin:left center}

/* Satır maskeleri: ğ, ç, j gibi harflerin alt/üst uzantıları kırpılmasın */
.satir-mask{padding:.1em .08em .18em;margin:-.1em -.08em -.18em}

/* --- Mikro etkileşim: düğmelerde kadraj köşeleri ---------------------------- */
.hero-cta,.contact .button{position:relative}
.hero-cta::after,.contact .button::after{content:"";position:absolute;inset:-14px;pointer-events:none;opacity:0;--k:#fff;
  background:
    linear-gradient(var(--k),var(--k)) left top/12px 1.5px no-repeat,linear-gradient(var(--k),var(--k)) left top/1.5px 12px no-repeat,
    linear-gradient(var(--k),var(--k)) right top/12px 1.5px no-repeat,linear-gradient(var(--k),var(--k)) right top/1.5px 12px no-repeat,
    linear-gradient(var(--k),var(--k)) left bottom/12px 1.5px no-repeat,linear-gradient(var(--k),var(--k)) left bottom/1.5px 12px no-repeat,
    linear-gradient(var(--k),var(--k)) right bottom/12px 1.5px no-repeat,linear-gradient(var(--k),var(--k)) right bottom/1.5px 12px no-repeat;
  transition:opacity .3s ease,inset .45s cubic-bezier(.2,.8,.2,1)}
.hero-cta:focus-visible::after,.contact .button:focus-visible::after{opacity:1;inset:-7px}
@media(hover:hover){.hero-cta:hover::after,.contact .button:hover::after{opacity:1;inset:-7px}}

/* --- Formatlar: dikeyden sinemaya ------------------------------------------ */
.formatlar{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.formatlar-ic{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:90px 7%}
.hareket .formatlar-ic{min-height:100svh;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6%;padding:110px 7% 90px}
.formatlar .eyebrow{color:#d3d9ff}
.formatlar h2{margin:18px 0 34px;font-size:clamp(38px,4.2vw,64px)}
.formatlar h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.formatlar-liste{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.24)}
.formatlar-liste li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.24)}
.f-ikon{height:26px;aspect-ratio:var(--r);border:1.5px solid currentColor;border-radius:2px}
.f-ad{font-size:clamp(28px,3.1vw,46px);font-weight:600;letter-spacing:-.03em;line-height:1.1}
.f-oran{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(17px,1.4vw,21px);color:rgba(255,255,255,.88)}
.f-not{grid-column:2/-1;margin-top:2px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82)}
.format-sahne{display:none}
.hareket .format-sahne{display:grid;place-items:center;height:min(64vh,600px)}
.format-kutu{--r:.5625;position:relative;aspect-ratio:var(--r);width:min(100%,calc(min(64vh,600px) * var(--r)));border:1.5px solid rgba(255,255,255,.92);border-radius:3px}
.fk-kose{position:absolute;width:18px;height:18px;border:2px solid #fff}
.fk-sol-ust{top:9px;left:9px;border-right:0;border-bottom:0}
.fk-sag-ust{top:9px;right:9px;border-left:0;border-bottom:0}
.fk-sol-alt{bottom:9px;left:9px;border-right:0;border-top:0}
.fk-sag-alt{bottom:9px;right:9px;border-left:0;border-top:0}
.fk-izgara{position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.26) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),rgba(255,255,255,.26) 0 calc(66.66% + .5px),transparent 0),
    linear-gradient(180deg,transparent calc(33.33% - .5px),rgba(255,255,255,.26) 0 calc(33.33% + .5px),transparent 0 calc(66.66% - .5px),rgba(255,255,255,.26) 0 calc(66.66% + .5px),transparent 0)}
.fk-arti{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);opacity:.75;
  background:linear-gradient(#fff,#fff) center/1.5px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 1.5px no-repeat}
.fk-bilgi{position:absolute;left:36px;top:12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;white-space:nowrap}
.fk-bilgi b{font-weight:600}
.fk-rec{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 10px rgba(255,59,48,.8)}
.fk-oran{position:absolute;right:36px;bottom:14px;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(22px,2.4vw,36px);line-height:1}

/* --- Süreç: kurgu zaman çizelgesi ------------------------------------------ */
.kurgu{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 46px 46px;column-gap:10px;row-gap:6px;margin-top:40px;font-size:12px;font-weight:600;letter-spacing:.06em;user-select:none}
.kurgu-etiket{align-self:center;color:#8a8d95}
.kurgu-cetvel{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #c9c9c4;color:#8a8d95;font-variant-numeric:tabular-nums}
.kurgu-hat{position:relative;height:46px;border-radius:4px;background:#e6e5df}
.kurgu-klip{position:absolute;top:4px;bottom:4px;left:calc(var(--bas) * 1%);width:calc((var(--son) - var(--bas)) * 1% - 3px);display:flex;align-items:center;padding:0 10px;overflow:hidden;border:1px solid rgba(57,82,207,.45);border-radius:3px;background:#dfe3f6;color:var(--blue);line-height:1.15;transition:background .3s,color .3s}
.kurgu-klip span{position:relative}
.kurgu-klip i{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);transform:scaleX(var(--dolu,0));transform-origin:left}
.kurgu-klip.is-aktif{background:var(--blue);color:#fff}
.kurgu-klip.is-aktif i{background:#fff}
.kurgu-dalga{position:absolute;inset:7px 0;background:repeating-linear-gradient(90deg,rgba(57,82,207,.35) 0 2px,transparent 2px 5px);border-radius:2px}
.kurgu-dalga svg{display:block;width:100%;height:100%}
.kurgu-alan{position:absolute;top:0;bottom:0;left:44px;right:0;pointer-events:none} /* ızgaranın dışında: oynatma kafası katmanı */
.kurgu-kafa{display:none}
.hareket .kurgu-kafa{display:block;position:absolute;top:-4px;bottom:-4px;left:calc(var(--p,0) * 100%);width:2px;margin-left:-1px;background:#ff3b30}
.kurgu-kafa::before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#ff3b30}
.kurgu-tc{position:absolute;bottom:100%;left:0;margin-bottom:8px;transform:translateX(calc(var(--p,0) * -100%));padding:3px 7px;border-radius:3px;background:#ff3b30;color:#fff;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hareket .steps article{transition:opacity .4s ease}
.hareket .steps.kurgu-oynuyor article:not(.is-aktif){opacity:.42}

/* --- Sahne zaman kodu (geniş ekran) ---------------------------------------- */
.sahne-hud{position:fixed;left:24px;bottom:22px;z-index:20;display:none;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(13,15,17,.84);color:#e9e9ee;font-size:12px;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.hareket .sahne-hud{display:flex}
.sahne-hud.is-gorunur{opacity:1;transform:none}
.sh-nokta{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .25s,box-shadow .25s}
.sahne-hud.is-kayit .sh-nokta{background:#ff3b30;box-shadow:0 0 10px rgba(255,59,48,.8)}
.sh-tc{color:#a3a8b3}
@media(max-width:899px){.hareket .sahne-hud{display:none}}

/* --- Duvar: üzerine gelinen kart öne çıkar (GSAP modunda) ------------------- */
@media(hover:hover){
  .people-wall.duvar-gsap .wall-tile{transition:opacity .35s ease}
  .people-wall.duvar-gsap .wall-viewport:hover .wall-tile{opacity:.42}
  .people-wall.duvar-gsap .wall-viewport .wall-tile:hover{opacity:1}
}

/* --- Telefon ---------------------------------------------------------------- */
@media(max-width:760px){
  .formatlar-ic{padding:64px 6%}
  .hareket .formatlar-ic{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;padding:84px 6% 34px}
  .formatlar h2{font-size:34px;margin:12px 0 18px}
  .formatlar-liste li{grid-template-columns:48px minmax(0,1fr) auto;padding:9px 0}
  .f-ikon{height:20px}
  .f-ad{font-size:24px}
  .hareket .f-not{display:none}
  .hareket .format-sahne{height:38svh}
  .format-kutu{width:min(100%,calc(38svh * var(--r)))}
  .kurgu{grid-template-columns:24px minmax(0,1fr);column-gap:8px}
  .kurgu-alan{left:32px}
  .kurgu-klip{padding:0 6px;white-space:normal}
  .fk-kelime{display:none}
}

/* ==========================================================================
   v6 — JENERİK (footer) · 6 Ekim 2026
   Sitenin son sahnesi: film jeneriği gibi künye + Aksaray'da gün batımı çekimi
   (Hasan Dağı, batan güneş, ova ve çekim ekibi). Manzara: assets/jenerik/*.svg
   ========================================================================== */
footer.jenerik{display:block;position:relative;overflow:hidden;padding:0;background:var(--blue);color:var(--paper);font-size:15px}
.jenerik-ust{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.3fr) minmax(0,.85fr);gap:48px 6%;padding:84px 7% 36px;border-top:1px solid rgba(255,255,255,.28)}
.jenerik .eyebrow{display:block;color:#e3e6ff}
/* Sitenin üst menüsü için yazılmış genel "nav" stilleri (yan yana dizilim, telefonda gizleme) burada geçerli olmasın */
.jenerik nav.jenerik-sahneler{display:block;gap:0;font-size:inherit}
.jenerik nav.jenerik-sahneler a{padding:0}
.jenerik nav.jenerik-sahneler a:hover{color:#fff}
.jenerik-logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:22px;font-size:30px}
.jenerik-logo img{width:30px;height:44px}
.jenerik-logo:hover{opacity:1}
.jenerik-slogan{margin:22px 0 10px;font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.03em}
.jenerik-slogan em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.jenerik-not{max-width:340px;margin:0;font-size:15px;line-height:1.6;color:#e3e6ff}
.jenerik-liste{align-self:start;margin:0;border-top:1px solid rgba(255,255,255,.24)}
.jenerik-liste>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.24)}
.jenerik-liste dt{padding-top:4px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#e3e6ff}
.jenerik-liste dd{margin:0;font-size:17px;line-height:1.45}
.jenerik-liste a{display:inline-block;padding:11px 0;margin:-11px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.jenerik-baslik{margin:0;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#e3e6ff}
.jenerik-sahneler ol{display:grid;margin:8px 0 0;padding:0;list-style:none}
.jenerik-sahneler a{display:flex;align-items:center;gap:14px;min-height:44px;font-size:17px;transition:color .2s,transform .3s}
.jenerik-sahneler a span{width:22px;font-size:12px;letter-spacing:.08em;color:#e3e6ff;font-variant-numeric:tabular-nums}
.jenerik-sahneler a:hover{opacity:1;transform:translateX(6px)}
.jenerik-alt{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 7% 0;font-size:13px;color:#e3e6ff}
.basa-sar{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:#fff;font-weight:600;letter-spacing:.06em}
.basa-sar:hover{opacity:1;background:rgba(255,255,255,.12)}
.basa-sar:focus-visible,.jenerik a:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* Manzara katmanları: güneş, dağ, tepeler, ova (görsel) + çekim ekibi ve kadraj (gömülü SVG).
   Hepsi aynı 1600×560 çizim alanını paylaşır. Gökyüzünün üstteki 80 birimi gösterilmez (kutu 1600×480; çizim alttan hizalı),
   böylece künye ile manzara arasında fazla boşluk kalmaz. Masaüstünde genişlik tam sığar; tablet ve telefonda yanlardan
   kırpılır ki ekip büyük kalsın. */
.manzara{position:relative;aspect-ratio:1600/480;margin-top:0;pointer-events:none;overflow:hidden}
.manzara img,.mz-ekip{position:absolute;left:0;bottom:0;width:100%;height:auto;aspect-ratio:1600/560}
.mz-tally{animation:kamera-rec 1s steps(1) infinite}
/* REC etiketi: kadrajın sol üst köşesinin (çizimde x 770, y 100) hemen solunda, sağa yaslı iki satır */
.mz-etiket{position:absolute;right:calc(100% - 48.125% + 14px);top:4.17%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 8px;max-width:40%;font-size:12px;font-weight:600;letter-spacing:.14em;color:#fff;text-align:right}
.mz-rec{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 10px rgba(255,59,48,.8);animation:kamera-rec 1s steps(1) infinite}
.mz-tc{font-weight:600;font-variant-numeric:tabular-nums}
.mz-yer{flex-basis:100%;color:#e3e6ff}
/* Sahne zaman kodu geri sarılırken (yukarı kaydırma) kayıt noktası yerine ◀◀ */
.sahne-hud.is-kayit.is-geri .sh-nokta{width:auto;height:auto;background:none;box-shadow:none}
.sahne-hud.is-kayit.is-geri .sh-nokta::after{content:"◀◀";color:#ff3b30;font-size:10px;letter-spacing:-1px}
@media(max-width:1100px){
  .jenerik-ust{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .jenerik-marka{grid-column:1/-1}
  /* Sabit yükseklikli manzara: --mz-h yükseklik, --mz-g çizimin genişliği, --mz-k çizimin ekran ortasına gelen noktası
     (genişliğe oranla). REC etiketi kadrajın sol üst köşesine (çizimde x 770, y 100) hizalanır. */
  .manzara{--mz-h:360px;--mz-k:.5;--mz-g:calc(var(--mz-h) * 1600 / 480);aspect-ratio:auto;height:var(--mz-h)}
  .manzara img,.mz-ekip{inset:auto;bottom:0;height:calc(var(--mz-h) * 560 / 480);width:var(--mz-g);left:calc(50% - var(--mz-g) * var(--mz-k))}
  .mz-etiket{right:calc(50% - (.48125 - var(--mz-k)) * var(--mz-g) + 14px);top:calc(var(--mz-h) * 20 / 480)}
}
@media(max-width:760px){
  .jenerik-ust{grid-template-columns:minmax(0,1fr);gap:36px;padding:64px 6% 28px}
  .jenerik-liste>div{grid-template-columns:96px minmax(0,1fr);gap:12px}
  .jenerik-liste dd{font-size:16px}
  .jenerik-alt{padding:14px 6% 0}
  /* Telefonda daha alçak manzara; ekip ve zirve ortada kalacak biçimde kaydırılır. Kadraj telefonda gizlenir. */
  .manzara{--mz-h:280px;--mz-k:.465;margin-top:8px}
  .mz-kadraj{display:none}
  .mz-etiket{right:auto;left:6%;top:12px;justify-content:flex-start;text-align:left;max-width:none}
  .jenerik nav.jenerik-sahneler{display:block}
}
@media(prefers-reduced-motion:reduce){
  .mz-rec,.mz-tally{animation:none}
  .jenerik-sahneler a{transition:none}
}

/* ==========================================================================
   v7 — 7 Ekim 2026
   Açılış vizör mozaiği · Hikayeler (gerçek portreler, eğik duvar, marka şeridi) ·
   kodla çizilen "Fikirden ekrana" sahnesi · birleşik "Neler yapıyoruz" bölümü
   (tanıtım videosu, hizmetler, kimlerle, stüdyo, süreç) · Instagram bölümü.
   ========================================================================== */

/* --- Açılış: vizör mozaiği (vizor.js) ---------------------------------------
   Taban katman loş; "net" katman yalnız vizörün içinde görünür (clip-path). İki katmandaki
   ızgara aynı ölçü ve aynı hareketle kayar, böylece vizörün içi ve dışı tam örtüşür.
   22 Ekim 2026: ızgara eğik (−7°) ve eğim yönünde sağa yukarı sürekli akar (ileri geri gidip durmaz). Ölçüler vizor.js →
   kur() ile verilir: sağ kenardaki (--hm-koken, --hm-ust) noktası çevresinde döner; bir liste boyu (--hm-p) kayınca başa döner,
   içerik n hücrede bir tekrar ettiği için dikiş görünmez. Döndürme açısı vizor.js'teki EGIM ile aynı olmalı. */
.hero-mozaik{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity 1.4s ease}
.hero-mozaik.is-hazir{opacity:1}
.hero-media.is-playing .hero-mozaik{opacity:0}
.hm-katman{position:absolute;inset:0;overflow:hidden}
.hm-izgara{position:absolute;left:var(--hm-sol,0);top:var(--hm-ust,0);display:grid;grid-template-columns:repeat(var(--hm-sutun,7),var(--hm-w,200px));grid-auto-rows:var(--hm-h,250px);gap:10px;transform-origin:var(--hm-koken,0) 0;transform:rotate(-7deg);animation:hm-akis var(--hm-sure,120s) linear infinite}
.hero-mozaik.is-durgun .hm-izgara{animation-play-state:paused}
/* Hücreler vizor.js'te tam 4:5 ölçülür (genişlik = yükseklik × 0,8); görsel hücreyi doldurur. Odak çerçevesi bir hücre boyundadır. */
.hm-izgara img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:4px;-webkit-user-select:none;user-select:none}
.hm-taban img{filter:grayscale(.6) brightness(.3) contrast(1.05)}
.hm-net{display:none}
.vizor-acik .hm-net{display:block;clip-path:inset(calc(var(--vy) - var(--vh) / 2) calc(100% - var(--vx) - var(--vw) / 2) calc(100% - var(--vy) - var(--vh) / 2) calc(var(--vx) - var(--vw) / 2) round 3px)}
.hm-net img{filter:brightness(.95) saturate(1.06)}
@keyframes hm-akis{from{transform:rotate(-7deg) translateX(calc(-1 * var(--hm-p,0px)))}to{transform:rotate(-7deg) translateX(0)}}
.hero.has-vizor h1{text-shadow:0 2px 30px rgba(5,7,9,.45)}
/* Vizör çerçevesi: hareket ederken köşeler açılır (odak aranıyor), durunca kilitlenir */
.hero.has-vizor>.hero-vizor{position:absolute;z-index:1;display:none;left:var(--vx);top:var(--vy);width:var(--vw);height:var(--vh);transform:translate(-50%,-50%);pointer-events:none}
.hero.has-vizor.vizor-acik>.hero-vizor{display:block}
.hero[data-video=playing]>.hero-vizor{display:none!important}
.hv-kose{position:absolute;width:22px;height:22px;border:2px solid #fff;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hv-1{left:0;top:0;border-right:0;border-bottom:0;transform:translate(-9px,-9px)}
.hv-2{right:0;top:0;border-left:0;border-bottom:0;transform:translate(9px,-9px)}
.hv-3{left:0;bottom:0;border-right:0;border-top:0;transform:translate(-9px,9px)}
.hv-4{right:0;bottom:0;border-left:0;border-top:0;transform:translate(9px,9px)}
.hero-vizor.is-kilit .hv-kose{transform:none}
.hv-arti{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.75;background:linear-gradient(#fff,#fff) center/1.5px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 1.5px no-repeat}
.hv-bilgi{position:absolute;left:0;bottom:100%;margin-bottom:14px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1;color:#fff;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.hv-bilgi i{flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid #fff;transition:background .2s,border-color .2s}
.hero-vizor.is-kilit .hv-bilgi i{background:#3ddc6e;border-color:#3ddc6e;box-shadow:0 0 10px rgba(61,220,110,.7)}

/* --- Hikayeler: eğik portre duvarı, "Bu koltuk sizin" çağrısı, marka şeridi --- */
.people-wall{row-gap:0}
.wall-sahne{min-width:0}
/* Duvar düz durur (22 Ekim 2026). Önceden hafif bir 3B açıyla duruyordu (perspective, rotateY −12°, rotateX 4°, rotateZ −1,5°);
   bu açı bazı kartları ekranda %10'a kadar basık gösterdiği için kaldırıldı (kullanıcı: "fotoğraflar basık duruyor"). */
@media(min-width:901px){
  .wall-viewport{height:700px}
}
@media(prefers-reduced-motion:no-preference){
  .people-wall:not(.duvar-acildi) .wall-tile{opacity:0}
  .people-wall.duvar-acildi .wall-tile{animation:duvar-giris 1.1s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 75ms)}
}
@keyframes duvar-giris{from{opacity:0;transform:scale(.84);filter:blur(12px) brightness(1.8)}to{opacity:1;transform:none;filter:none}}
/* Üzerine gelinen portrede vizör köşeleri ve kayıt noktası */
.wall-tile--portrait::after{content:"";position:absolute;inset:6px;opacity:0;pointer-events:none;--k:#fff;
  background:
    linear-gradient(var(--k),var(--k)) left top/16px 2px no-repeat,linear-gradient(var(--k),var(--k)) left top/2px 16px no-repeat,
    linear-gradient(var(--k),var(--k)) right top/16px 2px no-repeat,linear-gradient(var(--k),var(--k)) right top/2px 16px no-repeat,
    linear-gradient(var(--k),var(--k)) left bottom/16px 2px no-repeat,linear-gradient(var(--k),var(--k)) left bottom/2px 16px no-repeat,
    linear-gradient(var(--k),var(--k)) right bottom/16px 2px no-repeat,linear-gradient(var(--k),var(--k)) right bottom/2px 16px no-repeat;
  transition:opacity .3s ease,inset .45s cubic-bezier(.2,.8,.2,1)}
.wall-tile--portrait::before{content:"● REC";position:absolute;z-index:1;left:18px;top:16px;font-size:12px;font-weight:600;letter-spacing:.14em;color:#fff;opacity:0;text-shadow:0 1px 6px rgba(0,0,0,.6);transition:opacity .3s}
@media(hover:hover){
  .wall-tile--portrait:hover::after{opacity:1;inset:12px}
  .wall-tile--portrait:hover::before{opacity:1;color:#ff5a50}
}
.cta-koltuk{display:inline-grid;grid-template-columns:auto auto;align-items:end;justify-content:start;column-gap:16px;margin-top:34px;padding:20px 24px 18px;border:1px solid rgba(142,160,255,.45);border-radius:8px;background:rgba(57,82,207,.16);color:#fff;transition:background .3s,border-color .3s}
.cta-koltuk:hover{opacity:1;background:var(--blue);border-color:var(--blue)}
.cta-koltuk:focus-visible{outline:3px solid #8ea0ff;outline-offset:4px}
.ck-ust{grid-column:1/-1;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#c3ccff}
.ck-alt{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(38px,3.6vw,54px);line-height:1.05;letter-spacing:-.03em}
.ck-ok{display:inline-block;font-family:inherit;font-style:normal;font-size:.6em;transition:transform .3s}
.cta-koltuk:hover .ck-ok{transform:translate(4px,-4px)}
.ck-not{grid-column:1/-1;margin-top:10px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.people-wall .wall-toggle{margin-top:22px}
.markalar{grid-column:1/-1;display:grid;gap:20px;margin-top:64px}
.markalar .eyebrow{color:#9dacf1;font-size:12px}
.markalar-akis{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.markalar-liste{display:flex;flex:none;gap:16px;margin:0;padding:0 16px 0 0;list-style:none}
.markalar-akis.is-kayiyor .markalar-liste{animation:serit 30s linear infinite}
.markalar-akis:hover .markalar-liste{animation-play-state:paused}
.markalar-liste li{display:grid;place-items:center;width:210px;height:112px;padding:14px 22px;border-radius:10px;background:#f2f1eb}
.markalar-liste li.is-beyaz{background:#1c1f27;border:1px solid rgba(255,255,255,.1)}
.markalar-liste img{display:block;width:auto;height:auto;max-width:100%;max-height:76px;object-fit:contain}
@keyframes serit{to{transform:translateX(-100%)}}

/* --- Fikirden ekrana: kodla çizilen sahne (kagit.js) ------------------------ */
.idea-stage[data-stage=kagit]{display:grid;place-items:center;isolation:auto}
.kagit-svg{display:block;width:100%;height:100%;overflow:visible;font-family:inherit}

/* --- Neler yapıyoruz (birleşik bölüm) --------------------------------------- */
.uretim{position:relative;padding:110px 7% 100px;background:var(--paper);color:var(--ink)}
.uretim .eyebrow{color:var(--blue)}
.uretim-ust h2{margin:20px 0 0;font-size:clamp(48px,6.6vw,108px);line-height:.95;letter-spacing:-.05em;font-weight:600}
.uretim-ust h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);letter-spacing:-.04em}
.uretim-govde{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr);gap:6%;align-items:start;margin-top:64px}
.uretim-video{position:sticky;top:96px;margin:0}
.uv-telefon{position:relative;width:min(100%,330px);aspect-ratio:9/16;padding:9px;border-radius:36px;background:#0d0f11;box-shadow:0 40px 80px -34px rgba(13,15,17,.6),0 0 0 1px #2a2e37 inset}
.uv-video{display:block;width:100%;height:100%;object-fit:cover;border-radius:28px;background:#0d0f11}
.uv-dugme{position:absolute;right:22px;bottom:22px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(13,15,17,.72);color:#fff;font:inherit;font-size:12px;cursor:pointer}
.uv-dugme:hover{border-color:#fff}
.uv-dugme:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.uretim-video.is-hata .uv-telefon{display:none}
.uretim-video figcaption{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#4c5059}
.uv-rec{flex:none;width:8px;height:8px;border-radius:50%;background:#b5b6b0}
.is-oynuyor .uv-rec{background:#ff3b30;box-shadow:0 0 8px rgba(255,59,48,.7);animation:kamera-rec 1s steps(1) infinite}
.u-modlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.u-mod{position:relative;display:flex;flex-direction:column;min-height:410px;padding:30px;border-radius:16px;background:var(--blue);color:#fff;overflow:hidden;isolation:isolate}
.u-mod--proje{background:#0d0f11}
/* Kartın köşesinde formatın kadrajı: düzenli içerik için dikey (9:16), proje için sinema (2.39:1) */
.u-mod::before{content:"";position:absolute;z-index:-1;right:30px;top:-22px;width:84px;aspect-ratio:9/16;border:1.5px solid rgba(255,255,255,.5);border-radius:6px;transform:rotate(9deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.u-mod--proje::before{width:190px;aspect-ratio:2.39;top:30px;right:-24px;transform:rotate(-7deg)}
.u-mod::after{content:"";position:absolute;z-index:-1;right:62px;top:40px;width:10px;height:10px;border-radius:50%;background:#ff3b30;box-shadow:0 0 12px rgba(255,59,48,.8)}
.u-mod--proje::after{right:auto;left:auto;right:150px;top:56px}
@media(hover:hover){.u-mod:hover::before{transform:rotate(0) scale(1.08)}}
.u-no{font-size:13px;font-weight:600;letter-spacing:.16em;opacity:.85}
.u-mod h3{margin:auto 0 12px;font-size:clamp(34px,3.2vw,50px);line-height:.98;letter-spacing:-.035em;font-weight:600}
.u-mod p{max-width:30ch;margin:0 0 20px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}
.u-etiketler{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.u-etiketler li{padding:8px 13px;border:1px solid rgba(255,255,255,.4);border-radius:999px;font-size:13px;font-weight:600;line-height:1.2}
.u-blok{margin-top:60px}
.u-baslik{margin:0 0 22px;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.08;letter-spacing:-.03em}
.u-baslik em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue)}
.u-kimler .u-baslik{text-wrap:balance} /* dar ekranda "Uzmanlığınız sizde." / "İçerik üretimi bizde." diye iki dengeli satıra bölünür */
.u-kayan{display:flex;overflow:hidden;border-top:1px solid #d3d2cb;border-bottom:1px solid #d3d2cb;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.u-kayan-liste{display:flex;flex:none;margin:0;padding:0;list-style:none}
.u-kayan.is-kayiyor .u-kayan-liste{animation:serit 26s linear infinite}
.u-kayan-liste li{display:flex;align-items:center;gap:26px;padding:18px 26px 18px 0;font-size:clamp(28px,3.2vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.1;white-space:nowrap}
.u-kayan-liste li::after{content:"✳";font-size:.55em;font-weight:400;color:var(--blue)}
.u-dekorlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 26px;padding:0;list-style:none}
.u-dekorlar li{overflow:hidden;aspect-ratio:4/5;border-radius:10px;background:#dcdbd4}
.u-dekorlar img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover){.u-dekorlar li:hover img{transform:scale(1.07)}}
.u-yerler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.u-yerler li{padding-top:14px;border-top:2px solid var(--ink)}
.u-yerler b{display:block;font-size:21px;letter-spacing:-.02em}
.u-yerler span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#4c5059}
.u-surec{margin-top:100px;padding-top:56px;border-top:1px solid #d3d2cb}
.u-surec .kurgu{margin-top:48px}
.u-surec .steps{margin-top:30px}
.u-surec .steps p{font-size:15px}
.u-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin-top:70px;padding:28px 32px;border-radius:16px;background:#e6e5de}
.u-not{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:#3c4049}
.u-not b{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.16em;color:var(--blue)}
.u-cta{position:relative;display:inline-flex;align-items:center;gap:24px;min-height:54px;padding:0 26px;background:var(--blue);color:#fff;font-size:16px;font-weight:600}
.u-cta:hover{opacity:1;background:#4760e0}
.u-cta:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

/* --- Instagram (instagram.js; liste boşken gizli) ---------------------------- */
.instagram{background:#101216;color:var(--paper)}
.instagram .eyebrow{color:#9dacf1}
.ig-ust{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 40px}
.ig-ust h2{margin:16px 0 0;font-size:clamp(40px,4.6vw,72px)}
.ig-ust h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#bbc6ff}
.ig-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:40px;align-items:start}
.ig-gonderi .instagram-media{min-width:0!important;width:100%!important;margin:0!important}
.ig-gonderi blockquote a{color:#fff}

/* --- Tablet ve telefon -------------------------------------------------------- */
@media(max-width:1100px){
  .uretim-govde{grid-template-columns:minmax(0,1fr);gap:48px}
  .uretim-video{position:relative;top:auto;display:grid;justify-items:center}
  .uv-telefon{width:min(72%,320px)}
}
@media(max-width:900px){
  .wall-viewport{height:560px}
  .markalar{margin-top:44px}
}
@media(max-width:760px){
  .uretim{padding:76px 6% 72px}
  .uretim-govde{margin-top:40px}
  .u-modlar{grid-template-columns:minmax(0,1fr)}
  .u-mod{min-height:300px;padding:24px}
  .u-mod::before{width:54px;top:-26px;right:20px}
  .u-mod::after{right:40px;top:22px}
  .u-mod--proje::before{width:150px;top:-16px;right:-30px}
  .u-mod--proje::after{right:90px;top:20px}
  .u-blok{margin-top:48px}
  .u-dekorlar{gap:6px}
  .u-dekorlar li{border-radius:6px}
  .u-yerler{grid-template-columns:minmax(0,1fr);gap:14px}
  .u-surec{margin-top:64px;padding-top:40px}
  .u-alt{padding:22px;margin-top:48px}
  .u-cta{width:100%;justify-content:space-between}
  .cta-koltuk{margin-top:26px;padding:16px 20px 14px}
  .markalar-liste li{width:170px;height:96px;padding:12px 18px}
  .markalar-liste img{max-height:64px}
  .hv-bilgi{font-size:12px;letter-spacing:.12em}
}

/* --- Azaltılmış hareket ------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .hm-izgara{animation:none}
  .hero-mozaik{transition:none}
  .markalar-akis,.u-kayan{-webkit-mask-image:none;mask-image:none}
  .markalar-akis.is-kayiyor .markalar-liste,.u-kayan.is-kayiyor .u-kayan-liste{animation:none;flex-wrap:wrap;flex:1 1 auto}
  .markalar-liste[aria-hidden],.u-kayan-liste[aria-hidden]{display:none}
  .u-kayan-liste li{white-space:normal}
  .wall-sahne{transform:none}
  .is-oynuyor .uv-rec{animation:none}
}

/* ==========================================================================
   v7.1 — 8 Ekim 2026 · Formatlar çerçevesinin içi (hareket.js → formatlar)
   Çerçevede stüdyodan gerçek kareler; görüntü çerçeveyle birlikte yeniden kadrajlanır (object-fit: cover, yüz hizası korunur).
   ========================================================================== */
.fk-medya{position:absolute;inset:0;overflow:hidden;border-radius:2px;background:#0d0f11}
.fk-gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;transform-origin:50% 36%}
.fk-medya::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,9,.62),rgba(5,7,9,0) 26%,rgba(5,7,9,0) 58%,rgba(5,7,9,.66))}
.fk-perde{position:absolute;inset:0;z-index:1;background:#05070a;opacity:0}
.fk-ui{position:absolute;inset:0;pointer-events:none;color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em}
.format-kutu .fk-izgara{opacity:.7}
/* Reels: sağda simgeler, altta hesap adı ve ilerleme çubuğu */
.fk-ikonlar{position:absolute;right:12px;bottom:58px;width:20px;height:auto;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fk-hesap{position:absolute;left:14px;bottom:30px;display:flex;align-items:center;gap:8px;letter-spacing:.02em}
.fk-hesap i{width:18px;height:18px;border-radius:50%}
.fk-cubuk{position:absolute;left:14px;right:14px;bottom:16px;height:2px;background:rgba(255,255,255,.35)}
.fk-cubuk b{position:absolute;inset:0 62% 0 0;background:#fff}
/* Podcast: sol altta etiket ve ses dalgası */
.fk-etiket{position:absolute;left:14px;bottom:46px;display:flex;align-items:center;gap:7px;letter-spacing:.16em}
.fk-etiket i{width:7px;height:7px;border-radius:50%;background:#ff3b30;box-shadow:0 0 8px rgba(255,59,48,.8)}
.fk-dalga{position:absolute;left:14px;bottom:16px;display:flex;align-items:center;gap:3px;height:22px}
.fk-dalga b{width:3px;height:100%;border-radius:2px;background:#fff;transform:scaleY(.3);animation:fk-dalga 1.1s ease-in-out infinite alternate}
.fk-dalga b:nth-child(3n){animation-delay:-.3s}.fk-dalga b:nth-child(3n+1){animation-delay:-.7s}.fk-dalga b:nth-child(4n){animation-duration:.8s}
@keyframes fk-dalga{to{transform:scaleY(1)}}
/* YouTube: altta kırmızı ilerleme çubuğu ve oynatma düğmeleri */
.fk-yt{position:absolute;left:14px;right:14px;bottom:36px;height:3px;background:rgba(255,255,255,.3)}
.fk-yt b{position:absolute;inset:0 58% 0 0;background:#ff2d2d}
.fk-yt i{position:absolute;left:42%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#ff2d2d}
.fk-yt-dugmeler svg{position:absolute;left:14px;bottom:12px;width:40px;height:14px;fill:#fff;stroke:#fff;stroke-width:1.2;stroke-linejoin:round}
.fk-yt-dugmeler svg path:last-child{fill:none}
/* Tanıtım filmi: sinema altyazısı */
.fk-altyazi{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(14px,1.3vw,19px);letter-spacing:.01em;text-shadow:0 1px 6px rgba(0,0,0,.8)}
/* Bilgi ve oran yazıları görüntünün üstünde okunaklı kalsın */
.fk-bilgi,.fk-oran{z-index:2;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.fk-oran{bottom:auto;top:12px;right:16px;font-size:clamp(18px,1.8vw,28px)}
.fk-kose,.fk-izgara,.fk-arti{z-index:2}
@media(prefers-reduced-motion:reduce){.fk-dalga b{animation:none;transform:scaleY(.6)}}
.fk-hesap i{position:relative;background:var(--blue)}
.fk-hesap i::after{content:"";position:absolute;inset:3px 5px;background:#fff;-webkit-mask:url(assets/mark.svg) center/contain no-repeat;mask:url(assets/mark.svg) center/contain no-repeat}
/* Fikirden ekrana: animasyon daha uzun kaydırmaya yayıldı (masaüstünde ≈3,4, telefonda ≈3 ekran), her aşama okunabilsin */
@media(prefers-reduced-motion:no-preference){
  .motion-section{height:440svh}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  .motion-section{height:400svh}
}

/* --- Instagram akışı (instagram.js; gönderiler sitenin kendi sunucusundan) -------------------- */
.ig-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ig-kart{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border-radius:10px;background:#1a1d24;color:#fff}
.ig-kart img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ig-tur{position:absolute;top:10px;right:12px;font-size:16px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.ig-aciklama{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 12px;background:linear-gradient(rgba(6,8,10,0),rgba(6,8,10,.86));font-size:13px;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
@media(hover:hover){.ig-kart:hover img{transform:scale(1.05)}.ig-kart:hover .ig-aciklama{opacity:1;transform:none}}
.ig-kart:focus-visible{outline:3px solid #8ea0ff;outline-offset:3px}
@media(max-width:900px){.ig-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ig-kart:nth-child(n+7){display:none}}
@media(prefers-reduced-motion:reduce){.ig-kart img,.ig-aciklama{transition:none}}
.ig-ust{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.ig-ust .eyebrow{grid-column:1/-1}

/* --- v8.2 İletişim (8 Ekim 2026): ulaşım yolları + "Sizi arayalım" formu (KVKK metni 9 Ekim'den beri gizlilik.html'de) ---
   Telefon, e-posta ve adres panelden girilir; boş olan satır gizlenir (:empty — işaret yorumları boşluk sayılır).
   Form kartı bir klaketi andırır (üstte siyah-beyaz şerit). Formun işleyişi: iletisim.js + iletisim-gonder.php */
.contact-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,96px);align-items:start}
.ik-sol p{margin:0 0 28px;max-width:30em}
.ik-liste{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff4d}
.ik-satir{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid #ffffff4d}
.ik-satir:has(.ik-deger:empty){display:none}
.ik-ad{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6}
.ik-deger{font-size:clamp(20px,2.1vw,28px);line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.ik-deger a{padding:8px 0;color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 calc(100% - 6px)/0 1px no-repeat;transition:background-size .3s ease}
.ik-deger a:hover,.ik-deger a:focus-visible{background-size:100% 1px}
.ik-deger a:focus-visible{outline:2px solid #fff;outline-offset:4px}

.ik-form{position:relative;background:var(--paper);color:var(--ink);border-radius:10px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(0,0,0,.6)}
.ik-klaket{display:flex;justify-content:space-between;align-items:center;gap:12px;height:34px;padding:0 16px;background:repeating-linear-gradient(-55deg,var(--ink) 0 16px,#f2f1eb 16px 32px);border-bottom:3px solid var(--ink)}
.ik-klaket span{background:var(--ink);color:#f2f1eb;font-size:11px;font-weight:700;letter-spacing:.16em;padding:3px 8px;border-radius:3px}
.ik-form-ust{padding:24px 28px 6px}
.ik-form-ust h3{margin:0 0 8px;font:italic 400 clamp(32px,3.2vw,44px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.ik-form-ust p{margin:0;font-size:15px;line-height:1.55;color:#3d4046}
.ik-alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 28px 4px}
.ik-genis{grid-column:1/-1}
.ik-alan{display:grid;gap:6px;font-size:13px;font-weight:700;letter-spacing:.02em}
.ik-alan small,.ik-secim small{font-weight:400;color:#5d6066;letter-spacing:0}
.ik-alan input,.ik-alan select,.ik-alan textarea{width:100%;min-height:48px;padding:11px 12px;border:1px solid #c4c2ba;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:400;letter-spacing:0}
.ik-alan textarea{min-height:92px;resize:vertical;line-height:1.45}
.ik-alan input:focus-visible,.ik-alan select:focus-visible,.ik-alan textarea:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.ik-alan input:user-invalid{border-color:#b3261e}
.ik-secim{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:8px}
.ik-secim legend{width:100%;margin:0 0 8px;padding:0;font-size:13px;font-weight:700;letter-spacing:.02em}
.ik-secim label{position:relative;display:inline-flex}
.ik-secim input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ik-secim span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #c4c2ba;border-radius:999px;background:#fff;font-size:14px;transition:background .2s,color .2s,border-color .2s}
.ik-secim input:checked+span{background:var(--ink);border-color:var(--ink);color:#f2f1eb}
.ik-secim input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.ik-tuzak{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.ik-gonder{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 28px 26px}
.ik-dugme{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border:0;border-radius:6px;background:var(--blue);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}
.ik-dugme:hover{background:#2b40ad}
.ik-dugme:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ik-dugme[disabled]{opacity:.65;cursor:progress}
.ik-gonder .ik-kvkk{flex:1 1 200px;margin:0;font-size:13px;line-height:1.5;color:#5d6066}
.ik-gonder .ik-kvkk a{display:inline-block;padding:12px 0;margin:-12px 0;color:var(--blue);font-weight:700}
.ik-form .ik-durum{margin:-12px 28px 22px;font-size:14px;font-weight:700}
.ik-form .ik-durum:empty{display:none}
.ik-form .ik-durum.hata{color:#b3261e}
.ik-tamam{padding:8px 28px 34px;outline:none}
.ik-tamam .ik-tamam-baslik{margin:0 0 8px;font:italic 400 clamp(30px,3vw,40px)/1.05 Georgia,'Times New Roman',serif}
.ik-tamam p:last-child{margin:0;font-size:16px;line-height:1.55;color:#3d4046}
.ik-form.is-gonderildi .ik-alanlar,.ik-form.is-gonderildi .ik-gonder,.ik-form.is-gonderildi .ik-form-ust p{display:none}


/* Künyedeki (sayfa sonu) telefon ve e-posta: girilmemişse görünmez */
.j-ik{display:block}
.j-ik:empty{display:none}

@media(max-width:899px){
  .contact-bottom{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media(max-width:560px){
  .ik-alanlar{grid-template-columns:minmax(0,1fr);padding:16px 18px 4px}
  .ik-form-ust,.ik-gonder,.ik-tamam{padding-left:18px;padding-right:18px}
  .ik-form .ik-durum{margin-left:18px;margin-right:18px}
  .ik-satir{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0}
  .ik-dugme{width:100%;justify-content:center}
}

/* Yüzen WhatsApp düğmesi (iletisim.js; WhatsApp numarası panelden girilince oluşur). Açılışta, iletişim bölümünde
   ve sayfa sonunda gizlenir. Koyu yazı/simge, WhatsApp yeşili üzerinde okunaklı kalır (beyaz yeterli kontrast vermiyor). */
.wa-yuzen{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 14px;border-radius:999px;background:#25d366;color:#082414;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 12px 30px -12px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
.wa-yuzen.is-gorunur{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease}
.wa-yuzen svg{width:26px;height:26px;flex:none}
.wa-yuzen:hover{background:#1fc45c}
.wa-yuzen:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:560px){
  .wa-yuzen{width:56px;height:56px;padding:0;justify-content:center}
  .wa-yuzen span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.wa-yuzen,.wa-yuzen.is-gorunur{transition:none;transform:none}}

/* Formatlar: ekrana yapışma CSS ile (v8.4, 9 Ekim 2026). Önceden GSAP "pin" ile yapılıyordu; Chrome bunu büyük sayfa
   kayması (CLS) sayıyordu. Bölüm, ekran yüksekliği + kaydırma mesafesi kadar uzun; içi position:sticky ile ekranda kalır.
   overflow:hidden yapışmayı bozduğu için overflow:clip kullanılır (desteklemeyen eski tarayıcıda visible olur). */
.hareket .formatlar{height:360svh;overflow:visible;overflow:clip}
.hareket .formatlar-ic{position:sticky;top:0}
/* Telefonda bölüm sabitlenmez (11 Ekim 2026: sabitleme "sayfa dondu, kaymıyor" hissi veriyordu). Sayfa normal kayar;
   çerçeve bölüm ekrandayken kendiliğinden dört format arasında döner (hareket.js). */
@media(max-width:760px){
  .hareket .formatlar{height:auto}
  .hareket .formatlar-ic{position:static;min-height:0;padding:72px 6% 56px}
  /* Kısa ekranlı telefonlarda dikey çerçeve çok daralıp "01 / 04" ile "9:16" yazıları birbirine değiyordu: en az 310 px */
  .hareket .format-sahne{height:max(38svh,310px)}
  .format-kutu{width:min(100%,calc(max(38svh,310px) * var(--r)))}
}

/* Klavye kullanıcıları için "İçeriğe geç" bağlantısı: odaklanınca okunaklı (önceden beyaz zeminde açık renk yazıydı) */
.skip{color:var(--ink);font-weight:700;border-radius:6px}
.skip:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* --- v8.4 Yasal sayfa (gizlilik.html) ve özel 404 sayfası (9 Ekim 2026) ------------------------------------------- */
.sayfa-yasal,.sayfa-404{background:var(--ink);color:var(--paper)}
.yasal-ust{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px max(6%,calc((100vw - 900px)/2));border-bottom:1px solid #ffffff1f}
.yasal-ust .brand,.yasal-ust .brand:visited{color:var(--paper);text-decoration:none}
.yasal-ust .brand img,.bulunamadi-marka img{filter:none}
.yasal-geri{display:inline-block;padding:12px 0;color:#c7d0ff;font-weight:600;text-decoration:none}
.yasal-geri:hover{text-decoration:underline}
.yasal-metin{max-width:900px;margin:0 auto;padding:72px 6% 40px}
.yasal-metin .eyebrow{color:#9dacf1}
.yasal-metin h1{margin:16px 0 10px;font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.04em}
.yasal-metin h1 em,.bulunamadi h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#9dacf1;letter-spacing:-.03em}
.yasal-tarih{margin:0 0 40px;color:#a9adb6;font-size:14px}
.yasal-metin h2{margin:44px 0 12px;font-size:clamp(22px,2.4vw,28px);line-height:1.25;letter-spacing:-.01em;scroll-margin-top:24px}
.yasal-metin p,.yasal-metin li,.yasal-metin dd{font-size:17px;line-height:1.7;color:#d5d7dc}
.yasal-metin ul{padding-left:20px}
.yasal-metin li{margin-bottom:6px}
.yasal-metin a:not(.button){color:#c7d0ff;text-underline-offset:3px}
.yasal-metin b{color:#fff}
.yasal-liste{margin:18px 0 0;border-top:1px solid #ffffff1f}
.yasal-liste dt{margin:18px 0 4px;font-weight:700;color:#fff}
.yasal-liste dd{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #ffffff1f}
.yasal-son{margin-top:48px}
.yasal-alt{display:flex;justify-content:space-between;gap:16px;max-width:900px;margin:0 auto;padding:28px 6% 40px;border-top:1px solid #ffffff1f;color:#a9adb6;font-size:14px}
.yasal-alt a{display:inline-block;padding:10px 0;margin:-10px 0;color:#c7d0ff}
#kvkk:target,#sayac:target,#cerezler:target{color:#c7d0ff}

.bulunamadi{min-height:100svh;display:flex;flex-direction:column;justify-content:center;max-width:900px;margin:0 auto;padding:60px 6%}
.bulunamadi .eyebrow{color:#9dacf1}
.bulunamadi h1{margin:18px 0 16px;font-size:clamp(46px,8vw,104px);line-height:1;letter-spacing:-.045em}
.bulunamadi p{margin:0 0 32px;max-width:32em;font-size:18px;line-height:1.6;color:#d5d7dc}
.bulunamadi-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.bulunamadi-ikincil{display:inline-block;padding:12px 0;color:#c7d0ff;font-weight:600;text-decoration:none}
.bulunamadi-ikincil:hover{text-decoration:underline}
.bulunamadi-marka{display:inline-flex;align-items:center;gap:10px;margin-top:64px;color:var(--paper);text-decoration:none;font-size:18px}

/* --- v8.5 Çerez penceresi (analitik.js; yalnız Google Analytics kimliği girildiyse görünür) -------------------------
   "Reddet" ve "Kabul et" aynı büyüklükte ve aynı kolaylıkta (KVKK çerez rehberi). Pencere açıkken yüzen WhatsApp gizlenir. */
.cerez{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:60;width:min(440px,calc(100vw - 36px));padding:22px 22px 18px;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 24px 60px -18px rgba(0,0,0,.65)}
.cerez[hidden]{display:none}
.cerez .cerez-baslik{margin:0 0 8px;font:italic 400 24px/1.1 Georgia,'Times New Roman',serif}
.cerez .cerez-metin{margin:0 0 14px;font-size:14px;line-height:1.55;color:#3d4046}
.cerez .cerez-metin a{display:inline-block;padding:8px 0;margin:-8px 0;color:var(--blue);font-weight:700}
.cerez-tercihler{display:grid;gap:10px;margin:0 0 14px}
.cerez-secim{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:13px;line-height:1.45;color:#3d4046;cursor:pointer}
.cerez-secim input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.cerez-secim b{display:block;color:var(--ink);font-size:14px}
.cerez-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cerez-dugme{flex:1 1 120px;min-height:46px;padding:0 16px;border:0;border-radius:6px;background:var(--ink);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.cerez-dugme.kabul,.cerez-dugme.kaydet{background:var(--blue)}
.cerez-dugme[hidden]{display:none}
.cerez-dugme:focus-visible,.cerez-ayar:focus-visible,.cerez-secim input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.cerez-ayar{flex:1 0 100%;min-height:44px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cerez-ayar[hidden]{display:none}
.cerez-acik .wa-yuzen{opacity:0;visibility:hidden}
.cerez-ac{margin-left:.6em;padding:12px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cerez-ac[hidden]{display:none}
@media(max-width:560px){
  .cerez{left:12px;right:12px;bottom:12px;width:auto;padding:18px 16px 14px}
}

/* Telefonda odak çerçevesinin "ODAK" yazısı gösterilmez (9 Ekim 2026, kullanıcı isteği); köşeler ve kamera kalır */
@media(max-width:760px){.hv-bilgi{display:none}}