/* Gürel 1958 slider: continuous mobile artwork, overlaid header & navigation.
   Replaces the split-band mobile experiment; desktop geometry is unchanged. */
@media (max-width:600px) {
  :root { --chapter-height:90px; }

  .hero {
    height:calc(101.851852vw + var(--chapter-height));
    min-height:0;
    max-height:none;
    background:#0a1f44;
  }
  .hero[data-theme="light"],
  .hero[data-theme="dark"] { background:#0a1f44; }
  .hero-main {
    position:relative;
    display:block;
    height:101.851852vw;
    min-height:0;
    padding:0;
    overflow:hidden;
    background:#0a1f44;
  }
  .slider-stage { position:absolute; inset:0; }
  .slider-slide[data-theme="light"],
  .slider-slide[data-theme="dark"] { background:#0a1f44; }
  .slider-slide[data-mobile-fit="cover"] .hero-picture img { object-fit:cover; }
  .slider-slide[data-mobile-fit="contain"] .hero-picture img { object-fit:cover; }
  .hero-picture img { object-position:var(--slider-mobile-position,50% 50%); }

  .site-header,
  .site-header[data-theme="light"],
  .site-header[data-theme="dark"] {
    position:absolute;
    z-index:20;
    background:linear-gradient(180deg,rgba(5,22,45,.36),rgba(5,22,45,0));
    color:#fff;
  }
  .site-header .header-inner,
  .site-header[data-theme="light"] .header-inner,
  .site-header[data-theme="dark"] .header-inner {
    height:74px;
    border-bottom-color:rgba(255,255,255,.36);
    box-shadow:none;
  }
  .site-header .header-brand-lockup {
    display:flex;
    align-items:center;
    flex:0 1 auto;
    min-width:0;
    flex-wrap:nowrap;
  }
  .site-header .logo-link { display:block; flex:0 1 auto; min-width:0; }
  .site-header .wordmark,
  .site-header[data-theme="light"] .wordmark,
  .site-header[data-theme="dark"] .wordmark {
    display:block;
    width:clamp(96px,29vw,124px);
    height:auto;
    max-width:100%;
    opacity:1;
    visibility:visible;
    filter:brightness(0) invert(1);
  }
  .site-header .header-anniversary {
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    height:40px;
    margin-left:10px;
  }
  .site-header .header-anniversary-divider,
  .site-header[data-theme="light"] .header-anniversary-divider,
  .site-header[data-theme="dark"] .header-anniversary-divider {
    height:22px;
    margin-right:9px;
    background:rgba(255,255,255,.48);
    opacity:1;
    box-shadow:none;
  }
  .site-header .header-anniversary img { width:34px; height:34px; }
  .site-header .header-right { flex:0 0 auto; min-width:0; }
  .site-header .header-tools,
  .site-header[data-theme="light"] .header-tools,
  .site-header[data-theme="dark"] .header-tools {
    color:#fff;
    border-left-color:rgba(255,255,255,.30);
  }

  .hero-copy {
    position:absolute;
    inset:74px 20px 58px 20px;
    z-index:3;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
  }
  .hero-copy .eyebrow {
    font-size:9px;
    line-height:13px;
    margin-bottom:8px;
    letter-spacing:.13em;
  }
  .hero-copy .hero-title {
    max-width:290px;
    margin-bottom:11px;
    font-size:clamp(26px,7.5vw,31px);
    line-height:1.08;
    letter-spacing:-.045em;
  }
  .hero-copy .hero-lead {
    max-width:260px;
    margin-bottom:13px;
    font-size:12px;
    line-height:17px;
  }
  .hero-copy .button {
    min-width:0;
    min-height:36px;
    padding:8px 13px;
    font-size:10px;
    line-height:14px;
  }
  .hero-copy .button .arrow { width:14px; height:14px; }
  .hero-note { display:none; }

  .slider-controls-wrap {
    inset:auto 0 17px;
    z-index:4;
    width:100%;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:center;
    pointer-events:none;
  }
  .slider-controls {
    gap:1px;
    padding:2px 7px;
    color:#fff;
    background:rgba(5,25,54,.72);
    border-color:rgba(255,255,255,.30);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:0 4px 15px rgba(1,10,26,.26);
  }
  .slider-button { width:39px; height:39px; }
  .slider-button svg { width:16px; height:16px; }
  .slider-dot { width:27px; height:39px; }
  .slider-dot.is-current:before { width:20px; }
}