/* Portable export: progressive enhancement, fixed image sizing and motion fallbacks. */
html{scroll-behavior:smooth}
[inert]{pointer-events:none}
.hero-pixels{background:#060d09 url('../media/hero-still.webp') center/cover no-repeat}
.hero-local-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brand img,.footer-studio img{height:auto}
.hero-anniversary img{height:auto}
.references img{object-fit:contain}
.form-delivery-note{grid-column:1/-1;max-width:100%;font-size:13px;line-height:1.6;opacity:.75;margin:10px 0 0}
.form-delivery-note a{text-decoration:underline}
.no-js .project-tile{opacity:1;transform:none}
.no-js .hero-anniversary,.no-js .hero-copy h1 i,.no-js .hero-copy p,.no-js .hero-copy>div,.no-js .hero-index{opacity:1;transform:none}
.no-js .hero-intro-curtain{display:none}
.no-js .reveal-char{opacity:1!important}
.no-js .cinema-frame{transform:none!important}
.nojs-navigation{position:fixed;bottom:0;left:0;right:0;background:#050b08;color:#fff;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:16px;z-index:200}
.nojs-navigation a{font-size:14px}
button:focus-visible,a:focus-visible{outline:2px solid #1bfec0;outline-offset:5px}
.project-tile:focus-visible .project-caption{opacity:1;transform:none}
.project-submit:disabled{opacity:.55;cursor:wait}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-anniversary,.hero-copy h1 i,.hero-copy p,.hero-copy>div,.hero-index{opacity:1!important;transform:none!important}
  .hero-intro-curtain{display:none!important}
  .project-tile,[data-reveal]{opacity:1!important;transform:none!important}
  .reveal-char{opacity:1!important}
}

/* Sayfa geçişleri: üst menü sabit kalır, eski sayfa bulanıklaşıp kararır, yeni sayfanın içeriği aşağıdan süzülür.
   View Transitions destekleyen tarayıcılarda tarayıcı yapar; diğerlerinde site.js çıkışı (html.bc-leaving) taklit eder. */
html{background:#111}
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .nav-shell{view-transition-name:bc-nav}
  ::view-transition{background:#111}
  ::view-transition-old(root){animation:bc-page-out .38s cubic-bezier(.7,0,.84,0) both}
  ::view-transition-new(root){animation:bc-page-in .45s cubic-bezier(.16,1,.3,1) .22s both}
  ::view-transition-group(bc-nav){animation-duration:.6s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
  .detail-hero>:not(.hero-pixels,.detail-hero-vignette),.case-hero__copy{animation:bc-rise .9s cubic-bezier(.16,1,.3,1) .25s backwards}
  .detail-hero>:nth-child(4){animation-delay:.33s}
  .detail-hero>:nth-child(5){animation-delay:.41s}
  .case-hero>img{animation:bc-zoom 1.6s cubic-bezier(.16,1,.3,1) .15s backwards}
  .detail-main>:is(section,nav):not(.detail-hero,.case-hero),.article-surface{animation:bc-rise 1s cubic-bezier(.16,1,.3,1) .45s backwards}
  html.bc-leaving #top>:not(.nav-shell){opacity:0;transform:translateY(-3vh);filter:blur(6px);transition:opacity .38s cubic-bezier(.7,0,.84,0),transform .38s cubic-bezier(.7,0,.84,0),filter .38s}
}
@keyframes bc-page-out{to{opacity:0;transform:translateY(-3vh) scale(.985);filter:blur(8px)}}
@keyframes bc-page-in{from{opacity:0}}
@keyframes bc-rise{from{opacity:0;transform:translateY(44px)}}
@keyframes bc-zoom{from{opacity:0;transform:scale(1.08)}}