@charset "utf-8";
/* CSS Document */
body.jla {
  font-size: 16px;
  line-height: 1.6;
  color: #757575;
  font-family: Inter, arial, sans-serif;
}


.small-section {padding-top: 50px;}

.jla h1, .jla .h1, .jla h2, .jla .h2, .jla h3, .jla .h3, .jla h4, .jla .h4, .jla h5, .jla .h5, .jla h6, .jla .h6 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #757575;
}
.jla h1, .jla .h1 {
  letter-spacing: 2px;
  text-transform: uppercase;
}
.jla h2, .jla .h2 {
  letter-spacing: normal;
  text-transform: uppercase;
}
.jla h3, .jla .h3 {  text-transform: none;}
.jla h4, .jla .h4 {}
.jla h5, .jla .h5 {}
.jla h6, .jla .h6 {}
.jla .text-black, .jla .blog-item-data a, .jla a,
.fm-menu-links a.active {
  color: #757575;
}
.jla .font-alt {
  font-family: Inter, arial, sans-serif;
  text-transform: none;
  letter-spacing: 1px;
}
@media (min-width: 992px) {
  .jla .side-panel-is-left {
    margin-left: 380px;
  }
}
.sp-overlay {}
.jla .font-alt {
  letter-spacing: 2px;
}
/* Logo (in navigation panel)*/
.jla .sp-logo-wrap .logo {
  display: block;
  padding: 10px 20px 10px 40px;
  text-align: left;
}
a.brand,
.jla .side-panel a {
  text-decoration: none;
}

.home-text a.brand {color: #eee; }

.brand, .jla .side-panel.white a#brand, .jla .brand {
  /*font-size: calc(.9rem + .3vw) !important;*/
  font-size: 1rem;
  line-height: .95 !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
	  text-decoration: none;
}
.jla a#brand span, .jla .brand span {
  letter-spacing: 2.5px;
  line-height: 1;
}
.jla .side-panel.white div#side-panel-menu a#brand {
  margin-bottom: 50px
}
.jla .side-panel.white div#side-panel-menu a#brand, .jla .side-panel.white div#side-panel-menu a#brand span, .jla .side-panel.white a#brand {
  color: #fff;
  margin-bottom: 50px
}
.jla .side-panel.white:hover a#brand, .jla .side-panel.white:hover a#brand span, .jla .side-panel.white.scrolled a#brand, .jla .side-panel.white.scrolled a#brand span {
  color: #757575 !important;
}
.jla .side-panel.white .sp-menu-links a:hover, .jla .no-touch .side-panel.white:hover .sp-menu-links a:hover, .jla .no-touch .side-panel.white.scrolled .sp-menu-links a:hover {
  background-color: transparent !important;
}
.jla .side-panel {
  width: 380px;
  padding-bottom: 60px;
  color: #757575;
  background: #fff;
}
.jla .sp-close-button {
  border: 1px solid rgba(255, 255, 255, .5);
  opacity: .5;
}
.sp-close-button:hover {
  opacity: .75;
}
.sp-close-button:before {
  background: #fff;
}
.sp-close-button:after {
  background: #fff;
}
/* Responsive menu button */
.sp-button {
  background: #757575;
}
.sp-button:hover {}
.sp-button span {
  background: #fff;
}
.sp-button span:before, .sp-button span:after {
  background: #fff;
}
.sp-button span:after {}
/* White side panel */
/* .logo is the class on the list item in the nav with the logo 
.jla .side-panel.white li.logo{
   
    font-size: 1rem;
    font-weight: 400 !important;
    text-transform: uppercase;

 
	letter-spacing: 2px;
 
    text-decoration: none;
    color: rgba(0,0,0, .9);
	 
}
 */
.jla .side-panel.white a.active, .jla .side-panel.white:hover a, .jla .side-panel.white a, .jla .side-panel.white a.logo:hover {
  color: #666666;
}
.jla .side-panel.white.scrolled a.active, .jla .side-panel.white.scrolled a:hover {
  color: #fff;
}
.jla .side-panel.white.scrolled .sp-menu-links a, .jla .side-panel.white:hover .sp-menu-links a, .jla .side-panel.white.scrolled a, .jla .side-panel.white.scrolled a.logo:hover {
  color: #757575 !important;
}
.jla .side-panel.white a.activex, .jla .side-panel.white:hover a:hover, .jla .side-panel.white.scrolled a:hover, .jla .side-panel.white.scrolled a.logo:hover {
  color: #666666 !important;
}
.jla .side-panel.white.scrolled a.active, .jla .side-panel.white {
  color: #757575 !important;
  background: #FFFFFF;
  border-right: none;
}
.jla .side-panel.white .sp-close-button {
  border: 1px solid rgba(0, 0, 0, .5);
}
.jla .side-panel.white .sp-close-button:before {
  background: #fff;
  border: #757575;
}
.jla .side-panel.white .sp-close-button:after {
  background: #fff;
  border: #757575;
}
.jla .side-panel.white .sp-menu-links a, .jla .side-panel.white .sp-menu-links li.js-opened > a {
  color: #FFF;
}
.jla .sp-menu-links li > a:active, .jla .sp-menu-links li a.active {
  color: #757575;
}
.jla .side-panel.white .sp-menu-links li {
  border: none !important;
  font-size: .95rem;
  font-weight: 500;
}
.jla .side-panel.white .sp-menu-links li:last-child {
  border: none !important;
}
.jla .no-touch .side-panel.white .sp-menu-links a:hover, .jla .side-panel.white .sp-menu-links a:active, .jla .side-panel.white .sp-menu-links li.js-opened > a {
  text-decoration: none;
}
.jla .no-touch .side-panel.white .sp-menu-links a:hover {
  color: rgba(0, 0, 0, .95);
}
.jla .no-touch .side-panel.white .sp-menu-links a:hover {
  background-color: rgba(0, 0, 0, .002);
}
.jla .side-panel.white .js-opened > .sp-has-sub > .fa, .jla .side-panel.white .sp-menu-links li > a:active, .jla .side-panel.white .sp-menu-links li a.active {
  color: #fff;
}
.jla .side-panel.white.scrolled .js-opened > .sp-has-sub > .fa, .jla .side-panel.white:hover .js-opened > .sp-has-sub > .fa, .jla .side-panel.white.scrolled .sp-menu-links li > a:active, .jla .side-panel.white:hover .sp-menu-links li a.active {
  color: #666666;
}
.jla .side-panel.white.scrolled .sp-menu-links li > a:active, .jla .side-panel.white.scrolled .sp-menu-links li a.active .jla .side-panel.white:hover .sp-menu-links li > a:active, .jla .side-panel.white:hover .sp-menu-links li a.active {
  color: #666666;
}
.jla .side-panel.white .sp-sub > li {
  border: none !important;
}
/* sidebar social links  */
.jla .side-panel.white .sp-social-links > a {
  border-color: rgba(0, 0, 0, .0);
  color: rgba(0, 0, 0, .5);
}
.jla .side-panel.white .sp-social-links > a {}
.jla .side-panel.white .sp-social-links > a:hover {
  border-color: rgba(0, 0, 0, .003);
  color: rgba(0, 0, 0, .75);
}
.jla .side-panel.white {
  background: rgba(255, 255, 255, 0.0015);
  text-align: left;
}
/*  STYLES ADDED ON SCROLL OR HOVER TO DEAL WITH DARK BGS   */
.jla .side-panel.white.scrolled, .jla .side-panel.white:hover {
  background: rgba(255, 255, 255, 1.00);
  color: #757575;
  text-align: left;
}
.jla .side-panel.white.scrolled .sp-social-links > a {}
.jla .side-panel.white:hover .sp-social-links > a:hover {
  border-color: rgba(0, 0, 0, .3);
  color: rgba(0, 0, 0, .75);
}
.jla .works-grid.work-grid-gut {
  margin: 0 0 0 -20px;
}
@media (max-width:575px) {
  .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-5 .work-item {
    width: 100% !important;
  }
}
/* ==============================
   Phone
   ============================== */
@media only screen and (max-width: 480px) {
  .work-full-text {
    margin-top: 30px;
  }
  .work-full-title {
    font-size: 20px;
  }
  .blog-container {
    margin-top: 30px;
    margin-bottom: 30px;
  }

	
	
	
} /* end if phone */
@media only screen and (max-width: 766px) {
  .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-5 .work-item {
    width: 100%;
  }
  .work-item, .work-grid-2 .work-item, .work-grid-3 .work-item, .container .work-grid-3 .work-item, .work-grid-5 .work-item {
    width: 100%;
  }
  .work-full-text {
    margin-top: 30px;
  }
  .work-full-title {
    font-size: 20px;
  }
 
}
/*  bestlooker fix  */
.fn-button, .jla .fm-button {
  display: none;
  z-index: 5000;
}

.no-touch .fm-menu-links a:hover, .fm-menu-links a:active, .fm-menu-links li.js-opened > a {
    color: #555;
    text-decoration: none;
}

.fixed-height-large {
  height: calc(100vh - 2em);
  min-height: calc(100vh - 2em);
}	
	
.fixed-height-medium {
  height: calc(100vh - 15em);
  min-height: calc(100vh - 15em);
}	
	
@media (min-width:992px) {
	
 
	
  .side-panel-is-left, .jla .side-panel-is-left {
    margin-left: 380px;
  }
  .side-panel-is-left main, 
	.jla .side-panel-is-left main,
	.side-panel-is-left footer.small-section, 
	.jla .side-panel-is-left > .small-section {
    margin-left: 110px !important;
    position: relative;
		
  }
}
@media (max-width:991px) {
  .side-panel-is-left, .jla .side-panel-is-left {
    margin-left: 10px;
    margin-right: 10px;
  }
  .jla .side-panel {
    display: none !important;
  }
  .jla .fm-button {
    display: block;
  }
  
}
/* Base theme tokens (easy to customize) */
.jla .side-panel {
  --sp-bg: #fff;
  --sp-link: #757575; /* slate-700-ish */
  --sp-link-hover: #666666; /* slate-900-ish */
  --sp-link-active: #333;
  background: var(--sp-bg);
  /* smooth background + subtle elevation when scrolled */
  transition: background-color 300ms ease, box-shadow 300ms ease;
}
.jla .side-panel nav a {
  color: var(--sp-link);
  text-decoration: none;
  font-weight: 300;
  transition: color 250ms ease, background-color 250ms ease, text-decoration-color 250ms ease;
}
.jla .side-panel nav a:hover, .jla .side-panel nav a:focus-visible {
  color: var(--sp-link-hover);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
/* After 50px scroll */
.jla .side-panel.scrolled {
  --sp-bg: #666666; /* dark panel */
  --sp-link: #fff; /* light links */
  --sp-link-hover: #ccc;
  --sp-link-active: #eee;
  background: var(--sp-bg);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.0);
}
/* Ensure contrast on focus/active */
.jla .side-panel.scrolled nav a:focus-visible, .jla .side-panel.scrolled nav a[aria-current="page"], .jla .side-panel.scrolled nav a.active {
  color: var(--sp-link-active);
  text-decoration: underline;
}
/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .side-panel, .side-panel nav a {
    transition: none;
  }
}
/* Menu */
.jla .sp-menu-links, .jla .sp-menu-links ul {
  margin: 0;
  padding: 10px 0;
  line-height: 1.6;
  text-align: left;
  list-style: none;
  font-size: 1rem;
}
.jla .sp-menu-links li, .jla .sp-menu-links li:last-child {
  border-top: none;
  padding-bottom: 0;
  padding-top: 0;
  line-height: 1;
  border-bottom: none;
}
.jla .sp-menu-links ul.sp-sub {
  padding: 0;
  line-height: 1.3;
  text-align: left;
}
.jla .sp-menu-links a {
  padding: 10px 20px 10px 40px;
  z-index: 2000;
  font-size: .9rem;
  letter-spacing: 1.5px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-tap-highlight-color: rgba(255, 255, 255, .1);
}
.jla .sp-menu-links .sp-sub a {
  text-transform: none;
  padding: 5px 20px 5px 50px;
  letter-spacing: 1px;
}
/*  


*/
.jla .works-filter a {
  font-size: .8rem;
  letter-spacing: 1px;
}
.work-item .work-img:after {
  background: rgba(255, 255, 255, .09);
}
.work-item:hover .work-img:after {
  background: rgba(255, 255, 255, .95);
}
/* Scroll down icon */
.scroll-down {
  width: 40px;
  height: 40px;
  bottom: 40px;
}
.jla .scroll-down:before {
  background: transparent;
  color: #fff;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.jla .scroll-down:hover:before {
  color: #fff;
}
.jla .scroll-down-icon {
  bottom: 24px;
  color: #fff;
  font-size: 35px;
}
/* contact icons */
.jla .ci-icon {
  color: #fff;
}
.jla .ci-icon:before {
  background: #111;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.jla .ci-title {
  margin-bottom: 1px;
  color: #757575;
  font-size: 1.2rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.ci-text {
  font-size: 15px;
  font-weight: 300;
}
.jla .section-more {
  color: #757575;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-decoration: none;
}
/* ==============================
   Footer
   ============================== */
.footer {
  text-align: left;
  font-size: .9rem;
}
.footer a {
  color: #757575;
  text-decoration: none;
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer a:hover {
  color: #666666;
  text-decoration: underline;
}
.footer-copy {
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5em;
}
.footer-made {
  font-size: 11px;
  color: #999;
}
.jla .footer-social-links {
  font-size: 1rem;
}
.jla .footer-social-links a {
  width: 25px;
  height: 25px;
  line-height: 25px !important;
  display: inline-block;
  color: #111;
}
.footer-social-links a i, .footer-social-links a span[class^=icon] {}
.jla .footer-social-links a:before {}
.footer-social-links a:hover {
  color: #666666;
}
.footer-social-links a:hover:before {
  background: #eee;
}
a.link-to-top {
  color: rgba(0, 0, 0, .2);
  font-size: 48px;
}
.jla .works-grid.work-grid-gut .work-item {
  /*   padding: 0 0 30px 30px;*/
}
#content img.right {
  max-width: 50%;
  margin-left: 40px;
  margin-bottom: 40px;
}
/* Tweak this to control the narrow, centered block */ :root {
  --contact-max: 28rem; /* keep small for strong negative space */
  --gap-x: 1.75rem;
  --gap-y: .25rem;
}
/* Container */
.site-footer {
  padding-top: 3em;
}
.contact-block {
  max-width: var(--contact-max);
  margin-inline: auto;
}
/* Heading can be visually understated but still accessible */
.contact-heading {
  margin: 0 0 1rem 0;
  font-size: 0.9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
}
/* List reset */
.offices {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Each office row as a 3-col grid (Street | City/State | Phone) */
.office-grid {
  display: grid;
  grid-template-columns: 1fr auto auto; /* street grows; city/state and phone size to content */
  column-gap: var(--gap-x);
  row-gap: var(--gap-y);
  align-items: baseline;
  margin-block: .35rem;
  font-style: normal; /* address defaults to italic in some UAs */
}
/* Keep the tidy column look on larger widths */
.citystate, .tel {
  white-space: nowrap;
}
/* Right-align phone like a third column in a table */
.tel {
  text-align: right;
  justify-self: end;
  text-decoration: none;
}
/* Firm name below */
.firm-name {
  margin-top: 1rem;
  text-align: center;
  font-weight: 600;
}
/* Optional: keep compound words together */
.nowrap {
  white-space: nowrap;
}
/* Mobile: stack cleanly when space is tight */
@media (max-width: 420px) {
  #content img.right {
    max-width: 100%;
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .office-grid {}
  .citystate, .tel {
    white-space: normal;
    justify-self: start;
    text-align: left;
  }
}
/*
 * Works grid 
 */
.works-grid.work-grid-gut {}
.jla .works-grid.work-grid-gut .work-item {}
.jla .work-item > a {}
.work-item a, .work-item a:hover {}
.work-img {}
.jla .item {}
.jla .item .work-img figure {}
.jla .item .work-img img {}
.jla .work-intro {}
.jla .work-title {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.jla .work-descr {
  font-size: .9rem;
  text-transform: none;
}
.works-grid.hide-titles .work-item > a {}
.jla .works-grid.hide-titles .work-item .work-intro {}
.works-grid.hide-titles .work-item:hover .work-intro {
  opacity: 1;
}
/* Work item hover state */
.jla .work-intro {
  height: 125px;
}
.work-item:hover .work-intro {
  bottom: auto;
  top: 50%;
}
.jla .work-item:hover .work-title, .jla .work-item:hover .work-descr {
  color: #757575;
}
.work-item .work-img:after {
  background: rgba(255, 255, 255, 0);
}
.work-item:hover .work-img:after {}
.works-grid.hover-color .work-item:hover .work-intro, .works-grid.hover-color .work-item:hover .work-title, .works-grid.hover-color .work-item:hover .work-descr {
  color: #757575;
}
.works-grid.hover-color .work-item:hover .work-img:after {
  xbackground: #666666;
  xopacity: .73;
}
.works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr {}
.works-grid.hover-white .work-item:hover .work-intro, .works-grid.hover-white .work-item:hover .work-title, .works-grid.hover-white .work-item:hover .work-descr {
  color: #757575;
}
.works-grid.hover-white .work-item:hover .work-img:after {
  background: rgba(255, 255, 255, .9);
}
.work-item .work-img > img {
  -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.work-item:hover .work-img > img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.ken-burns {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: kb-zoom-pan 0s ease-in;
}
@keyframes kb-zoom-pan {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1.3);
  }
}
.jla h1.sr-only {
  margin: 0; padding: 0; display: none;
}
h1, h2, h3, h4, h5, h6,
.jla .h1, .jla .h2, .jla .h3, .jla .h4, .jla .h5, .jla .h6, .jla h1, .jla h2, .jla h3, .jla h4, .jla h5, .jla h6 {
margin-top: 1.25em; margin-bottom: .5em;
  font-weight: 700 !important;
  line-height: 1.2;
 font-size: calc(1.275rem + .3vw);
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; margin-top: 1.25em; margin-bottom: .5em;}

.jla .h1, .jla h1 {

  font-weight: 700 !important;
  text-transform: uppercase;
  color: #757575;
  margin-bottom: .5em;
}

h2, .h2  {
  font-size: calc(1.275rem + .3vw);
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: 500 !important;
	letter-spacing: 2px;
}
.grid h2 {margin-bottom: .5em;}

 .h3,  h3 {
  font-size: calc(1.275rem + .3vw);
   text-transform: none;
  font-weight: 700 !important;
}
 
.jla .h4, .jla h4 {
  font-size: calc(1.275rem + .3vw);
  font-weight: 700 !important;
  text-transform: none;
}
 
.jla .h5, .jla h5 {
  text-transform: none;
  font-size: calc(1.275rem + .3vw);
}
.jla .h6, .jla h6, .jla fs-6 {
  text-transform: none;
  font-size: calc(1.275rem + .3vw);
}
.jla .mfp-bg {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90)
}
.jla .mfp-preloader {
  color: #757575;
}
.jla .mfp-preloader a {
  color: #757575
}
.jla .mfp-preloader a:hover {
  color: #ddd
}
.jla .mfp-close {
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #757575;
}
.jla .mfp-close:hover, .jla .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100)
}
.jla .mfp-close-btn-in .mfp-close {
  color: #757575
}
.jla .mfp-image-holder .mfp-close, .jla .mfp-iframe-holder .mfp-close {
  color: #757575;
}
.jla .mfp-counter {
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
/* --- Portfolio hover: fade overlay + caption --- */
.jla .work-item .work-img {
  position: relative;
  overflow: hidden;
}
/* stop image zoom */
.jla .work-item .work-img img {
  transform: none !important;
  transition: none !important;
}
/* overlay fade */
.jla .work-item .work-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.45);
  opacity: 0;
  transition: opacity .40s ease;
  pointer-events: none;
}
.jla .work-item:hover .work-img::after, .jla .work-item:focus-within .work-img::after {
  opacity: 1;
}
/* caption assumed to be absolutely positioned already by*



/* Base: make sure the image wrapper is a positioning context */
.jla .work-item .work-img {
  position: relative;
  overflow: hidden;
}
/* Keep the overlay fade you added (optional if you already have it) */
.jla .work-item .work-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .4);
  opacity: 0;
  transition: opacity .40s ease;
  pointer-events: none;
  z-index: 1; /* below the text */
}
.jla .work-item:hover .work-img::after, .jla .work-item:focus-within .work-img::after {
  opacity: 1;
}
/* STOP any theme slide/translate on the intro */
.jla .work-item .work-intro {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important; /* center, no vertical movement */
  opacity: 0; /* hidden by default */
  transition: opacity .40s ease; /* fade only */
  z-index: 2; /* above the overlay */
  margin: 0 !important;
  /* Neutralize theme transitions that animate transform/position */
  will-change: opacity;
  text-align: center; /* typical overlay look */
}
/* If the theme was animating transform or top/bottom, kill those transitions */
.jla .work-item .work-intro {
  transition-property: opacity !important; /* ensure only opacity animates */
}
/* Show on hover/focus (keyboard accessible) */
.jla .work-item:hover .work-intro, .jla .work-item:focus-within .work-intro {
  opacity: 1;
}
/* Ensure the image itself never zooms */
.jla .work-item .work-img img {
  transform: none !important;
  transition: none !important;
}
/* Motion safety */
@media (prefers-reduced-motion: reduce) {
  .jla .work-item .work-img::after, .jla .work-item .work-intro {
    transition: none !important;
  }
}
.jla footer *, .jla footer, .jla .footer-text, .jla .footer-made, .jla .footer-copy {
  text-align: left;
}