/* AYD / Gece vitrini. Mobilde bağımsız metin ve görsel yerleşimi. */
:root { --sans: 'Segoe UI', Arial, Helvetica, sans-serif; }
.night-hero { position:relative; isolation:isolate; background:#06162a; color:#f6faff; overflow:hidden; }
.night-scene { position:absolute; inset:0; margin:0; z-index:-2; }
.night-scene img { width:100%; height:100%; object-fit:cover; object-position:right center; }
.night-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,16,34,.6),rgba(3,16,34,.18) 43%,transparent 65%); }
.night-inner { min-height:660px; display:flex; align-items:center; padding-block:66px; }
.night-copy { width:45%; max-width:545px; }
.night-eyebrow { color:#a9ddef; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:22px; line-height:1.7; max-width:460px; }
.night-copy h1 { font:400 clamp(42px,4.4vw,65px)/1.09 Georgia,'Times New Roman',serif; letter-spacing:-1.9px; text-wrap:initial; }
.night-copy h1 em { color:#afe4f6; display:block; margin-top:8px; font-style:italic; }
.night-description { margin-top:25px; font-size:16px; line-height:1.7; color:#d4dfea; max-width:440px; }
.night-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:30px; }
.night-actions a { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:13px 19px; border-radius:6px; font-size:14px; font-weight:600; line-height:1.4; }
.night-primary { background:#e5f5fc; color:#102c45; border:1px solid #e5f5fc; }
.night-secondary { border:1px solid #839bac; color:#f6faff; background:#06162a40; }
.night-primary:hover { background:#fff; }
.night-secondary:hover { background:#21405c; }
.night-services { color:#b0c5d7; margin-top:28px; max-width:410px; font-size:12px; line-height:1.9; }
.service-band { transform:none; margin:0; }
.floating-whatsapp.hero-visible { opacity:0; visibility:hidden; pointer-events:none; }
.audience-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.audience-grid .offset-card { padding-top:55px; }
.audience-grid .audience-image { height:380px; }
.audience-grid .audience-text h3 { font-size:27px; }
@media (min-width:1700px) { .night-inner { min-height:740px; }.night-scene img { object-fit:cover; } }
@media (max-width:1100px) and (min-width:851px) { .night-copy { width:49%; }.night-inner { min-height:610px; }.night-copy h1 { font-size:47px; }.night-description { font-size:15px; max-width:370px; }.night-actions a { font-size:13px; padding:12px 14px; } }
@media (max-width:850px) {
  .night-inner { min-height:0; padding-block:36px 26px; display:block; }
  .night-copy { max-width:630px; width:100%; }
  .night-eyebrow { max-width:540px; margin-bottom:17px; font-size:11px; letter-spacing:1.3px; }
  .night-copy h1 { font-size:clamp(37px,6vw,54px); max-width:620px; letter-spacing:-1.1px; }
  .night-description { font-size:16px; margin-top:20px; max-width:550px; }
  .night-actions { margin-top:23px; }
  .night-services { margin-top:20px; max-width:100%; }
  .night-hero::before { display:none; }
  .night-scene { position:relative; inset:auto; z-index:0; height:clamp(300px,55vw,460px); }
  .night-scene img { object-fit:cover; object-position:right bottom; }
  .night-scene::before { content:''; position:absolute; inset:0 0 auto; height:65px; background:linear-gradient(#06162a,transparent); pointer-events:none; }
  .audience-grid { grid-template-columns:1fr 1fr; }
  .audience-grid .audience-card:last-child { grid-column:1/-1; max-width:540px; }
  .audience-grid .offset-card { padding-top:0; }
}
@media (max-width:600px) {
  .night-inner { padding-block:28px 15px; }
  .night-eyebrow { font-size:10.5px; letter-spacing:1.1px; line-height:1.8; margin-bottom:16px; }
  .night-copy h1 { font-size:clamp(35px,9.6vw,49px); line-height:1.12; letter-spacing:-1px; }
  .night-copy h1 em { margin-top:6px; }
  .night-description { font-size:15px; line-height:1.65; margin-top:19px; }
  .night-actions { display:grid; grid-template-columns:1.12fr 1fr; gap:9px; margin-top:21px; }
  .night-actions a { font-size:12.5px; padding:12px 9px; gap:7px; min-height:50px; }
  .night-services { font-size:11.5px; line-height:1.75; margin-top:17px; }
  .night-scene { height:clamp(270px,82vw,410px); }
  .night-scene img { object-position:right bottom; }
  .audience-grid { grid-template-columns:minmax(0,1fr); }
  .audience-grid .audience-card:last-child { grid-column:auto; max-width:none; }
  .audience-grid .audience-image { height:420px; }
  .service-card-copy p,.audience-text p,.faq-list details p,.process-list p,.section-intro>p:last-child,.reels-copy>p:not(.eyebrow),.work-heading>p,.extra-service p { font-size:15px; line-height:1.75; }
  .service-card-copy>a,.services-side-note .text-link,.audience-text .text-link { font-size:14px; min-height:44px; }
  .faq-list summary { font-size:16px; min-height:44px; }
  .gallery-filters button { min-height:44px; font-size:12px; }
  .menu-toggle { min-height:44px; font-size:13px; }
  .main-nav a { font-size:15px; min-height:44px; }
  .contact-inner>p:not(.eyebrow) { font-size:15px; }
}
@media (max-width:360px) { .night-actions { grid-template-columns:1fr; }.night-copy h1 { font-size:35px; }.night-services { font-size:11px; }.header-inner { gap:8px; }.menu-toggle { gap:9px; }.audience-grid .audience-image { height:370px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }