/* ============================================================
   Websiteks.com · Showroom — template-044 (kreatif portfolyo)
   Tasarım sadakati: orijinal tipografi hiyerarşisi, renkler,
   ölçü sistemi (vw-tabanlı rem) birebir hedeflendi.
   Kod sıfırdan, bizim yığınla (temiz oda).
   ============================================================ */

/* ---------- sıfırlama ---------- */
html, body, div, span, h1, h2, h3, h4, p, a, em, img, strong, ol, ul, li,
article, aside, canvas, figure, figcaption, footer, header, nav, section, video {
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, figcaption, figure, footer, header, nav, section, img, video { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, svg, canvas { display: block; }
span { display: inline-block; }
p { text-wrap: pretty; }
button, a {
  color: inherit; text-decoration: none; background: none; outline: none;
  border: none; cursor: pointer; padding: 0; display: inline-block;
}
*, *:before, *:after { box-sizing: border-box; }
::-webkit-scrollbar { display: none; width: 0; background-color: transparent; }
::selection { background-color: transparent; text-shadow: none; }

/* ---------- kök değişkenler (orijinal ölçü sistemi) ---------- */
:root {
  --vh: 1vh; /* kullanım hep calc(var(--vh) * 100) — JS mobil için gerçek piksele günceller */
  --gutter: 3rem;
  --zemin: #070304;            /* fw sayfası: siyah */
  --turuncu: #FF4401;
  --gri: #6d6d6d;
  --acik-gri: #858585;
  --cross-rengi: #CACACA;
  --canvas-kat: 1;
  --fs-mobil: 2.5vw;
  --fs-tablet: calc(100vw / 768 * 10);
  --fs-masaustu: calc(100vw / 1512 * 10);
}
@media all and (min-width: 768px) { :root { --gutter: 5rem; } }

/* ---------- font: Inter (OFL) — "H" değişken fontunun lisansı
   belirsiz olduğundan en yakın karakterli OFL grotesk ---------- */
@font-face {
  font-family: "VitrinSans";
  src: url(../assets/fonts/Inter-Regular.ttf) format("truetype");
  font-weight: 100 500; font-display: swap;
}
@font-face {
  font-family: "VitrinSans";
  src: url(../assets/fonts/Inter-Bold.ttf) format("truetype");
  font-weight: 600 900; font-display: swap;
}

html {
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  scrollbar-width: none;
  overscroll-behavior: none;
  background-color: var(--zemin);
  font-size: var(--fs-mobil);
  transition: background-color .6s cubic-bezier(.36,.33,0,1);
}
@media all and (min-width: 768px)  { html { font-size: var(--fs-tablet); } }
@media all and (min-width: 1024px) { html { font-size: var(--fs-masaustu); } }

body {
  overscroll-behavior-y: none;
  font: 600 1.2rem/1.3 VitrinSans, HelveticaNeue, Helvetica, sans-serif;
  letter-spacing: -.02em;
  color: var(--gri);
}
@media all and (min-width: 1920px) { body { font-size: .85rem; } }

/* açık zeminli sayfalar */
html[data-zemin="acik"] { --zemin: #f8f8f8; --cross-rengi: #1a1a1a; }

#app { position: relative; }
.o-hidden { overflow: hidden; }

/* ---------- küçük etiket tipografisi (orijinal .8rem/700 upper) ---------- */
.etiket,
.content-block__title,
.archive-index__nav-item,
.work-case__gallery-index,
.next-work__title {
  font: 700 .8rem/1 VitrinSans, Helvetica, sans-serif;
  filter: opacity(.75);
  letter-spacing: 0;
  text-transform: uppercase;
  display: block;
}
.next-work__title { font-size: 1rem; }
.work-case__gallery-index { font-weight: 800; font-size: .9rem; letter-spacing: -.02em; }

/* ---------- preloader ---------- */
.preloader {
  position: fixed; inset: 0; width: 100%; height: 100%;
  display: flex; align-items: flex-end; justify-content: flex-end;
  z-index: 300; padding: calc(var(--gutter) * .5) var(--gutter);
  color: var(--turuncu); font-size: 1.6rem;
  background-color: var(--zemin); pointer-events: none;
}

/* ---------- header ---------- */
.header {
  position: fixed; top: 0; left: 0; z-index: 100; pointer-events: none;
  padding: var(--gutter); width: 100%; color: var(--gri);
}
.header__inner {
  display: flex; align-items: center; justify-content: space-between;
  position: relative; width: 100%;
}
@media all and (max-width: 767.98px) { .header__inner { justify-content: center; } }
.header-navigation { position: absolute; top: 0; left: 0; width: 100%; }
@media all and (max-width: 767.98px) { .header-navigation { position: static; } }
.header-navigation__list {
  display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%;
}
.header-navigation__link { display: inline-block; pointer-events: all; }
.header-navigation__link:not(.header-navigation__link--active) { opacity: .5; }
.header-navigation__link:hover { opacity: 1; }

.dimensions {
  font: 600 1.2rem/1.3 VitrinSans, Helvetica, sans-serif;
  color: var(--acik-gri); opacity: .5; position: relative; z-index: 1; pointer-events: all;
}
@media all and (max-width: 767.98px) { .dimensions { display: none; } }

/* müsaitlik kancası → Websiteks.com teklif CTA'sı (etkileşim deseni birebir) */
.availability { cursor: pointer; pointer-events: all; position: relative; }
@media all and (max-width: 767.98px) { .availability { display: none; } }
.availability__icon { display: inline-block; vertical-align: middle; }
.availability__icon-square {
  display: block; width: .85rem; height: .85rem; margin-right: .5rem;
  background-color: var(--turuncu);
  animation: nabiz .75s infinite step-start;
}
.availability:hover .availability__icon-square { animation-duration: .25s; }
@keyframes nabiz { 0% {opacity:1} 50% {opacity:0} 100% {opacity:1} }
.availability__infos { opacity: .5; transition: opacity .3s ease; display: inline-block; vertical-align: middle; }
.availability:hover .availability__infos { opacity: 1; }
.availability__email {
  font: 600 1.1rem/1.3 VitrinSans, Helvetica, sans-serif;
  padding: .5rem 1rem; background-color: #8585851a; border-radius: .4rem;
  position: fixed; top: 0; left: 0; white-space: nowrap; pointer-events: none;
  opacity: 0; z-index: 101; will-change: transform, opacity;
}

/* ---------- ana sayfa (fw) ---------- */
.fw {
  min-height: calc(var(--vh, 1vh) * 100); padding: 0 var(--gutter) 13rem;
  position: relative; will-change: opacity;
  display: flex; flex-direction: column; justify-content: flex-end;
}
.fw__placeholder {
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 12.25rem; height: 12.25rem;
}
@media all and (min-width: 1024px) { .fw__placeholder { width: 21rem; height: 21rem; } }
.fw__overlay {
  position: fixed; inset: 0; background-color: #070304; opacity: .75; z-index: 0; pointer-events: none;
}
@media all and (min-width: 1024px) { .fw__overlay { display: none; } }
.fw__statik { width: 100%; height: 100%; object-fit: cover; }

.fw-title {
  color: var(--turuncu); width: 100%; position: relative; aspect-ratio: 100/49.5;
  margin: 0 auto;
}
@media all and (min-width: 1024px) { .fw-title { max-width: 81.8rem; } }
.fw-title__icon { width: 100%; height: 100%; }

.fw-titles {
  position: fixed; bottom: 0; left: 0; width: 100%;
  padding: calc(var(--gutter) * .5) var(--gutter);
  display: flex; align-items: flex-start; flex-direction: column; gap: 1.5rem; z-index: 1;
}
@media all and (min-width: 1024px) { .fw-titles { gap: 3.5rem; } }
.fw-titles__items { display: flex; align-items: flex-start; color: #767676; gap: 6.7rem; }
@media all and (min-width: 768px)  { .fw-titles__items { gap: 11.7rem; } }
@media all and (min-width: 1024px) { .fw-titles__items { gap: 12.8rem; } }
.fw-titles__item { max-width: 26rem; }

.fw-works {
  position: relative; z-index: 10;
  display: flex; align-items: flex-start; flex-direction: column;
  color: #767676; width: 100%;
}
@media all and (min-width: 1024px) {
  .fw-works {
    position: fixed; top: 50%; right: 16.8rem; transform: translateY(-50%);
    width: 22.7rem; max-width: 22.7rem;
  }
}
.fw-works:has(.fw-work__link:hover) .fw-work__link:not(:hover) { opacity: .25; }
.fw-works__items {
  display: flex; align-items: flex-end; justify-content: flex-start;
  flex-direction: column; width: 100%; will-change: transform;
}
@media all and (max-width: 1023.98px) {
  .fw-works__items { align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0 1rem; }
}
.fw-work { display: block; width: 100%; transform-origin: top right; will-change: opacity, transform; }
.fw-work__link {
  cursor: pointer; display: block; width: 100%; padding: .35rem 0;
  transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
  font-size: 1.8rem;
}
@media all and (min-width: 768px)  { .fw-work__link { font-size: 2rem; } }
@media all and (min-width: 1024px) { .fw-work__link { font-size: 1.4rem; } }
.fw-work__link > span {
  display: block; width: 100%;
  transition: color .3s cubic-bezier(.25,.46,.45,.94), transform .4s cubic-bezier(.36,.33,0,1);
}
.fw-work__link:hover > span { color: var(--turuncu); transform: translateX(10%); }

/* ---------- work sayfası ---------- */
.work { min-height: calc(var(--vh, 1vh) * 100); color: var(--gri); position: relative; will-change: opacity; }
.work-case {
  position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 3rem;
  padding: 0 var(--gutter) 0; margin-bottom: 10rem;
  min-height: calc(var(--vh, 1vh) * 100);
}
@media all and (max-width: 1023.98px) { .work-case { padding-top: 20rem; flex-direction: column; } }
.work-case__aside { display: flex; flex-direction: column; gap: 3rem; width: 100%; }
@media all and (min-width: 1024px) {
  .work-case__aside {
    position: sticky; top: 0; left: 0; height: calc(var(--vh, 1vh) * 100);
    max-width: 22.7rem; padding: calc(var(--gutter) * .5) 0;
    margin-left: 11.9rem; justify-content: flex-end;
  }
}
.work-case__aside-infos { display: flex; align-items: flex-start; flex-direction: column; gap: 3rem; }
@media all and (min-width: 1024px) { .work-case__aside-infos { margin-bottom: 10rem; } }

.content-block__title { overflow: hidden; margin-bottom: 1.25rem; }
@media all and (min-width: 1024px) { .content-block__title { margin-bottom: .85rem; } }
.content-block__up { display: inline-block; }
.content-block__contents-content a { display: inline; text-decoration: underline; }
.content-block a:hover { color: var(--turuncu); }
.content-block--biography p + p { margin-top: .85rem; }

.work-case__gallery { display: grid; grid-gap: 1.5rem; width: 100%; }
@media all and (min-width: 1024px) {
  .work-case__gallery { grid-gap: 5rem; padding-top: 20rem; max-width: 93.8rem; margin-left: auto; margin-right: 0; }
}
.work-case__gallery-item { display: flex; align-items: flex-start; gap: 1rem; }
@media all and (max-width: 1023.98px) { .work-case__gallery-item { flex-direction: column-reverse; align-items: flex-end; } }
.work-case__gallery-preview { position: relative; aspect-ratio: 1.92/1.2; width: 100%; }
.work-case__gallery-preview > * {
  width: 100%; opacity: 0; transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
}
.work-case__gallery-preview > *.is-loaded { opacity: 1; }
.work-case__gallery-preview > .poster { position: absolute; inset: 0; height: 100%; object-fit: cover; z-index: 1; }
.work-case__gallery-preview > video { position: relative; z-index: 0; }

/* kaydırma göstergesi */
.scroll-indicator { position: relative; width: 100%; }
@media all and (max-width: 1023.98px) { .scroll-indicator { display: none; } }
.scroll-indicator__percentage-container {
  font: 600 1.1rem/1.3 VitrinSans, Helvetica, sans-serif;
  position: absolute; bottom: 100%; left: 0; margin-bottom: 1rem;
  white-space: nowrap; color: var(--turuncu); overflow: hidden;
}
.scroll-indicator__bar { position: relative; height: .15rem; width: 100%; background-color: #85858526; }
.scroll-indicator__bar-current {
  position: absolute; inset: 0; background-color: var(--turuncu);
  transform-origin: 0% 0%; transform: scaleX(0);
}

/* sıradaki iş şeridi */
.next-work {
  display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;
  height: calc(var(--vh, 1vh) * 100); min-height: 50rem; width: 100%;
  background-color: var(--turuncu); color: #070304;
  position: relative; z-index: 0; overflow: hidden;
  padding: 15rem var(--gutter) 10rem;
}
.next-work__inner { will-change: transform; }
.next-work__title { margin-bottom: 6rem; }
@media all and (min-width: 768px) { .next-work__title { margin-left: 11.9rem; } }
.next-work__link {
  font-weight: 400; font-size: 50rem; line-height: .6; letter-spacing: -.06em;
  white-space: nowrap; display: block;
}
@media all and (max-width: 767.98px) { .next-work__link { font-size: 24rem; } }
.next-work__link span { padding: 2rem; animation: marquee 10s linear infinite; animation-play-state: paused; will-change: transform; }
@media all and (min-width: 1024px) { .next-work__link span { padding: 5rem; } }
.next-work--active .next-work__link span { animation-play-state: running; }
@keyframes marquee { from { transform: translate(0); } to { transform: translate(-100%); } }

/* ---------- arşiv ---------- */
.archive { z-index: 10; position: relative; will-change: opacity; }
.archive-header {
  display: flex; align-items: center; justify-content: flex-end; flex-direction: column;
  gap: 4rem; width: 100%; padding: 15rem var(--gutter) 0;
  transition: opacity .3s cubic-bezier(.25,.46,.45,.94); will-change: opacity;
}
@media all and (min-width: 1024px) {
  .archive-header {
    gap: 7rem; position: fixed; height: 100%; top: 0; right: var(--gutter); z-index: -1;
    padding: 30vh 0 calc(var(--gutter) * .5); max-width: 46.4rem;
  }
}
.archive-header__description { width: 100%; text-align: center; max-width: 26rem; }
.archive-header__title { color: #070304; width: 100%; pointer-events: none; margin-top: auto; aspect-ratio: 100/107; }
@media all and (min-width: 1024px) { .archive-header__title { max-width: 46.4rem; } }
.archive-header__title svg { height: 100%; width: 100%; }
.archive:has(.archive-index__list-item:hover) .archive-header { opacity: .1; pointer-events: none; }

.archive-index { width: 100%; padding: 5rem var(--gutter) 10rem; }
@media all and (min-width: 1024px) { .archive-index { padding: 30vh var(--gutter) 10rem; } }
.archive-index__projects { width: 100%; }
@media all and (min-width: 1024px) { .archive-index__projects { max-width: 58.2rem; } }
.archive-index__projects:has(.archive-index__list-item:hover) .archive-index__nav { opacity: .1; }
.archive-index__nav { opacity: 1; transition: opacity .3s cubic-bezier(.25,.46,.45,.94); }
.archive-index__nav-item { width: 100%; }
.archive-index__nav-line { border-bottom: 1px solid rgba(133,133,133,.15); margin: 2rem 0; }
.archive-index__nav-list, .archive-index__list-item-inner {
  display: grid; gap: 1rem; grid-template-columns: .65fr 1.5fr .5fr; width: 100%;
}
@media all and (min-width: 768px) {
  .archive-index__nav-list, .archive-index__list-item-inner { grid-template-columns: .5fr 1.5fr 1fr .5fr; }
}
.archive-index__nav-list > *:last-child, .archive-index__list-item-inner > *:last-child { text-align: right; }
.archive-index__list-item-inner > * { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.archive-index__list-container { position: relative; }
.archive-index__list { display: flex; align-items: flex-start; flex-direction: column; width: 100%; }
.archive-index__list-item { cursor: pointer; opacity: 1; transition: opacity .3s cubic-bezier(.25,.46,.45,.94); width: 100%; }
.archive-index__list-item-link { padding: .5rem 0; display: block; width: 100%; }
.archive-index__list-item > * { transition: color .1s cubic-bezier(.25,.46,.45,.94); }
.archive-index__list-container:has(.archive-index__list-item:hover) .archive-index__list-item { opacity: .1; }
.archive-index__list-container:has(.archive-index__list-item:hover) .archive-index__list-item:hover { opacity: 1; color: var(--turuncu); }
.archive-index__list-item-id { transition: transform .4s cubic-bezier(.36,.33,0,1); }
.archive-index__list-item:hover .archive-index__list-item-id { transform: translateX(20%); }
.archive-index__list-icon {
  display: block; width: .7rem; height: .7rem; background-color: var(--turuncu);
  position: absolute; top: 0; left: -1.5rem; opacity: 0; pointer-events: none; will-change: transform, opacity;
}
@media all and (max-width: 767.98px) { .archive-index__nav-item--focus, .archive-index__list-item-focus { display: none; } }

/* arşiv önizleme şeridi (DOM + rAF lerp — orijinalde WebGL şerit) */
.archive-index__previews-container {
  position: fixed; inset: 0; width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  padding: var(--gutter); pointer-events: none; opacity: 0;
  transition: opacity .4s cubic-bezier(.36,.33,0,1); z-index: 5;
}
.archive-index__previews-container.aktif { opacity: 1; }
.archive-index__previews {
  display: flex; align-items: center; flex-direction: column; gap: 2rem;
  width: 100%; max-width: 44rem; will-change: transform;
}
@media all and (min-width: 1024px) { .archive-index__previews { max-width: 70.1rem; } }
.archive-index__preview { aspect-ratio: 1.92/1.2; width: 100%; flex: none; }
.archive-index__preview > img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- hakkında ---------- */
.about {
  display: flex; align-items: flex-start;
  padding: 20vh var(--gutter) calc(var(--gutter) * .5);
  color: #727272; min-height: calc(var(--vh, 1vh) * 100); width: 100%;
  position: relative; will-change: opacity;
}
@media all and (max-width: 1023.98px) { .about { padding-top: 20rem; flex-direction: column-reverse; gap: 5rem; } }
.about-title { position: relative; width: 100%; aspect-ratio: 100/73.03; }
@media all and (min-width: 1024px) {
  .about-title { position: fixed; left: var(--gutter); bottom: calc(var(--gutter) * .5); max-width: 58.2rem; }
}
.about-title__icon { height: 100%; width: 100%; color: var(--turuncu); overflow: visible; }
.about__contents { display: flex; align-items: flex-start; flex-direction: column; gap: 5rem; margin-top: auto; width: 100%; }
@media all and (min-width: 1024px) { .about__contents { max-width: 46.4rem; margin-left: auto; } }
.about__contents-main { display: grid; grid-gap: 3rem; }
@media all and (min-width: 1024px) { .about__contents-main { max-width: 42.5rem; } }
.about__contents-footer {
  font: 600 1.1rem/1.3 VitrinSans, Helvetica, sans-serif;
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
  width: 100%; margin-top: 2.5rem; padding-right: 28rem; /* sabit rozetle çakışma payı */
}
.about__contents-footer span { display: block; }
.locale-time { display: flex; align-items: center; gap: .25rem; }
.locale-time__label { filter: opacity(.7); }

/* ---------- artı-imleç ---------- */
.cross {
  width: 4rem; height: 4rem; color: var(--cross-rengi);
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  z-index: 11; pointer-events: none; opacity: 0; transition: opacity .6s ease;
}
@media all and (max-width: 1023.98px) { .cross { display: none; } }
body[data-cross="1"] .cross { opacity: 1; }
.cross__svg { width: 100%; height: 100%; }

/* ---------- ızgara yardımcısı (Alt+G) ---------- */
.grid-helper {
  position: fixed; inset: 0; height: 100%; width: 100%;
  padding: 0 var(--gutter); display: grid; grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem; pointer-events: none; z-index: 1000;
  opacity: 0; transition: opacity .25s ease;
}
@media all and (min-width: 768px)  { .grid-helper { grid-template-columns: repeat(6, 1fr); } }
@media all and (min-width: 1024px) { .grid-helper { grid-template-columns: repeat(12, 1fr); } }
.grid-helper.acik { opacity: 1; }
.grid-helper > span { height: 100%; background-color: #ff00001a; }

/* ---------- cetveller + kılavuzlar ---------- */
.grid-rules { position: fixed; inset: 0; pointer-events: none; z-index: 100; }
@media all and (max-width: 767.98px) { .grid-rules { display: none !important; } }
.grid-rules__horizontal { position: absolute; top: 0; left: 0; width: 100%; height: 18px; pointer-events: all; cursor: ns-resize; }
.grid-rules__vertical { position: absolute; top: 0; left: 0; width: 18px; height: 100%; pointer-events: all; cursor: ew-resize; }
.grid-rules text { font: 700 .7rem/1 VitrinSans, Helvetica, sans-serif; fill: #85858599; }
.grid-rules line { stroke: #85858599; stroke-width: .5; }
.grid-rules__guides { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.grid-rules__guide { position: absolute; pointer-events: auto; cursor: pointer; z-index: 3; top: 0; left: 0; will-change: transform; }
.grid-rules__guide--horizontal { width: 100%; height: 1px; cursor: ns-resize; padding: .5rem 0; }
.grid-rules__guide--horizontal .grid-rules__guide-inner { height: 1px; width: 100%; }
.grid-rules__guide--vertical { width: 1px; height: 100%; cursor: ew-resize; padding: 0 .5rem; }
.grid-rules__guide--vertical .grid-rules__guide-inner { width: 1px; height: 100%; }
.grid-rules__guide-inner { background-color: var(--turuncu); pointer-events: none; }

/* ---------- WebGL tuvali ---------- */
canvas.gl-tuval {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: var(--canvas-kat); pointer-events: none;
}

/* ---------- Websiteks.com rozeti ---------- */
.ws-rozet {
  position: fixed; right: var(--gutter); bottom: calc(var(--gutter) * .5);
  z-index: 200; display: flex; flex-direction: column; align-items: flex-end; gap: .35rem;
  font: 600 1rem/1.3 VitrinSans, Helvetica, sans-serif; text-align: right;
}
.ws-rozet__marka { color: var(--acik-gri); letter-spacing: -.01em; }
.ws-rozet__marka b { color: var(--turuncu); font-weight: 700; }
.ws-rozet__cta {
  color: var(--turuncu); border-bottom: 1px solid currentColor;
  padding-bottom: .1rem; transition: opacity .3s ease; pointer-events: all;
}
.ws-rozet__cta:hover { opacity: .6; }
@media all and (max-width: 1023.98px) { .ws-rozet { display: none; } }

/* ---------- intro reveal (o-hidden satır maskeleri) ---------- */
.o-hidden > .yukar { transform: translateY(100%); display: inline-block; will-change: transform; }
.yumusak .o-hidden > .yukar { transition: transform .9s cubic-bezier(.22,1,.36,1); }
.gorunur.o-hidden > .yukar, .o-hidden > .yukar.gorunur { transform: translateY(0); }
.soluk { opacity: 0; will-change: opacity; }
.yumusak .soluk { transition: opacity 1.1s ease; }
.soluk.gorunur { opacity: 1; }

/* ---------- noscript ---------- */
.ns {
  position: fixed; inset: 0; width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background-color: var(--turuncu); color: #070304; text-align: center; z-index: 1000;
}

/* ---------- erişilebilirlik: hareket azaltma (03 doktrini, ZORUNLU) ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .preloader { display: none; }
  .o-hidden > .yukar { transform: none !important; }
  .soluk { opacity: 1 !important; }
  .work-case__gallery-preview > * { opacity: 1; }
}