/* ==========================================================================
   Karakaş Hukuk Bürosu — aydınlık tema (beyaz + koyu lacivert + altın)

   Mevcut koyu paletin üzerine binen bir katman. Sıralamada en sonda
   olduğu için kazanır; kaldırıldığında site eski hâline döner.

   Zemin beyaz, metin lacivert; başlık, hero ve footer lacivert bant.
   Altın vurgu korunuyor (logo altın), ama beyaz üzerinde okunabilmesi
   için koyultuluyor.
   ========================================================================== */

:root{
  --navy:#0a1b3d;
  --navy-2:#0f254d;
  --navy-3:#16305c;

  --bg:#ffffff;
  --bg-soft:#f6f8fc;
  --tint:#eff3fa;
  --panel:#ffffff;
  --panel-2:#f6f8fc;

  --text:#0b1323;
  --muted:#46536b;
  --muted-2:#5b6677;

  --line:#e3e7ef;
  --line-soft:#eef1f6;

  /* Altın: koyu zeminde parlak, beyaz zeminde okunur olması için iki ton. */
  --gold:#8a6529;
  --gold-2:#6f4f1d;
  --gold-dim:#cbae72;
  --gold-on-dark:#e0bd83;

  --radius:14px;
  --radius-sm:10px;
  --shadow-sm:0 1px 2px rgba(10,27,61,.06),0 1px 1px rgba(10,27,61,.04);
  --shadow-md:0 10px 30px -12px rgba(10,27,61,.18),0 2px 4px rgba(10,27,61,.04);
  --shadow-lg:0 30px 60px -20px rgba(10,27,61,.25),0 4px 10px rgba(10,27,61,.06);
}

body{background:#fff;color:var(--text)}

/* ----------------------------------------------------------- başlık -- */
.site-header{
  background:var(--navy);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.site-header.is-stuck{
  background:rgba(10,27,61,.97);
  box-shadow:0 10px 30px rgba(10,27,61,.18);
  border-bottom-color:rgba(255,255,255,.1);
}
.main-nav__link{color:rgba(255,255,255,.82)}
.main-nav__link:hover,.main-nav__link.is-active{color:var(--gold-on-dark)}
.main-nav__link::after{background:var(--gold-on-dark)}
.nav-cta{
  border-color:rgba(255,255,255,.34);
  background:#fff;color:var(--navy);
  border-radius:999px;
}
.nav-cta:hover{background:var(--gold-on-dark);border-color:var(--gold-on-dark);color:var(--navy)}
.lang-switch a{color:rgba(255,255,255,.6)}
.lang-switch a:hover,.lang-switch a[aria-current]{color:var(--gold-on-dark)}
.lang-switch i{background:rgba(255,255,255,.28)}
.menu-toggle i{background:#fff}

/* ------------------------------------------------------------- hero -- */
/* Bronz kabartma kaldırıldı. Hero artık sade bir lacivert bant: derinliği
   fotoğraftan değil, ince bir ışık huzmesi ve dokudan alıyor. */
.hero{
  background:var(--navy);
  border-bottom:0;
  min-height:auto;height:auto;max-height:none;
  padding:clamp(150px,15vw,210px) 0 clamp(80px,9vw,120px);
}
.hero::before{
  background:
    radial-gradient(120% 90% at 82% 8%,rgba(28,62,120,.55),transparent 62%),
    radial-gradient(80% 70% at 96% 88%,rgba(203,174,114,.10),transparent 66%),
    linear-gradient(180deg,var(--navy) 0%,#0c2049 55%,#0a1b3d 100%);
}
.hero::after{
  background:
    radial-gradient(68% 54% at 76% 24%,rgba(126,170,238,.14),transparent 70%);
  -webkit-mask-image:none;mask-image:none;
}
.hero__scales{display:none !important}
.hero__inner{padding-top:0;min-height:0;display:block}
.hero__copy{width:min(760px,92%);transform:none}
.eyebrow{color:var(--gold-on-dark)}
.eyebrow::after{background:rgba(203,174,114,.6)}
.hero h1{color:#fff;max-width:18ch;text-shadow:none}
.hero__rule{background:var(--gold-on-dark)}
.hero__lead{color:rgba(255,255,255,.82);max-width:60ch}
.hero .btn,.btn{
  border-radius:999px;
  border-color:rgba(255,255,255,.4);
  background:#fff;color:var(--navy);
}
.hero .btn:hover,.btn:hover{background:var(--gold-on-dark);border-color:var(--gold-on-dark);color:var(--navy)}

/* --------------------------------------------------------- bölümler -- */
.section{background:#fff;border-bottom:1px solid var(--line)}
.section--deep{background:var(--tint)}
.section-label{color:var(--navy)}
.section-label::after{background:var(--gold-dim)}
.section-head h2,.about-copy h2,.page-title,.founder__copy h2,.contact-lead h2,
.locate__copy h2,.about-page-copy h2,.expertise-card h2,.article-body h3,
.article-page-card h2,.value-card h3,.practice-card h3{color:var(--text)}
.section-head p,.page-lead,.prose,.about-page-copy p,.about-copy p,.contact-lead p{color:var(--muted)}
.text-link{color:var(--gold-2)}
.text-link:hover{color:var(--navy)}
.gold-rule,.page-rule{background:var(--gold)}
.mini,.page-kicker,.expertise-no,.article-body time,.channel__body small,
.footer-brand h3,.footer-col h3,.founder__areas h3,.value-card span{color:var(--gold-2)}

/* --------------------------------------------------- uzmanlık şeridi -- */
.practice-grid{
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}
.practice-card{border-right-color:var(--line);color:var(--text)}
.practice-card::before{background:radial-gradient(90% 65% at 50% 110%,rgba(43,92,201,.06),transparent 70%)}
.practice-card p{color:var(--muted-2)}
.practice-icon{color:var(--gold)}
.practice-card .arrow{color:var(--gold-2)}

/* ------------------------------------------------------ kart yüzeyler -- */
.article-card,.article-page-card,.expertise-card,.value-card,.contact-channels,.channel,
.contact-panel,.about-grid{
  background:#fff;
  border-color:var(--line);
}
.article-card,.article-page-card,.expertise-card,.value-card{
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.article-card:hover,.article-page-card:hover,.expertise-card:hover{
  border-color:var(--gold-dim);
  box-shadow:var(--shadow-md);
}
.expertise-grid,.values-grid{background:var(--line)}
.expertise-card:hover{background:#fff}
.expertise-card p,.article-page-card p,.value-card p,.expertise-list li{color:var(--muted-2)}
.expertise-list{border-top-color:var(--line)}
.expertise-list li::before{background:var(--gold-dim)}
.article-media{border-bottom-color:var(--line)}

/* ---------------------------------------------------------- iletişim -- */
.contact-channels{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);background:var(--line)}
.channel{background:#fff}
.channel:hover{background:var(--tint)}
.channel__icon{border-color:var(--gold-dim);color:var(--gold-2)}
.channel:hover .channel__icon{background:var(--gold);border-color:var(--gold);color:#fff}
.channel__body strong{color:var(--text)}
.channel__go{color:var(--gold-2)}
.contact-notes li{color:var(--muted-2)}
.contact-notes li::before{background:var(--gold)}
.locate{background:var(--tint);border-color:var(--line)}
.locate__copy{background:#fff}
.locate address{color:var(--text)}
.locate__note{color:var(--muted-2)}
.locate__map{background:var(--tint);border-left-color:var(--line)}

/* ----------------------------------------------------- alt sayfalar -- */
.subhero{
  background:var(--navy);
  border-bottom:0;
}
.subhero .page-title{color:#fff}
.subhero .page-kicker{color:var(--gold-on-dark)}
.subhero .page-lead{color:rgba(255,255,255,.8)}
.subhero .page-rule{background:var(--gold-on-dark)}
.subhero__place{color:rgba(255,255,255,.62)}
.subhero__place::before{background:rgba(203,174,114,.6)}
/* Fotoğraflı hero'larda perde laciverte döner. */
.subhero--photo::after{
  background:
    linear-gradient(90deg,rgba(10,27,61,.94) 0%,rgba(10,27,61,.7) 32%,rgba(10,27,61,.24) 60%,rgba(10,27,61,.06) 100%),
    linear-gradient(180deg,rgba(7,18,42,.34) 0%,transparent 40%,rgba(7,18,42,.44) 100%);
}
.subhero--izmir::after{background:radial-gradient(46% 60% at 74% 52%,rgba(203,174,114,.12),transparent 68%)}
.page-shell{background:#fff}

/* ------------------------------------------------------------ kurucu -- */
.founder{
  background:var(--tint);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.founder__copy > p{color:var(--muted)}
.founder__facts{border-top-color:var(--line)}
.founder__facts strong{color:var(--text)}
.founder__areas{border-top-color:var(--line)}
.founder__tags li{border-color:var(--line);color:var(--muted-2);border-radius:999px;background:#fff}
.founder__tags li:hover{border-color:var(--gold-dim);color:var(--gold-2)}

/* ------------------------------------------------------------ footer -- */
/* İzmir fotoğrafı kalıyor, perdesi laciverde dönüyor. */
.site-footer,.inner-footer{background:var(--navy);border-top:0}
.site-footer::before,.inner-footer::before{
  background:
    linear-gradient(180deg,var(--navy) 0%,rgba(10,27,61,.72) 16%,rgba(10,27,61,.6) 52%,rgba(10,27,61,.8) 84%,rgba(7,18,42,.94) 100%),
    linear-gradient(90deg,rgba(10,27,61,.94) 0%,rgba(10,27,61,.72) 40%,rgba(10,27,61,.4) 72%,rgba(10,27,61,.28) 100%),
    url("assets/izmir-kordon-footer.webp") center 58%/cover no-repeat;
}
.footer-brand h3,.footer-col h3{color:var(--gold-on-dark)}
.footer-brand p{color:rgba(255,255,255,.62)}
.footer-nav a{color:rgba(255,255,255,.78)}
.footer-nav a:hover{color:var(--gold-on-dark)}
.footer-contact li{color:rgba(255,255,255,.8)}
.footer-contact svg{color:var(--gold-on-dark)}
.footer-col::before{background:linear-gradient(180deg,transparent,rgba(255,255,255,.16) 16%,rgba(255,255,255,.16) 84%,transparent)}
.footer-legal{color:rgba(255,255,255,.5);border-top-color:rgba(255,255,255,.14)}
.footer-bottom{color:rgba(255,255,255,.52)}
.footer-bottom a:hover{color:var(--gold-on-dark)}
.social-row a{border-color:rgba(255,255,255,.3);color:#fff}
.social-row a:hover{background:var(--gold-on-dark);border-color:var(--gold-on-dark);color:var(--navy)}
.social-row a:hover svg{fill:var(--navy)}

/* --------------------------------------------------------- ayrıntılar -- */
.skip-link{background:var(--navy);color:#fff}
::selection{background:rgba(10,27,61,.14)}

/* --------------------------------------------------- anasayfa girişi -- */
/* Ad iki satır: "Karakaş" ağır display, "Hukuk Bürosu" ince ve aralıklı
   versal. Altında büronun kendi tanıtım metni, uzun olduğu için rahat
   satır aralığı ve 62ch ölçü ile. */
.hero__wordmark{
  margin:0;
  font-family:var(--display);font-weight:400;
  line-height:1;letter-spacing:-.02em;
  color:#fff;
}
.hero__wordmark span{
  display:block;
  font-size:clamp(52px,7.4vw,104px);
}
.hero__wordmark em{
  display:block;
  margin-top:clamp(8px,1vw,14px);
  font-style:normal;
  font-family:var(--sans);font-weight:300;
  font-size:clamp(15px,1.5vw,21px);
  letter-spacing:.42em;text-transform:uppercase;
  color:var(--gold-on-dark);
}
.hero__rule{width:64px;height:1px;margin:clamp(26px,3vw,38px) 0}
.hero .hero__lead{
  max-width:62ch;
  font-size:clamp(14.5px,1.15vw,16px);
  line-height:1.95;
  color:rgba(255,255,255,.8);
}
.hero__actions{margin-top:clamp(30px,3.4vw,42px);gap:14px}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}

@media(max-width:640px){
  .hero__wordmark em{letter-spacing:.3em}
  .hero .hero__lead{line-height:1.85}
}

/* ======================================================================
   Zenginleştirme: sade kalan yerlere derinlik
   ====================================================================== */

/* Hero fotoğrafı geri geliyor — bronz kabartma değil, İzmir Kordon.
   Lacivert perdenin altında doku olarak duruyor, konu olarak değil. */
.hero::before{
  background:
    linear-gradient(90deg,
      rgba(8,21,46,.97) 0%,
      rgba(8,21,46,.93) 34%,
      rgba(9,24,52,.82) 58%,
      rgba(10,27,61,.72) 100%),
    radial-gradient(90% 80% at 88% 12%,rgba(38,78,145,.42),transparent 60%),
    url("assets/izmir-kordon-gece.webp") center 62%/cover no-repeat;
}
/* Izgara doku kaldirildi: derinlik artik tek bir yumusak isik huzmesi ve
   alt kenardaki karartmadan geliyor. Cizgi yok. */
.hero::after{
  background:
    radial-gradient(66% 52% at 74% 22%,rgba(132,176,242,.15),transparent 70%),
    radial-gradient(120% 100% at 50% 108%,rgba(6,16,36,.5),transparent 58%),
    linear-gradient(180deg,transparent 64%,rgba(6,16,36,.58));
  background-size:auto;
  -webkit-mask-image:none;mask-image:none;
}

/* Rozet: düz etiket yerine ince çerçeveli hap. */
.hero .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:clamp(24px,3vw,34px);
  padding:9px 17px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--gold-on-dark);font-size:10px;letter-spacing:.2em;
}
.hero .eyebrow::after{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--gold-on-dark);order:-1;
}

/* Uzun tanıtım metni cam bir kart içinde: AKENTEK'teki gibi, metni
   fotoğraftan ayırıp okunur kılıyor. */
.hero .hero__lead{
  padding:clamp(20px,2.3vw,30px) clamp(22px,2.5vw,34px);
  border:1px solid rgba(255,255,255,.14);
  border-left:2px solid var(--gold-on-dark);
  border-radius:var(--radius);
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  color:rgba(255,255,255,.86);
  box-shadow:0 20px 50px -24px rgba(0,0,0,.6);
}

/* ------------------------------------------------------ künye şeridi -- */
.creds{background:var(--navy-2);border-top:1px solid rgba(255,255,255,.1)}
.creds ul{
  list-style:none;margin:0;padding:clamp(26px,3vw,38px) 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,44px);
}
.creds li{position:relative;display:grid;gap:6px;padding-left:clamp(18px,2vw,30px)}
.creds li:first-child{padding-left:0}
.creds li:not(:first-child)::before{
  content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.18),transparent);
}
.creds strong{
  font-family:var(--display);font-weight:400;
  font-size:clamp(21px,2.3vw,30px);line-height:1.1;color:#fff;
}
.creds span{color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* --------------------------------------------- uzmanlık kartlarına can -- */
.practice-grid{border-radius:var(--radius);box-shadow:var(--shadow-lg)}
.practice-card{
  padding-top:38px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
}
.practice-no{
  position:absolute;top:18px;left:0;right:0;
  font-family:var(--display);font-size:12px;letter-spacing:.14em;
  color:var(--gold);
}
.practice-card::after{
  content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;
  background:var(--gold);transform:translateX(-50%);
  transition:width .38s var(--ease);
}
.practice-card:hover{background:#fff;transform:translateY(-4px);box-shadow:var(--shadow-md)}
.practice-card:hover::after{width:46%}
.practice-card:hover .practice-no{color:var(--gold-2)}
.practice-icon{transition:transform .35s var(--ease)}
.practice-card:hover .practice-icon{transform:translateY(-3px)}

/* ------------------------------------------------- bölüm başlıklarına -- */
.section-label{position:relative;padding-bottom:16px}
.section-label::before{
  content:"";position:absolute;left:50%;bottom:0;width:34px;height:2px;
  background:var(--gold);transform:translateX(-50%);
}
.section-head h2{letter-spacing:-.03em}

/* --------------------------------------------------- makale kartları -- */
.article-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.article-media{overflow:hidden}
.article-media img{transition:transform .6s var(--ease)}
.article-card:hover .article-media img{transform:scale(1.05)}

@media(max-width:900px){
  .creds ul{grid-template-columns:repeat(2,1fr);gap:24px}
  .creds li:nth-child(3){padding-left:0}
  .creds li:nth-child(3)::before{display:none}
}
@media(max-width:560px){
  .creds ul{grid-template-columns:1fr;gap:18px}
  .creds li,.creds li:first-child{padding-left:0}
  .creds li::before{display:none!important}
}

/* ---------------------------------------------------- kurucu portresi -- */
/* Koyu temada arkasındaki altın hale ve alttaki eriyen maske "parlama"
   gibi duruyordu; aydınlık zeminde soluk bir kutuya dönüşüyor. Şeffaf
   PNG doğrudan zemine otursun. */

/* Kırıntı yolu lacivert bandın üstünde: ol'un kendi rengi de açık olmalı,
   yoksa ayraçlar ve geçerli sayfa adı koyu üstüne koyu düşüyor. */
.subhero .breadcrumb{color:rgba(255,255,255,.55)}

/* ======================================================================
   Mobil premium katmanı

   Ortak tema dosyasında tutulur: yeniden tasarlanan bütün sayfalar bu
   dosyayı zaten yükler. Yeni bir görsel dosyası veya çizgili/ızgara doku
   eklemez; mevcut İzmir gece fotoğrafını, yüzey derinliğini ve dokunma
   ritmini dar ekran için yeniden dengeler.
   ====================================================================== */

@media(max-width:900px){
  .main-nav{background:rgba(10,27,61,.99)}
  .main-nav__link{min-height:48px;display:flex;align-items:center}
  .nav-cta{min-height:48px}

  /* Alt sayfa hero'ları masaüstündeki lacivert dilini korur; yalnızca
     alttaki hafif vignette, metni küçük ekranda fotoğraftan ayırır. */
  .subhero::after{
    background:
      radial-gradient(86% 58% at 78% 10%,rgba(126,170,238,.12),transparent 70%),
      linear-gradient(180deg,transparent 54%,rgba(6,16,36,.38) 100%);
  }
}

@media(max-width:640px){
  /* Hero: aynı İzmir imgesi, fakat mobilde metne doğru koyulaşan daha net
     bir kadraj ve yumuşak alt derinlik. */
  .hero{
    min-height:690px;
    padding:124px 0 52px;
    display:flex;
    align-items:flex-end;
  }
  .hero::before{
    background:
      linear-gradient(180deg,rgba(10,27,61,.46) 0%,rgba(10,27,61,.7) 46%,rgba(6,16,36,.96) 100%),
      linear-gradient(90deg,rgba(10,27,61,.74) 0%,rgba(10,27,61,.3) 100%),
      url("assets/izmir-kordon-gece.webp") 66% 52%/cover no-repeat;
  }
  .hero::after{
    background:
      radial-gradient(78% 42% at 76% 13%,rgba(126,170,238,.16),transparent 72%),
      radial-gradient(92% 46% at 50% 100%,rgba(203,174,114,.10),transparent 70%),
      linear-gradient(180deg,transparent 55%,rgba(6,16,36,.42) 100%);
  }
  .hero__inner{padding:0;min-height:0}
  .hero__copy{width:100%;max-width:35rem}
  .hero .eyebrow{margin-bottom:18px;padding:8px 13px;font-size:9px;letter-spacing:.16em}
  .hero__wordmark span,.hero h1{font-size:clamp(42px,12vw,54px);line-height:1.03}
  .hero__wordmark em{font-size:13px;letter-spacing:.3em}
  .hero__rule{width:48px;margin:21px 0}
  .hero .hero__lead{
    padding:18px 18px 18px 20px;
    border-color:rgba(255,255,255,.16);
    border-left-color:var(--gold-on-dark);
    border-radius:12px;
    font-size:13.5px;
    line-height:1.78;
    box-shadow:0 18px 38px -24px rgba(0,0,0,.72);
  }
  .hero__actions{gap:10px;margin-top:22px}
  .hero .btn{min-height:50px;padding:12px 17px}

  /* Bölünmüş masaüstü ızgarası yerine, kartların arasında nefes alan ayrı
     yüzeyler. Tek tek sınırlar işlevsel kart sınırlarıdır; dekoratif çizgi
     deseni değildir. */
  .practice-grid,.expertise-grid,.values-grid,.article-page-grid{
    gap:10px;
    border:0;
    background:transparent;
    overflow:visible;
    box-shadow:none;
  }
  .practice-card,.practice-card:nth-child(n),
  .expertise-card,.value-card,.article-card,.article-page-card{
    min-width:0;
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:var(--shadow-sm);
  }
  .practice-card{min-height:212px;padding:24px 14px 20px;background:#fff}
  .practice-card:active,.expertise-card:active,.article-card:active,.article-page-card:active{
    transform:translateY(1px);
    box-shadow:0 1px 2px rgba(10,27,61,.1);
  }
  .practice-card h3{font-size:12.5px;overflow-wrap:anywhere}
  .practice-card p{font-size:10.5px;line-height:1.65}
  .expertise-card{min-height:0;padding:26px 22px 22px}
  .expertise-card h2,.article-page-card h2{font-size:clamp(25px,7vw,30px)}
  .article-card,.article-page-card{overflow:hidden}

  .scope > ul,.area-nav,.contact-channels{
    gap:10px;
    border:0;
    background:transparent;
    overflow:visible;
    box-shadow:none;
  }
  .scope > ul > li,.area-nav a,.channel{
    border:1px solid var(--line);
    border-radius:12px;
    box-shadow:var(--shadow-sm);
  }
  .scope > ul > li{padding:16px 18px 16px 40px}
  .scope > ul > li::before{left:18px}
  .area-nav a{padding:20px 20px;min-height:92px}
  .channel{min-height:84px;padding:19px 18px}

  .page-title{font-size:clamp(40px,11.5vw,52px);line-height:1.06}
  .page-lead{font-size:15px;line-height:1.78}
  .article-content p,.article-content ul,.article-content ol{font-size:15.5px;line-height:1.85}
  .article-cta,.area-cta{border-radius:12px}
  .footer-nav a{display:inline-flex;align-items:center;min-height:44px}

  /* Mevcut WhatsApp kısayolu yeterli; ikinci bir sabit iletişim şeridi,
     kısa ekranlarda içerik alanını ve dokunma hedeflerini örterdi. */
  .wa-float{
    right:max(16px,env(safe-area-inset-right));
    bottom:max(16px,env(safe-area-inset-bottom));
    width:52px;height:52px;
    border:2px solid rgba(255,255,255,.82);
    box-shadow:0 14px 30px rgba(10,27,61,.3);
  }
}

@media(max-width:420px){
  .hero__actions{display:grid;grid-template-columns:1fr}
  .hero .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .practice-card,.expertise-card,.article-card,.article-page-card,.wa-float{
    transition:none;
  }
  .practice-card:active,.expertise-card:active,.article-card:active,.article-page-card:active{
    transform:none;
  }
}