html { scrollbar-gutter: stable; }
.site-loader { display: none; }
html.is-loading { overflow: hidden; }
html.is-loading .site-loader { display: grid; }
.site-loader {
  position: fixed; inset: 0; z-index: 1000; place-items: center;
  background: #171b18; color: #e9deca; opacity: 1;
  transition: opacity .18s ease, visibility .18s ease;
}
.site-loader::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 50% 46%, #f8934b0c, transparent 55%); }
.site-loader.is-leaving { opacity: 0; visibility: hidden; pointer-events: none; }
.site-loader__content { display: grid; justify-items: center; gap: 30px; padding: 40px 24px; }
.site-loader__emblem { position: relative; width: clamp(190px, 24vw, 250px); aspect-ratio: 1; display: grid; place-items: center; }
.site-loader__mark { width: 88%; animation: berkay-reveal .8s cubic-bezier(.2,.65,.3,1) both, berkay-breathe 2.8s .8s ease-in-out infinite; }
/* The optimized logo retains the original artboard, so the same badge framing applies. */
.site-loader__crop { position: relative; width: 100%; aspect-ratio: 608 / 545; overflow: hidden; }
.site-loader__crop img { position: absolute; width: 138.53%; max-width: none; height: 109.27%; left: -19.24%; top: -4.59%; }
.site-loader__seal { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.site-loader__seal circle { stroke: #f8934b; stroke-width: .9; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: berkay-seal .7s .1s ease-out forwards, berkay-glow 2.8s .8s ease-in-out infinite; }
.site-loader__steam { position: absolute; width: 40%; height: auto; left: 30%; top: -20%; overflow: visible; }
.site-loader__steam path { stroke: #f3d3b1; stroke-width: 1.2; stroke-linecap: round; opacity: 0; animation: berkay-steam 2.7s ease-in-out infinite; }
.site-loader__steam path:nth-child(2) { animation-delay: .35s; }
.site-loader__steam path:nth-child(3) { animation-delay: .7s; }
.site-loader__label { margin: 0; font-family: Montserrat, Arial, sans-serif; font-size: 10px; line-height: 1.8; letter-spacing: 1.4px; text-align: center; color: #b6b7ab; }
@keyframes berkay-reveal { from { opacity: 0; transform: translateY(12px) scale(.96); clip-path: inset(100% 0 0); } to { opacity: 1; transform: translateY(0) scale(1); clip-path: inset(0); } }
@keyframes berkay-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.025); } }
@keyframes berkay-seal { to { stroke-dashoffset: 0; } }
@keyframes berkay-glow { 0%, 100% { opacity: .35; } 50% { opacity: .8; } }
@keyframes berkay-steam { 0% { opacity: 0; transform: translateY(8px); } 35% { opacity: .4; } 100% { opacity: 0; transform: translateY(-12px); } }
@media (prefers-reduced-motion: reduce) {
  .site-loader, .site-loader * { animation: none !important; transition: none !important; }
  .site-loader__seal circle { stroke-dashoffset: 0; opacity: .4; }
  .site-loader__steam { display: none; }
}