/* ==========================================================================
   Lauren Englander portfolio — site additions
   (layered on top of the Squarespace 7.1 base styles in base.css)
   ========================================================================== */

:root {
  --le-lime: hsl(62.65 83.7% 73.53%);
  --le-cream: hsl(30 100% 96.47%);
  --le-lavender: hsl(255 87.5% 93.73%);
  --le-brown: hsl(18.62 19.46% 29.22%);
  --le-logo-h: 58px;
  --le-gap: clamp(44px, 5vw, 84px);
  --header-height: 87px;
}
html { scroll-behavior: smooth; }
#siteWrapper { position: relative; overflow-x: clip; }
#sections > .page-section:first-child,
#sections > .page-section:first-child.cdk-section { padding-top: var(--header-height); }
img { max-width: 100%; }

/* ---------- flow layouts inside Squarespace section wrappers ---------- */
.le-flow {
  width: 100%;
  max-width: var(--sqs-site-max-width, 1500px);
  margin: 0 auto;
  padding: 0 var(--sqs-site-gutter, 4vw);
  box-sizing: border-box;
}
@media (max-width: 767px) { .le-flow { padding: 0 var(--sqs-mobile-site-gutter, 6vw); } }
.le-flow--full { max-width: none; padding: 0; }
.le-center { text-align: center; }
.le-narrow { max-width: 1180px; margin-left: auto; margin-right: auto; }
.le-narrow--s { max-width: 760px; margin-left: auto; margin-right: auto; }
.le-mt-0 { margin-top: 0 !important; }
.le-mb-0 { margin-bottom: 0 !important; }
.le-section-pad { padding-top: clamp(40px, 6vw, 86px); padding-bottom: clamp(40px, 6vw, 86px); }
.le-section-pad--s { padding-top: clamp(28px, 4vw, 60px); padding-bottom: clamp(28px, 4vw, 60px); }
.le-section-pad--top-xs { padding-top: clamp(24px, 3vw, 44px); }
.le-stack > * + * { margin-top: clamp(28px, 4vw, 56px); }
.le-eyebrow-space { margin-top: clamp(20px, 3vw, 40px); }

/* ---------- marquee (logos and headline text) ---------- */
.le-marquee { overflow: hidden; width: 100%; }
.le-marquee__track {
  display: flex;
  width: max-content;
  animation: le-marquee var(--le-dur, 50s) linear infinite;
}
.le-marquee__group {
  display: flex;
  align-items: center;
  flex: none;
  gap: var(--le-gap);
  padding-right: var(--le-gap);
}
@keyframes le-marquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
.le-marquee--logos { padding: 18px 0; }
.le-marquee--text { --le-gap: 0.55em; }
.le-marquee--text .le-marquee__item { margin: 0; white-space: nowrap; }
.le-logo { display: flex; align-items: center; justify-content: center; flex: none; }
.le-logo img {
  height: calc(var(--le-logo-h) * var(--s, 1));
  width: auto;
  max-width: none;
  display: block;
}
@media (max-width: 991px) { :root { --le-logo-h: 46px; } }
@media (max-width: 767px) { :root { --le-logo-h: 38px; --le-gap: 36px; } .le-marquee--logos { padding: 10px 0; } }
@media (prefers-reduced-motion: reduce) {
  .le-marquee__track { animation: none; width: 100%; justify-content: center; }
  .le-marquee__group { flex: 1 1 100%; width: 100%; box-sizing: border-box; flex-wrap: wrap; justify-content: center; row-gap: 28px; padding: 0 var(--sqs-site-gutter, 4vw); }
  .le-marquee__group[aria-hidden="true"] { display: none; }
  .le-marquee--text .le-marquee__group { gap: 0.55em; row-gap: 0; }
  .le-marquee--text .le-marquee__item:nth-child(n+3) { display: none; }
}

/* ---------- logo wall (draft page) ---------- */
.le-logo-wall {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 44px 64px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 0;
  list-style: none;
}
.le-logo-wall .le-logo { height: calc(var(--le-logo-h) * 1.25); }
.le-logo-wall .le-logo img { height: calc(var(--le-logo-h) * 1.05 * var(--s, 1)); }
@media (max-width: 991px) { .le-logo-wall { gap: 36px 44px; } }
@media (max-width: 767px) { .le-logo-wall { gap: 26px 28px; } .le-logo-wall .le-logo img { height: calc(var(--le-logo-h) * 1.15 * var(--s, 1)); } }

/* ---------- poster grid ---------- */
.le-posters {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 40px 26px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.le-poster { margin: 0; text-align: center; }
.le-poster__frame { display: block; overflow: hidden; border-radius: 6px; background: var(--le-lavender); }
.le-poster__img {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (hover: hover) { .le-poster:hover .le-poster__img { transform: scale(1.04); } }
.le-poster figcaption {
  font-family: var(--heading-font-font-family);
  font-weight: var(--heading-font-font-weight);
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 14px;
  color: var(--headingMediumColor, var(--le-brown));
  letter-spacing: 0.01em;
}
@media (max-width: 991px) { .le-posters { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 20px; } .le-poster figcaption { font-size: 0.95rem; } }
@media (max-width: 639px) { .le-posters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; } .le-poster figcaption { font-size: 0.9rem; margin-top: 10px; } }

/* ---------- case study cards (draft page) ---------- */
.le-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.le-card {
  background: var(--le-card-bg, var(--le-lime));
  padding: clamp(26px, 3.6vw, 52px);
  box-sizing: border-box;
  min-width: 0;
}
.le-card--lime { --le-card-bg: var(--le-lime); }
.le-card--lavender { --le-card-bg: var(--le-lavender); }
.le-card__media { display: flex; justify-content: center; margin: 0 0 clamp(22px, 3vw, 36px); }
.le-card__media .le-video,
.le-card__media video {
  height: min(64vh, 520px);
  width: auto;
  max-width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: 10px;
  background: #000;
  display: block;
  object-fit: cover;
}
.le-card__media .le-keyart {
  height: min(64vh, 520px);
  width: auto;
  max-width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.le-card__media .le-photo { width: 100%; height: auto; border-radius: 8px; display: block; }
.le-card__media .le-yt { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #000; }
.le-card__media .le-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.le-card .sqs-html-content > :first-child { margin-top: 0; }
.le-card .sqs-html-content > :last-child { margin-bottom: 0; }
.le-card__actions { margin-top: clamp(18px, 2.4vw, 28px); }
@media (max-width: 767px) {
  .le-cards { grid-template-columns: 1fr; gap: 12px; }
  .le-card { padding: 28px 22px; }
  .le-card__media .le-video, .le-card__media video { height: min(78vh, 520px); }
  .le-card__media .le-keyart { height: 360px; }
}

/* ---------- YouTube embeds reused from the original ---------- */
.sqs-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* ---------- native video players (replacing the Squarespace player) ---------- */
.le-player { width: 100%; max-width: 100%; }
.le-player video { width: 100%; height: 100%; display: block; background: #000; object-fit: cover; }

/* ---------- galleries (replacing JS-positioned masonry) ---------- */
.gallery-masonry[data-le] .gallery-masonry-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  height: auto !important;
}
.gallery-masonry[data-le] .gallery-masonry-item { position: static !important; width: auto !important; transform: none !important; margin: 0; }
.gallery-masonry[data-le] .gallery-masonry-item-wrapper { height: auto !important; }
.gallery-masonry[data-le] img { width: 100%; height: auto !important; display: block; }
.gallery-grid[data-le] .gallery-grid-wrapper { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5vw; }
.gallery-grid[data-le] .gallery-grid-item-wrapper { aspect-ratio: 1 / 1; height: auto !important; padding-bottom: 0 !important; overflow: hidden; }
.gallery-grid[data-le] .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper,
.gallery-masonry[data-le] .gallery-masonry-item:not([data-show]) .gallery-masonry-item-wrapper { opacity: 1; }
.gallery-grid[data-le] .gallery-grid-item-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.gallery-grid[data-le] a { display: block; height: 100%; }
@media (hover: hover) { .gallery-grid[data-le] a:hover img { transform: scale(1.03); } }
@media (max-width: 991px) { .gallery-grid[data-le] .gallery-grid-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4vw; } }
@media (max-width: 767px) { .gallery-grid[data-le] .gallery-grid-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4vw; } }

/* ---------- lightbox ---------- */
.le-lightbox {
  position: fixed; inset: 0; z-index: 1000;
  background: rgba(89, 69, 60, 0.96);
  display: flex; align-items: center; justify-content: center;
}
.le-lightbox[hidden] { display: none; }
.le-lightbox__img { max-width: 92vw; max-height: 90vh; width: auto; height: auto; object-fit: contain; }
.le-lightbox__close, .le-lightbox__nav {
  position: absolute; background: transparent; border: 0; color: var(--le-cream);
  font: 400 44px/1 var(--body-font-font-family); cursor: pointer; padding: 12px 18px; z-index: 2;
}
.le-lightbox__close { top: 12px; right: 16px; }
.le-lightbox__nav { top: 50%; transform: translateY(-50%); font-size: 64px; }
.le-lightbox__nav--prev { left: 10px; }
.le-lightbox__nav--next { right: 10px; }
.le-lightbox-open { overflow: hidden; }

/* ---------- contact form ---------- */
.le-form { max-width: 100%; }
.le-form .le-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.le-form fieldset { border: 0; padding: 0; margin: 0 0 22px; min-width: 0; }
.le-form .le-form__item { margin: 0 0 22px; }
.le-form legend, .le-form .le-form__title {
  font-family: var(--body-font-font-family);
  font-size: 1rem; line-height: 1.5; margin: 0 0 6px; display: block; color: var(--le-brown);
}
.le-form label.le-form__caption { display: block; font-size: 0.82rem; line-height: 1.5; margin: 0 0 4px; color: var(--le-brown); }
.le-form .le-form__req { opacity: 0.75; margin-left: 4px; font-size: 0.82rem; }
.le-form input[type="text"], .le-form input[type="email"], .le-form textarea {
  width: 100%; box-sizing: border-box; background: var(--le-cream); color: var(--le-brown);
  border: 0; border-bottom: 2px solid var(--le-brown); padding: 8px 10px; font: 400 1rem/1.5 var(--body-font-font-family);
  border-radius: 0; outline: none; appearance: none;
}
.le-form textarea { min-height: 120px; resize: vertical; }
.le-form input:focus, .le-form textarea:focus { outline: 2px solid var(--le-brown); outline-offset: 1px; }
.le-form .le-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.le-form button.le-form__submit {
  display: inline-block; background: var(--le-brown); color: var(--le-cream); border: 0; cursor: pointer;
  font: 400 1rem/1 var(--body-font-font-family); text-transform: uppercase; letter-spacing: 0.02em;
  padding: 18px 26px; min-height: 48px;
}
.le-form button.le-form__submit:hover { opacity: 0.9; }
.le-form__thanks { padding: 24px 0; font-size: 1.05rem; }
@media (max-width: 639px) { .le-form .le-form__row { grid-template-columns: 1fr; } }

/* ---------- disclaimer ---------- */
.le-disclaimer { padding: 0 var(--sqs-site-gutter, 4vw) 30px; text-align: center; }
.le-disclaimer p {
  font-family: var(--body-font-font-family);
  font-size: 11px; line-height: 1.55; opacity: 0.7; max-width: 880px; margin: 0 auto;
  color: var(--le-brown);
}
@media (max-width: 767px) { .le-disclaimer { padding: 0 var(--sqs-mobile-site-gutter, 6vw) 26px; } }

/* ---------- small refinements ---------- */
.header-nav-item a, .header-menu-nav-item a { -webkit-tap-highlight-color: transparent; }
.header-burger-btn { min-width: 44px; min-height: 44px; }
@media (max-width: 767px) {
  .sqs-block-button-element { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}
/* keep long email readable without overflow */
footer h1 { overflow-wrap: anywhere; }
/* the email block is a narrow grid cell at tablet widths; widen it so it breaks cleanly */
@media (min-width: 768px) and (max-width: 1024px) {
  footer .fe-block-53583733172e6405bf3d { grid-area: 2/13/4/26 !important; }
}
footer h1 a { color: inherit; text-decoration: none; }
footer h1 a:hover { text-decoration: underline; text-underline-offset: 0.12em; }

/* ---------- portfolio intro section ---------- */
.le-portfolio-intro { padding: 14px 0 0; }
.le-portfolio-intro .le-marquee-wrap { margin: 42px 0 54px; }
.le-portfolio-intro h2, .le-portfolio-intro h3 { margin-top: 0; }
@media (max-width: 767px) {
  .le-portfolio-intro { padding: 6px 0 0; }
  .le-portfolio-intro .le-marquee-wrap { margin: 30px 0 34px; }
}
.le-disclaimer { position: relative; z-index: 2; width: 100%; box-sizing: border-box; padding-top: 12px; }

/* ---------- targeted fixes for blocks that overlapped in the original Fluid Engine layouts ---------- */
@media (min-width: 768px) {
  .fe-block-c489ba96a18a34036f79 { grid-area: 1/5/3/23 !important; }                 /* Stranger Things: "Supply Run" heading */
  .fe-block-yui_3_17_2_1_1792114241789_8692 { grid-area: 1/6/3/22 !important; }      /* Wrexham: "Static graphics approach" heading */
}
@media (max-width: 767px) {
  .fe-block-yui_3_17_2_1_1792089142545_4818 { grid-area: 60/2/68/9 !important; }     /* Bumble: Brooks paragraph */
}
@media (min-width: 768px) {
  /* Silo: three SiloCore videos start below the intro paragraph */
  .fe-block-03ce83e6044b1bcb6ee7 { grid-area: 11/7/25/12 !important; }
  .fe-block-035bc5871a7787d27e16 { grid-area: 11/12/25/17 !important; }
  .fe-block-yui_3_17_2_1_1791588287510_3326 { grid-area: 11/17/25/22 !important; }
  /* Wrexham: "Static graphics approach" paragraph below its heading */
  .fe-block-6227f719fc2930551fcb { grid-area: 3/8/7/20 !important; }
  /* Wrexham: "Always Sunny" collage, keep text clear of the photos */
  .fe-block-6aa93dc29d36e8cd75ad { grid-area: 11/7/17/21 !important; }
  .fe-block-764743bebdd075645f91 { grid-area: 18/2/30/10 !important; }
  .fe-block-32ea6a8a9d35e339e2b7 { grid-area: 18/15/27/21 !important; }
  /* Bottoms (tablet): videos below the intro text */
  .fe-block-89d9b404d5c08aa299f0 { grid-area: 8/2/31/10 !important; }
  .fe-block-yui_3_17_2_1_1791500389891_9130 { grid-area: 8/10/30/18 !important; }
  .fe-block-yui_3_17_2_1_1791567488572_7600 { grid-area: 8/18/31/26 !important; }
  .fe-block-yui_3_17_2_1_1792099718119_4930 { grid-area: 31/10/35/18 !important; }
  .fe-block-yui_3_17_2_1_1792099718119_4396 { grid-area: 31/2/37/10 !important; }
  .fe-block-yui_3_17_2_1_1792104700842_3434 { grid-area: 31/18/35/26 !important; }
  /* Foundation: ArtStation button below its paragraph */
  .fe-block-yui_3_17_2_1_1791914817098_14270 { grid-area: 14/15/16/22 !important; }
}
@media (max-width: 767px) {
  /* Bumble: first cutdown video below the section intro */
  .fe-block-1a83bce7213d53e275b4 { grid-area: 4/2/10/10 !important; }
  /* Bottoms: videos below the intro text */
  .fe-block-yui_3_17_2_1_1791500389891_9130 { grid-area: 5/2/26/10 !important; }
  .fe-block-89d9b404d5c08aa299f0 { grid-area: 27/2/48/10 !important; }
  .fe-block-yui_3_17_2_1_1792099718119_4930 { grid-area: 49/2/51/10 !important; }
  .fe-block-yui_3_17_2_1_1792099718119_4396 { grid-area: 51/2/53/10 !important; }
  .fe-block-yui_3_17_2_1_1791567488572_7600 { grid-area: 54/2/75/10 !important; }
  .fe-block-yui_3_17_2_1_1792104700842_3434 { grid-area: 75/2/77/10 !important; }
  /* Foundation: ArtStation button below its paragraph */
  .fe-block-yui_3_17_2_1_1791914817098_14270 { grid-area: 27/2/31/10 !important; }
  /* Wrexham: "Always Sunny" collage */
  .fe-block-6aa93dc29d36e8cd75ad { grid-area: 11/2/21/10 !important; }
  .fe-block-5340c97f43acc42d09eb { grid-area: 22/1/27/5 !important; }
  .fe-block-32ea6a8a9d35e339e2b7 { grid-area: 24/6/30/10 !important; }
  /* Stranger Things: "The Ask" copy below the scrolling title */
  .fe-block-4a8f012f1d253607e2af-1 { grid-area: 6/2/23/10 !important; }
  /* About: photo below the bio list */
  .fe-block-9a727a9be437bc7aaf6e { grid-area: 41/2/50/10 !important; }
}


/* ================= portfolio intro copy ================= */
.le-portfolio-intro .le-sub { margin: 10px 0 0; }
.le-tagline {
  font-family: var(--body-font-font-family); font-size: clamp(1.05rem, 1.25vw, 1.25rem); line-height: 1.5;
  max-width: 34em; margin: 22px auto 0;
}
.le-cta {
  display: inline-flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 26px;
  font-family: var(--heading-font-font-family); text-transform: uppercase; text-decoration: none;
  font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.1; color: var(--le-brown);
  background: var(--le-lavender); padding: 14px 26px 12px; border: 2px solid var(--le-brown); border-radius: 999px;
  transform: rotate(-1.5deg); transition: transform .25s ease;
}
.le-cta:hover { transform: rotate(1.5deg) scale(1.04); }
.le-cta__arrow { width: 14px; height: 14px; border-right: 3px solid var(--le-brown); border-bottom: 3px solid var(--le-brown); transform: rotate(45deg); animation: le-bob 1.4s ease-in-out infinite; }
@keyframes le-bob { 0%,100% { translate: 0 -3px; } 50% { translate: 0 4px; } }
#sections > section.page-section:first-child.has-section-divider { padding-bottom: calc(var(--divider-height) + 36px) !important; }
@media (max-width: 767px) {
  .le-tagline { margin-top: 16px; }
  .le-cta { margin-top: 20px; padding: 12px 20px 10px; }
}

/* ================= content photos: show the whole image ================= */
.le-natural, .le-natural .fluid-image-animation-wrapper, .le-natural .fluid-image-container,
.le-natural .js-content-mode-element-wrapper, .le-natural .js-content-mode-element { height: auto !important; }
.le-natural img { position: static !important; width: 100% !important; height: auto !important; object-fit: contain !important; }

/* ================= portfolio tiles: 4:5, never cropped awkwardly ================= */
#gridThumbs .grid-item { position: relative; }
#gridThumbs .grid-image { position: relative; overflow: hidden; }
.le-fill { background: var(--le-brown); }
.le-fill > img.le-fill__bg { position: absolute; inset: -8%; width: 116% !important; height: 116% !important; object-fit: cover; filter: blur(22px) saturate(1.1) brightness(.8); transform: none !important; }
.le-fill > img:not(.le-fill__bg) { position: relative; object-fit: contain !important; }

/* ================= case study tickers ================= */
#gridThumbs .grid-image-wrapper, #gridThumbs .grid-item { position: relative; }
.le-tick {
  position: absolute; z-index: 3; pointer-events: none; left: -3%; width: 106%; top: 16px;
  display: block; overflow: hidden; white-space: nowrap;
  background: var(--le-tick-bg, var(--le-lavender)); color: var(--le-tick-fg, var(--le-brown));
  border-top: 2px solid var(--le-brown); border-bottom: 2px solid var(--le-brown);
  box-shadow: 0 3px 0 rgba(89,69,60,.35);
  transform: rotate(-3deg); transform-origin: center;
  font-family: var(--heading-font-font-family); text-transform: uppercase; font-size: 17px; line-height: 1; letter-spacing: .04em;
}
.le-tick--lavender { --le-tick-bg: var(--le-lavender); }
.le-tick--lime { --le-tick-bg: var(--le-lime); }
.le-tick--cream { --le-tick-bg: var(--le-cream); }
.le-tick--orange { --le-tick-bg: hsl(19.53 86% 60.78%); --le-tick-fg: var(--le-cream); }
.le-tick__track { display: flex; width: max-content; animation: le-tick 22s linear var(--d, 0s) infinite; }
.le-tick__grp { display: flex; flex: none; align-items: center; padding: 9px 0 7px; }
.le-tick__item { padding: 0 .7em; }
.le-tick__star { font-family: var(--body-font-font-family); font-size: .8em; animation: le-blink 2.4s ease-in-out infinite; }
@keyframes le-tick { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
@keyframes le-blink { 0%,100% { opacity: 1; } 50% { opacity: .25; } }
#gridThumbs .grid-item:hover .le-tick__track { animation-duration: 9s; }
@media (max-width: 767px) { .le-tick { font-size: 15px; top: 12px; } }
@media (prefers-reduced-motion: reduce) { .le-tick__track, .le-tick__star { animation: none !important; } }
.le-readmore {
  display: inline-block; margin-top: 2px; font-family: var(--body-font-font-family); font-size: .95rem;
  text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px;
}
.le-readmore::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: translateY(-1px) rotate(45deg); transition: margin .2s; }
#gridThumbs .grid-item:hover .le-readmore::after { margin-left: 13px; }
@media (max-width: 767px) { .le-sticker { font-size: 14px; top: -10px; right: -6px; } }
@media (prefers-reduced-motion: reduce) {
  .le-sticker, .le-sticker > span, .le-cta__arrow { animation: none !important; }
  .le-sticker__a { opacity: 0; } .le-sticker__b { opacity: 1; }
}

.gallery-grid .le-fill { position: absolute; inset: 0; overflow: hidden; }
.gallery-grid .le-fill > img:not(.le-fill__bg) { position: relative; z-index: 1; object-fit: contain !important; }
.gallery-grid .le-fill > img.le-fill__bg { position: absolute; }
.fe-block:has(.le-natural) .sqs-block, .fe-block:has(.le-natural) .sqs-block-content { height: auto !important; }
@media (max-width: 767px) {
  /* Stranger Things "Supply Run": heading, copy, then Part 1/2/3 in order */
  .fe-block-c489ba96a18a34036f79 { grid-area: 1/2/3/10 !important; }
  .fe-block-0fdf906d01c3613c3c23 { grid-area: 4/2/13/10 !important; }
  .fe-block-yui_3_17_2_1_1791498060170_17925 { grid-area: 14/2/16/10 !important; }
  .fe-block-28c34b082642052bb9cb { grid-area: 16/2/37/10 !important; }
  .fe-block-8507b55f3c3ab34cfa5d { grid-area: 38/2/40/10 !important; }
  .fe-block-19b8a9e8933ce76ddfe1 { grid-area: 40/2/61/10 !important; }
  .fe-block-a1feadb830e38e569887 { grid-area: 62/2/64/10 !important; }
  .fe-block-yui_3_17_2_1_1791498060170_16711 { grid-area: 64/2/85/10 !important; }
  /* Care Bears "Care Crew": four videos stacked in sequence */
  .fe-block-yui_3_17_2_1_1792016040471_4429 { grid-area: 16/2/37/10 !important; }
  .fe-block-yui_3_17_2_1_1792096861646_3770 { grid-area: 38/2/59/10 !important; }
  .fe-block-yui_3_17_2_1_1792096861646_7124 { grid-area: 60/2/81/10 !important; }
  .fe-block-5dd55649e0772af04cb0 { grid-area: 82/2/103/10 !important; }
}
html body .sqs-block-image .le-natural.design-layout-fluid .fluid-image-container :is(.content-fill, .content-fit) { position: static !important; height: auto !important; }
html body .sqs-block-image .le-natural.design-layout-fluid .fluid-image-container :is(.content-fill, .content-fit) img { position: static !important; width: 100% !important; height: auto !important; object-fit: contain !important; }
/* tighter yellow band under the portfolio intro */
#sections > section.page-section:first-child.has-section-divider { padding-bottom: calc(var(--divider-height) + 8px) !important; }
#sections > section.page-section:first-child .content-wrapper { padding-bottom: 0 !important; }

/* ---------- footer LinkedIn ---------- */
footer .le-social { margin: 18px 0 0; line-height: 0; text-align: center; }
footer .le-linkedin { display: inline-block; border-radius: 10px; transition: transform .2s ease, opacity .2s ease; }
footer .le-linkedin svg { display: block; width: 44px; height: 44px; }
footer .le-linkedin:hover { transform: translateY(-2px) rotate(-4deg); }
footer .le-linkedin:focus-visible { outline: 2px solid var(--le-brown); outline-offset: 3px; }
@media (max-width: 767px) { footer .le-social { margin: 14px 0 26px; } }


/* ================= PHONES: single-column flow instead of the fixed Squarespace grid ================= */
@media (max-width: 767px) {
  .fluid-engine {
    display: flex !important; flex-direction: column; gap: 22px;
    padding: 0 var(--sqs-mobile-site-gutter, 6vw); grid-template-rows: none !important;
  }
  .fluid-engine > .fe-block {
    order: var(--mo, 0); grid-area: auto !important; width: 100% !important; height: auto !important;
    min-height: 0 !important; margin: 0 !important; transform: none !important;
  }
  .fluid-engine > .fe-block .sqs-block { height: auto !important; min-height: 0 !important; }
  /* decorative shape blocks only made sense on the grid */
  .fluid-engine > .fe-block:has([data-definition-name="website.components.shape"]) { display: none !important; }
  /* scrolling headline banners stay edge to edge */
  .fluid-engine > .fe-block:has(.sqs-block-marquee) { width: calc(100% + 2 * var(--sqs-mobile-site-gutter, 6vw)) !important; margin: 0 calc(-1 * var(--sqs-mobile-site-gutter, 6vw)) !important; }
  /* shaped photos keep their designed proportions */
  .fluid-engine > .fe-block[style*="--ar"] .sqs-block,
  .fluid-engine > .fe-block[style*="--ar"] .sqs-block-content { aspect-ratio: var(--ar); height: auto !important; }
  .fluid-engine > .fe-block[style*="--ar"] .fluid-image-component-root { height: 100% !important; }
  /* text: full width, readable, no centered skinny columns */
  .fluid-engine .sqs-html-content { max-width: none !important; }
  .fluid-engine .sqs-html-content > :first-child { margin-top: 0 !important; }
  .fluid-engine .sqs-html-content > :last-child { margin-bottom: 0 !important; }
  .fluid-engine .sqs-html-content p { font-size: 1.02rem !important; line-height: 1.6 !important; margin: 0 0 .9em !important; }
  .fluid-engine .sqs-html-content li p { margin: 0 !important; }
  .fluid-engine .sqs-html-content ul { margin: .4em 0 1em !important; padding-left: 1.2em !important; }
  .fluid-engine .sqs-html-content li { margin: 0 0 .55em !important; }
  .fluid-engine .sqs-html-content h1 { font-size: 2.35rem !important; line-height: 1.05 !important; margin: 0 0 .25em !important; overflow-wrap: anywhere; }
  .fluid-engine .sqs-html-content h2 { font-size: 1.9rem !important; line-height: 1.08 !important; margin: 0 0 .3em !important; }
  .fluid-engine .sqs-html-content h3 { font-size: 1.5rem !important; line-height: 1.1 !important; margin: 0 0 .35em !important; }
  .fluid-engine .sqs-html-content h4 { font-size: 1.25rem !important; line-height: 1.15 !important; margin: 0 0 .35em !important; }
  /* sections hug their content */
  .page-section { min-height: 0 !important; }
  .page-section:not(:first-child) > .content-wrapper { padding-top: 40px !important; padding-bottom: 40px !important; }
  .sqs-block-button-container { text-align: center !important; }
  /* footer */
  footer .fluid-engine { gap: 14px; text-align: center; }
  footer .le-social { margin: 8px 0 6px; }
}
@media (max-width: 767px) {
  .fluid-engine > .fe-block:has(.sqs-block-marquee) { order: -1 !important; }
  .gallery-section > .content-wrapper, .gallery-section .gallery-masonry, .gallery-section .gallery-grid { padding-top: 0 !important; }
  .gallery-section { padding-top: 0 !important; }
  .gallery-masonry[data-le] .gallery-masonry-wrapper { gap: 10px; }
  .gallery-masonry[data-width="inset"], .gallery-grid[data-width="full"] { padding: 0 var(--sqs-mobile-site-gutter, 6vw) 30px !important; }
}
@media (max-width: 767px) {
  #gridThumbs { --portfolio-vertical-gutter: 44px !important; row-gap: 44px !important; padding-top: 40px !important; padding-bottom: 40px !important; }
  .cdk-section .portfolio-grid-basic { padding-top: 40px !important; padding-bottom: 40px !important; }
  .item-pagination .item-pagination-title { font-size: 1.15rem !important; line-height: 1.15 !important; }
  .item-pagination-link { max-width: 48%; }
  .item-pagination { padding-top: 28px !important; padding-bottom: 28px !important; }
  .fluid-engine > .fe-block:has(.sqs-block-marquee) { padding: 4px 0 2px; }
  .fluid-engine > .fe-block:has(.sqs-block-marquee) .sqs-block-content { overflow: hidden; }
  .le-marquee--text .le-marquee__item { line-height: 1.12 !important; margin: 0 !important; }
}
@media (max-width: 767px) {
  .fluid-engine > .fe-block[style*="--ar"] { aspect-ratio: var(--ar); height: auto !important; overflow: hidden; }
  .fluid-engine > .fe-block[style*="--ar"] :is(.sqs-block, .sqs-block-content, .fluid-image-component-root, .fluid-image-animation-wrapper, .fluid-image-container, .js-content-mode-element-wrapper, .js-content-mode-element) { height: 100% !important; aspect-ratio: auto !important; }
  .fluid-engine > .fe-block[style*="--ar"] img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
}

/* tiles and gallery images: zoom to fill the frame (no blurred filler) */
#gridThumbs .grid-image img, .gallery-grid .gallery-grid-item img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 50% 50% !important; }

@media (min-width:768px){ .fe-block.le-paired .sqs-block { justify-content: flex-start !important; } .fe-block.le-paired .sqs-block-alignment-wrapper { align-items: flex-start !important; } .fe-block.le-paired .sqs-html-content > :last-child { margin-bottom: 0 !important; } }

main h1, main h2, main h3, main h4 { text-wrap: balance; }
/* (text-wrap: pretty removed: Safari and Chrome break lines differently with it) */

@media (min-width:768px){
  .le-spread { display: flex !important; flex-direction: column; justify-content: space-between; }
  .le-spread > * { margin-bottom: 0 !important; }
  html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .sqs-block, html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .sqs-block-content,
  html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .sqs-block-content > *, html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .le-natural,
  html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .le-natural *:not(img):not(video) { height: 100% !important; }
  html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .fluid-image-container, html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .sqs-video-wrapper, html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia .video-block-wrapper { position: relative !important; height: 100% !important; }
  html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia img, html body .fe-block.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia.le-fillmedia video { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }
}

/* case studies: centered copy */
html.le-case main .sqs-html-content, html.le-case main .sqs-html-content * { text-align: center !important; }
html.le-case main .sqs-html-content ul, html.le-case main .sqs-html-content ol { list-style-position: inside; padding-left: 0 !important; }
/* tighter section padding everywhere except the home hero */
main section.page-section { min-height: 0 !important; }
main section.page-section:not(:first-child) > .content-wrapper { padding-top: 32px !important; padding-bottom: 32px !important; }
@media (max-width: 767px) { main section.page-section:not(:first-child) > .content-wrapper { padding-top: 24px !important; padding-bottom: 24px !important; } }
html.le-case #sections > section.page-section:first-child .content-wrapper { padding-bottom: 32px !important; }
/* dead-space pass: portfolio grid and custom sections */
#gridThumbs { padding-top: 24px !important; padding-bottom: 24px !important; row-gap: 48px !important; }
.le-section-pad { padding-top: 24px !important; padding-bottom: 24px !important; }
.le-eyebrow-space { margin-top: 24px !important; }

@media (min-width:768px){
  html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized .sqs-block, html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized .sqs-block-content, html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized .sqs-block-content div { height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; aspect-ratio: auto !important; }
  html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized .sqs-block { justify-content: flex-start !important; }
  html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized .sqs-block-content div:not(.fluidImageOverlay) { position: relative !important; inset: auto !important; }
  html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized img, html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized video, html body .fe-block.le-sized.le-sized.le-sized.le-sized.le-sized.le-sized iframe { position: static !important; display: block !important; margin: 0 auto !important; max-width: none !important; object-fit: cover !important; transform: none !important; }
}

/* two logo rows: top runs right-to-left, bottom left-to-right, half a cycle apart */
.le-marquee-pair { display: flex; flex-direction: column; gap: 6px; }
.le-marquee--rev .le-marquee__track { animation-direction: reverse; }
@media (prefers-reduced-motion: reduce) { .le-marquee--rev { display: none; } }
/* home: photo sits below the scrolling name, a little smaller */
@media (min-width:768px){ html body .fe-block-3dc8503dd57e711cda3d.fe-block-3dc8503dd57e711cda3d { grid-area: 6/18/15/25 !important; } }
@media (max-width:767px){ html body .fe-block-3dc8503dd57e711cda3d.fe-block-3dc8503dd57e711cda3d { width: 82% !important; margin: 10px auto 0 !important; align-self: center; } }
.le-hang { display: inline-block; width: 0; overflow: visible; white-space: nowrap; }

html.le-case main .sqs-html-content.le-askblock, html.le-case main .sqs-html-content.le-askblock * { text-align: left !important; }

/* Stranger Things page layout (owner request) */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1792094650204_4690.fe-block-yui_3_17_2_1_1792094650204_4690 { grid-area: 1/4/5/12 !important; }
  html body .fe-block-yui_3_17_2_1_1792114128564_6129.fe-block-yui_3_17_2_1_1792114128564_6129 { grid-area: 1/13/5/23 !important; }
  html body .fe-block-8e090ec13b31aa63308c.fe-block-8e090ec13b31aa63308c { grid-area: 6/5/16/10 !important; }
  html body .fe-block-49a9825e249fca4c72bc.fe-block-49a9825e249fca4c72bc { grid-area: 6/11/16/16 !important; }
  html body .fe-block-25435770b3e2b03dac02.fe-block-25435770b3e2b03dac02 { grid-area: 6/17/16/22 !important; }
  html body .fe-block-0ac6a5e44994d4214845.fe-block-0ac6a5e44994d4214845 { grid-area: 17/5/27/10 !important; }
  html body .fe-block-89de1975a32ef99debae.fe-block-89de1975a32ef99debae { grid-area: 17/11/27/16 !important; }
  html body .fe-block-edee1b104ff2351a417f.fe-block-edee1b104ff2351a417f { grid-area: 17/17/27/22 !important; }
  html body .fe-block-22c8a8493554a235b537.fe-block-22c8a8493554a235b537 { grid-area: 28/5/38/10 !important; }
  html body .fe-block-31412d937a04f84f5b45.fe-block-31412d937a04f84f5b45 { grid-area: 28/11/38/16 !important; }
  html body .fe-block-d921e1c116fd9516c685.fe-block-d921e1c116fd9516c685 { grid-area: 28/17/38/22 !important; }
  html body .fe-block-c489ba96a18a34036f79.fe-block-c489ba96a18a34036f79 { grid-area: 1/5/3/23 !important; }
  html body .fe-block-0fdf906d01c3613c3c23.fe-block-0fdf906d01c3613c3c23 { grid-area: 3/7/7/21 !important; }
  html body .fe-block-yui_3_17_2_1_1791498060170_17925.fe-block-yui_3_17_2_1_1791498060170_17925 { grid-area: 8/2/10/5 !important; }
  html body .fe-block-8507b55f3c3ab34cfa5d.fe-block-8507b55f3c3ab34cfa5d { grid-area: 8/10/10/13 !important; }
  html body .fe-block-a1feadb830e38e569887.fe-block-a1feadb830e38e569887 { grid-area: 8/18/10/21 !important; }
  html body .fe-block-28c34b082642052bb9cb.fe-block-28c34b082642052bb9cb { grid-area: 10/2/30/10 !important; }
  html body .fe-block-19b8a9e8933ce76ddfe1.fe-block-19b8a9e8933ce76ddfe1 { grid-area: 10/10/30/18 !important; }
  html body .fe-block-yui_3_17_2_1_1791498060170_16711.fe-block-yui_3_17_2_1_1791498060170_16711 { grid-area: 10/18/30/26 !important; }
  html body .fe-block-yui_3_17_2_1_1792094650204_4690.fe-block-yui_3_17_2_1_1792094650204_4690 .sqs-block { justify-content: center !important; }
  html body .fe-block-yui_3_17_2_1_1792094650204_4690.fe-block-yui_3_17_2_1_1792094650204_4690 .sqs-html-content > * { margin: 0 !important; }
}

/* Silo page: SiloCore copy and videos centred on the page */
@media (min-width:768px){
  html body .fe-block-89b1f3a0fa8878c9d201.fe-block-89b1f3a0fa8878c9d201 { grid-area: 3/5/10/23 !important; }
  html body .fe-block-03ce83e6044b1bcb6ee7.fe-block-03ce83e6044b1bcb6ee7 { grid-area: 11/5/24/11 !important; }
  html body .fe-block-035bc5871a7787d27e16.fe-block-035bc5871a7787d27e16 { grid-area: 11/11/24/17 !important; }
  html body .fe-block-yui_3_17_2_1_1791588287510_3326.fe-block-yui_3_17_2_1_1791588287510_3326 { grid-area: 11/17/24/23 !important; }
}

/* Silo page, Level 143: copy and the small photo centred on the large photo */
@media (min-width:768px){
  html body .fe-block-3067020032f272c3cb20.fe-block-3067020032f272c3cb20 { grid-area: 1/16/18/26 !important; }
  html body .fe-block-58c81a73cc382a67751f.fe-block-58c81a73cc382a67751f { grid-area: 1/2/18/12 !important; }
  html body .fe-block-58c81a73cc382a67751f.fe-block-58c81a73cc382a67751f .sqs-block { justify-content: center !important; }
  html body .fe-block-e19d0993a917a905168e.fe-block-e19d0993a917a905168e { grid-area: 1/13/18/19 !important; align-self: center !important; height: auto !important; }
  html body .fe-block-e19d0993a917a905168e.fe-block-e19d0993a917a905168e .sqs-block, html body .fe-block-e19d0993a917a905168e.fe-block-e19d0993a917a905168e .sqs-block-content { height: auto !important; }
}

/* Mind Meld (now on Foundation): copy centred on the YouTube player */
@media (min-width:768px){ html body .fe-block-da875b8844757fcb7b72.fe-block-da875b8844757fcb7b72 .sqs-block { justify-content: flex-start !important; } }

/* galleries: no extra band above/below the photos */
html body section.gallery-section > .content-wrapper { padding-top: 0 !important; }
html body .gallery-section :is(.gallery-masonry, .gallery-grid, .gallery-strips, .gallery-reel) { padding-top: 0 !important; padding-bottom: 0 !important; }

/* justified gallery rows (set by site.js) */
html body .gallery-masonry[data-le] .gallery-masonry-wrapper.le-justified { display: flex !important; flex-wrap: wrap !important; column-count: auto !important; grid-template-columns: none !important; height: auto !important; }
html body .gallery-masonry[data-le] .le-justified .gallery-masonry-item { flex: none !important; margin: 0 !important; position: static !important; break-inside: auto; }
html body .gallery-masonry[data-le] .le-justified .gallery-masonry-item-wrapper, html body .gallery-masonry[data-le] .le-justified .gallery-masonry-item-wrapper a { width: 100% !important; height: 100% !important; display: block; }
html body .gallery-masonry[data-le] .le-justified img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* ================= It's Always Sunny takeover (Wrexham) ================= */
section.le-to-section { --to-bg: hsl(18.62 19.46% 29.22%); transition: background-color .5s ease; background: var(--to-bg) !important; }
section.le-to-section > .section-border .section-background, section.le-to-section > .section-background { background: var(--to-bg) !important; transition: background-color .5s ease; }
section.le-to-section > .content-wrapper { padding-top: 64px !important; padding-bottom: 64px !important; }
.le-takeover { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 calc(var(--sqs-site-gutter, 4vw) + 14px); text-align: center; color: #f6efe4; }
/* title card in the site's heading face */
.le-to__card { font-family: var(--heading-font-font-family, "Anton"), "Anton", sans-serif; font-weight: 400; text-transform: uppercase; font-size: clamp(30px, 4.4vw, 64px); line-height: 1.1; color: hsl(30 100% 96.47%); margin: 0 0 20px !important; letter-spacing: .01em; }
.le-to__alert { font: 600 12px/1.2 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: hsl(62.65 83.7% 73.53%); margin: 0 0 18px !important; opacity: .9; }
.le-to__alert::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #e5372a; margin-right: 8px; vertical-align: 1px; animation: le-to-blink 1.2s steps(2) infinite; }
.le-to__copy h2 { color: hsl(62.65 83.7% 73.53%) !important; margin: 0 0 14px !important; }
.le-to__copy p { color: #f6efe4 !important; max-width: 780px; margin: 0 auto !important; }
.le-to__memes { list-style: none; margin: 44px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.le-to__meme { margin: 0 !important; padding: 0 !important; transform: rotate(var(--r)); box-shadow: 0 10px 26px rgba(0,0,0,.45); background: #fff; }
.le-to__meme::before { display: none !important; }
.le-to__meme img { display: block; width: 100%; height: auto; }
.le-to__scan { position: absolute; inset: -64px 0; pointer-events: none; opacity: 0; background: repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 2px, transparent 2px 4px); z-index: 2; }
@media (max-width: 767px) {
  section.le-to-section > .content-wrapper { padding-top: 44px !important; padding-bottom: 44px !important; }
  .le-to__memes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 30px !important; }
  .le-to__card { margin-bottom: 18px !important; }
}
/* before the takeover (only when motion is allowed; set by site.js) */
section.le-to-section.is-pre { --to-bg: hsl(62.65 83.7% 73.53%); }
.is-pre .le-to__card, .is-pre .le-to__alert { opacity: 0; transform: translateY(8px); }
.is-pre .le-to__copy h2 { color: hsl(18.62 19.46% 29.22%) !important; }
.is-pre .le-to__copy p { color: hsl(18.62 19.46% 29.22%) !important; }
.is-pre .le-to__meme { transform: none; box-shadow: none; }
.le-to__card, .le-to__alert { transition: opacity .5s ease .25s, transform .5s ease .25s; }
.le-to__copy h2, .le-to__copy p { transition: color .5s ease; }
/* the hack */
.is-glitch .le-takeover { animation: le-to-glitch .75s steps(1) both; }
.is-glitch .le-to__scan { animation: le-to-scan .9s ease-out both; }
.is-taken .le-to__meme { animation: le-to-slap .55s cubic-bezier(.2,.9,.3,1.3) both; animation-delay: calc(.35s + var(--d)); }
@keyframes le-to-glitch {
  0% { transform: none; filter: none; clip-path: none; }
  12% { transform: translateX(-8px); clip-path: inset(8% 0 58% 0); filter: hue-rotate(80deg) saturate(2); }
  24% { transform: translateX(7px); clip-path: inset(46% 0 22% 0); }
  36% { transform: translateX(-4px); clip-path: inset(70% 0 4% 0); filter: invert(1); }
  48% { transform: translateX(3px); clip-path: none; filter: none; }
  60% { transform: translateX(-2px) skewX(-4deg); }
  72% { transform: none; filter: contrast(1.6); }
  100% { transform: none; filter: none; clip-path: none; }
}
@keyframes le-to-scan { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 0; } }
@keyframes le-to-slap { from { opacity: 0; transform: scale(1.35) rotate(calc(var(--r) * -3)); } to { opacity: 1; transform: rotate(var(--r)); } }
@keyframes le-to-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .le-to__alert::before { animation: none; } .is-taken .le-to__meme { animation: none; } }

/* Wrexham Bespoke AV: captions match their videos, with breathing room */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1792094990444_5996.fe-block-yui_3_17_2_1_1792094990444_5996 { grid-area: 1/6/6/22 !important; }
  html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 { grid-column: 2 / 10 !important; }
  html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 { grid-column: 10 / 18 !important; }
  html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 { grid-column: 18 / 26 !important; }
}
html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 .sqs-block-content, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 .sqs-block-content, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 .sqs-block-content { padding: 22px 18px 0 !important; }
html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 h1, html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 h2, html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 h3, html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 h4, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 h1, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 h2, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 h3, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 h4, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 h1, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 h2, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 h3, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 h4 { margin: 0 0 12px !important; }
html body .fe-block-yui_3_17_2_1_1792027306354_4765.fe-block-yui_3_17_2_1_1792027306354_4765 p, html body .fe-block-yui_3_17_2_1_1792027306354_5409.fe-block-yui_3_17_2_1_1792027306354_5409 p, html body .fe-block-637d00f32dd85271d388.fe-block-637d00f32dd85271d388 p { margin: 0 !important; }

/* takeover title: typewriter (letters keep their space, so nothing shifts) */
.le-to__card .le-tw { visibility: hidden; }
.le-to__card .le-tw.on { visibility: visible; }
.le-to__card .le-tw-caret { display: inline-block; width: .08em; height: .9em; margin-left: .04em; margin-right: -.12em; vertical-align: -.05em; background: hsl(62.65 83.7% 73.53%); animation: le-to-blink 1s steps(2) infinite; }
.le-to__card.le-typed .le-tw-caret { display: none; }

/* Care Bears intro: copy sits closer to a larger image */
@media (min-width:768px){ html body .fe-block-26600270542e31b541cb.fe-block-26600270542e31b541cb { grid-column: 6 / 16 !important; } }

/* Care Bears: Care Crew heading centred on its copy, four videos level */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1792096861646_5177.fe-block-yui_3_17_2_1_1792096861646_5177 { grid-area: 1/5/6/14 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177-1.fe-block-yui_3_17_2_1_1792096861646_5177-1 { grid-area: 1/14/6/25 !important; }
  html body .fe-block-yui_3_17_2_1_1792016040471_4429.fe-block-yui_3_17_2_1_1792016040471_4429 { grid-area: 7/2/22/8 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_7124.fe-block-yui_3_17_2_1_1792096861646_7124 { grid-area: 7/8/22/14 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_3770.fe-block-yui_3_17_2_1_1792096861646_3770 { grid-area: 7/14/22/20 !important; }
  html body .fe-block-5dd55649e0772af04cb0.fe-block-5dd55649e0772af04cb0 { grid-area: 7/20/22/26 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177.fe-block-yui_3_17_2_1_1792096861646_5177 .sqs-block { justify-content: center !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177.fe-block-yui_3_17_2_1_1792096861646_5177 .sqs-html-content > * { margin: 0 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177-1.fe-block-yui_3_17_2_1_1792096861646_5177-1 .sqs-block { justify-content: center !important; }
  html body .fe-block-26600270542e31b541cb.fe-block-26600270542e31b541cb { grid-column: 7 / 16 !important; }
}

/* Care Bears statics: heading centred on intro, even 2x2 grid */
.le-st { max-width: 1180px; margin: 0 auto; padding: 0 var(--sqs-site-gutter, 4vw); }
.le-st__head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: center; margin-bottom: 40px; }
.le-st__head h2 { margin: 0 !important; text-align: center !important; }
.le-st__head p { margin: 0 !important; text-align: center !important; }
.le-st__grid { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px 32px; }
.le-st__card { margin: 0 !important; padding: 0 !important; }
.le-st__card::before { display: none !important; }
.le-st__img { aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; }
.le-st__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.le-st__cap { padding: 16px 8px 0; text-align: center !important; }
.le-st__cap h4 { font-size: 1.35rem !important; letter-spacing: .02em; margin: 0 0 6px !important; text-align: center !important; }
.le-st__cap p { font-size: 1rem !important; line-height: 1.5 !important; margin: 0 !important; text-align: center !important; }
@media (max-width: 767px) {
  .le-st__head { grid-template-columns: 1fr; gap: 12px; margin-bottom: 26px; }
  .le-st__grid { grid-template-columns: 1fr; gap: 32px; }
}
.le-st__cap p { font-family: var(--body-font-font-family) !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 400 !important; }

/* Bumble intro: same composition as the other case studies */
@media (min-width:768px){ html body .fe-block-yui_3_17_2_1_1792030586662_1519.fe-block-yui_3_17_2_1_1792030586662_1519 { grid-column: 5 / 15 !important; } html body .fe-block-a284065f23ae2e721251.fe-block-a284065f23ae2e721251 { grid-column-start: 16 !important; } }
/* Bumble Longform AVs: one clean row per episode */
.le-lf { max-width: 1180px; margin: 0 auto; padding: 0 var(--sqs-site-gutter, 4vw); }
.le-lf__head { max-width: 820px; margin: 0 auto 48px; text-align: center; }
.le-lf__head h2 { margin: 0 0 14px !important; }
.le-lf__head p { margin: 0 auto !important; }
.le-lf__list { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; gap: 64px; }
.le-lf__row { margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.le-lf__row--flip .le-lf__vid { order: 2; }
.le-lf__row::before, .le-lf__segs li::before { display: none !important; }
.le-lf__vid { aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; box-shadow: 0 10px 28px rgba(89,69,60,.18); }
.le-lf__vid iframe { width: 100%; height: 100%; border: 0; display: block; }
html.le-case main .le-lf__txt, html.le-case main .le-lf__txt * { text-align: center !important; }
.le-lf__txt h3 { margin: 0 0 12px !important; }
.le-lf__txt > p.sqsrte-large { margin: 0 !important; }
.le-lf__segs-label { font-family: var(--heading-font-font-family, "Anton"), sans-serif; text-transform: uppercase; letter-spacing: .08em; font-size: 13px !important; opacity: .7; margin: 22px 0 10px !important; }
.le-lf__segs { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 12px; }
.le-lf__segs li { margin: 0 !important; padding: 0 !important; }
.le-lf__segs h4 { font-size: 17px !important; line-height: 1.15 !important; margin: 0 0 2px !important; letter-spacing: .02em; }
.le-lf__segs p { margin: 0 !important; font-size: .95em; }
@media (max-width: 767px) { .le-lf__row { grid-template-columns: 1fr; gap: 18px; } .le-lf__row--flip .le-lf__vid { order: 0; } .le-lf__list { gap: 48px; } }
/* Bumble intro text closer to the photo; Static Series: three equal, evenly spaced posts */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1791590635681_3366.fe-block-yui_3_17_2_1_1791590635681_3366 { grid-column: 5 / 15 !important; }
  html body .fe-block-6ecf1bdd883bf51a4d94.fe-block-6ecf1bdd883bf51a4d94 { grid-area: 6/2/21/10 !important; }
  html body .fe-block-887ffc11e9ebf29251e5.fe-block-887ffc11e9ebf29251e5 { grid-area: 6/10/21/18 !important; }
  html body .fe-block-06c464506a67b6f5c3c7.fe-block-06c464506a67b6f5c3c7 { grid-area: 6/18/21/26 !important; }
  html body .fe-block-yui_3_17_2_1_1792089306172_28347.fe-block-yui_3_17_2_1_1792089306172_28347 { grid-column: 6 / 22 !important; }
}
html body .fe-block-6ecf1bdd883bf51a4d94.fe-block-6ecf1bdd883bf51a4d94 .fluid-image-container, html body .fe-block-887ffc11e9ebf29251e5.fe-block-887ffc11e9ebf29251e5 .fluid-image-container, html body .fe-block-06c464506a67b6f5c3c7.fe-block-06c464506a67b6f5c3c7 .fluid-image-container { aspect-ratio: 4 / 5; height: auto !important; }
html body .fe-block-6ecf1bdd883bf51a4d94.fe-block-6ecf1bdd883bf51a4d94 img, html body .fe-block-887ffc11e9ebf29251e5.fe-block-887ffc11e9ebf29251e5 img, html body .fe-block-06c464506a67b6f5c3c7.fe-block-06c464506a67b6f5c3c7 img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* Care Bears, Care Crew: title centred on the copy, four videos level */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1792096861646_5177.fe-block-yui_3_17_2_1_1792096861646_5177 { grid-area: 1/5/6/14 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177.fe-block-yui_3_17_2_1_1792096861646_5177 .sqs-block { justify-content: center !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_5177-1.fe-block-yui_3_17_2_1_1792096861646_5177-1 { grid-area: 1/14/6/25 !important; }
  html body .fe-block-yui_3_17_2_1_1792016040471_4429.fe-block-yui_3_17_2_1_1792016040471_4429 { grid-area: 7/2/22/8 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_7124.fe-block-yui_3_17_2_1_1792096861646_7124 { grid-area: 7/8/22/14 !important; }
  html body .fe-block-yui_3_17_2_1_1792096861646_3770.fe-block-yui_3_17_2_1_1792096861646_3770 { grid-area: 7/14/22/20 !important; }
  html body .fe-block-5dd55649e0772af04cb0.fe-block-5dd55649e0772af04cb0 { grid-area: 7/20/22/26 !important; }
  html body .fe-block-26600270542e31b541cb.fe-block-26600270542e31b541cb { grid-column: 7 / 16 !important; }
}

/* Care Bears intro: narrower copy column next to a bigger image */
@media (min-width:768px){
  html body .fe-block-26600270542e31b541cb.fe-block-26600270542e31b541cb { grid-column: 6 / 14 !important; }
  html body .fe-block-yui_3_17_2_1_1791489299571_4842.fe-block-yui_3_17_2_1_1791489299571_4842 { grid-column-start: 14 !important; }
  html body .fe-block-yui_3_17_2_1_1791489299571_4842.fe-block-yui_3_17_2_1_1791489299571_4842 .sqs-block-content { padding-left: 30px !important; }
}
.le-lf__row--flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
html body .le-lf__segs li { display: block !important; width: 100% !important; padding-left: 0 !important; text-indent: 0 !important; }
html body .le-lf__segs li > * { margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 767px) { .le-lf__row--flip { grid-template-columns: 1fr; } }

/* Bumble Longform: 2 x 2 cards (title + intro, video, segments) */
html body .le-lf__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 44px; }
.le-lf__card { margin: 0 !important; padding: 0 !important; display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 20px; align-content: start; }
.le-lf__card::before { display: none !important; }
.le-lf__top { align-self: start; }
.le-lf__top h3 { margin: 0 0 10px !important; }
.le-lf__top p { margin: 0 !important; }
html.le-case main .le-lf__top, html.le-case main .le-lf__top * { text-align: center !important; }
html.le-case main .le-lf__bot, html.le-case main .le-lf__bot * { text-align: left !important; }
.le-lf__bot .le-lf__segs-label { margin: 0 0 10px !important; }
.le-lf__bot .le-lf__segs h4, .le-lf__bot .le-lf__segs p { margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; }
@media (max-width: 767px) { html body .le-lf__list { grid-template-columns: 1fr; gap: 48px; } .le-lf__card { grid-row: auto; grid-template-rows: auto; } }

/* Bumble Longform: video first, then title + intro, then segments */
.le-lf__card .le-lf__vid { order: 0; }
.le-lf__card .le-lf__top { order: 1; }
.le-lf__card .le-lf__bot { order: 2; align-self: start; }
.le-lf__card { row-gap: 18px; }
html body .le-lf__card { display: flex !important; flex-direction: column; gap: 18px; grid-row: auto !important; }
html body .le-lf__list { align-items: start; }
.le-lf__card .le-lf__bot { margin-top: 4px; }
html body .le-lf__card > .le-lf__top, html body .le-lf__card > .le-lf__bot { align-self: stretch !important; width: 100%; }
html body .le-lf__top p { margin: 0 auto !important; }

@media (max-width:767px){ html body .fe-block-3dc8503dd57e711cda3d.fe-block-3dc8503dd57e711cda3d { aspect-ratio: auto !important; height: calc((100vw - 2 * var(--sqs-mobile-site-gutter, 6vw)) * .82 / .9) !important; } }
.le-to__card .le-tw-word { white-space: nowrap; display: inline-block; }
/* custom blocks fill their section in every browser (Chrome shrink-wraps them inside the flex wrapper) */
html body .content-wrapper > :is(.le-takeover, .le-lf, .le-st) { width: 100%; box-sizing: border-box; flex: 1 1 100%; }
/* footer email: one line, same size as "LET'S CONNECT!" */
html body footer .fe-block-53583733172e6405bf3d h1 { white-space: nowrap; line-height: 1.1 !important; }
html body footer .fe-block-53583733172e6405bf3d h1 wbr { display: none; }
@media (min-width:768px){ html body footer .fe-block-53583733172e6405bf3d.fe-block-53583733172e6405bf3d { grid-column: 13 / 27 !important; } }
/* Bottoms Bespoke AVs: all three captions start on the same line under their videos */
@media (min-width:768px){ html body .fe-block-yui_3_17_2_1_1792099718119_4930.fe-block-yui_3_17_2_1_1792099718119_4930 { grid-row: 27 / 31 !important; } }
html body :is(.fe-block-yui_3_17_2_1_1792099718119_4930, .fe-block-yui_3_17_2_1_1792099718119_4396, .fe-block-yui_3_17_2_1_1792104700842_3434) .sqs-html-content > :first-child { margin-top: 0 !important; }

/* Love Is Blind: three columns, captions on top, videos level */
@media (min-width:768px){
  html body .fe-block-43c485a4048cef09dc5e.fe-block-43c485a4048cef09dc5e { grid-area: 1/2/8/10 !important; }
  html body .fe-block-e9c010c06564beb45c0d.fe-block-e9c010c06564beb45c0d { grid-area: 1/10/8/18 !important; }
  html body .fe-block-23b3ad46537f862436fc.fe-block-23b3ad46537f862436fc { grid-area: 1/18/8/26 !important; }
  html body .fe-block-6d6006351b8828f59003.fe-block-6d6006351b8828f59003 { grid-area: 9/2/29/10 !important; }
  html body .fe-block-yui_3_17_2_1_1792107246980_1792.fe-block-yui_3_17_2_1_1792107246980_1792 { grid-area: 9/10/29/18 !important; }
  html body .fe-block-yui_3_17_2_1_1792107246980_3875.fe-block-yui_3_17_2_1_1792107246980_3875 { grid-area: 9/18/29/26 !important; }
}

/* Love Is Blind static graphics: headline centred on the copy beside it */
@media (min-width:768px){ html body .fe-block-b60dd4d69f0baca52c86.fe-block-b60dd4d69f0baca52c86 { grid-row: 1 / 6 !important; align-self: center !important; } html body .fe-block-b60dd4d69f0baca52c86 .sqs-block { justify-content: center !important; } }

/* Foundation @X: four tweets, bigger, in one even row */
@media (min-width:768px){
  html body .fe-block-ace2dac7105518137f7f.fe-block-ace2dac7105518137f7f { grid-column: 2/8 !important; grid-row: 6 / 13 !important; align-self: start !important; height: auto !important; }
  html body .fe-block-a6ebb386a580d189f973.fe-block-a6ebb386a580d189f973 { grid-column: 8/14 !important; grid-row: 6 / 13 !important; align-self: start !important; height: auto !important; }
  html body .fe-block-2867b786040a0ddea556.fe-block-2867b786040a0ddea556 { grid-column: 14/20 !important; grid-row: 6 / 13 !important; align-self: start !important; height: auto !important; }
  html body .fe-block-46b01c53f4bf03aa8232.fe-block-46b01c53f4bf03aa8232 { grid-column: 20/26 !important; grid-row: 6 / 13 !important; align-self: start !important; height: auto !important; }
}
html body .fe-block-ace2dac7105518137f7f :is(.sqs-block,.sqs-block-content,.fluid-image-component-root,.fluid-image-animation-wrapper,.fluid-image-container,.js-content-mode-element-wrapper,.js-content-mode-element), html body .fe-block-a6ebb386a580d189f973 :is(.sqs-block,.sqs-block-content,.fluid-image-component-root,.fluid-image-animation-wrapper,.fluid-image-container,.js-content-mode-element-wrapper,.js-content-mode-element), html body .fe-block-2867b786040a0ddea556 :is(.sqs-block,.sqs-block-content,.fluid-image-component-root,.fluid-image-animation-wrapper,.fluid-image-container,.js-content-mode-element-wrapper,.js-content-mode-element), html body .fe-block-46b01c53f4bf03aa8232 :is(.sqs-block,.sqs-block-content,.fluid-image-component-root,.fluid-image-animation-wrapper,.fluid-image-container,.js-content-mode-element-wrapper,.js-content-mode-element) { height: auto !important; position: relative !important; }
html body .fe-block-ace2dac7105518137f7f img, html body .fe-block-a6ebb386a580d189f973 img, html body .fe-block-2867b786040a0ddea556 img, html body .fe-block-46b01c53f4bf03aa8232 img { position: static !important; width: 100% !important; height: auto !important; object-fit: contain !important; box-shadow: 0 6px 18px rgba(89,69,60,.14); border-radius: 6px; }
@media (max-width:767px){
  html body .fe-block-ace2dac7105518137f7f.fe-block-ace2dac7105518137f7f { order: 101 !important; }
  html body .fe-block-a6ebb386a580d189f973.fe-block-a6ebb386a580d189f973 { order: 102 !important; }
  html body .fe-block-2867b786040a0ddea556.fe-block-2867b786040a0ddea556 { order: 103 !important; }
  html body .fe-block-46b01c53f4bf03aa8232.fe-block-46b01c53f4bf03aa8232 { order: 104 !important; }
}
@media (min-width:768px){ html body .fe-block-0246975929c64ca61879 .sqs-html-content > :last-child { margin-bottom: 18px !important; } }

/* ================= Foundation x ArtStation feature ================= */
section.le-feat-section, section.le-feat-section .section-background { background: hsl(18.62 19.46% 29.22%) !important; }
section.le-feat-section > .content-wrapper { padding-top: 72px !important; padding-bottom: 72px !important; }
.le-feat { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 var(--sqs-site-gutter, 4vw); box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; }
.le-feat__cover { position: relative; display: block; border-radius: 6px; overflow: hidden; box-shadow: 0 22px 50px rgba(0,0,0,.45); transform: rotate(-1.5deg); transition: transform .35s ease, box-shadow .35s ease; }
.le-feat__cover:hover, .le-feat__cover:focus-visible { transform: rotate(0) translateY(-4px); box-shadow: 0 28px 60px rgba(0,0,0,.55); }
.le-feat__cover img { display: block; width: 100%; height: auto; }
.le-feat__tag { position: absolute; left: 14px; bottom: 14px; background: hsl(62.65 83.7% 73.53%); color: hsl(18.62 19.46% 29.22%); font: 600 11px/1 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: 7px 10px; border-radius: 3px; }
html.le-case main .le-feat__copy, html.le-case main .le-feat__copy * { text-align: left !important; }
.le-feat__copy { color: hsl(30 100% 96.47%); }
.le-feat__kicker { font: 600 12px/1.2 var(--body-font-font-family, "Epilogue"), sans-serif !important; letter-spacing: .16em; text-transform: uppercase; color: hsl(62.65 83.7% 73.53%) !important; margin: 0 0 14px !important; padding-bottom: 12px; border-bottom: 1px solid rgba(255,248,240,.25); }
.le-feat__title { color: hsl(30 100% 96.47%) !important; margin: 0 0 18px !important; }
.le-feat__lede { color: hsl(30 100% 96.47%) !important; margin: 0 0 26px !important; }
.le-feat__stat { display: flex; align-items: baseline; gap: 14px; margin: 0 0 6px; }
.le-feat__num { font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-size: clamp(44px, 5vw, 72px); line-height: 1; color: hsl(62.65 83.7% 73.53%); }
.le-feat__lbl { font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: hsl(30 100% 96.47%); opacity: .85; }
.le-feat__note { color: hsl(30 100% 96.47%) !important; opacity: .85; font-size: .9em !important; margin: 0 0 30px !important; }
.le-feat__btn { display: inline-grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 18px; align-items: center; padding: 14px 22px 14px 26px; border-radius: 999px; background: hsl(62.65 83.7% 73.53%); color: hsl(18.62 19.46% 29.22%) !important; text-decoration: none !important; box-shadow: 0 6px 0 rgba(0,0,0,.25); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.le-feat__btn:hover, .le-feat__btn:focus-visible { transform: translateY(-3px); box-shadow: 0 9px 0 rgba(0,0,0,.25); background: hsl(30 100% 96.47%); }
.le-feat__btn:active { transform: translateY(2px); box-shadow: 0 3px 0 rgba(0,0,0,.25); }
.le-feat__btn-sm { grid-column: 1; font: 600 11px/1 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .18em; text-transform: uppercase; opacity: .8; margin-bottom: 4px; }
.le-feat__btn-lg { grid-column: 1; font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-size: 24px; line-height: 1.05; letter-spacing: .02em; }
.le-feat__btn-arrow { grid-column: 2; grid-row: 1 / 3; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: hsl(18.62 19.46% 29.22%); color: hsl(62.65 83.7% 73.53%); font-size: 20px; transition: transform .2s ease; }
.le-feat__btn:hover .le-feat__btn-arrow { transform: translateX(4px); }
@media (max-width: 767px) {
  section.le-feat-section > .content-wrapper { padding-top: 48px !important; padding-bottom: 48px !important; }
  .le-feat { grid-template-columns: 1fr; gap: 36px; }
  .le-feat__cover { transform: none; }
}
@media (prefers-reduced-motion: reduce) { .le-feat__cover, .le-feat__btn, .le-feat__btn-arrow { transition: none; } }

/* Foundation partnerships: ScreenCrush (video | copy), then MovieLUTs (copy | two videos) */
@media (min-width:768px){
  html body .fe-block-1adce29ab1c5420e4742.fe-block-1adce29ab1c5420e4742 { grid-area: 1/2/11/15 !important; }
  html body .fe-block-07034f2ffd26f86beca8.fe-block-07034f2ffd26f86beca8 { grid-area: 1/16/11/26 !important; }
  html body .fe-block-e2cf28e8742eb36c247e.fe-block-e2cf28e8742eb36c247e { grid-area: 12/2/28/12 !important; }
  html body .fe-block-e3dc9d4bad4f7c97f606.fe-block-e3dc9d4bad4f7c97f606 { grid-area: 12/13/28/19 !important; }
  html body .fe-block-yui_3_17_2_1_1791914817098_22362.fe-block-yui_3_17_2_1_1791914817098_22362 { grid-area: 12/19/28/25 !important; }
  html body .fe-block-1adce29ab1c5420e4742.fe-block-1adce29ab1c5420e4742 { align-self: center !important; }
}

/* We Were Liars clean-up */
@media (min-width:768px){
  html body .fe-block-yui_3_17_2_1_1792113136549_6638.fe-block-yui_3_17_2_1_1792113136549_6638 { grid-area: 1/6/3/22 !important; }
  html body .fe-block-yui_3_17_2_1_1792113136549_6638-1.fe-block-yui_3_17_2_1_1792113136549_6638-1 { grid-area: 3/7/7/21 !important; }
  html body .fe-block-yui_3_17_2_1_1792020153614_16164.fe-block-yui_3_17_2_1_1792020153614_16164 { grid-area: 8/2/28/10 !important; }
  html body .fe-block-yui_3_17_2_1_1792020153614_3067.fe-block-yui_3_17_2_1_1792020153614_3067 { grid-area: 8/10/28/18 !important; }
  html body .fe-block-33f306b3aaf3704d1ddc.fe-block-33f306b3aaf3704d1ddc { grid-area: 8/18/28/26 !important; }
  html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 { grid-area: 29/2/35/10 !important; }
  html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 { grid-area: 29/10/35/18 !important; }
  html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a { grid-area: 29/18/35/26 !important; }
  html body .fe-block-cfeee649ea001e7d0453.fe-block-cfeee649ea001e7d0453 { grid-area: 1/2/13/13 !important; }
  html body .fe-block-1c0842fdd961535ff7e9.fe-block-1c0842fdd961535ff7e9 { grid-area: 1/14/7/25 !important; }
  html body .fe-block-6d6655abe3891612eec6.fe-block-6d6655abe3891612eec6 { grid-area: 7/14/13/25 !important; }
  html body .fe-block-e72f8935262da238707f.fe-block-e72f8935262da238707f { grid-row: 1 / 6 !important; align-self: center !important; }
  html body .fe-block-e72f8935262da238707f.fe-block-e72f8935262da238707f .sqs-block { justify-content: center !important; }
  html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 h1, html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 h2, html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 h3, html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 h4, html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 h1, html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 h2, html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 h3, html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 h4, html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a h1, html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a h2, html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a h3, html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a h4 { margin: 0 0 12px !important; }
  html body .fe-block-bf9d177f334bb34b74f9.fe-block-bf9d177f334bb34b74f9 .sqs-block-content, html body .fe-block-c0ec2f7689c14b0eba82.fe-block-c0ec2f7689c14b0eba82 .sqs-block-content, html body .fe-block-05eef13dfe2a4bdf5b3a.fe-block-05eef13dfe2a4bdf5b3a .sqs-block-content { padding: 22px 18px 0 !important; }
}

/* small italic aside under a paragraph */
html body main p.le-aside { opacity: .9; margin-top: 14px !important; }
html body main p.le-aside em { font-style: italic; font-size: .86em; }

/* Foundation tweets: identical card size, top and bottom aligned */
html body .fe-block-ace2dac7105518137f7f img, html body .fe-block-a6ebb386a580d189f973 img, html body .fe-block-2867b786040a0ddea556 img, html body .fe-block-46b01c53f4bf03aa8232 img { aspect-ratio: 1440 / 1796 !important; height: auto !important; object-fit: contain !important; object-position: 50% 0 !important; background: #fff; }

/* ArtStation feature v2: wider, larger copy, stat + button in their own column on the right */
html body .le-feat { max-width: 1440px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.45fr); gap: 56px; }
.le-feat__cols { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 44px; align-items: start; }
html body .le-feat__lede { font-size: clamp(19px, 1.65vw, 25px) !important; line-height: 1.55 !important; margin: 0 !important; }
.le-feat__side { padding-left: 32px; border-left: 1px solid rgba(255,248,240,.25); }
html body .le-feat__note { font-size: clamp(17px, 1.35vw, 21px) !important; line-height: 1.5 !important; opacity: .9; }
html body .le-feat__lbl { font-size: clamp(14px, 1.1vw, 17px); }
.le-feat__side .le-feat__stat { flex-direction: column; align-items: flex-start; gap: 6px; }
.le-feat__side .le-feat__num { font-size: clamp(56px, 6vw, 92px); }
@media (max-width: 1023px) { .le-feat__cols { grid-template-columns: 1fr; gap: 28px; } .le-feat__side { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255,248,240,.25); padding-top: 24px; } }
@media (max-width: 767px) { html body .le-feat { grid-template-columns: 1fr; gap: 36px; } }
.le-feat__btn-lg { white-space: nowrap; }
@media (max-width: 1199px) { .le-feat__cols { grid-template-columns: 1fr; gap: 28px; } .le-feat__side { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255,248,240,.25); padding-top: 24px; } .le-feat__side .le-feat__stat { flex-direction: row; align-items: baseline; gap: 14px; } }

/* footer: LinkedIn icon to the left of the email, with breathing room */
html body footer .fe-block-53583733172e6405bf3d .sqs-html-content { display: flex; align-items: center; justify-content: flex-end; gap: 48px; }
html body footer .fe-block-53583733172e6405bf3d .le-social { margin: 0 !important; flex: none; }
@media (max-width: 767px) { html body footer .fe-block-53583733172e6405bf3d .sqs-html-content { flex-direction: column; gap: 14px; } }
@media (min-width:768px){ html body footer .fe-block-53583733172e6405bf3d.fe-block-53583733172e6405bf3d { grid-column: 13 / 26 !important; } }
html body footer .fe-block-53583733172e6405bf3d h1 { margin: 0 !important; }

:root { --le-orange: hsl(19.53 86% 60.78%); }

/* ==========================================================================
   Contact page: simple, brown
   ========================================================================== */
.le-contact, .le-contact .section-background { background: var(--le-brown) !important; }
html body .le-contact { color: var(--le-cream); }
.le-contact h1, .le-contact p, .le-contact a, .le-contact li { color: var(--le-cream); }
.le-contact > .content-wrapper { padding-top: 40px !important; padding-bottom: 0 !important; }
.le-ct { max-width: 1324px; padding-bottom: 56px; text-align: center; }
.le-ct__head h1 { font-size: clamp(54px, 7vw, 96px) !important; line-height: .95 !important; margin: 0 !important; color: var(--le-lime) !important; }
.le-ct__head p { max-width: 680px; margin: 14px auto 0 !important; font-size: 19px; line-height: 1.5; }
.le-ct__links { list-style: none; margin: 44px auto 0 !important; padding: 0 !important; display: flex; justify-content: center; gap: 0; }
.le-ct__links li { margin: 0 !important; padding: 0 44px !important; border-left: 1px solid rgba(255,248,240,.3); }
.le-ct__links li:first-child { border-left: 0; }
.le-ct__links li::before { display: none !important; }
.le-ct__links a { display: block; text-decoration: none !important; }
.le-ct__links span { display: block; font: 600 12px/1 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--le-lime); margin-bottom: 10px; }
.le-ct__links em { display: block; font-style: normal; font-size: 21px; font-weight: 500; line-height: 1.3; white-space: nowrap; }
.le-ct__links li { flex: none; }
.le-ct__links a:hover em { text-decoration: underline; text-underline-offset: 5px; }
.le-ct__acts { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 44px; }
.le-ct__btn { display: inline-flex; align-items: center; gap: 10px; border: 2px solid var(--le-cream); border-radius: 999px; padding: 14px 24px; background: transparent; color: var(--le-cream) !important; font: 600 14px/1 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.le-ct__btn svg { width: 18px; height: 18px; flex: none; }
.le-ct__btn:hover { background: var(--le-cream); color: var(--le-brown) !important; }
.le-ct__btn--primary { background: var(--le-lime); border-color: var(--le-lime); color: var(--le-brown) !important; }
.le-ct__btn--primary:hover { background: var(--le-cream); border-color: var(--le-cream); }
.le-ct__btn:focus-visible { outline: 2px solid var(--le-lime); outline-offset: 4px; }
.le-ct__btn.is-copied { background: var(--le-lime); border-color: var(--le-lime); color: var(--le-brown) !important; }
/* cream header over the brown contact page */
html body.le-dark-top:not(.header--menu-open) #header .header-title-text a,
html body.le-dark-top:not(.header--menu-open) #header .header-nav-item a,
html body.le-dark-top:not(.header--menu-open) #header .header-nav-item a:hover,
html body.le-dark-top:not(.header--menu-open) #header button { color: var(--le-cream) !important; }
html body.le-dark-top:not(.header--menu-open) #header .burger-inner .top-bun,
html body.le-dark-top:not(.header--menu-open) #header .burger-inner .patty,
html body.le-dark-top:not(.header--menu-open) #header .burger-inner .bottom-bun { background-color: var(--le-cream) !important; }
@media (max-width: 767px) {
  .le-contact > .content-wrapper { padding-top: 24px !important; }
  .le-ct { padding-bottom: 40px; }
  .le-ct__head p { font-size: 16.5px; }
  .le-ct__links { flex-direction: column; gap: 22px; margin-top: 34px !important; }
  .le-ct__links li { padding: 0 !important; border-left: 0; }
  .le-ct__links em { font-size: 18px; }
  .le-ct__acts { margin-top: 34px; flex-direction: column; align-items: center; }
  .le-ct__btn { width: min(100%, 300px); justify-content: center; }
}

/* ==========================================================================
   About page: "The Index"
   ========================================================================== */
.le-ix { max-width: 1324px; }
.le-about-hero, .le-about-hero .section-background { background: var(--le-lavender) !important; }
.le-about-hero > .content-wrapper { padding-top: 10px !important; padding-bottom: 0 !important; }
.le-about-hero .le-ix { max-width: none; }
.le-ix__hero { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; align-items: center; padding-bottom: 18px; }
.le-ix__kick { margin: 0 0 16px !important; font: 600 13px/1.4 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.le-ix__title { font-size: clamp(64px, 10vw, 150px) !important; white-space: nowrap; line-height: .9 !important; margin: 0 !important; }
.le-ix__title em { font-style: normal; color: var(--le-orange); }
.le-ix__sub { max-width: 640px; margin: 22px 0 0 !important; font-family: var(--heading-font-font-family, "Anton"), sans-serif !important; font-weight: 400 !important; font-size: clamp(30px, 3.1vw, 46px) !important; line-height: 1.1 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--le-brown); text-wrap: balance; }
.le-ix__lede { max-width: 560px; margin: 12px 0 0 !important; font-size: 21px; line-height: 1.5; }
.le-ix__portrait { width: 420px; height: 520px; object-fit: cover; border-radius: 210px 210px 24px 24px; border: 3px solid var(--le-brown); justify-self: end; }

/* index */
.le-about-index > .content-wrapper { padding-top: 22px !important; padding-bottom: 40px !important; }
.le-ix__tochead { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; border-bottom: 3px solid var(--le-brown); padding-bottom: 12px; }
.le-ix__tochead h2 { margin: 0 !important; font-size: clamp(30px, 3vw, 40px) !important; }
.le-ix__tochead p { margin: 0 !important; font: 600 13px/1 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; }
.le-ix__list { list-style: none; margin: 0 !important; padding: 0 !important; }
.le-ix__list > li { margin: 0 !important; padding: 0 !important; }
.le-ix__list > li::before { display: none !important; }
.le-ix__row { border-bottom: 1px solid rgba(89,69,60,.3); transition: background .25s ease; }
.le-ix__toggle { appearance: none; background: none; border: 0; width: 100%; padding: 24px 0; margin: 0; cursor: pointer; color: var(--le-brown); text-align: left; display: grid; grid-template-columns: 150px minmax(0, 1fr) 60px; gap: 20px; align-items: start; font: inherit; }
.le-ix__toggle:focus-visible { outline: 2px solid var(--le-brown); outline-offset: 4px; border-radius: 6px; }
.le-ix__num { font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-size: 84px; line-height: .9; -webkit-text-stroke: 2px var(--le-brown); paint-order: stroke fill; transition: color .25s ease; }
.le-ix__row--lime .le-ix__num { color: var(--le-lime); }
.le-ix__row--orange .le-ix__num { color: var(--le-orange); }
.le-ix__row--lav .le-ix__num { color: var(--le-lavender); }
.le-ix__head { display: block; padding-top: 4px; }
.le-ix__h3 { display: block; font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-weight: 400; font-size: clamp(24px, 2.5vw, 36px); line-height: 1.05; text-transform: uppercase; letter-spacing: .01em; margin-bottom: 6px; }
.le-ix__hook { display: block; font-style: italic; font-size: 19px; line-height: 1.4; }
.le-ix__plus { position: relative; width: 44px; height: 44px; justify-self: end; margin-top: 6px; }
.le-ix__plus i { position: absolute; left: 50%; top: 50%; width: 26px; height: 4px; background: var(--le-brown); transform: translate(-50%, -50%); transition: transform .3s ease; }
.le-ix__plus i + i { transform: translate(-50%, -50%) rotate(90deg); }
.le-ix__row.is-open .le-ix__plus i + i { transform: translate(-50%, -50%) rotate(0deg); }
.le-ix__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s ease; }
.le-ix__bodyin { overflow: hidden; }
.le-ix__row.is-open .le-ix__body { grid-template-rows: 1fr; }
.le-ix__bodyin p { margin: 0 0 12px !important; font-size: 17px; line-height: 1.55; max-width: 760px; }
.le-ix__bodyin p:last-child { margin-bottom: 0 !important; }
.le-ix__bodyin > p:last-child { padding-bottom: 28px; }
.le-ix__body { padding-left: 170px; }
.le-ix__row.is-open { background: var(--le-lime); margin: 0 calc(-1 * var(--sqs-site-gutter, 4vw)) !important; padding: 0 var(--sqs-site-gutter, 4vw) !important; border-bottom-color: transparent; }
.le-ix__row.is-open .le-ix__num { color: var(--le-cream); }
.le-ix__row.is-open .le-ix__toggle { padding-bottom: 12px; }

/* get to know me */
.le-about-facts, .le-about-facts .section-background { background: var(--le-brown) !important; }
html body .le-about-facts { --previous-section-divider-offset: 0px !important; margin-top: 0 !important; color: var(--le-cream); }
html body .le-about-facts > .content-wrapper { margin-top: 0 !important; padding-top: 64px !important; padding-bottom: 64px !important; }
.le-about-facts h2, .le-about-facts p, .le-about-facts li { color: var(--le-cream); }
.le-ix__facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: start; }
.le-ix__about h2 { margin: 0 0 14px !important; font-size: clamp(44px, 4.6vw, 64px) !important; color: var(--le-lime) !important; }
.le-ix__quote { margin: 0 0 18px !important; font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-weight: 400; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.1; }
.le-ix__intro p { margin: 0 0 12px !important; font-size: 17px; line-height: 1.55; opacity: .92; }
.le-ix__figure { position: relative; margin: 22px 0 0 86px; max-width: 400px; }
.le-ix__figure .le-ix__porch { margin-top: 0; }
/* starburst footnote: centered on the photo's left edge, half on / half off */
.le-ix__star { position: absolute; left: 0; top: 54%; width: 172px; height: 172px; transform: translate(-50%, -50%) rotate(-6deg); display: grid; place-items: center; box-sizing: border-box; padding: 0 28px; background: var(--le-lime); color: var(--le-brown); clip-path: polygon(50.0% 0.0%, 60.4% 11.4%, 75.0% 6.7%, 78.3% 21.7%, 93.3% 25.0%, 88.6% 39.6%, 100.0% 50.0%, 88.6% 60.4%, 93.3% 75.0%, 78.3% 78.3%, 75.0% 93.3%, 60.4% 88.6%, 50.0% 100.0%, 39.6% 88.6%, 25.0% 93.3%, 21.7% 78.3%, 6.7% 75.0%, 11.4% 60.4%, 0.0% 50.0%, 11.4% 39.6%, 6.7% 25.0%, 21.7% 21.7%, 25.0% 6.7%, 39.6% 11.4%); text-align: center; }
.le-ix__star span { display: block; font: 600 11.5px/1.35 var(--body-font-font-family, "Epilogue"), sans-serif; text-wrap: balance; }
.le-ix__porch { display: block; width: 100%; max-width: 400px; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 16px; margin-top: 22px; }
.le-ix__factkick { margin: 0 0 10px !important; font: 600 13px/1.4 var(--body-font-font-family, "Epilogue"), sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--le-lime) !important; }
.le-ix__fl { list-style: none; margin: 0 !important; padding: 0 !important; }
.le-ix__fl li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0 !important; padding: 12px 0 !important; border-bottom: 1px solid rgba(255,248,240,.2); font-size: 15.5px; line-height: 1.5; }
.le-ix__fl li::before { display: none !important; }
.le-ix__fl b { font-family: var(--heading-font-font-family, "Anton"), sans-serif; font-weight: 400; font-size: 26px; line-height: 1; color: var(--le-lime); padding-top: 2px; }

@media (max-width: 1023px) {
  .le-ix__hero { grid-template-columns: minmax(0, 1fr) 320px; gap: 32px; }
  .le-ix__portrait { width: 320px; height: 400px; border-radius: 160px 160px 20px 20px; }
  .le-ix__toggle { grid-template-columns: 110px minmax(0, 1fr) 44px; gap: 16px; padding: 20px 0; }
  .le-ix__num { font-size: 64px; }
  .le-ix__body { padding-left: 126px; }
  .le-ix__facts { gap: 40px; }
}
@media (max-width: 767px) {
  .le-about-hero > .content-wrapper { padding-top: 0 !important; }
  .le-ix__hero { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-bottom: 30px; }
  .le-ix__portrait { width: 70vw; max-width: 320px; height: auto; aspect-ratio: 420 / 520; justify-self: center; border-radius: 35vw 35vw 18px 18px; }
  .le-ix__sub { font-size: 28px !important; margin-top: 16px !important; }
  .le-ix__lede { font-size: 17px; margin-top: 10px !important; }
  .le-ix__tochead { flex-direction: column; align-items: flex-start; gap: 6px; }
  .le-ix__toggle { grid-template-columns: 64px minmax(0, 1fr) 34px; gap: 12px; padding: 18px 0; }
  .le-ix__num { font-size: 48px; -webkit-text-stroke: 1.5px var(--le-brown); }
  .le-ix__h3 { font-size: 22px; }
  .le-ix__hook { font-size: 16px; }
  .le-ix__plus { width: 34px; height: 34px; margin-top: 2px; }
  .le-ix__plus i { width: 20px; height: 3px; }
  .le-ix__body { padding-left: 0; }
  .le-ix__bodyin p { font-size: 15.5px; }
  .le-ix__bodyin > p:last-child { padding-bottom: 22px; }
  .le-ix__row.is-open { margin: 0 calc(-1 * var(--sqs-mobile-site-gutter, 6vw)) !important; padding: 0 var(--sqs-mobile-site-gutter, 6vw) !important; }
  html body .le-about-facts > .content-wrapper { padding-top: 44px !important; padding-bottom: 44px !important; }
  .le-ix__facts { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .le-ix__porch { height: auto; max-width: min(100%, 340px); }
  .le-ix__figure { margin-left: 72px; }
  .le-ix__star { width: 148px; height: 148px; padding: 0 22px; }
  .le-ix__star span { font-size: 10px; line-height: 1.3; }
  .le-ix__fl li { grid-template-columns: 42px minmax(0, 1fr); font-size: 15px; }
  .le-ix__fl b { font-size: 22px; }
}

/* ---------- Get to know me: heading, intro and photo share one box (desktop) ---------- */
.le-ix__intro p { text-wrap: pretty; }
@media (min-width: 1000px) {
  /* width leaves room for the half-off star on the left, even on narrower desktops */
  .le-ix__about { width: min(400px, calc(100% - 2 * (100px - 4vw))); margin-inline: auto; }
  .le-ix__about .le-ix__figure { margin-left: 0; max-width: none; }
}

/* ---------- About hero: subheading + intro span the full width of the title ---------- */
.le-ix__herotext { width: fit-content; max-width: 100%; }
.le-ix__herotext .le-ix__sub, .le-ix__herotext .le-ix__lede { max-width: none; contain: inline-size; }
.le-ix__herotext .le-ix__lede { text-wrap: pretty; }
@media (min-width: 1000px) {
  .le-ix__sub { font-size: clamp(26px, 2.6vw, 39px) !important; }
}

/* ---------- poster grid: keep a short last row centered ---------- */
.le-posters { display: flex; flex-wrap: wrap; justify-content: center; }
.le-posters > li { flex: 0 0 calc((100% - 5 * 22px) / 6); min-width: 0; }
.le-posters { column-gap: 22px; }
@media (max-width: 1099px) { .le-posters { column-gap: 20px; } .le-posters > li { flex-basis: calc((100% - 3 * 20px) / 4); } }
@media (max-width: 639px) { .le-posters { column-gap: 18px; } .le-posters > li { flex-basis: calc((100% - 18px) / 2); } }

/* case study cards using 2:3 key art */
.cdk-section .portfolio-grid-basic .grid-item.le-cs--art .grid-image { padding-bottom: 150%; }
/* smaller case study grid */
#gridThumbs.portfolio-grid-basic { max-width: 1180px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { #gridThumbs.portfolio-grid-basic { max-width: 330px; } }
/* 4:5 Wrexham S2 art sits in the 2:3 frame on its own black */
.portfolio-grid-basic .grid-item.le-cs--art .grid-image-inner-wrapper:has(img[src*="art-wrexham-s2"]) { background:#000; }
.portfolio-grid-basic .grid-item.le-cs--art .grid-image-inner-wrapper > img[src*="art-wrexham-s2"] { object-fit: contain !important; }
#gridThumbs .grid-image img[src*="art-wrexham-s2"] { object-fit: contain !important; }
/* Silo case study: SiloCore section on green to separate it from the section above */
.le-silocore, .le-silocore .section-background { background: var(--le-lime) !important; }
/* Silo case study: trim the empty rows under the video so SiloCore sits closer */
@media (min-width: 768px) { section .fe-block.fe-block-2cfba604756312444897 { grid-area: 8/2/19/14 !important; }
  section .fe-block.fe-block-yui_3_17_2_1_1791583058609_5909 { grid-area: 8/14/19/26 !important; }
  .fluid-engine.fe-6ac9656adbeca27eb04d217a { margin-bottom: calc(-4 * (1.98vw + 11px)); } }
/* Care Bears case study: left-align statics captions */
html.le-case main .sqs-html-content.le-st__cap, html.le-case main .sqs-html-content.le-st__cap * { text-align: left !important; }
html.le-case main .sqs-html-content.le-st__cap { padding-left: 0; padding-right: 0; }
html.le-case main .sqs-html-content.le-st__cap p { max-width: none !important; margin-left: 0 !important; }
/* Care Bears case study: drop the empty trailing rows under the videos */
@media (min-width: 768px) { section .fluid-engine.fe-6ac7fddebb36220e74bddf7c { grid-template-rows: repeat(21, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important; } }