/*
Theme Name: Tariq H Law
Theme URI: https://tariqhlaw.com
Author: Tariq H Law
Description: Independent local-first theme for Tariq bin Hamoud Al-Juhani Law Firm.
Version: 1.0.0
Text Domain: tariqhlaw
*/

@font-face{font-family:'Tajawal';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Tajawal-Regular.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/Tajawal-Medium.ttf') format('truetype')}
@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/Tajawal-Bold.ttf') format('truetype')}
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Amiri-Regular.ttf') format('truetype')}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/Amiri-Bold.ttf') format('truetype')}
html{scroll-behavior:smooth}body{margin:0}
.tariqhlaw-home .hero-fade-in,.tariqhlaw-home #home-root .opacity-0{opacity:1!important}.tariqhlaw-home #home-root .translate-y-4{transform:none!important}

/* Dark, high-contrast navigation with a larger brand mark. */
header#header>div:nth-of-type(2){background:#2d231b!important;height:92px!important;border-bottom:1px solid rgba(186,139,59,.32);overflow:hidden}
header#header nav .nav-link-text{color:#f4eadb!important}
header#header nav a:hover .nav-link-text,
header#header nav a[aria-current="page"] .nav-link-text,
.tariqhlaw-home header#header nav a:first-child .nav-link-text{color:#d7b56f!important}
header#header nav a[aria-current="page"] .nav-link-text,
.tariqhlaw-home header#header nav a:first-child .nav-link-text{border-bottom-color:#d7b56f!important}
header#header img[alt*="طارق بن حمود الجهني"]{width:auto!important;max-width:270px!important;max-height:90px!important;object-fit:contain;transform:translateY(0)}
header#header button[aria-label="فتح القائمة الرئيسية"] span{background-color:#f4eadb!important}
@media(min-width:768px){
  header#header>div:nth-of-type(2)>.page-container>div.flex.items-center.gap-3{order:-1}
  header#header>div:nth-of-type(2)>.page-container>nav{order:0}
  header#header>div:nth-of-type(2)>.page-container>a.cta-btn{order:1}
}
@media(max-width:767px){
  header#header>div:nth-of-type(2){height:80px!important}
  header#header img[alt*="طارق بن حمود الجهني"]{max-width:210px!important;max-height:78px!important;transform:translateY(0)}
}

/* Reduce the empty space at the very bottom of both footer variants. */
footer .page-container{padding-bottom:10px!important}
footer .page-container>div:last-child{padding-bottom:8px!important}
.legal-footer{padding-bottom:12px!important}

/* One shared footer across the complete website. */
.site-footer{direction:rtl;background:#51381f;color:#eadfce;font-family:'Tajawal',sans-serif}
.site-footer *{box-sizing:border-box}
.site-footer__inner{width:min(1080px,calc(100% - 48px));min-height:295px;margin:auto;display:grid;grid-template-columns:1.45fr .65fr 1fr;gap:90px;align-items:start;padding:58px 0 42px}
.site-footer h2{margin:0 0 22px;color:#ba8b3b;font-family:'Amiri',serif;font-size:20px;font-weight:400}
.site-footer__about{align-self:center;justify-self:stretch;text-align:right}
.site-footer__logo{display:inline-flex;align-items:center;margin:0 0 20px}
.site-footer__logo img{display:block;width:auto;max-width:245px;max-height:92px;object-fit:contain}
.site-footer__about p{max-width:470px;margin:0;color:#e9dfd2;font-size:15px;line-height:2.15;text-align:right}
.site-footer__links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.site-footer__links h2{margin-bottom:12px}
.site-footer a{color:#e9dfd2;text-decoration:none;transition:color .2s ease,transform .2s ease}
.site-footer a:hover,.site-footer a:focus-visible{color:#d7b56f}
.site-footer__links a:hover{transform:translateX(-3px)}
.site-footer__contact{direction:rtl;justify-self:stretch}
.site-footer__contact-row{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px;font-size:14px;line-height:1.7}
.site-footer__contact-row>span:first-child{color:#ba8b3b;width:18px;flex:0 0 18px;text-align:center;font-size:17px}
.site-footer__copyright{border-top:1px solid rgba(234,223,206,.15);padding:20px 24px 18px;text-align:center;color:rgba(234,223,206,.7);font-size:12px}
@media(max-width:850px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:38px 50px}.site-footer__about{grid-column:1/-1}.site-footer__about p{max-width:none}}
@media(max-width:560px){.site-footer__inner{width:min(100% - 36px,1080px);grid-template-columns:1fr;gap:32px;padding:42px 0 30px}.site-footer__about{grid-column:auto}.site-footer__logo img{max-width:215px;max-height:82px}.site-footer__copyright{line-height:1.8}}

/* Match the reference practice-area reveal and hover interaction. */
.practice-reveal-row{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),background-color .15s ease!important;
  transition-delay:var(--practice-reveal-delay,0s),var(--practice-reveal-delay,0s),0s!important;
  will-change:opacity,transform;
}
.practice-reveal-row.is-visible{opacity:1;transform:translateY(0)}
.practice-reveal-row h3{transition:color .15s cubic-bezier(.4,0,.2,1)!important}
.practice-reveal-row:hover h3,.practice-reveal-row:focus-within h3{color:#ba8b3b!important}
@media(prefers-reduced-motion:reduce){
  .practice-reveal-row{opacity:1;transform:none;transition:none!important;will-change:auto}
}

/* Trust section recreated from the supplied visual reference. */
.trust-story{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(520px,calc(100vh - 132px),650px);display:flex;align-items:center;background:
  radial-gradient(circle at 18% 15%,rgba(255,255,255,.96),transparent 34%),
  radial-gradient(circle at 78% 62%,rgba(255,255,255,.72),transparent 42%),
  linear-gradient(120deg,#f9f4ec 0%,#fffaf3 52%,#f5ede2 100%);color:#3b2818;font-family:'Tajawal',sans-serif;border-block:1px solid rgba(195,143,61,.22)}
.trust-story::before{content:"";position:absolute;z-index:-1;inset:20px 20px auto auto;width:min(31vw,510px);height:88px;border-top:2px solid rgba(204,151,67,.48);border-right:2px solid rgba(204,151,67,.48);border-radius:0 28px 0 0}
.trust-story::after{content:"";position:absolute;z-index:-1;right:20px;bottom:18px;width:min(32vw,520px);height:85px;border-right:1px solid rgba(204,151,67,.32);border-bottom:1px solid rgba(204,151,67,.32);border-radius:0 0 28px 0}
.trust-story__inner{width:min(1500px,calc(100% - 76px));margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(46px,5vw,90px);align-items:center;direction:ltr}
.trust-story__visual{position:relative;margin:0;filter:drop-shadow(0 12px 10px rgba(63,42,18,.18));direction:ltr}
.trust-story__panel{position:relative;overflow:hidden;display:flex;align-items:center;background:transparent;border:0;box-shadow:none;border-radius:0}
.trust-story__panel::before{content:none}
.trust-story__panel img{position:relative;width:100%;height:auto;max-width:100%!important;display:block}
.trust-story__copy{direction:rtl;text-align:center;padding-block:10px}
.trust-story__copy h2{margin:0;color:#3b2614!important;font-family:'Amiri','Tajawal',serif!important;font-size:clamp(38px,3.2vw,56px)!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
.trust-story__divider{position:relative;width:min(82%,430px);height:32px;margin:16px auto 20px;color:#c99542}
.trust-story__divider::before,.trust-story__divider::after{content:"";position:absolute;top:17px;width:42%;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.trust-story__divider::before{right:0;transform:scaleX(-1)}
.trust-story__divider::after{left:0}
.trust-story__divider span{position:absolute;left:50%;top:2px;transform:translateX(-50%);font-family:'Amiri',serif;font-size:30px;line-height:1}
.trust-story__copy p{max-width:630px;margin:0 auto;color:#3d2a1c!important;font-size:clamp(15px,1.15vw,19px)!important;font-weight:400!important;line-height:1.9!important;text-align:right!important}
.trust-story__cta{min-width:270px;margin-top:26px;padding:13px 28px;display:inline-flex;align-items:center;justify-content:center;gap:19px;border:1px solid #a96f20;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,239,193,.58),0 7px 13px rgba(75,45,13,.25);background:linear-gradient(135deg,#dba94f,#aa6c1c);color:#fff!important;font-size:clamp(20px,1.55vw,26px);line-height:1.25;text-decoration:none!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.trust-story__cta svg{width:32px;height:32px;flex:0 0 32px}
.trust-story__cta:hover,.trust-story__cta:focus-visible{transform:translateY(-3px);filter:brightness(1.08);box-shadow:inset 0 0 0 2px rgba(255,239,193,.7),0 12px 20px rgba(75,45,13,.28)}
.trust-story__corner{position:absolute;z-index:-1;color:rgba(197,143,57,.22);pointer-events:none}
.trust-story__corner--scale{left:-6px;bottom:-8px;width:155px;height:155px}
.trust-story__corner--pen{right:-8px;bottom:-4px;width:165px;height:165px;transform:rotate(-8deg)}
@media(max-width:1050px){
  .trust-story{padding:80px 0;min-height:0}
  .trust-story__inner{grid-template-columns:1fr;gap:52px;width:min(900px,calc(100% - 48px))}
  .trust-story__copy{grid-row:1;padding:0 34px}
  .trust-story__visual{grid-row:2}
  .trust-story__copy p{max-width:760px;text-align:center!important}
}
@media(max-width:620px){
  .trust-story{padding:62px 0 48px}
  .trust-story__inner{width:min(100% - 28px,900px);gap:38px}
  .trust-story__copy{padding:0 6px}
  .trust-story__copy h2{font-size:38px!important}
  .trust-story__copy p{font-size:16px!important;line-height:2!important}
  .trust-story__divider{margin:18px auto 20px}
  .trust-story__cta{min-width:250px;margin-top:30px;padding:14px 25px;font-size:22px}
  .trust-story__cta svg{width:30px;height:30px;flex-basis:30px}
  .trust-story__corner{opacity:.55}
}
@media(prefers-reduced-motion:reduce){.trust-story__cta{transition:none}}

/* Refined, lightweight frame for the About-section photograph. */
.tariqhlaw-home .about-image-frame{
  position:relative;
  isolation:isolate;
  padding:10px;
  background:
    linear-gradient(#ba8b3b,#ba8b3b) left top/42px 1px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) left top/1px 42px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) right top/42px 1px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) right top/1px 42px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) left bottom/42px 1px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) left bottom/1px 42px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) right bottom/42px 1px no-repeat,
    linear-gradient(#ba8b3b,#ba8b3b) right bottom/1px 42px no-repeat,
    #fbf8f2;
  border:1px solid rgba(186,139,59,.24);
  border-radius:3px;
  box-shadow:0 20px 44px rgba(58,38,22,.14),0 4px 12px rgba(58,38,22,.08);
}
.tariqhlaw-home .about-image-frame::after{
  content:"";
  position:absolute;
  inset:6px;
  z-index:2;
  border:1px solid rgba(255,255,255,.38);
  pointer-events:none;
}
.tariqhlaw-home .about-image-frame>img{
  position:relative;
  z-index:1;
  width:100%;
  border-radius:1px!important;
}
.tariqhlaw-home .about-office-link{
  padding:10px 15px!important;
  color:#51381f!important;
  background:rgba(186,139,59,.055);
  border:1px solid rgba(186,139,59,.42)!important;
  border-radius:2px;
  text-decoration:none!important;
  box-shadow:0 3px 9px rgba(58,38,22,.055);
  transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.tariqhlaw-home .about-office-link>span{
  display:inline-flex;
  transition:transform .22s ease;
}
.tariqhlaw-home .about-office-link:hover{
  color:#fff!important;
  background:#ba8b3b;
  border-color:#ba8b3b!important;
  box-shadow:0 7px 16px rgba(91,62,29,.15);
  transform:translateY(-1px);
}
.tariqhlaw-home .about-office-link:hover>span{transform:translateX(-3px)}
.tariqhlaw-home .about-office-link:focus-visible{
  outline:2px solid rgba(186,139,59,.48);
  outline-offset:3px;
}

/* Site-wide button hover system: restrained motion, tailored by button type. */
header#header .cta-btn{
  transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
header#header .cta-btn:hover{
  background-color:#9d722f!important;
  box-shadow:0 8px 18px rgba(42,28,17,.2);
  transform:translateY(-2px);
}
header#header button[aria-label="فتح القائمة الرئيسية"]{
  border-radius:3px;
  transition:background-color .2s ease,transform .2s ease;
}
header#header button[aria-label="فتح القائمة الرئيسية"]:hover{
  background:rgba(186,139,59,.12)!important;
  transform:translateY(-1px);
}
.tariqhlaw-home .hero-action{
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.tariqhlaw-home .hero-action>span{transition:transform .22s ease}
.tariqhlaw-home .hero-action:hover{transform:translateY(-2px)}
.tariqhlaw-home .hero-action:hover>span{transform:translateX(-3px)}
.tariqhlaw-home .hero-action--primary:hover{
  background-color:#9d722f!important;
  box-shadow:0 9px 20px rgba(45,29,17,.22);
}
.tariqhlaw-home .hero-action--ghost:hover{
  color:#fff!important;
  background-color:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.68)!important;
  box-shadow:0 7px 17px rgba(26,18,12,.16);
}
.tariqhlaw-home .consultation-submit{
  transition:background-color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.tariqhlaw-home .consultation-submit:hover{
  background-color:#9d722f!important;
  box-shadow:0 8px 18px rgba(81,56,31,.18);
  transform:translateY(-2px);
}
header#header .cta-btn:focus-visible,
.tariqhlaw-home .hero-action:focus-visible,
.tariqhlaw-home .consultation-submit:focus-visible{
  outline:2px solid rgba(215,181,111,.76);
  outline-offset:3px;
}
@media(max-width:767px){
  .tariqhlaw-home .about-image-frame{
    padding:7px;
    box-shadow:0 14px 30px rgba(58,38,22,.13),0 3px 9px rgba(58,38,22,.07);
  }
  .tariqhlaw-home .about-image-frame::after{inset:4px}
}

@media(prefers-reduced-motion:reduce){
  header#header .cta-btn,
  header#header button[aria-label="فتح القائمة الرئيسية"],
  .tariqhlaw-home .hero-action,
  .tariqhlaw-home .hero-action>span,
  .tariqhlaw-home .consultation-submit{transition:none!important}
}

/* Give each homepage section its own visual breathing room. */
.tariqhlaw-home #home-root>div>section~section{margin-top:32px}
@media(max-width:767px){
  .tariqhlaw-home #home-root>div>section~section{margin-top:20px}
}

/* Keep the image/content hero in the first viewport; the 60px ticker begins
   only after the fold as the first strip of the following page. */
.tariqhlaw-home #home-root>div>section:first-of-type{
  height:calc(100vh - 72px)!important;
  min-height:430px!important;
}
.tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1{
  height:100%!important;
  min-height:100%!important;
}
@media(min-width:768px) and (max-height:700px){
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1>div.flex-1{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in h1{
    font-size:clamp(42px,4.2vw,54px)!important;
    line-height:1.22!important;
    margin-bottom:18px!important;
  }
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in>p{
    font-size:16px!important;
    line-height:26px!important;
    margin-bottom:24px!important;
  }
}

/* Seamless, gap-free service ticker beneath the hero. */
@keyframes tariqhlaw-marquee-loop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.tariqhlaw-home .marquee-viewport{
  direction:ltr!important;
  text-align:left!important;
}
.tariqhlaw-home .marquee-track{
  display:flex!important;
  width:max-content!important;
  gap:0!important;
  direction:ltr;
  animation:tariqhlaw-marquee-loop 30s linear infinite!important;
  will-change:transform;
}
.tariqhlaw-home .marquee-group{
  display:flex;
  flex:0 0 auto;
  width:max-content;
  min-width:100vw;
  justify-content:space-around;
  gap:0;
}
.tariqhlaw-home .marquee-group>div{
  direction:rtl;
  flex:0 0 auto;
  gap:24px!important;
  padding-left:24px!important;
}
@media(max-width:767px){
  .tariqhlaw-home #home-root>div>section:first-of-type{
    height:auto!important;
    min-height:calc(100svh - 120px)!important;
  }
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1{
    height:auto!important;
    min-height:calc(100svh - 120px)!important;
  }
}
.consultation-honeypot{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;pointer-events:none!important}
.consultation-honeypot input{width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important}
.consultation-feedback{margin:0 0 20px;padding:13px 16px;border:1px solid;font-family:'Tajawal',sans-serif;font-size:14px;line-height:1.8;text-align:right}
.consultation-feedback--success{color:#245f35;background:#edf8f0;border-color:#a9d4b3}
.consultation-feedback--error{color:#7b2b22;background:#fff0ee;border-color:#e1aaa3}

/* Responsive header and a real, keyboard-friendly mobile navigation. */
.mobile-site-menu{display:none}
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:clip}
  header#header>div:first-of-type{height:36px!important;overflow:hidden}
  header#header>div:first-of-type>.page-container{height:36px;padding-inline:12px!important;gap:10px}
  header#header>div:first-of-type>.page-container>div:first-child{min-width:0;white-space:nowrap;font-size:11px!important;gap:5px!important}
  header#header>div:first-of-type>.page-container>div:first-child svg{display:none}
  header#header>div:first-of-type>.page-container>div:nth-child(2){flex:0 0 auto!important;gap:0!important;font-size:12px!important}
  header#header>div:first-of-type>.page-container>div:nth-child(2)>div:first-child{display:none!important}
  header#header>div:nth-of-type(2){height:76px!important;overflow:visible}
  header#header>div:nth-of-type(2)>.page-container{height:76px;direction:ltr;padding-inline:16px!important}
  header#header>div:nth-of-type(2)>.page-container>nav,
  header#header>div:nth-of-type(2)>.page-container>a.cta-btn{display:none!important}
  header#header button[aria-label="فتح القائمة الرئيسية"]{display:flex!important;order:0;width:44px;height:44px;padding:10px!important}
  header#header>div:nth-of-type(2)>.page-container>div.flex.items-center.gap-3{display:flex!important;order:1;direction:rtl;margin:0!important}
  header#header img[alt*="طارق بن حمود الجهني"]{max-width:176px!important;max-height:66px!important}
  body.mobile-menu-open{overflow:hidden!important}
  .mobile-site-menu{position:fixed;inset:112px 0 0;z-index:1000;display:block;visibility:hidden;pointer-events:none;font-family:'Tajawal',sans-serif;direction:rtl}
  .mobile-site-menu__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(24,16,10,.54);opacity:0;cursor:pointer;transition:opacity .25s ease}
  .mobile-site-menu__panel{position:absolute;top:0;right:0;width:min(86vw,340px);height:100%;padding:24px 22px 28px;background:#2d231b;box-shadow:-18px 0 45px rgba(20,13,8,.24);transform:translateX(105%);transition:transform .28s cubic-bezier(.22,1,.36,1);overflow-y:auto}
  .mobile-site-menu.is-open{visibility:visible;pointer-events:auto}
  .mobile-site-menu.is-open .mobile-site-menu__backdrop{opacity:1}
  .mobile-site-menu.is-open .mobile-site-menu__panel{transform:translateX(0)}
  .mobile-site-menu__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(215,181,111,.2);color:#d7b56f;font-size:14px}
  .mobile-site-menu__head button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(215,181,111,.28);background:transparent;color:#f4eadb;font:300 29px/1 'Tajawal',sans-serif;cursor:pointer}
  .mobile-site-menu nav{display:grid;margin-top:14px}
  .mobile-site-menu nav a{padding:15px 4px;border-bottom:1px solid rgba(244,234,219,.1);color:#f4eadb;text-decoration:none;font-size:18px}
  .mobile-site-menu nav a[aria-current="page"]{color:#d7b56f}
  .mobile-site-menu__cta{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:24px;padding:0 20px;background:#ba8b3b;color:#fff;text-decoration:none;font-weight:700}
}

@media(max-width:767px){
  /* Keep the ticker just after the first fold while allowing the hero copy to breathe. */
  .tariqhlaw-home #home-root>div>section:first-of-type{
    height:calc(100svh - 112px + 60px)!important;
    min-height:620px!important;
  }
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1{
    height:100%!important;
    min-height:100%!important;
  }
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1>div.flex-1{padding:34px 22px 26px!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in{width:100%;max-width:none!important;align-items:stretch!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in h1{width:100%!important;margin:0 0 18px!important;font-size:43px!important;line-height:1.28!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in>p{max-width:none!important;margin:0 0 22px!important;font-size:15px!important;line-height:1.9!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in>div{width:100%;gap:10px!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-action{width:100%;min-height:50px;justify-content:center;padding:14px 20px!important}
  .tariqhlaw-home #home-root>div>section[style*="padding-top:96px"]{padding-top:58px!important;padding-bottom:58px!important}
  .tariqhlaw-home #home-root>div>section~section{margin-top:16px}
  .tariqhlaw-home #home-root>div>section:nth-of-type(2) h2,
  .tariqhlaw-home #home-root>div>section:nth-of-type(3) h2,
  .tariqhlaw-home #home-root>div>section:nth-of-type(4) h2,
  .tariqhlaw-home #home-root>div>section:nth-of-type(6) h2,
  .tariqhlaw-home #home-root>div>section:nth-of-type(7) h2{font-size:32px!important;line-height:1.35!important}
  .tariqhlaw-home #home-root>div>section:nth-of-type(2) p{line-height:1.95!important}
  .tariqhlaw-home .practice-reveal-row{position:relative;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:22px 0!important;min-height:0!important}
  .tariqhlaw-home .practice-reveal-row>div:first-child{min-width:0!important;justify-content:flex-start!important;padding-left:34px}
  .tariqhlaw-home .practice-reveal-row>div:nth-child(2){justify-content:flex-start!important}
  .tariqhlaw-home .practice-reveal-row>div:nth-child(2) p{text-align:right!important;line-height:1.9!important}
  .tariqhlaw-home .practice-reveal-row>div:last-child{position:absolute;top:24px;left:0;min-width:0!important;text-align:left!important}
  .tariqhlaw-home #home-root>div>section:nth-of-type(4) .grid>div{padding:28px 24px!important}
  .tariqhlaw-home #home-root>div>section:nth-of-type(6) .grid>article{padding:24px!important}
  .tariqhlaw-home #home-root>div>section:nth-of-type(7)>.page-container>.grid{gap:30px!important}
  .tariqhlaw-home #home-root>div>section:nth-of-type(7)>.page-container>.grid>div:first-child{padding:28px 24px!important}
}

@media(min-width:768px) and (max-width:900px){
  .tariqhlaw-home #home-root>div>section:first-of-type{height:calc(100svh - 112px + 60px)!important;min-height:700px!important}
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1{height:100%!important;min-height:100%!important}
  .tariqhlaw-home #home-root>div>section:first-of-type>div.relative.flex.flex-col.flex-1>div.flex-1{padding:44px 52px!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in h1{font-size:52px!important;line-height:1.28!important;margin-bottom:22px!important}
  .tariqhlaw-home #home-root>div>section:first-of-type .hero-fade-in>p{font-size:16px!important;line-height:1.85!important;margin-bottom:28px!important}
}

@media(max-width:560px){
  .site-footer__inner{gap:24px;padding:34px 0 24px}
  .site-footer__about p{font-size:14px;line-height:1.9}
  .site-footer__logo{margin-bottom:14px}
  .site-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px 20px}
  .site-footer__links h2{grid-column:1/-1;margin-bottom:3px}
  .site-footer__contact-row{margin-bottom:7px}
  .site-footer__copyright{padding:16px 18px 14px}
}

@media(prefers-reduced-motion:reduce){.mobile-site-menu__backdrop,.mobile-site-menu__panel{transition:none!important}}