:root{
    --green-950:#081C12;
    --green-900:#0C2818;
    --green-800:#123420;
    --green-700:#1B4028;
    --green-600:#2A5738;
    --gold-600:#A9843F;
    --gold-500:#C6A15B;
    --gold-300:#E4CE9B;
    --gold-100:#F2E7CB;
    --cream:#F6F1E4;
    --cream-dim:#D9D2BE;
    --line:rgba(198,161,91,0.28);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}

  /* Sayfa geçişlerinde yumuşak çapraz geçiş (destekleyen tarayıcılarda; diğerlerinde sessizce yok sayılır) */
  @view-transition{ navigation:auto; }
  ::view-transition-old(root){ animation:vt-out .45s cubic-bezier(0.4,0,0.2,1) both; }
  ::view-transition-new(root){ animation:vt-in .5s cubic-bezier(0.16,1,0.3,1) both; }
  @keyframes vt-out{ to{ opacity:0; transform:scale(0.99); } }
  @keyframes vt-in{ from{ opacity:0; transform:translateY(10px); } }

  /* ---------- CONTINUOUS SITE-WIDE GROUND (İpek Dokusu) ----------
     Zemin tek parça: yumuşak ışık lekeleri body'de, ince ipek dokusu + altın toz
     ise sabit tek bir katmanda (body::before). Bölümlerin kendi arka planı yok;
     hero fotoğrafı da bu zemine maskelenerek erir — hiçbir yerde sert kenar kalmaz. */
  body{
    color:var(--cream);
    font-family:'Jost', sans-serif;
    font-weight:400;
    line-height:1.6;
    overflow-x:hidden;
    background-color:#081C12;
    background-image:
      radial-gradient(ellipse 620px 460px at 16% 6%, rgba(198,161,91,0.16), transparent 70%),
      radial-gradient(ellipse 560px 480px at 92% 34%, rgba(42,87,56,0.42), transparent 72%),
      radial-gradient(ellipse 640px 500px at 10% 66%, rgba(198,161,91,0.12), transparent 72%),
      radial-gradient(ellipse 560px 460px at 88% 92%, rgba(42,87,56,0.34), transparent 72%),
      linear-gradient(180deg, #0A2015 0%, #0C2818 35%, #081C12 68%, #0A2015 100%);
    background-repeat:no-repeat;
    background-size:auto,auto,auto,auto,100% 100%;
  }
  body::before{
    content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
    background-image:
      radial-gradient(circle 1.4px at center, rgba(230,205,150,0.5), transparent 70%),
      radial-gradient(circle 1.1px at center, rgba(230,205,150,0.32), transparent 70%),
      repeating-linear-gradient(115deg, rgba(198,161,91,0.05) 0px, rgba(198,161,91,0.05) 1px, transparent 1px, transparent 52px),
      repeating-linear-gradient(25deg, rgba(255,255,255,0.022) 0px, rgba(255,255,255,0.022) 2px, transparent 2px, transparent 96px);
    background-repeat:repeat,repeat,no-repeat,no-repeat;
    background-position:14px 22px,72px 130px,0 0,0 0;
    background-size:96px 150px,150px 210px,auto,auto;
    animation:silk-drift 110s ease-in-out infinite;
  }
  /* zemin dokusu ve ışık lekeleri çok yavaşça nefes alır — fark edilmeden canlılık katar */
  @keyframes silk-drift{
    0%{ background-position:14px 22px,72px 130px,0 0,0 0; }
    50%{ background-position:26px 34px,58px 142px,8px 5px,-6px 4px; }
    100%{ background-position:14px 22px,72px 130px,0 0,0 0; }
  }
  h1,h2,h3,.display{
    font-family:'Cormorant Garamond', serif;
    font-weight:600;
    letter-spacing:0.01em;
  }
  a{ color:inherit; text-decoration:none; }
  img{ max-width:100%; height:auto; display:block; }
  .wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }
  .eyebrow{
    font-family:'Jost', sans-serif;
    font-weight:500;
    text-transform:uppercase;
    color:var(--gold-300);
    font-size:12.5px;
    letter-spacing:0.14em;
    display:flex;
    align-items:center;
    gap:12px;
  }
  /* eyebrow'un yanındaki ince altın çizgi: bir giriş tetikleyicisi olan yerlerde (hero / reveal) soldan sağa çizilir, diğerlerinde sabit görünür */
  .eyebrow::after{
    content:''; flex:0 0 30px; height:1px;
    background:linear-gradient(90deg, var(--gold-500), transparent);
    transform-origin:left; transform:scaleX(1);
  }
  .reveal .eyebrow::after{
    transform:scaleX(0);
    transition:transform .7s cubic-bezier(0.16,1,0.3,1) .3s;
  }
  .reveal.in-view .eyebrow::after{ transform:scaleX(1); }
  .hero .eyebrow::after, .page-hero-inner .eyebrow::after{
    transform:scaleX(0);
    animation:eyebrow-draw .7s cubic-bezier(0.16,1,0.3,1) .6s both;
  }
  @keyframes eyebrow-draw{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } }

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(8,28,18,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav.wrap{
    display:flex; align-items:center; justify-content:space-between;
    height:84px;
  }
  .brandmark{ display:flex; align-items:center; gap:12px; margin-left:-8px; }
  .brandmark img{
    height:64px; width:auto; object-fit:contain;
    animation:logo-glow 3.6s ease-in-out infinite;
  }
  @keyframes logo-glow{
    0%,100%{ filter:drop-shadow(0 0 2px rgba(230,200,140,0.18)) brightness(1); }
    50%{ filter:drop-shadow(0 0 7px rgba(230,200,140,0.45)) brightness(1.05); }
  }
  .navlinks{ display:flex; gap:34px; font-size:14.5px; color:var(--cream-dim); align-items:center; height:100%; }
  .navlinks > a, .navlinks > .has-mega > a{ position:relative; padding:4px 0; transition:color .2s; }
  .nav-cta{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(180deg, var(--gold-300), var(--gold-600));
    color:var(--green-950); font-size:13.5px; font-weight:600;
    padding:11px 22px; border-radius:999px;
    box-shadow:0 8px 20px -8px rgba(198,161,91,0.6);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .nav-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(198,161,91,0.75); }
  .nav-cta::after{
    content:''; position:absolute; top:0; left:-60%; width:35%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
    transform:skewX(-20deg);
    animation:badge-shine 3.8s ease-in-out infinite;
  }
  .navlinks a:hover{ color:var(--gold-300); }
  .navlinks a::after{
    content:''; position:absolute; left:0; bottom:-2px; width:0; height:1px;
    background:var(--gold-500); transition:width .3s ease;
  }
  .navlinks a:hover::after{ width:100%; }
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:13px 24px; border-radius:999px;
    font-size:14px; font-weight:600; letter-spacing:0.01em;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
    white-space:nowrap;
  }
  .btn-gold{
    position:relative; overflow:hidden;
    background:linear-gradient(180deg, var(--gold-300), var(--gold-600));
    color:var(--green-950);
    box-shadow:0 8px 22px -6px rgba(198,161,91,0.55);
  }
  .btn-gold::after{
    content:''; position:absolute; top:0; left:-60%; width:40%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.55), transparent);
    transform:skewX(-20deg);
    transition:left .6s ease;
  }
  .btn-gold:hover::after{ left:120%; }
  .btn-gold:hover{ transform:translateY(-2px); box-shadow:0 12px 28px -6px rgba(198,161,91,0.7); }
  .btn-outline{
    border:1px solid var(--gold-500);
    color:var(--gold-100);
    transition:background .25s ease, box-shadow .25s ease, transform .2s ease;
  }
  .btn-outline:hover{
    background:rgba(198,161,91,0.12);
    box-shadow:0 0 0 1px var(--gold-500), 0 8px 20px -8px rgba(198,161,91,0.5);
    transform:translateY(-2px);
  }

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    padding:96px 0 150px;
    overflow:hidden;
  }
  /* fotoğraf: alt ve üst kenarlarda zemine erir */
  .hero::before{
    content:'';
    position:absolute; inset:0; z-index:0;
    background:url('../images/hero-bg.jpg') center 30%/cover no-repeat;
    opacity:0.5;
    mix-blend-mode:luminosity;
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 52%, transparent 100%);
            mask-image:linear-gradient(180deg, transparent 0%, #000 14%, #000 52%, transparent 100%);
  }
  /* metin okunurluğu için sol tarafı koyulaştıran, altı şeffaf biten perde */
  .hero::after{
    content:'';
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(ellipse 900px 520px at 84% 22%, rgba(198,161,91,0.13), transparent 62%),
      linear-gradient(90deg, rgba(8,28,18,0.62) 0%, rgba(8,28,18,0.28) 46%, rgba(8,28,18,0) 78%),
      linear-gradient(180deg, rgba(8,28,18,0.35) 0%, rgba(8,28,18,0.18) 55%, rgba(8,28,18,0) 100%);
  }
  .hero-grid{ position:relative; z-index:1; }
  .hero-grid{
    display:grid; grid-template-columns:1.05fr 0.95fr; gap:40px; align-items:center;
  }
  .hero h1{
    font-size:56px; line-height:1.08; color:var(--cream);
    margin:22px 0 24px;
  }
  .hero h1 em{ font-style:normal; color:var(--gold-300); font-weight:700; }
  .hero p.lede{
    font-size:17px; color:var(--cream-dim); max-width:460px; margin-bottom:36px;
  }
  .hero p.lede a{ color:var(--gold-300); text-decoration:underline; text-decoration-color:rgba(198,161,91,0.4); text-underline-offset:3px; transition:color .2s; }
  .hero p.lede a:hover{ color:var(--gold-100); }
  .trust-row{ display:flex; gap:12px; margin-bottom:30px; flex-wrap:wrap; }
  .trust-item{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid var(--gold-600); border-radius:999px;
    padding:9px 17px; font-size:12.5px; color:var(--gold-100);
    background:rgba(198,161,91,0.07);
  }
  .trust-item svg{ width:15px; height:15px; color:var(--gold-300); flex-shrink:0; }
  .trust-item::after{
    content:''; position:absolute; top:0; left:-60%; width:30%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.22), transparent);
    transform:skewX(-20deg);
    animation:badge-shine 4.2s ease-in-out infinite;
  }
  .trust-item:nth-child(2)::after{ animation-delay:1.4s; }
  .hero-ctas{ display:flex; gap:16px; align-items:center; margin-bottom:44px; }
  .hero-stats{ display:flex; gap:40px; }
  .hero-stats div{ border-left:1px solid var(--line); padding-left:16px; }
  .hero-stats div.single{ border-left:none; padding-left:0; }
  .hero-stats b{ display:block; font-family:'Cormorant Garamond',serif; font-size:26px; color:var(--gold-300); }
  .hero-stats span{ font-size:12.5px; color:var(--cream-dim); }

  .hero-art{
    position:relative;
    aspect-ratio:1/1.05;
    display:flex; align-items:center; justify-content:center;
  }
  .hero-art .glow{
    position:absolute; inset:6%;
    background:radial-gradient(circle, rgba(198,161,91,0.28), transparent 68%);
    filter:blur(4px);
    animation:glow-pulse 5s ease-in-out infinite;
  }
  @keyframes glow-pulse{
    0%,100%{ opacity:0.7; transform:scale(1); }
    50%{ opacity:1; transform:scale(1.08); }
  }
  .hero-art picture{ display:contents; }
  .hero-art .portrait{
    width:72%; height:auto; opacity:0.97;
    filter:drop-shadow(0 30px 60px rgba(0,0,0,0.55));
  }

  /* ---------- HERO GİRİŞ KOREOGRAFİSİ ----------
     Sayfa yüklendiğinde hero içeriği tek tek, kısa gecikmelerle sahneye girer;
     logo ise perde açılır gibi soldan sağa beliren bir "wipe" ile ortaya çıkar. */
  @keyframes hero-in{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:none; } }
  .hero .eyebrow,
  .hero h1,
  .hero p.lede,
  .hero .trust-row,
  .hero .hero-ctas,
  .hero .hero-stats{
    animation:hero-in .85s cubic-bezier(0.16,1,0.3,1) both;
  }
  .hero .eyebrow{ animation-delay:.05s; }
  .hero h1{ animation-delay:.16s; }
  .hero p.lede{ animation-delay:.34s; }
  .hero .trust-row{ animation-delay:.48s; }
  .hero .hero-ctas{ animation-delay:.6s; }
  .hero .hero-stats{ animation-delay:.72s; }
  .hero-art{
    animation:hero-art-in 1.2s cubic-bezier(0.65,0,0.35,1) .3s both;
  }
  @keyframes hero-art-in{
    from{ opacity:0; clip-path:inset(0 100% 0 0); }
    to{ opacity:1; clip-path:inset(0 0% 0 0); }
  }

  /* ---------- SECTION SHARED ---------- */
  section{ padding:110px 0; position:relative; }
  .sec-head{ max-width:640px; margin-bottom:64px; }
  .sec-head h2{ font-size:38px; color:var(--cream); margin-top:16px; }

  /* divider (signature element echoing logo's leaf motif) */
  .flourish{ display:flex; align-items:center; justify-content:center; gap:14px; margin:0 auto; width:fit-content; }
  .flourish svg{ display:block; }

  /* ---------- FEATURED SERVICES ---------- */
  .feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
  .feat-grid.reveal .feat-card{
    opacity:0; transform:translateY(20px);
    transition:opacity .65s cubic-bezier(0.16,1,0.3,1), transform .65s cubic-bezier(0.16,1,0.3,1), background .25s;
  }
  .feat-grid.reveal.in-view .feat-card{ opacity:1; transform:none; }
  .feat-grid.reveal.in-view .feat-card:nth-child(1){ transition-delay:0s; }
  .feat-grid.reveal.in-view .feat-card:nth-child(2){ transition-delay:.12s; }
  .feat-grid.reveal.in-view .feat-card:nth-child(3){ transition-delay:.24s; }
  .feat-card{
    position:relative; background:var(--green-900); padding:44px 36px;
    overflow:hidden; isolation:isolate;
  }
  .feat-card .feat-bg{
    position:absolute; inset:0; z-index:-1;
    width:100%; height:100%; object-fit:cover;
    opacity:0.16; filter:saturate(0.7);
    transition:opacity .4s ease;
  }
  .feat-card:hover .feat-bg{ opacity:0.26; }
  .feat-card::after{
    content:''; position:absolute; inset:0; z-index:-1;
    background:linear-gradient(180deg, rgba(18,52,32,0.55), var(--green-900) 78%);
  }
  .feat-card:hover{ background:var(--green-800); box-shadow:inset 0 1px 0 var(--gold-500); }
  .feat-num{
    font-family:'Cormorant Garamond',serif; font-style:normal; font-weight:600; color:var(--gold-600); font-size:14px;
    display:inline-block; animation:num-float 3s ease-in-out infinite;
  }
  @keyframes num-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-3px); } }
  .feat-card h3{ font-size:23px; color:var(--gold-100); margin:18px 0 12px; }
  .feat-card p{ font-size:14.5px; color:var(--cream-dim); margin-bottom:22px; }
  .feat-card a{ font-size:13.5px; color:var(--gold-300); border-bottom:1px solid var(--gold-600); padding-bottom:3px; }
  .feat-icon{ width:38px; height:38px; }

  /* ---------- ALL SERVICES ---------- */
  .chip-grid{ display:flex; flex-wrap:wrap; gap:14px; }
  .chip-grid.reveal .chip{
    opacity:0; transform:translateY(14px) scale(0.98);
    transition:opacity .5s cubic-bezier(0.16,1,0.3,1), transform .5s cubic-bezier(0.16,1,0.3,1), border-color .2s, color .2s;
  }
  .chip-grid.reveal.in-view .chip{ opacity:1; transform:none; }
  .chip-grid.reveal.in-view .chip:nth-child(5n+1){ transition-delay:0s; }
  .chip-grid.reveal.in-view .chip:nth-child(5n+2){ transition-delay:.06s; }
  .chip-grid.reveal.in-view .chip:nth-child(5n+3){ transition-delay:.12s; }
  .chip-grid.reveal.in-view .chip:nth-child(5n+4){ transition-delay:.18s; }
  .chip-grid.reveal.in-view .chip:nth-child(5n+5){ transition-delay:.24s; }
  .chip{
    border:1px solid var(--line); padding:14px 22px; border-radius:999px;
    font-size:14.5px; color:var(--cream-dim); display:flex; align-items:center; gap:10px;
    transition:border-color .2s, color .2s;
  }
  .chip:hover{ border-color:var(--gold-500); color:var(--gold-100); box-shadow:0 0 0 1px rgba(198,161,91,0.3); transform:translateY(-2px); }
  .chip .dot{ width:5px; height:5px; border-radius:50%; background:var(--gold-500); }

  /* ---------- TESTIMONIALS ---------- */
  .memnuniyet{
    position:relative;
    background:
      radial-gradient(ellipse 420px 600px at 0% 50%, rgba(198,161,91,0.09), transparent 60%),
      radial-gradient(ellipse 420px 600px at 100% 50%, rgba(198,161,91,0.09), transparent 60%);
  }
  .test-track-wrap{
    overflow:hidden; padding:8px 0 12px;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  }
  .test-track{
    display:flex; gap:24px; width:max-content;
    padding:0 32px;
    animation:test-scroll 50s linear infinite;
  }
  .test-track:hover{ animation-play-state:paused; }
  @keyframes test-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
  @media (prefers-reduced-motion: reduce){
    .test-track, .google-badge, .google-badge::after, .feat-num, .fab-wa, .trust-item::after, .nav-cta::after, .sparkle-inline, .map-ping, .brandmark img{ animation:none; }
    .map-car{ visibility:hidden; }
    body::before{ animation:none; }
    .hero .eyebrow, .hero h1, .hero p.lede, .hero .trust-row, .hero .hero-ctas, .hero .hero-stats, .hero-art{
      animation:none; opacity:1; transform:none; clip-path:none;
    }
    .eyebrow::after, .hero .eyebrow::after, .page-hero-inner .eyebrow::after{ animation:none; transition:none; transform:scaleX(1); }
    ::view-transition-old(root), ::view-transition-new(root){ animation:none; }
  }
  .test-card{
    width:330px; flex:0 0 330px;
    background:linear-gradient(165deg, var(--green-800), var(--green-900) 65%);
    border:1px solid var(--line); border-radius:16px;
    padding:32px 28px; display:flex; flex-direction:column; gap:18px;
    position:relative; overflow:hidden;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  }
  .test-card:hover{
    transform:translateY(-8px);
    border-color:var(--gold-500);
    box-shadow:0 26px 44px -18px rgba(0,0,0,0.6), 0 0 0 1px rgba(198,161,91,0.25);
  }
  .test-card::before{
    content:'"'; position:absolute; top:-18px; right:18px; z-index:0;
    font-family:'Cormorant Garamond',serif; font-size:96px; color:rgba(198,161,91,0.09);
    line-height:1; pointer-events:none;
  }
  .test-card::after{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
    background:linear-gradient(120deg, transparent 42%, rgba(198,161,91,0.10) 50%, transparent 58%);
    transform:translateX(-120%);
    transition:transform .9s ease;
  }
  .test-card:hover::after{ transform:translateX(120%); }
  .test-card > *{ position:relative; z-index:1; }
  .google-badge{
    position:relative; overflow:hidden;
    display:inline-flex; align-items:center; gap:10px;
    border:1px solid var(--gold-600); border-radius:999px;
    padding:9px 20px; margin-bottom:22px;
    background:var(--green-900);
    animation:badge-glow 3s ease-in-out infinite;
  }
  .google-badge::after{
    content:''; position:absolute; top:0; left:-60%; width:30%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.22), transparent);
    transform:skewX(-20deg);
    animation:badge-shine 3.6s ease-in-out infinite;
  }
  @keyframes badge-glow{
    0%,100%{ box-shadow:0 0 0 0 rgba(198,161,91,0.22); }
    50%{ box-shadow:0 0 16px 2px rgba(198,161,91,0.28); }
  }
  @keyframes badge-shine{
    0%{ left:-60%; } 42%{ left:130%; } 100%{ left:130%; }
  }
  .google-badge span{ font-size:13.5px; color:var(--cream-dim); }
  .google-badge b{ color:var(--gold-300); }
  .google-badge .g-stars{ color:var(--gold-500); letter-spacing:1px; font-size:12px; }
  .stars{ color:var(--gold-500); font-size:14px; letter-spacing:2px; }
  .test-card p{ font-size:14.5px; color:var(--cream-dim); flex:1; }
  .test-who{ display:flex; align-items:center; gap:12px; padding-top:12px; border-top:1px solid var(--line); }
  .avatar{
    width:38px; height:38px; border-radius:50%;
    background:linear-gradient(135deg,var(--gold-300),var(--gold-600));
    display:flex; align-items:center; justify-content:center;
    font-family:'Cormorant Garamond',serif; color:var(--green-950); font-weight:600; font-size:14px;
  }
  .test-who b{ font-size:13.5px; color:var(--gold-100); display:block; }
  .test-who span{ font-size:12px; color:var(--gold-600); }

  /* ---------- CONTACT / MAP ---------- */
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--line); border-radius:20px; overflow:hidden; }
  .contact-info{ padding:56px 48px; background:var(--green-800); }
  .contact-info h2{ font-size:32px; margin-bottom:28px; }
  .info-row{ display:flex; gap:16px; margin-bottom:24px; align-items:flex-start; }
  .info-row .ic{ width:20px; height:20px; margin-top:3px; flex-shrink:0; color:var(--gold-500); }
  .info-row b{ display:block; font-size:14px; color:var(--gold-100); margin-bottom:3px; }
  .info-row span, .info-row a{ font-size:14px; color:var(--cream-dim); }
  .social-row{ display:flex; gap:12px; margin-top:32px; }
  .social-btn{
    width:42px; height:42px; border:1px solid var(--gold-500); border-radius:50%;
    display:flex; align-items:center; justify-content:center; color:var(--gold-300);
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .social-btn:hover{ background:rgba(198,161,91,0.14); transform:translateY(-3px); box-shadow:0 8px 16px -6px rgba(198,161,91,0.5); }
  .map-side{
    position:relative; min-height:380px; overflow:hidden;
    background:linear-gradient(135deg, var(--green-800), var(--green-700));
    display:flex; align-items:center; justify-content:center;
  }
  .map-svg{ width:100%; height:100%; position:absolute; inset:0; }
  .map-block{ fill:rgba(198,161,91,0.06); stroke:rgba(198,161,91,0.17); stroke-width:1; }
  .map-park{ fill:rgba(160,185,140,0.16); }
  .map-road{ stroke:rgba(198,161,91,0.20); stroke-width:2; fill:none; }
  .map-road.main{ stroke:rgba(198,161,91,0.4); stroke-width:4; }
  .map-car{ fill:var(--gold-200,#dcc48a); filter:drop-shadow(0 0 4px rgba(230,200,140,0.9)); }
  .map-pin-wrap{ position:relative; z-index:2; width:44px; height:44px; }
  .map-ping{
    position:absolute; top:50%; left:50%; width:70px; height:70px;
    margin:-35px 0 0 -35px; border-radius:50%;
    border:1px solid var(--gold-500);
    animation:map-ping 2.6s ease-out infinite;
  }
  @keyframes map-ping{
    0%{ transform:scale(0.3); opacity:0.9; }
    100%{ transform:scale(1.9); opacity:0; }
  }
  .map-pin{ width:44px; height:44px; position:relative; z-index:2; filter:drop-shadow(0 8px 12px rgba(0,0,0,0.45)); }
  .map-label{
    position:absolute; top:56px; left:50%; transform:translateX(-50%);
    font-size:11.5px; color:var(--gold-100); white-space:nowrap;
    background:rgba(8,28,18,0.72); padding:5px 12px; border-radius:999px;
    border:1px solid var(--line);
  }
  .map-overlay{ position:absolute; bottom:22px; left:50%; transform:translateX(-50%); z-index:3; }

  /* ---------- FINAL CTA ---------- */
  .final-cta{
    position:relative; overflow:hidden;
    text-align:center; padding:110px 0;
  }
  .final-cta h2{ font-size:42px; margin-bottom:20px; }
  .final-cta p{ color:var(--cream-dim); max-width:480px; margin:0 auto 40px; }
  .cta-heading{ display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:20px; }
  .cta-heading h2{ margin-bottom:0; }
  .sparkle-inline{
    width:20px; height:20px; color:var(--gold-300); flex-shrink:0;
    animation:sparkle-twinkle 3.2s ease-in-out infinite;
  }
  .sparkle-inline:last-child{ animation-delay:1.6s; }
  @keyframes sparkle-twinkle{
    0%,100%{ opacity:0.35; transform:scale(0.75) rotate(0deg); }
    50%{ opacity:1; transform:scale(1.1) rotate(12deg); }
  }

  /* ---------- FOOTER ---------- */
  footer{
    position:relative; overflow:hidden;
    border-top:1px solid var(--line); padding:52px 0 36px;
    text-align:center;
    background:
      radial-gradient(ellipse 280px 300px at 0% 50%, rgba(198,161,91,0.10), transparent 65%),
      radial-gradient(ellipse 280px 300px at 100% 50%, rgba(198,161,91,0.10), transparent 65%);
  }
  .foot-inner{ display:flex; flex-direction:column; align-items:center; gap:16px; }
  .foot-word{
    font-family:'Cormorant Garamond',serif; font-style:normal; font-weight:600; font-size:20px;
    color:var(--gold-300); letter-spacing:0.06em;
  }
  .foot-word span{
    display:block; font-family:'Cormorant Garamond',serif; font-style:normal;
    font-size:9.5px; letter-spacing:0.28em; color:var(--gold-600);
    text-transform:uppercase; margin-top:3px;
  }
  .foot-links{ display:flex; gap:26px; font-size:13px; color:var(--cream-dim); }
  .foot-meta{ display:flex; gap:22px; flex-wrap:wrap; justify-content:center; font-size:12px; color:var(--cream-dim); opacity:0.75; }
  .foot-copy{ font-size:11.5px; color:var(--gold-600); margin-top:6px; }

  /* ---------- SCROLL REVEAL ---------- */
  .reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s ease, transform .8s ease; }
  .reveal.in-view{ opacity:1; transform:translateY(0); }
  @media (prefers-reduced-motion: reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
  }

  /* ---------- KAYDIRMA İLERLEME ÇUBUĞU ---------- */
  .scroll-progress{
    position:fixed; top:0; left:0; height:2.5px; width:0%; z-index:70;
    background:linear-gradient(90deg, var(--gold-600), var(--gold-300) 50%, var(--gold-600));
    box-shadow:0 0 8px rgba(198,161,91,0.55);
    pointer-events:none;
  }

  /* ---------- FLOATING ACTION STACK ---------- */
  .fab-stack{
    position:fixed; bottom:24px; right:24px; z-index:60;
    display:flex; flex-direction:column-reverse; align-items:center; gap:14px;
  }
  .fab{
    position:relative;
    display:flex; align-items:center; justify-content:center;
    border-radius:50%;
    box-shadow:0 10px 24px -8px rgba(0,0,0,0.6);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .fab:hover{ transform:translateY(-4px) scale(1.06); }
  .fab-label{
    position:absolute; right:calc(100% + 14px); top:50%; transform:translateY(-50%) translateX(6px);
    background:var(--green-900); border:1px solid var(--line); color:var(--gold-100);
    font-size:12.5px; white-space:nowrap; padding:7px 14px; border-radius:999px;
    opacity:0; pointer-events:none; transition:opacity .25s ease, transform .25s ease;
  }
  .fab:hover .fab-label{ opacity:1; transform:translateY(-50%) translateX(0); }

  .fab-wa{
    width:60px; height:60px;
    background:linear-gradient(180deg, var(--gold-300), var(--gold-600));
    animation:fab-pulse 2.8s ease-in-out infinite;
  }
  .fab-wa svg{ width:30px; height:30px; }
  @keyframes fab-pulse{
    0%,100%{ box-shadow:0 10px 24px -8px rgba(0,0,0,0.6), 0 0 0 0 rgba(198,161,91,0.45); }
    50%{ box-shadow:0 10px 24px -8px rgba(0,0,0,0.6), 0 0 0 10px rgba(198,161,91,0); }
  }

  .fab-sm{
    width:46px; height:46px;
    background:var(--green-900); border:1px solid var(--gold-500); color:var(--gold-300);
  }
  .fab-sm svg{ width:19px; height:19px; }
  .fab-sm:hover{ background:var(--green-800); }

  @media (max-width:900px){
    .hero-grid{ grid-template-columns:1fr; }
    .hero-art{ order:-1; max-width:280px; margin:0 auto; }
    .hero h1{ font-size:36px; }
    .hero-ctas{ flex-direction:column; align-items:stretch; }
    .hero-ctas .btn{ justify-content:center; }
    .trust-row{ justify-content:center; }
    .feat-grid{ grid-template-columns:1fr; }
    .test-card{ width:260px; flex:0 0 260px; }
    .contact-grid{ grid-template-columns:1fr; }
    .contact-info{ padding:40px 28px; }
    .map-side{ min-height:260px; }
    .navlinks{ display:none; }
    .hero-stats{ flex-wrap:wrap; gap:24px; }
    .final-cta{ padding:80px 0; }
    .final-cta h2{ font-size:30px; }
    .cta-heading{ gap:10px; }
    .sparkle-inline{ width:16px; height:16px; }
    .foot-links{ gap:18px; flex-wrap:wrap; justify-content:center; }
    .foot-meta{ gap:14px; }
    .fab-stack{ bottom:18px; right:16px; gap:12px; }
    .fab-wa{ width:54px; height:54px; }
    .fab-wa svg{ width:27px; height:27px; }
    .fab-sm{ width:42px; height:42px; }
    .fab-sm svg{ width:17px; height:17px; }
    .fab-label{ display:none; }
  }
  @media (max-width:420px){
    .wrap{ padding:0 20px; }
    .hero h1{ font-size:30px; }
    .lede{ font-size:14.5px; }
    .final-cta h2{ font-size:25px; }
    .trust-item{ font-size:11.5px; padding:8px 13px; }
  }



/* ============ NAV: mega menü + mobil çekmece ============ */
.navlinks > .has-mega{ height:100%; display:flex; align-items:center; }
.navlinks > .has-mega > a{ display:inline-flex; align-items:center; gap:6px; height:100%; padding:0; }
.navlinks > .has-mega > a svg{ width:10px; height:10px; transition:transform .25s ease; }
.navlinks > .has-mega:hover > a svg, .navlinks > .has-mega:focus-within > a svg{ transform:rotate(180deg); }
.mega{
  position:absolute; left:0; right:0; top:100%;
  background:linear-gradient(180deg, rgba(8,28,18,0.97), rgba(12,40,24,0.985));
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 30px 50px -28px rgba(0,0,0,0.7);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
}
.has-mega:hover .mega, .has-mega:focus-within .mega{ opacity:1; visibility:visible; transform:none; }
.mega .wrap{ display:grid; grid-template-columns:repeat(4,1fr); gap:36px; padding-top:34px; padding-bottom:34px; }
.mega h4{
  font-family:'Jost',sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold-500); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--line);
}
.mega ul{ list-style:none; display:flex; flex-direction:column; gap:2px; }
.mega ul a{ display:block; padding:7px 0; font-size:14px; color:var(--cream-dim); transition:color .2s, transform .2s; }
.mega ul a:hover{ color:var(--gold-300); transform:translateX(4px); }
.mega ul a.all{ color:var(--gold-300); font-size:13px; margin-top:6px; }

.nav-toggle{
  display:none; width:46px; height:46px; border-radius:50%;
  border:1px solid var(--gold-600); background:rgba(198,161,91,0.08);
  align-items:center; justify-content:center; cursor:pointer; color:var(--gold-300);
}
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{
  display:block; width:18px; height:1.6px; background:currentColor; border-radius:2px; position:relative; transition:transform .3s ease, background .3s ease;
}
.nav-toggle span::before, .nav-toggle span::after{ content:''; position:absolute; left:0; }
.nav-toggle span::before{ top:-6px; } .nav-toggle span::after{ top:6px; }
body.menu-open .nav-toggle span{ background:transparent; }
body.menu-open .nav-toggle span::before{ transform:translateY(6px) rotate(45deg); }
body.menu-open .nav-toggle span::after{ transform:translateY(-6px) rotate(-45deg); }

.drawer{
  position:fixed; inset:84px 0 0 0; z-index:49; overflow-y:auto;
  background:linear-gradient(180deg, #0A2015, #081C12);
  padding:22px 24px 120px;
  transform:translateX(100%); visibility:hidden;
  transition:transform .38s cubic-bezier(0.16,1,0.3,1), visibility .38s;
}
body.menu-open .drawer{ transform:none; visibility:visible; }
body.menu-open{ overflow:hidden; }
body.menu-open .fab-stack{ display:none; }
.drawer details{ border-bottom:1px solid var(--line); }
.drawer summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between;
  padding:17px 2px; font-family:'Cormorant Garamond',serif; font-size:21px; font-weight:600; color:var(--cream);
}
.drawer summary::-webkit-details-marker{ display:none; }
.drawer summary::after{ content:'+'; font-family:'Jost',sans-serif; font-weight:300; font-size:22px; color:var(--gold-500); transition:transform .25s ease; }
.drawer details[open] summary::after{ content:'−'; }
.drawer details a{ display:block; padding:10px 2px 10px 14px; font-size:15px; color:var(--cream-dim); border-left:1px solid var(--line); }
.drawer details a:last-child{ margin-bottom:14px; }
.drawer .d-link{ display:block; padding:17px 2px; font-family:'Cormorant Garamond',serif; font-size:21px; font-weight:600; color:var(--cream); border-bottom:1px solid var(--line); }
.drawer .d-cta{ margin-top:26px; display:flex; flex-direction:column; gap:12px; }
.drawer .d-cta .btn{ justify-content:center; }

@media (max-width:980px){
  .navlinks{ display:none; }
  .nav-toggle{ display:inline-flex; }
  .nav-cta{ display:none; }
  nav.wrap{ gap:14px; }
}
@media (min-width:981px){ .drawer{ display:none; } }

/* ============ İÇ SAYFALAR ============ */
.breadcrumb{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-size:12.5px; color:var(--cream-dim); padding-top:20px; position:relative; z-index:2;
}
.breadcrumb a{ color:var(--gold-300); transition:color .2s; }
.breadcrumb a:hover{ color:var(--gold-100); }
.breadcrumb span{ opacity:.5; }

.page-hero{ position:relative; overflow:hidden; padding:28px 0 46px; }
.page-hero .page-hero-bg{
  position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover;
  opacity:0.13; filter:saturate(0.6);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 46%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 46%,transparent 100%);
}
.page-hero::after{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 900px 460px at 82% 0%, rgba(198,161,91,0.13), transparent 62%);
}
.page-hero > .wrap{ position:relative; z-index:1; }
.page-hero-inner{ max-width:800px; }
.page-hero h1{
  font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:50px; line-height:1.1; color:var(--cream); margin:16px 0 22px; text-wrap:balance;
}
.page-hero h1 em{ font-style:normal; color:var(--gold-300); font-weight:700; }
.page-hero .lede{ font-size:17px; line-height:1.75; color:var(--cream-dim); max-width:680px; margin-bottom:30px; }
.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.meta-row{ display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; font-size:13px; color:var(--cream-dim); margin-bottom:22px; }
.chip-cat{
  display:inline-block; padding:5px 13px; border:1px solid var(--gold-600); border-radius:999px;
  font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-300); background:rgba(198,161,91,0.08);
}

.page-body{
  display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:72px; align-items:start;
  padding-top:34px; padding-bottom:80px;
}
.prose{ min-width:0; max-width:760px; }
.prose > .intro p:first-child{ font-size:18px; color:var(--cream); }
.prose h2{ font-size:33px; line-height:1.18; margin:58px 0 18px; scroll-margin-top:110px; text-wrap:balance; color:var(--cream); }
.prose > .intro + .prose-sec h2, .prose > .prose-sec:first-of-type h2{ margin-top:44px; }
.prose p{ color:var(--cream-dim); line-height:1.88; font-size:16px; margin-bottom:17px; }
.prose p strong, .prose li strong{ color:var(--gold-100); font-weight:600; }
.prose a{ color:var(--gold-300); text-decoration:underline; text-decoration-color:rgba(198,161,91,0.4); text-underline-offset:3px; transition:color .2s, text-decoration-color .2s; }
.prose a:hover{ color:var(--gold-100); text-decoration-color:var(--gold-300); }
.prose ul, .prose ol{ margin:6px 0 20px; padding-left:0; list-style:none; counter-reset:li; }
.prose li{ position:relative; padding-left:34px; color:var(--cream-dim); line-height:1.8; font-size:15.5px; margin-bottom:11px; }
.prose ul li::before{ content:''; position:absolute; left:8px; top:0.72em; width:7px; height:7px; border-radius:50%; background:var(--gold-500); box-shadow:0 0 0 3px rgba(198,161,91,0.15); }
.prose ol li{ counter-increment:li; }
.prose ol li::before{
  content:counter(li); position:absolute; left:0; top:0.1em; width:24px; height:24px; border-radius:50%;
  border:1px solid var(--gold-600); color:var(--gold-300); font-size:12px; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-weight:700;
}
.callout{
  margin:24px 0; padding:20px 24px 20px 26px; border-radius:0 14px 14px 0;
  border-left:2px solid var(--gold-500);
  background:linear-gradient(90deg, rgba(198,161,91,0.10), rgba(198,161,91,0.02));
}
.prose .callout p{ margin:0; color:var(--cream); font-size:15.5px; line-height:1.75; }
.prose .disclaimer{ margin-top:46px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; color:rgba(217,210,190,0.7); line-height:1.7; }

.side{ position:sticky; top:108px; display:flex; flex-direction:column; gap:20px; }
.side-card{
  border:1px solid var(--line); border-radius:20px; padding:28px 26px;
  background:linear-gradient(165deg, rgba(27,64,40,0.66), rgba(12,40,24,0.72));
  box-shadow:0 24px 44px -28px rgba(0,0,0,0.65);
}
.side-card h3{ font-size:23px; color:var(--gold-100); margin-bottom:10px; }
.side-card p{ font-size:14px; color:var(--cream-dim); line-height:1.7; margin-bottom:16px; }
.side-card .btn{ width:100%; justify-content:center; margin-bottom:10px; }
.side-info{ list-style:none; margin-top:14px; padding-top:16px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:10px; font-size:13.5px; color:var(--cream-dim); }
.side-info b{ color:var(--gold-300); font-weight:500; display:block; font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:2px; }
.toc h3{ font-size:19px; margin-bottom:12px; }
.toc ol{ list-style:none; display:flex; flex-direction:column; gap:2px; counter-reset:t; }
.toc li{ counter-increment:t; }
.toc a{ display:flex; gap:10px; padding:7px 0; font-size:13.5px; color:var(--cream-dim); border-bottom:1px solid rgba(198,161,91,0.12); transition:color .2s, padding .2s; }
.toc a::before{ content:counter(t, decimal-leading-zero); color:var(--gold-600); font-family:'Cormorant Garamond',serif; font-weight:700; font-size:13px; padding-top:1px; }
.toc a:hover{ color:var(--gold-300); padding-left:4px; }

/* FAQ bölümü (iç sayfa) */
.faq-list{ margin-top:14px; }
.faq-item{ border-bottom:1px solid var(--line); padding:18px 0; }
.faq-q{ display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; user-select:none; padding:2px 0; }
.faq-q h3{ font-size:19px; color:var(--gold-100); font-weight:600; margin:0; display:flex; align-items:center; gap:12px; line-height:1.3; }
.faq-q h3::before{ content:''; width:5px; height:5px; border-radius:50%; background:var(--gold-500); flex-shrink:0; }
.faq-toggle{
  width:28px; height:28px; border-radius:50%; border:1px solid var(--gold-600); flex-shrink:0;
  display:flex; align-items:center; justify-content:center; position:relative;
  transition:background .3s ease, border-color .3s ease;
}
.faq-toggle::before, .faq-toggle::after{ content:''; position:absolute; background:var(--gold-300); transition:transform .35s cubic-bezier(0.16,1,0.3,1), opacity .35s ease; }
.faq-toggle::before{ width:10px; height:1.4px; } .faq-toggle::after{ width:1.4px; height:10px; }
.faq-item.open .faq-toggle{ background:var(--gold-500); border-color:var(--gold-500); }
.faq-item.open .faq-toggle::before, .faq-item.open .faq-toggle::after{ background:var(--green-950); }
.faq-item.open .faq-toggle::after{ transform:rotate(90deg); opacity:0; }
.faq-a-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(0.16,1,0.3,1); }
.faq-item.open .faq-a-wrap{ grid-template-rows:1fr; }
.faq-a-inner{ overflow:hidden; }
.faq-item p, .prose .faq-item p{ color:var(--cream-dim); font-size:15px; line-height:1.8; margin:0; padding:12px 40px 0 17px; }

/* kartlar (ilgili hizmet / makale) */
.band{ padding:10px 0 90px; }
.band h2{ font-size:34px; margin-bottom:26px; color:var(--cream); }
.band .eyebrow{ margin-bottom:10px; }
.card-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:20px; }
.svc-card, .art-card{
  position:relative; display:flex; flex-direction:column; gap:10px; overflow:hidden;
  padding:26px 24px 24px; border:1px solid var(--line); border-radius:18px;
  background:linear-gradient(165deg, rgba(27,64,40,0.55), rgba(12,40,24,0.6));
  transition:transform .35s cubic-bezier(0.16,1,0.3,1), border-color .35s ease, box-shadow .35s ease;
}
.svc-card::before, .art-card::before{
  content:''; position:absolute; top:0; left:-60%; width:35%; height:100%;
  background:linear-gradient(120deg, transparent, rgba(198,161,91,0.09), transparent); transform:skewX(-20deg); transition:left .7s ease;
}
.svc-card:hover::before, .art-card:hover::before{ left:130%; }
.svc-card:hover, .art-card:hover{ transform:translateY(-5px); border-color:var(--gold-600); box-shadow:0 22px 40px -22px rgba(0,0,0,0.6); }
.svc-card h3, .art-card h3{ font-size:22px; line-height:1.2; color:var(--cream); }
.svc-card p, .art-card p{ font-size:14px; color:var(--cream-dim); line-height:1.65; flex:1; }
.card-more{ font-size:13px; color:var(--gold-300); display:inline-flex; gap:6px; align-items:center; }
.card-more::after{ content:'→'; transition:transform .3s ease; }
.svc-card:hover .card-more::after, .art-card:hover .card-more::after{ transform:translateX(4px); }
.art-card .cat{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-500); }
.art-card .rm{ font-size:12px; color:rgba(217,210,190,0.65); }

.hub-group{ margin-bottom:64px; }
.hub-group > h2{ font-size:34px; margin-bottom:8px; }
.hub-group > p{ color:var(--cream-dim); max-width:640px; margin-bottom:24px; line-height:1.75; }

/* bitiş CTA bandı */
.end-cta{ position:relative; text-align:center; padding:84px 0 96px; }
.end-cta h2{ font-size:42px; margin-bottom:14px; color:var(--cream); }
.end-cta p{ color:var(--cream-dim); max-width:520px; margin:0 auto 30px; line-height:1.75; }

@media (max-width:1060px){
  .page-body{ grid-template-columns:1fr; gap:36px; }
  .side{ position:static; flex-direction:column; }
  .toc{ display:none; }
}
@media (max-width:900px){
  .page-hero h1{ font-size:36px; }
  .prose h2{ font-size:28px; margin-top:46px; }
  .end-cta h2{ font-size:30px; }
}
@media (max-width:600px){
  .page-hero{ padding-bottom:30px; }
  .page-hero h1{ font-size:31px; }
  .prose p{ font-size:15.5px; }
  .faq-q h3{ font-size:17px; }
  .faq-item p{ padding-right:8px; }
}

/* footer (çok sütunlu) */
footer{ text-align:left; }
.foot-grid{ display:grid; grid-template-columns:1.3fr repeat(3,1fr); gap:40px; padding-bottom:36px; }
.foot-grid h4{ font-family:'Jost',sans-serif; font-weight:500; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-500); margin-bottom:14px; }
.foot-grid ul{ list-style:none; display:flex; flex-direction:column; gap:7px; }
.foot-grid a{ font-size:13.5px; color:var(--cream-dim); transition:color .2s; }
.foot-grid a:hover{ color:var(--gold-300); }
.foot-brand p{ font-size:13.5px; color:var(--cream-dim); line-height:1.75; margin-top:14px; max-width:300px; }
.foot-bottom{ border-top:1px solid var(--line); padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.foot-bottom .foot-copy{ margin:0; }
@media (max-width:900px){ .foot-grid{ grid-template-columns:1fr 1fr; } .foot-brand{ grid-column:1/-1; } }
@media (max-width:520px){ .foot-grid{ grid-template-columns:1fr; } }

@media (prefers-reduced-motion: reduce){
  .svc-card, .art-card, .drawer, .mega{ transition:none; }
}

.nav-right{ display:flex; align-items:center; gap:12px; }
@media (max-width:980px){ .nav-right{ display:none; } }