/* Synistar — focused desktop header, About team and maintenance pricing refinements.
   Layout-only layer; no changes to existing prices, CMS, routes or mobile pill menu. */

/* Fill wide desktop viewports instead of marooning the floating header in
   a 1370px-wide island. Match the utility rail and primary pill edges. */
@media (min-width: 1081px) {
  .site-header.syn90-header .syn90-utility,
  .site-header.syn90-header .syn90-nav-wrap {
    width: min(1920px, calc(100% - 28px)) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-inline: auto !important;
  }
  .site-header.syn90-header .syn90-nav-wrap {
    padding-inline: clamp(20px, 2.2vw, 42px) !important;
  }
  .site-header.syn90-header .syn90-utility-inner {
    width: 100% !important;
    max-width: none !important;
    padding-inline: clamp(20px, 2.2vw, 42px) !important;
    box-sizing: border-box !important;
  }
}

/* Team cards: names and roles stay in place, LinkedIn is a real, visible
   external action rather than making the whole photo unexpectedly clickable. */
.impact-team-grid .syn116-team-card h3 {
  margin-bottom: 11px;
}
.impact-team-grid .syn116-team-card .syn116-team-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  margin: 0 21px 2px;
}
.impact-team-grid .syn116-team-role {
  min-width: 0;
  flex: 1 1 135px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--syn-muted);
}
.impact-team-grid .syn116-team-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex: 0 0 auto;
  min-height: 36px;
  padding: 7px 11px 7px 13px;
  border: 1px solid var(--syn-glass-border) !important;
  border-radius: 999px;
  background: var(--syn-glass-bg-soft);
  color: var(--syn-ink) !important;
  font-size: 11px;
  font-weight: 720;
  line-height: 1.2;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.impact-team-grid .syn116-team-link span {
  font-size: 15px;
  line-height: 1;
  color: var(--syn-copy);
}
.impact-team-grid .syn116-team-link:hover {
  transform: translateY(-1px);
  background: var(--syn-surface-2);
  border-color: var(--syn-glass-border-strong) !important;
}
.impact-team-grid .syn116-team-link:focus-visible {
  outline: 2px solid var(--syn-ink) !important;
  outline-offset: 3px !important;
}

/* Pricing: quieter material, larger headline numbers and a crisp feature
   checklist. Center Advanced is emphasized without a fabricated "popular"
   claim or any color outside the active Clayglass light/dark tokens. */
.syn116-pricing .syn116-pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.15vw, 22px) !important;
  align-items: stretch;
}
.syn116-pricing .syn116-plan-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  min-height: 525px;
  padding: clamp(23px, 2.4vw, 38px) !important;
  border: 1px solid var(--syn-glass-border) !important;
  border-radius: 27px !important;
  background:
    radial-gradient(ellipse at 100% 0%,
      color-mix(in srgb, var(--syn-ink) 5%, transparent), transparent 62%),
    linear-gradient(150deg, var(--syn-glass-bg-strong), var(--syn-glass-bg)) !important;
  box-shadow: var(--syn-shadow-soft) !important;
  backdrop-filter: blur(12px) saturate(116%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(116%) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.syn116-pricing .syn116-plan-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 2px;
  background: linear-gradient(90deg,
    var(--syn-glass-border-strong), transparent 90%);
  pointer-events: none;
}
.syn116-pricing .syn116-plan-card-featured {
  border-color: var(--syn-glass-border-strong) !important;
  background:
    radial-gradient(circle at 84% 0%,
      color-mix(in srgb, var(--syn-ink) 11%, transparent), transparent 57%),
    linear-gradient(150deg,
      color-mix(in srgb, var(--syn-surface-2) 76%, transparent),
      var(--syn-glass-bg-strong)) !important;
  box-shadow: var(--syn-shadow) !important;
}
.syn116-pricing .syn116-plan-card-featured::before {
  height: 3px;
  background: linear-gradient(90deg, var(--syn-ink), transparent 95%);
}
.syn116-pricing .syn116-plan-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--syn-glass-border-strong) !important;
  box-shadow: var(--syn-shadow-hover) !important;
}
.syn116-pricing .syn116-plan-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.syn116-pricing .syn116-plan-heading .plan-label {
  font-family: var(--syn-font-sans);
  font-size: 18px !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
  color: var(--syn-ink) !important;
}
.syn116-pricing .syn116-plan-index {
  font-family: var(--syn-font-mono);
  font-size: 10px;
  letter-spacing: .13em;
  font-weight: 600;
  color: var(--syn-muted);
}
.syn116-pricing .syn116-plan-price {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 152px;
  padding: 22px 0 21px;
  border-bottom: 1px solid var(--syn-line-strong);
}
.syn116-pricing .syn116-plan-caption {
  font-family: var(--syn-font-mono);
  color: var(--syn-muted);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
}
.syn116-pricing .syn116-plan-price h3 {
  margin: 16px 0 0 !important;
  color: var(--syn-ink) !important;
  font-family: var(--syn-font-sans);
  font-size: clamp(58px, 5vw, 78px) !important;
  font-weight: 800 !important;
  letter-spacing: -.072em !important;
  line-height: .95 !important;
  overflow-wrap: normal;
}
.syn116-pricing .syn116-plan-price h3 span {
  display: inline-block;
  margin-left: 7px;
  color: var(--syn-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -.005em !important;
  vertical-align: baseline;
}
.syn116-pricing .syn116-plan-card-custom .syn116-plan-price h3 {
  font-size: clamp(48px, 4.25vw, 67px) !important;
  letter-spacing: -.06em !important;
}
.syn116-pricing .syn116-plan-card > p {
  min-height: 0 !important;
  margin: 21px 0 25px !important;
  color: var(--syn-copy) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
.syn116-pricing .syn116-plan-card ul {
  list-style: none !important;
  display: grid !important;
  align-content: start;
  gap: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}
.syn116-pricing .syn116-plan-card li {
  display: grid !important;
  grid-template-columns: 19px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 11px 0 !important;
  border-top: 1px solid var(--syn-line-soft) !important;
  color: var(--syn-copy) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}
.syn116-pricing .syn116-plan-card li::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border: 1px solid var(--syn-glass-border);
  border-radius: 50%;
  color: var(--syn-ink);
  background: var(--syn-glass-bg-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.syn116-pricing .syn116-plan-action {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px;
  flex: 0 0 auto;
  width: 100% !important;
  min-height: 53px !important;
  margin-top: auto !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1.25;
  text-decoration: none;
  background: var(--syn-glass-bg-soft) !important;
  border: 1px solid var(--syn-glass-border-strong) !important;
  color: var(--syn-ink) !important;
  box-shadow: none !important;
}
.syn116-pricing .syn116-plan-action span:last-child {
  font-size: 18px;
  font-weight: 500;
}
.syn116-pricing .syn116-plan-card-featured .syn116-plan-action {
  border-color: var(--syn-ink) !important;
  background: var(--syn-ink) !important;
  color: var(--syn-bg) !important;
}
.syn116-pricing .syn116-plan-action:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06);
}
.syn116-pricing .syn116-plan-action:focus-visible {
  outline: 2px solid var(--syn-ink) !important;
  outline-offset: 3px !important;
}

@media (max-width: 960px) {
  .syn116-pricing .syn116-pricing-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    max-width: 640px;
    margin-inline: auto;
  }
  .syn116-pricing .syn116-plan-card {
    min-height: 0 !important;
  }
  .syn116-pricing .syn116-plan-price {
    min-height: 128px;
  }
}
@media (max-width: 600px) {
  .syn116-pricing .syn116-pricing-grid { gap: 14px !important; }
  .syn116-pricing .syn116-plan-card {
    padding: 24px 22px !important;
    border-radius: 23px !important;
  }
  .syn116-pricing .syn116-plan-price h3 {
    font-size: clamp(56px, 16vw, 70px) !important;
  }
  .syn116-pricing .syn116-plan-card-custom .syn116-plan-price h3 {
    font-size: clamp(47px, 12vw, 60px) !important;
  }
  .syn116-pricing .syn116-plan-card > p { margin-bottom: 21px !important; }
  .syn116-pricing .syn116-plan-card ul { margin-bottom: 23px !important; }
  .syn116-pricing .syn116-plan-card:hover { transform: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .syn116-pricing .syn116-plan-card,
  .syn116-pricing .syn116-plan-action,
  .impact-team-grid .syn116-team-link {
    transition: none !important;
    transform: none !important;
  }
}


/* Homepage Chimney Rock hero — run photography continuously behind the
   desktop floating header. The header remains sticky and both actual glass
   pills retain their own frosted material and readable controls.
   Header height = 10px top padding + 30px utility + 7px gap + 92px nav.
   Negative main margin and compensating hero padding keep all hero copy and
   following sections at their existing vertical positions. */
@media (min-width: 1081px) {
  body:has(main.syn91-home) {
    --syn-home-hero-underlap: 139px;
  }
  body:has(main.syn91-home) .site-header.syn90-header {
    background: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  body:has(main.syn91-home) main.syn91-home {
    margin-top: calc(-1 * var(--syn-home-hero-underlap)) !important;
    position: relative;
  }
  body:has(main.syn91-home) .syn91-hero {
    padding-top: var(--syn-home-hero-underlap) !important;
  }
  body:has(main.syn91-home) .syn91-hero-media img {
    /* Cover can crop the top of tall subjects when centered. Keep Chimney
       Rock's summit inside the photograph while retaining its right alignment. */
    object-position: 69% top !important;
    transform-origin: center top !important;
  }
}


/* -------------------------------------------------------------------------
   Featured work / home — editorial cards with real project imagery.
   All copy stays HTML; never put a pre-lettered project poster under live text.
   Scoped to homepage. Portfolio archive and project pages are unchanged.
   ------------------------------------------------------------------------- */
.syn91-work .syn91-section-head h2 {
  font-size: clamp(46px, 5.35vw, 82px) !important;
  line-height: .94 !important;
}
.syn91-work .syn91-work-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  gap: clamp(14px, 1.25vw, 20px) !important;
  overflow: visible !important;
}
.syn91-work .syn118-work-card,
.syn91-work .syn118-work-card:not(:first-child) {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  height: clamp(455px, 36vw, 550px) !important;
  border-radius: 25px !important;
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  background: #131716 !important;
  border: 1px solid rgba(241, 244, 240, .17) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.09) !important;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.syn91-work .syn118-work-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(8,11,10,.28) 0%, rgba(8,11,10,.02) 30%, rgba(8,11,10,.36) 52%, rgba(8,11,10,.94) 100%),
    linear-gradient(90deg, rgba(8,11,10,.25), transparent 78%);
}
.syn91-work .syn118-work-card::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 10px;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.095);
  pointer-events: none;
}
.syn91-work .syn118-work-card .syn91-work-media {
  position: absolute;
  inset: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  border-radius: inherit !important;
  overflow: hidden !important;
}
.syn91-work .syn118-work-card .syn91-work-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.80) brightness(.85) contrast(1.035);
  transform: scale(1.01);
  transition: transform .6s cubic-bezier(.22,.61,.36,1), filter .6s ease;
}
.syn91-work .syn118-work-card--frae .syn91-work-media img {
  object-position: 59% 35%;
  filter: saturate(.55) brightness(.75) contrast(1.04);
}
.syn91-work .syn118-work-card--brina .syn91-work-media img {
  object-position: 55% 20%;
  filter: saturate(.75) brightness(.78) contrast(1.035);
}
.syn91-work .syn118-work-card--taco .syn91-work-media {
  background:
    radial-gradient(circle at 71% 26%, rgba(250, 177, 91, .24), transparent 34%),
    radial-gradient(ellipse at 0% 8%, rgba(44, 130, 91, .23), transparent 47%),
    linear-gradient(140deg, #173f2f 0%, #10291f 42%, #0a1a15 100%);
}
.syn91-work .syn118-work-card--taco .syn91-work-media::before {
  content: "";
  position: absolute;
  width: 118%;
  height: 82%;
  left: -30%;
  top: 13%;
  border: 1px solid rgba(236, 191, 112, .27);
  border-radius: 50%;
  transform: rotate(-21deg);
}
.syn91-work .syn118-work-card--taco .syn91-work-media::after {
  content: "";
  position: absolute;
  width: 106%;
  height: 68%;
  left: 9%;
  top: -25%;
  border: 1px solid rgba(236, 191, 112, .14);
  border-radius: 50%;
  transform: rotate(-23deg);
}
.syn118-taco-emblem {
  position: absolute;
  right: 11%;
  top: 14%;
  width: min(57%, 245px);
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, #f7e4b2 0 23%, #c26749 23.5% 43%, #ecc06a 43.5% 69%, #174632 69.5% 100%);
  box-shadow: 0 35px 75px rgba(0,0,0,.27), inset 0 2px 9px rgba(255,255,255,.14);
  transform: rotate(-10deg);
}
.syn118-taco-emblem span {
  position: absolute;
  inset: -11%;
  border-radius: 50%;
  border: 1px solid rgba(236, 191, 112, .27);
}
.syn91-work .syn118-work-card .syn118-work-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  position: absolute;
  z-index: 2;
  top: 25px;
  left: 26px;
  right: 26px;
  color: rgba(249, 246, 236, .78);
  font: 700 9px/1.3 var(--s91-mono, monospace);
  letter-spacing: .12em;
}
.syn91-work .syn118-work-card .syn118-work-top span:last-child {
  text-align: right;
  font-size: 8px;
}
.syn91-work .syn118-work-card .syn91-work-copy {
  position: absolute;
  z-index: 2;
  inset: auto 0 0 !important;
  padding: 0 28px 25px !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  color: #f7f4ec;
}
.syn91-work .syn118-work-card .syn91-work-copy small {
  display: block;
  font: 700 9px/1.35 var(--s91-mono, monospace);
  letter-spacing: .13em;
  color: #d1d9cf;
}
.syn91-work .syn118-work-card .syn91-work-copy h3 {
  margin: 10px 0 11px !important;
  font-family: var(--s91-display);
  font-size: clamp(29px, 2.55vw, 43px) !important;
  line-height: 1.02 !important;
  font-weight: 850;
  letter-spacing: -.054em !important;
  color: #f7f5ef !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
}
.syn91-work .syn118-work-card .syn91-work-copy p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin: 0 !important;
  min-height: 0;
  max-height: 3.2em;
  max-width: 37ch;
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 400;
  font-family: inherit;
  color: rgba(241, 241, 233, .82) !important;
}
.syn91-work .syn118-work-card .syn118-work-foot {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-top: 25px !important;
  padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.2);
  font: 700 10px/1.2 var(--s91-mono, monospace);
  letter-spacing: .07em;
  color: #f7f5ef !important;
  text-transform: uppercase;
}
.syn91-work .syn118-work-card .syn118-work-foot b {font-weight: 700;}
.syn91-work .syn118-work-card .syn118-work-foot i {
  display: grid;
  place-items: center;
  flex: 0 0 33px;
  width: 33px;
  height: 33px;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 50%;
  font: normal 16px/1 Arial, sans-serif;
  transition: color .25s ease, background .25s ease, transform .25s ease;
}
.syn91-work .syn118-work-card:hover,
.syn91-work .syn118-work-card:focus-visible {
  transform: translateY(-3px) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow: 0 24px 55px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.13) !important;
}
.syn91-work .syn118-work-card:hover .syn91-work-media img {
  transform: scale(1.055);
  filter: saturate(.88) brightness(.9) contrast(1.035);
}
.syn91-work .syn118-work-card:hover .syn118-work-foot i,
.syn91-work .syn118-work-card:focus-visible .syn118-work-foot i {
  background: #f7f5ef;
  color: #161a18;
  transform: rotate(45deg);
}
.syn91-work .syn118-work-card:focus-visible {
  outline: 3px solid #f7f5ef !important;
  outline-offset: 4px !important;
}
@media (min-width: 1081px) and (max-width: 1230px) {
  .syn91-work .syn118-work-card .syn91-work-copy { padding-inline: 22px !important; }
  .syn91-work .syn118-work-card .syn91-work-copy h3 {font-size: 32px !important;}
}
@media (max-width: 1080px) {
  .syn91-work .syn91-work-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .syn91-work .syn118-work-card,
  .syn91-work .syn118-work-card:not(:first-child) {
    height: 450px !important;
  }
  .syn91-work .syn118-work-card:first-child { grid-column: auto !important; }
  .syn91-work .syn118-work-card:last-child:nth-child(odd) {
    grid-column: 1/-1;
    height: 405px !important;
  }
}
@media (max-width: 720px) {
  .syn91-work .syn91-section-head h2 {font-size: clamp(43px, 10.7vw, 58px) !important;}
  .syn91-work .syn91-work-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 15px !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    scroll-snap-type: none !important;
  }
  .syn91-work .syn118-work-card,
  .syn91-work .syn118-work-card:not(:first-child),
  .syn91-work .syn118-work-card:last-child:nth-child(odd) {
    grid-column: auto !important;
    flex-basis: auto !important;
    height: clamp(398px, 104vw, 470px) !important;
  }
  .syn91-work .syn118-work-card .syn91-work-copy {
    padding: 0 22px 20px !important;
  }
  .syn91-work .syn118-work-card .syn91-work-copy h3 {
    font-size: clamp(30px, 8vw, 39px) !important;
  }
  .syn91-work .syn118-work-card .syn118-work-top {
    top: 24px;
    left: 23px;
    right: 23px;
  }
  .syn91-work .syn118-work-card .syn118-work-foot {margin-top: 19px !important;}
}
@media (prefers-reduced-motion: reduce) {
  .syn91-work .syn118-work-card,
  .syn91-work .syn118-work-card .syn91-work-media img,
  .syn91-work .syn118-work-card .syn118-work-foot i {
    transition: none !important;
  }
  .syn91-work .syn118-work-card:hover,
  .syn91-work .syn118-work-card:hover .syn91-work-media img {
    transform: none !important;
  }
}


/* ==========================================================================
   Synistar Portfolio / editorial archive v1 — isolated from homepage cards.
   Real photographs where available; custom vector-like brand art elsewhere.
   Typography and card content never overlap photographs or embedded posters.
   ========================================================================== */
.syn119-portfolio {
  --syn119-ink: #f4f3ed;
  --syn119-copy: #abaeaa;
  --syn119-border: rgba(255,255,255,.125);
  --syn119-card-bg: #151918;
  --syn119-panel: #141817;
}
.syn119-portfolio .syn119-hero {
  display: grid !important;
  grid-template-columns: minmax(0,1.12fr) minmax(340px,.72fr) !important;
  gap: clamp(30px,6vw,100px);
  align-items: center;
  padding-top: clamp(100px,10vw,154px) !important;
  padding-bottom: clamp(84px,8vw,120px) !important;
}
.syn119-hero-copy { min-width: 0; }
.syn119-hero-copy .syn91-label { color: var(--s91-muted); }
.syn119-hero-copy h1 {
  font: 850 clamp(65px,7.3vw,112px)/.92 var(--s91-display, sans-serif);
  letter-spacing: -.072em;
  margin: 24px 0 29px;
  max-width: 11ch;
  color: var(--s91-ink);
  text-wrap: balance;
}
.syn119-hero-copy h1 strong {color:var(--s91-muted);font-weight:850;}
.syn119-hero-copy > p {
  max-width: 52ch;
  font-size: clamp(17px,1.45vw,20px);
  line-height: 1.6;
  color: var(--s91-copy);
  margin: 0;
}
.syn119-hero-actions {
  display: flex;
  gap: 26px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 34px;
}
.syn119-hero-note {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: clamp(45px,6vw,86px);
  padding-top: 19px;
  border-top: 1px solid var(--s91-line);
}
.syn119-hero-note > span {
  font: 750 45px/.95 var(--s91-display, sans-serif);
  letter-spacing: -.075em;
  color: var(--s91-ink);
}
.syn119-hero-note p {
  margin: 0;
  max-width: 25ch;
  font-size: 13px;
  color: var(--s91-copy);
  line-height: 1.45;
}
.syn119-project-index {
  align-self: center;
  min-width: 0;
  padding: 25px 25px 17px;
  border-radius: 27px;
  border: 1px solid var(--syn119-border);
  background: var(--syn119-panel);
  box-shadow: 0 21px 52px rgba(0,0,0,.10), inset 0 1px rgba(255,255,255,.06);
}
.syn119-project-index-head,
.syn119-project-index-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color: var(--syn119-copy);
  font:700 9px/1.3 var(--s91-mono, monospace);
  letter-spacing:.13em;
}
.syn119-project-index-head { padding: 0 4px 19px; }
.syn119-project-index-head span:last-child { color:var(--s91-muted); }
.syn119-project-index > a {
  display:grid;
  grid-template-columns: 32px minmax(0,1fr) 42px 15px;
  gap: 11px;
  align-items:center;
  min-height: 52px;
  padding: 8px 3px;
  border-top: 1px solid var(--syn119-border);
  text-decoration:none;
  color: var(--syn119-ink);
  transition:color .2s ease, padding .2s ease, background .2s ease;
}
.syn119-project-index > a:hover {
  color: var(--s91-ink);
  padding-left:10px;
  background:rgba(255,255,255,.025);
}
.syn119-project-index > a:focus-visible { outline:2px solid currentColor;outline-offset:2px;border-radius:5px; }
.syn119-project-index > a span,
.syn119-project-index > a small {
  font:700 9px/1.2 var(--s91-mono,monospace);
  letter-spacing:.04em;
  color: var(--s91-muted);
}
.syn119-project-index > a strong {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  min-width:0;
  overflow-wrap:anywhere;
}
.syn119-project-index > a b {
  font-size: 15px;
  font-weight: 400;
  text-align:right;
}
.syn119-project-index-foot {
  padding:18px 4px 2px;
  border-top:1px solid var(--syn119-border);
  margin-top:2px;
}
.syn119-project-index-foot span:last-child {font-size:18px;letter-spacing:0;}
.syn119-portfolio .syn119-archive {
  padding-top: clamp(74px,8vw,112px) !important;
  padding-bottom: clamp(92px,9vw,130px) !important;
  border-top: 1px solid var(--s91-line);
}
.syn119-archive-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:clamp(28px,6vw,100px);
  margin-bottom:35px;
}
.syn119-archive-head h2 {
  margin: 15px 0 0;
  font:850 clamp(56px,6.5vw,90px)/.93 var(--s91-display,sans-serif);
  letter-spacing:-.065em;
  color:var(--s91-ink);
}
.syn119-archive-head h2 strong {color:var(--s91-muted);font-weight:850;}
.syn119-archive-head > p { margin:0 0 5px;max-width:42ch;font-size:15px;line-height:1.6;color:var(--s91-copy); }
.syn119-project-grid {
  display:grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap:18px;
  min-width:0;
}
.syn119-project-card {
  min-width:0;
  scroll-margin-top:125px;
  border-radius:25px;
  overflow:hidden;
  background:var(--syn119-card-bg);
  border:1px solid var(--syn119-border);
  box-shadow:0 18px 42px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.06);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.syn119-project-card:hover,
.syn119-project-card:focus-within {
  transform: translateY(-4px);
  border-color:color-mix(in srgb,var(--syn119-accent) 35%,var(--syn119-border));
  box-shadow:0 25px 56px rgba(0,0,0,.23);
}
.syn119-project-link {
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-width:0;
  color:var(--syn119-ink);
  text-decoration:none;
}
.syn119-project-link:focus-visible {outline:3px solid var(--s91-ink);outline-offset:-4px;border-radius:25px;}
.syn119-project-media {
  position:relative;
  isolation:isolate;
  height:clamp(230px,24vw,320px);
  min-height:220px;
  overflow:hidden;
  flex-shrink:0;
  background:var(--case-surface,#16211d);
}
.syn119-project-media:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.30) 0%,transparent 34%,transparent 60%,rgba(0,0,0,.34) 100%);
}
.syn119-project-media > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.85) contrast(1.01);
  transform:scale(1.01);
  transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .45s ease;
}
.syn119-project-card:hover .syn119-project-media > img {transform:scale(1.045);filter:saturate(1) contrast(1.03);}
.syn119-project-card--frae .syn119-project-media > img {object-position:55% 38%;}
.syn119-project-card--brina .syn119-project-media > img {object-position:50% 25%;}
.syn119-project-card--catr .syn119-project-media > img {object-position:center;}
.syn119-project-card--theatre .syn119-project-media > img {object-position:50% 48%;}
.syn119-media-corner,.syn119-media-location {
  position:absolute;
  z-index:2;
  font:700 9px/1.4 var(--s91-mono,monospace);
  letter-spacing:.12em;
  color:rgba(255,255,255,.9);
  text-shadow:0 1px 9px rgba(0,0,0,.45);
}
.syn119-media-corner {top:22px;left:24px;}
.syn119-media-corner i {opacity:.5;font-style:normal;margin:0 5px;}
.syn119-media-location {
  bottom:19px;
  right:23px;
  max-width:65%;
  text-align:right;
  font-size:8px;
}
.syn119-project-copy {
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  padding:29px 30px 28px;
}
.syn119-project-meta {
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
  font:700 9px/1.4 var(--s91-mono,monospace);
  letter-spacing:.10em;
  color:var(--s91-muted);
}
.syn119-project-meta span:first-child {
  max-width:80%;
  overflow-wrap:anywhere;
}
.syn119-project-copy h3 {
  margin:16px 0 12px;
  font:850 clamp(33px,3.3vw,52px)/1 var(--s91-display,sans-serif);
  letter-spacing:-.055em;
  color:var(--syn119-ink);
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.syn119-project-copy p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  margin:0;
  max-width:53ch;
  line-height:1.55;
  font-size:14px;
  color:var(--syn119-copy);
}
.syn119-project-cta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:auto;
  padding-top:25px;
  border-top:1px solid var(--syn119-border);
  font:700 11px/1.2 var(--s91-mono,monospace);
  letter-spacing:.075em;
  text-transform:uppercase;
  color:var(--syn119-ink);
}
.syn119-project-copy p + .syn119-project-cta {margin-top:25px;}
.syn119-project-arrow {
  flex:0 0 37px;
  display:grid;
  place-items:center;
  width:37px;
  height:37px;
  border-radius:50%;
  border:1px solid var(--syn119-border);
  font:400 17px/1 system-ui,sans-serif;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.syn119-project-card:hover .syn119-project-arrow,
.syn119-project-card:focus-within .syn119-project-arrow {background:var(--syn119-ink);color:var(--syn119-card-bg);transform:rotate(45deg);}
.syn119-project-card:first-child {grid-column:1/-1;}
.syn119-project-card:first-child .syn119-project-link {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
  min-height:425px;
}
.syn119-project-card:first-child .syn119-project-media {
  grid-column:2;
  grid-row:1;
  height:auto;
  min-height:425px;
}
.syn119-project-card:first-child .syn119-project-copy {
  grid-column:1;
  grid-row:1;
  padding:clamp(32px,4vw,62px);
  justify-content:flex-end;
}
.syn119-project-card:first-child .syn119-project-copy h3 {
  font-size:clamp(54px,6.5vw,92px);
  max-width:10ch;
  margin-top:clamp(24px,5vw,50px);
}
.syn119-project-card:first-child .syn119-project-copy p {font-size:16px;max-width:43ch;}
.syn119-project-card:first-child .syn119-project-cta {margin-top:clamp(27px,4vw,50px);}
.syn119-project-card--taco .syn119-project-media {
  background:radial-gradient(circle at 73% 22%,rgba(248,181,94,.18),transparent 36%),linear-gradient(136deg,#1e4935,#0d291f 75%);
}
.syn119-taco-art {position:absolute;inset:0;overflow:hidden;}
.syn119-taco-art:before,.syn119-taco-orbit {
  content:"";position:absolute;display:block;border:1px solid rgba(244,198,112,.22);border-radius:50%;
  width:116%;aspect-ratio:1;left:-32%;top:-58%;transform:rotate(-22deg);
}
.syn119-taco-orbit {width:82%;left:32%;top:-12%;border-color:rgba(244,198,112,.18);}
.syn119-taco-disc {
  position:absolute;
  display:block;
  width:min(57%,285px);
  aspect-ratio:1;
  border-radius:50%;
  left:50%;top:47%;
  transform:translate(-50%,-50%) rotate(-11deg);
  background:radial-gradient(circle,#f5e2af 0 22%,#c56a45 23% 42%,#f1c16b 43% 68%,#174633 69% 100%);
  box-shadow:0 35px 55px rgba(0,0,0,.3),inset 0 2px 12px rgba(255,255,255,.15);
}
.syn119-taco-art > i {
  position:absolute;display:block;bottom:13%;left:8%;
  font:900 clamp(55px,7vw,100px)/.81 var(--s91-display,sans-serif);
  letter-spacing:-.08em;color:rgba(255,255,255,.11);font-style:normal;
  transform:rotate(-7deg);
}
.syn119-project-card--news .syn119-project-media {
  background:radial-gradient(circle at 75% 50%,rgba(214,38,34,.28),transparent 44%),linear-gradient(140deg,#211316,#350e14);
}
.syn119-news-art {
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:8px;padding:9% 13%;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:34px 34px;
}
.syn119-news-art > span,.syn119-news-art > small {
  font:700 10px/1.2 var(--s91-mono,monospace);letter-spacing:.18em;color:rgba(255,241,238,.66);
}
.syn119-news-art > strong {
  display:block;
  font:900 clamp(110px,17vw,200px)/.86 var(--s91-display,sans-serif);
  letter-spacing:-.10em;color:#f2efeb;text-shadow:0 20px 50px rgba(0,0,0,.2);
}
.syn119-news-art > strong span {color:#f04c42;}
.syn119-news-art > i {width:75%;height:1px;background:rgba(255,255,255,.25);}
.syn119-news-art > small {font-size:8px;letter-spacing:.12em;}
.syn119-project-card--fragrance .syn119-project-media {
  background:radial-gradient(ellipse at 53% 50%,rgba(207,164,91,.26),transparent 42%),linear-gradient(125deg,#221910,#070707 92%);
}
.syn119-fragrance-art {position:absolute;inset:0;display:grid;place-items:center;}
.syn119-fragrance-art > span,.syn119-fragrance-art > small {
  position:absolute;left:9%;top:16%;
  color:#cbb998;
  font:700 10px/1.2 var(--s91-mono,monospace);letter-spacing:.16em;
}
.syn119-fragrance-art > small {top:auto;bottom:12%;color:#e2d5bd;font-size:8px;}
.syn119-fragrance-bottle {
  position:absolute;
  width:clamp(115px,16vw,185px);
  height:clamp(155px,20vw,220px);
  left:54%;top:52%;
  transform:translate(-50%,-44%);
  border-radius:9px 9px 16px 16px;
  border:2px solid rgba(242,216,169,.6);
  background:linear-gradient(116deg,rgba(235,205,153,.17),rgba(255,249,226,.06) 43%,rgba(178,124,60,.27) 88%);
  box-shadow:inset 13px 1px 20px rgba(255,235,191,.09),inset -7px -3px 18px rgba(0,0,0,.27),0 27px 55px rgba(0,0,0,.44);
}
.syn119-fragrance-bottle:before {
  content:"";position:absolute;left:32%;top:-27px;width:36%;height:25px;
  background:linear-gradient(90deg,#695136,#e6c892,#70553d);
  border-radius:5px 5px 1px 1px;
}
.syn119-fragrance-bottle:after {
  content:"";position:absolute;inset:11px;border:1px solid rgba(246,224,177,.20);border-radius:5px;
}
.syn119-fragrance-bottle > i {
  position:absolute;left:21%;right:21%;top:-39px;height:13px;border:1px solid rgba(247,215,151,.65);
  background:#8f754d;border-radius:3px 3px 0 0;
}
.syn119-fragrance-bottle > b {
  position:absolute;left:18%;right:18%;top:48%;
  transform:translateY(-50%);
  display:grid;place-items:center;height:27%;
  color:rgba(255,242,208,.9);
  background:rgba(12,10,9,.35);
  font:400 38px/1 Georgia,serif;
  letter-spacing:.04em;
}
.syn119-fallback-art {position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#2c3330,#111716);}
.syn119-fallback-art img {width:44%;max-height:60%;object-fit:contain;opacity:.42;filter:grayscale(1);}
.syn119-portfolio .syn119-final.syn95-portfolio-final {
  display:grid !important;
  grid-template-columns: .38fr minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:clamp(25px,4vw,60px);
  padding-top:clamp(52px,7vw,90px) !important;
  padding-bottom:clamp(52px,7vw,90px) !important;
  border-top:1px solid var(--s91-line);
}
.syn119-final-kicker {display:flex;align-items:center;justify-content:space-between;gap:14px;align-self:start;}
.syn119-final-kicker > span:last-child {font-size:26px;color:var(--s91-muted);}
.syn119-final-copy h2 {
  margin:0;
  font:850 clamp(46px,5.6vw,79px)/.92 var(--s91-display,sans-serif);
  letter-spacing:-.06em;
  color:var(--s91-ink);
}
.syn119-final-copy h2 strong {font-weight:850;color:var(--s91-muted);}
.syn119-final-copy p {margin:18px 0 0;max-width:51ch;color:var(--s91-copy);font-size:16px;line-height:1.6;}
.syn119-final .syn91-button {min-width:190px;justify-self:end;}

/* Theme-aware copy/card materials. Media itself stays intentionally dark. */
html[data-theme="light"] .syn119-portfolio {
  --syn119-ink:#191d1b;
  --syn119-copy:#626762;
  --syn119-border:rgba(15,24,19,.135);
  --syn119-card-bg:#fbfaf5;
  --syn119-panel:#f9f8f3;
  --s91-ink:#1a1a17;
  --s91-copy:#565149;
  --s91-muted:#817a70;
  --s91-line:rgba(28,28,24,.14);
  --s91-bg:#f0ebe2;
}
html[data-theme="light"] .syn119-project-index,
html[data-theme="light"] .syn119-project-card {
  box-shadow:0 16px 48px rgba(48,38,22,.07);
}
html[data-theme="light"] .syn119-project-index > a:hover {background:rgba(0,0,0,.03);}
@media(max-width:1100px) {
  .syn119-portfolio .syn119-hero {grid-template-columns:minmax(0,1fr) minmax(300px,.8fr) !important;gap:35px;}
  .syn119-hero-copy h1 {font-size:clamp(55px,7.5vw,82px);}
  .syn119-project-card:first-child .syn119-project-copy h3 {font-size:clamp(50px,7vw,72px);}
}
@media(max-width:920px) {
  .syn119-portfolio .syn119-hero {grid-template-columns:minmax(0,1fr) !important;padding-top:90px !important;padding-bottom:75px !important;}
  .syn119-project-index {width:100%;max-width:680px;justify-self:start;}
  .syn119-hero-note {margin-top:42px;}
  .syn119-archive-head {align-items:start;flex-direction:column;gap:14px;}
  .syn119-project-card:first-child .syn119-project-link {grid-template-columns:minmax(0,1fr) minmax(0,.95fr);}
  .syn119-project-card:first-child .syn119-project-media {min-height:400px;}
  .syn119-project-card:first-child .syn119-project-copy {padding:32px;}
  .syn119-project-card:first-child .syn119-project-copy h3 {font-size:clamp(42px,6.8vw,64px);}
  .syn119-portfolio .syn119-final.syn95-portfolio-final {grid-template-columns:1fr auto !important;}
  .syn119-final-kicker {grid-column:1/-1;}
}
@media(max-width:720px) {
  .syn119-portfolio .syn119-hero {padding-top:70px !important;padding-bottom:60px !important;}
  .syn119-hero-copy h1 {font-size:clamp(51px,11.6vw,74px);margin:20px 0 22px;letter-spacing:-.065em;}
  .syn119-hero-copy > p {font-size:16px;}
  .syn119-hero-actions {margin-top:25px;gap:20px;}
  .syn119-project-index {border-radius:20px;padding:19px 17px 14px;}
  .syn119-project-index > a {grid-template-columns:25px minmax(0,1fr) 35px 14px;min-height:46px;gap:7px;}
  .syn119-portfolio .syn119-archive {padding-top:65px !important;padding-bottom:78px !important;}
  .syn119-archive-head h2 {font-size:clamp(51px,11vw,72px);}
  .syn119-project-grid {grid-template-columns:minmax(0,1fr) !important;gap:15px;}
  .syn119-project-card:first-child {grid-column:auto;}
  .syn119-project-card:first-child .syn119-project-link {display:flex;flex-direction:column;min-height:0;}
  .syn119-project-card:first-child .syn119-project-media {grid-column:auto;grid-row:auto;min-height:0;height:clamp(225px,57vw,315px);}
  .syn119-project-card:first-child .syn119-project-copy {grid-column:auto;grid-row:auto;padding:27px 25px 25px;}
  .syn119-project-card:first-child .syn119-project-copy h3 {font-size:clamp(39px,9vw,54px);margin:18px 0 11px;}
  .syn119-project-card:first-child .syn119-project-copy p {font-size:14px;}
  .syn119-project-media {height:clamp(215px,56vw,315px);}
  .syn119-project-copy {padding:27px 25px 25px;}
  .syn119-project-copy h3 {font-size:clamp(35px,8vw,48px);}
  .syn119-project-copy p {font-size:14px;}
  .syn119-taco-disc {width:215px;}
  .syn119-fragrance-bottle {width:145px;height:172px;}
  .syn119-news-art > strong {font-size:130px;}
  .syn119-portfolio .syn119-final.syn95-portfolio-final {display:flex !important;flex-direction:column;align-items:stretch !important;gap:24px;}
  .syn119-final-copy h2 {font-size:clamp(48px,11vw,66px);}
  .syn119-final .syn91-button {justify-self:start;align-self:start;}
}
@media(max-width:390px) {
  .syn119-project-index-head {font-size:8px;}
  .syn119-project-index-head span:last-child {display:none;}
  .syn119-hero-copy h1 {font-size:49px;}
  .syn119-project-copy h3 {font-size:34px;}
  .syn119-project-copy {padding:23px 21px;}
}
@media(prefers-reduced-motion:reduce) {
  .syn119-project-card,.syn119-project-media > img,.syn119-project-arrow,.syn119-project-index > a {transition:none !important;}
  .syn119-project-card:hover,.syn119-project-card:hover .syn119-project-media > img {transform:none !important;}
}


/* ==========================================================================
   Synistar v1.2 — authentic client-site project visuals, shared between
   homepage and Portfolio. Super Taco & Majestic photos come from the actual
   client site repositories; CATR is an editorial Command Center illustration.
   ========================================================================== */
.syn91-work .syn91-work-grid {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
.syn91-work .syn118-work-card {
  grid-column:span 2;
}
.syn91-work .syn118-work-card:nth-child(4):nth-last-child(2),
.syn91-work .syn118-work-card:nth-child(5):last-child {
  grid-column:span 3;
}
.syn91-work .syn118-work-card--taco .syn91-work-media img {
  object-position:54% center;
  filter:saturate(.96) brightness(.72) contrast(1.05);
}
.syn91-work .syn118-work-card--taco:hover .syn91-work-media img {
  filter:saturate(1.04) brightness(.82) contrast(1.06);
}
.syn119-project-card--taco .syn119-project-media {
  background:#26170f;
}
.syn119-project-card--taco .syn119-project-media > img {
  object-position:52% 53%;
  filter:saturate(.94) contrast(1.05) brightness(.92);
}
.syn119-project-card--taco .syn119-project-media:after {
  background:linear-gradient(180deg,rgba(28,13,5,.12),transparent 43%,rgba(24,13,7,.29));
}
.syn91-work .syn118-work-card--theatre .syn91-work-media img {
  object-position:50% 47%;
  filter:saturate(.75) contrast(1.10) brightness(.59);
}
.syn119-project-card--theatre .syn119-project-media > img {
  object-position:50% 50%;
  filter:saturate(.8) contrast(1.09) brightness(.68);
}
.syn91-work .syn118-work-card--theatre .syn91-work-media,
.syn119-project-card--theatre .syn119-project-media {
  background:#191412;
}
.syn91-work .syn118-work-card--catr .syn91-work-media,
.syn119-project-card--catr .syn119-project-media {
  background:#0c1112;
}
.syn119-project-card--catr .syn119-project-copy {
  background:linear-gradient(130deg,#101716 0%,#151918 100%);
}
.syn119-project-card--catr .syn119-project-copy h3 {
  color:#f3f3ed;
}
.syn119-project-card--catr .syn119-project-copy p {
  color:#b9c0bb;
}
/* CATR-inspired office scene: decorative, not a deceptive screenshot. */
.syn120-catr-console {
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 72% 34%,rgba(190,210,198,.11),transparent 44%),
    linear-gradient(125deg,#182226,#0a1013 76%);
  color:#eaf0e9;
  font-family:var(--s91-mono,ui-monospace,monospace);
}
.syn120-catr-console:before {
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(232,235,227,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(232,235,227,.025) 1px,transparent 1px);
  background-size:31px 31px;
  pointer-events:none;
}
.syn120-catr-console-head {
  position:absolute;
  z-index:3;
  top:9%;
  left:7%;
  right:7%;
  display:flex;
  align-items:center;
  gap:11px;
}
.syn120-catr-console-head b {
  font:900 clamp(19px,2.1vw,30px)/1 var(--s91-display,system-ui);
  letter-spacing:-.07em;
}
.syn120-catr-console-head b span {
  margin-left:3px;
  font:700 8px var(--s91-mono,monospace);
  letter-spacing:.02em;
  color:#f19c63;
}
.syn120-catr-console-head > span {
  font-size:8px;
  letter-spacing:.11em;
  opacity:.72;
  white-space:nowrap;
}
.syn120-catr-console-head i {
  margin-left:auto;
  white-space:nowrap;
  font-size:7px;
  font-style:normal;
  letter-spacing:.09em;
  color:#b9c9be;
}
.syn120-catr-console-head i em {
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#76c899;
  margin-right:3px;
}
.syn120-catr-office {
  position:absolute;
  inset:24% 7% 17%;
  border:1px solid rgba(226,235,225,.13);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(228,239,232,.06),rgba(16,24,24,.12));
  overflow:hidden;
}
.syn120-catr-office-window {
  position:absolute;
  top:7%;
  left:5%;
  width:35%;
  height:43%;
  display:flex;
  justify-content:space-evenly;
  align-items:end;
  overflow:hidden;
  border-radius:5px;
  border:5px solid #435451;
  background:linear-gradient(160deg,#b4c4bd,#657c75 85%);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),inset 0 0 30px rgba(30,52,48,.25);
}
.syn120-catr-office-window:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;bottom:0;
  border-left:3px solid #435451;
}
.syn120-catr-office-window span {
  width:34%;height:23%;display:block;
  border-radius:50% 50% 0 0;
  background:#4b6f60;
}
.syn120-catr-office-window span:nth-child(2) {height:34%;background:#3e5b51;}
.syn120-catr-office-window span:nth-child(3) {height:19%;}
.syn120-catr-office-board {
  position:absolute;
  top:10%;
  right:5%;
  width:48%;
  height:35%;
  padding:10px;
  border:5px solid #c2b39a;
  border-radius:3px;
  background:#eee9df;
  box-shadow:0 10px 25px rgba(0,0,0,.22);
  display:grid;
  align-content:center;
  gap:5px;
  color:#24352f;
}
.syn120-catr-office-board small {
  font:800 clamp(7px,.75vw,10px)/1.25 var(--s91-mono,monospace);
  letter-spacing:.03em;
}
.syn120-catr-office-board strong {
  font:900 clamp(11px,1.7vw,20px)/1.04 var(--s91-display,system-ui);
  letter-spacing:-.045em;
}
.syn120-catr-office-board > span {
  font:700 8px/1 var(--s91-mono,monospace);
  color:#ad6944;
}
.syn120-catr-office-desk {
  position:absolute;
  left:-4%;
  right:-4%;
  bottom:0;
  height:40%;
  border-top:8px solid #695244;
  border-radius:9px 9px 0 0;
  background:linear-gradient(#382c27,#241c1a);
  box-shadow:0 -12px 40px rgba(0,0,0,.25);
}
.syn120-catr-office-screen {
  position:absolute;
  left:13%;
  bottom:45%;
  height:98%;
  width:46%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:9px;
  border:6px solid #313c3c;
  border-bottom-width:10px;
  border-radius:5px;
  background:linear-gradient(130deg,#0c1f1d,#223c36);
  box-shadow:0 10px 22px rgba(0,0,0,.4);
}
.syn120-catr-office-screen:after {
  content:"";
  width:20%;
  height:18px;
  position:absolute;
  top:100%;
  left:40%;
  background:linear-gradient(#343f3e,#252f2d);
}
.syn120-catr-office-screen small {
  color:#b6c8b9;
  font:700 clamp(6px,.65vw,9px)/1.2 var(--s91-mono,monospace);
}
.syn120-catr-office-screen strong {
  font:900 clamp(11px,1.35vw,18px)/1.05 var(--s91-display,system-ui);
  letter-spacing:-.03em;
}
.syn120-catr-office-screen > span {
  color:#f4bd8d;
  font:700 clamp(7px,.75vw,10px)/1.1 var(--s91-mono,monospace);
}
.syn120-catr-office-cat {
  position:absolute;
  bottom:31%;
  right:12%;
  width:18%;
  aspect-ratio:1.15;
  border-radius:48% 48% 42% 42%;
  background:#e4d2b8;
  color:#28322b;
  box-shadow:inset -5px -9px rgba(128,95,75,.16),0 4px 9px rgba(0,0,0,.15);
  display:grid;
  place-items:center;
}
.syn120-catr-office-cat:before,
.syn120-catr-office-cat:after {
  content:"";
  position:absolute;
  top:-29%;
  width:39%;height:55%;
  background:#e4d2b8;
  clip-path:polygon(0 100%,50% 0,100% 100%);
}
.syn120-catr-office-cat:before {left:3%;transform:rotate(-13deg);}
.syn120-catr-office-cat:after {right:3%;transform:rotate(13deg);}
.syn120-catr-office-cat span {
  position:relative;z-index:1;
  font-size:clamp(11px,1.5vw,18px);
  letter-spacing:-.1em;
}
.syn120-catr-office-cup {
  position:absolute;
  right:5%;
  bottom:24%;
  width:6%;height:35%;
  background:#c77d59;
  border-radius:2px 2px 7px 7px;
  box-shadow:inset -5px 0 rgba(0,0,0,.18);
}
.syn120-catr-console-foot {
  position:absolute;
  bottom:8%;
  left:7%;right:7%;
  display:flex;
  gap:12px;
  justify-content:space-between;
  font:700 clamp(7px,.75vw,9px)/1.1 var(--s91-mono,monospace);
  letter-spacing:.07em;
  color:#b5c3bb;
}
.syn119-project-card--catr .syn120-catr-console {
  font-size:11px;
}
.syn91-work .syn118-work-card--catr .syn120-catr-console-head {
  top:16%;
}
.syn91-work .syn118-work-card--catr .syn120-catr-console-head > span {
  font-size:7px;
}
.syn91-work .syn118-work-card--catr .syn120-catr-office {
  inset:29% 7% 32%;
}
.syn91-work .syn118-work-card--catr .syn120-catr-console-foot {
  bottom:27%;
  font-size:7px;
}
.syn91-work .syn118-work-card--catr .syn120-catr-office-board strong {
  font-size:clamp(10px,1.2vw,14px);
}
.syn91-work .syn118-work-card--catr .syn120-catr-office-screen strong {
  font-size:clamp(9px,1.2vw,14px);
}
/* Majestic: official auditorium photo plus real site terminology. */
.syn120-majestic-identity {
  position:absolute;
  z-index:1;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  padding:13% 9%;
  color:#faf4e7;
  background:linear-gradient(120deg,rgba(13,14,13,.86),rgba(14,15,14,.42) 62%,rgba(14,15,14,.08));
  text-shadow:0 2px 19px rgba(0,0,0,.36);
}
.syn120-majestic-eyebrow {
  font:700 9px/1.15 var(--s91-mono,monospace);
  letter-spacing:.2em;
  color:#d4d7bf;
}
.syn120-majestic-eyebrow i {color:#b5c57e;font-style:normal;}
.syn120-majestic-identity > strong {
  font:900 clamp(28px,3.4vw,48px)/.95 var(--s91-display,system-ui);
  letter-spacing:-.07em;
}
.syn120-majestic-identity > small {
  font:700 9px/1.2 var(--s91-mono,monospace);
  letter-spacing:.16em;
  color:#c1d497;
}
.syn120-majestic-strip {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  white-space:nowrap;
  font:700 8px/1.3 var(--s91-mono,monospace);
  letter-spacing:.12em;
  color:#ebe6da;
}
.syn120-majestic-strip b {font-weight:400;color:#a9bd7f;}
.syn91-work .syn118-work-card--theatre .syn120-majestic-identity {
  padding:21% 10% 44%;
}
.syn91-work .syn118-work-card--theatre .syn120-majestic-identity > strong {
  font-size:clamp(27px,2.45vw,36px);
}
.syn91-work .syn118-work-card--theatre .syn120-majestic-strip {
  display:none;
}

/* Keep archive counters and office labels from crossing at small media sizes. */
.syn119-project-card--catr .syn119-media-corner {left:auto;right:22px;top:18px;}
.syn119-project-card--catr .syn119-media-location {display:none;}
.syn119-project-card--catr .syn120-catr-console-head {top:13%;}
.syn119-project-card--catr .syn120-catr-office {inset:27% 7% 18%;}
.syn119-project-card--theatre .syn120-majestic-identity {padding:19% 9% 10%;}

/* Thumbnail interiors always remain decorative; links themselves carry names. */
@media(max-width:1080px) {
  .syn91-work .syn91-work-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .syn91-work .syn118-work-card,
  .syn91-work .syn118-work-card:nth-child(4):nth-last-child(2),
  .syn91-work .syn118-work-card:nth-child(5):last-child {grid-column:auto;}
  .syn91-work .syn118-work-card:last-child:nth-child(odd) {
    grid-column:1/-1 !important;
  }
  .syn120-catr-office-board strong {font-size:16px;}
  .syn120-catr-office-screen strong {font-size:14px;}
  .syn120-majestic-identity > strong {font-size:42px;}
}
@media(max-width:720px) {
  .syn91-work .syn91-work-grid {grid-template-columns:minmax(0,1fr) !important;}
  .syn91-work .syn118-work-card,
  .syn91-work .syn118-work-card:nth-child(4):nth-last-child(2),
  .syn91-work .syn118-work-card:nth-child(5):last-child,
  .syn91-work .syn118-work-card:last-child:nth-child(odd) {
    grid-column:auto !important;
  }
  .syn91-work .syn118-work-card--catr .syn120-catr-console-head {top:16%;}
  .syn91-work .syn118-work-card--catr .syn120-catr-office {inset:27% 8% 33%;}
  .syn119-project-card--catr .syn120-catr-office {inset:24% 6% 16%;}
  .syn120-catr-console-head > span {font-size:7px;}
  .syn120-catr-console-head i {display:none;}
  .syn120-majestic-identity > strong {font-size:clamp(30px,8vw,46px);}
  .syn120-majestic-strip {font-size:7px;}
}
@media(prefers-reduced-motion:reduce) {
  .syn91-work .syn118-work-card--taco .syn91-work-media img,
  .syn91-work .syn118-work-card--theatre .syn91-work-media img,
  .syn119-project-card--taco .syn119-project-media > img {transition:none !important;}
}


/* ==========================================================================
   Synistar Products / Wildfern — dedicated /products/ page + homepage feature.
   Intentional original-software identity; does not claim a public release.
   ========================================================================== */
@media (min-width:1081px) and (max-width:1420px) {
  .site-header.syn90-header .syn90-desktop-nav {gap:clamp(7px,1vw,15px)!important;}
  .site-header.syn90-header .syn90-desktop-nav a {font-size:clamp(11px,.9vw,13px)!important;}
}
.syn121-products {
  --p-background:#0b0e0d;
  --p-surface:#111716;
  --p-card:#151c19;
  --p-line:rgba(237,246,234,.15);
  --p-ink:#f5f7f0;
  --p-muted:#a4b4a8;
  --p-green:#8bcfa8;
  --p-emerald:#176948;
  --p-light:#f3f7ec;
  display:block;
  color:var(--p-ink);
  background:var(--p-background);
  overflow:clip;
}
.syn121-products .section {max-width:var(--s91-max,1440px);padding-inline:var(--s91-pad,clamp(20px,4vw,60px));}
.syn121-products a:focus-visible,
.syn121-home-products a:focus-visible {
  outline:3px solid #c3e6cc;outline-offset:5px;border-radius:7px;
}
.syn121-products-hero {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(320px,.82fr);
  gap:clamp(36px,5vw,80px);
  align-items:center;
  padding-top:clamp(112px,13vw,184px)!important;
  padding-bottom:clamp(60px,7vw,100px)!important;
}
.syn121-products-intro {min-width:0;}
.syn121-kicker {
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font:700 10px/1.4 var(--s91-mono,monospace);
  letter-spacing:.11em;color:var(--p-green);
}
.syn121-kicker small {color:var(--p-muted);font-size:9px;margin-left:auto;white-space:nowrap;}
.syn121-kicker-dot {
  width:8px;height:8px;border-radius:50%;flex:0 0 8px;
  background:var(--p-green);box-shadow:0 0 0 5px rgba(139,207,168,.09);
}
.syn121-products-intro h1 {
  margin:27px 0 30px;
  font:850 clamp(58px,6.75vw,105px)/.96 var(--s91-display,system-ui,sans-serif);
  letter-spacing:-.069em;color:var(--p-ink);
  max-width:13.5ch;
}
.syn121-products-intro h1 em,
.syn121-product-story h2 em,
.syn121-products-end h2 em {font-style:normal;color:var(--p-green);}
.syn121-products-intro > p {
  margin:0;max-width:53ch;font-size:clamp(16px,1.3vw,19px);line-height:1.65;
  color:var(--p-muted);
}
.syn121-hero-actions,
.syn121-feature-links,
.syn121-end-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.syn121-hero-actions {margin-top:34px;}
.syn121-button {
  display:inline-flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:49px;padding:0 19px;border-radius:999px;
  text-decoration:none;font:750 12px/1.2 var(--s91-sans,system-ui,sans-serif);
  letter-spacing:.01em;white-space:nowrap;
  transition:transform .24s ease,background .24s ease,box-shadow .24s ease;
}
.syn121-button:hover {transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18);}
.syn121-button-primary,.syn121-button-green {color:#082218;background:var(--p-green);}
.syn121-button-primary:hover,.syn121-button-green:hover {background:#b1e5c5;}
.syn121-text-link {
  display:inline-flex;align-items:center;gap:13px;color:var(--p-ink);
  font:700 12px/1.3 var(--s91-sans,system-ui,sans-serif);
  text-decoration:none;border-bottom:1px solid var(--p-line);padding:12px 0;
}
.syn121-text-link span:last-child {transition:transform .2s ease;}
.syn121-text-link:hover span:last-child {transform:translate(2px,-2px);}
.syn121-hero-art {
  position:relative;isolation:isolate;min-width:0;aspect-ratio:.95;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(22px,2.6vw,35px);
  border:1px solid rgba(186,226,197,.29);
  border-radius:clamp(26px,3vw,38px);
  background:radial-gradient(ellipse at 60% 36%,rgba(143,213,175,.40),transparent 47%),linear-gradient(145deg,#234f3b,#0b3228 56%,#092019);
  box-shadow:0 42px 98px rgba(0,0,0,.25),inset 0 1px rgba(236,251,230,.17);
  overflow:hidden;
}
.syn121-hero-art:after {
  content:"";position:absolute;inset:11px;z-index:-1;
  border:1px solid rgba(236,250,229,.08);border-radius:28px;pointer-events:none;
}
.syn121-art-top,.syn121-art-bottom {
  position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;
  font:700 9px/1.2 var(--s91-mono,monospace);letter-spacing:.12em;
  color:rgba(242,249,240,.85);
}
.syn121-art-star {font-size:23px;line-height:1;color:#bce7c8;}
.syn121-art-bottom span:first-child {font-size:13px;font-weight:900;letter-spacing:.18em;}
.syn121-art-rings {position:absolute;inset:0;z-index:-1;pointer-events:none;}
.syn121-art-rings i {
  position:absolute;display:block;width:78%;aspect-ratio:1;border-radius:50%;
  left:51%;top:46%;transform:translate(-50%,-50%);
  border:1px solid rgba(206,239,207,.20);
}
.syn121-art-rings i:nth-child(2){width:112%;border-color:rgba(206,239,207,.11);}
.syn121-art-rings i:nth-child(3){width:152%;border-color:rgba(206,239,207,.07);}
.syn121-art-symbol {
  position:relative;z-index:1;align-self:center;
  width:clamp(145px,17vw,232px);
  aspect-ratio:1;display:grid;place-items:center;
  padding:13px;border-radius:27%;
  background:rgba(245,250,237,.94);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 22px 50px rgba(3,37,24,.36),inset 0 1px rgba(255,255,255,.9);
  transform:rotate(-7deg);
}
.syn121-art-symbol img {display:block;width:100%;height:100%;object-fit:contain;border-radius:23%;}
.syn121-hero-foot {
  display:flex;justify-content:space-between;gap:20px;
  grid-column:1/-1;
  color:var(--p-muted);border-top:1px solid var(--p-line);padding-top:17px;
  font:700 9px/1.3 var(--s91-mono,monospace);letter-spacing:.12em;
}
.syn121-product-feature {
  padding-top:clamp(74px,8vw,120px)!important;
  padding-bottom:clamp(80px,9vw,130px)!important;
  border-top:1px solid var(--p-line);
  scroll-margin-top:85px;
}
.syn121-feature-meta,.syn121-feature-head {
  display:flex;justify-content:space-between;align-items:start;gap:34px;
}
.syn121-feature-meta {
  font:700 10px/1.4 var(--s91-mono,monospace);
  letter-spacing:.10em;color:var(--p-muted);
}
.syn121-status {display:inline-flex;align-items:center;gap:8px;color:var(--p-green);}
.syn121-status i {width:7px;height:7px;border-radius:50%;background:var(--p-green);box-shadow:0 0 0 4px rgba(139,207,168,.10);}
.syn121-feature-head {margin:36px 0 clamp(36px,5vw,64px);align-items:end;}
.syn121-feature-title {flex:1;min-width:0;}
.syn121-wildfern-overline {font:750 11px/1.3 var(--s91-mono,monospace);letter-spacing:.14em;color:var(--p-green);}
.syn121-wildfern-overline span {font-size:16px;margin:0 7px;}
.syn121-feature-title h2 {
  margin:17px 0 0;
  font:850 clamp(68px,8vw,122px)/.89 var(--s91-display,system-ui,sans-serif);
  letter-spacing:-.075em;color:var(--p-ink);
}
.syn121-feature-title h2 em {font-style:normal;color:var(--p-green);}
.syn121-feature-description {width:min(44%,480px);padding-bottom:4px;}
.syn121-feature-description p {font:400 clamp(16px,1.25vw,18px)/1.68 var(--s91-sans,system-ui,sans-serif);margin:0;color:var(--p-muted);}
.syn121-feature-links {margin-top:24px;}
.syn121-product-visual {
  position:relative;min-height:550px;display:grid;place-items:center;
  padding:clamp(46px,6.5vw,96px) clamp(20px,5vw,65px) clamp(55px,6.5vw,96px);
  isolation:isolate;overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(209,235,201,.18);
  background:linear-gradient(155deg,#bfded6 0%,#8fc6b6 35%,#254d42 95%);
}
.syn121-visual-landscape {position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;}
.syn121-landscape-light {
  display:block;position:absolute;inset:-5% -5%;
  background:radial-gradient(circle at 65% 28%,rgba(239,250,229,.62),transparent 32%),radial-gradient(ellipse at 24% 20%,rgba(210,247,234,.75),transparent 55%);
}
.syn121-landscape-hill-one,.syn121-landscape-hill-two {
  position:absolute;display:block;left:-30%;right:-10%;height:70%;
  bottom:-42%;border-radius:50% 70% 0 0;
  background:linear-gradient(135deg,rgba(59,116,96,.68),rgba(18,65,51,.72));
  transform:rotate(-13deg);
}
.syn121-landscape-hill-two {
  left:44%;right:-44%;bottom:-34%;height:84%;
  background:linear-gradient(140deg,rgba(162,216,183,.45),rgba(7,51,40,.65));
  transform:rotate(15deg);
}
.syn121-workspace {
  display:flex;width:min(100%,900px);min-width:0;min-height:365px;
  border-radius:21px;overflow:hidden;
  background:rgba(247,252,248,.90);
  border:1px solid rgba(255,255,255,.8);
  color:#21392f;
  box-shadow:0 35px 95px rgba(7,50,38,.26),inset 0 1px rgba(255,255,255,.85);
  backdrop-filter:blur(21px);
}
.syn121-workspace-rail {
  width:76px;flex:0 0 76px;
  display:flex;align-items:center;flex-direction:column;gap:13px;
  padding:22px 10px;border-right:1px solid rgba(30,95,65,.10);
  background:rgba(227,244,232,.72);color:#7d9f8c;
}
.syn121-workspace-logo {
  width:36px;height:36px;padding:5px;border-radius:12px;
  background:#f8fcf5;box-shadow:0 3px 9px rgba(40,80,50,.08);margin-bottom:17px;
}
.syn121-workspace-logo img {width:100%;height:100%;display:block;object-fit:contain;}
.syn121-workspace-rail > span:not(.syn121-workspace-rail-end) {
  width:35px;height:35px;border-radius:12px;display:grid;place-items:center;font-size:16px;
}
.syn121-workspace-rail > span.is-selected {color:#176647;background:#d2e9d8;}
.syn121-workspace-rail-end {margin-top:auto;font-size:19px;}
.syn121-workspace-main {padding:clamp(20px,3vw,36px);min-width:0;flex:1;}
.syn121-workspace-header {display:flex;justify-content:space-between;gap:15px;align-items:center;color:#7a9584;font:700 9px/1.2 var(--s91-mono,monospace);letter-spacing:.12em;}
.syn121-workspace-main h3 {font:800 clamp(24px,3.2vw,38px)/1.06 var(--s91-display,system-ui,sans-serif);letter-spacing:-.055em;margin:22px 0 7px;color:#193d2e;}
.syn121-workspace-main > p {margin:0;color:#748c7b;font:500 13px/1.5 var(--s91-sans,system-ui,sans-serif);}
.syn121-workspace-content {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(142px,.72fr);gap:13px;margin-top:25px;}
.syn121-workspace-agenda,.syn121-workspace-focus {border:1px solid rgba(42,112,79,.10);border-radius:14px;padding:16px;background:rgba(255,255,255,.63);min-width:0;}
.syn121-mini-label {display:flex;justify-content:space-between;gap:10px;font:800 9px/1.3 var(--s91-mono,monospace);letter-spacing:.11em;color:#467761;margin-bottom:12px;}
.syn121-mini-label b {color:#57a97f;font-size:14px;line-height:.8;}
.syn121-mini-task {display:flex;align-items:center;gap:10px;padding:7px 0;}
.syn121-mini-task > span {
  flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;
  border:1px solid #b2d5bf;border-radius:8px;color:#fff;background:#eef5ef;font:700 11px system-ui;
}
.syn121-mini-task.is-complete > span {background:#448e65;border-color:#448e65;}
.syn121-mini-task strong {display:block;font:700 12px/1.3 var(--s91-sans,system-ui);color:#2a4336;}
.syn121-mini-task small {font:700 8px/1.4 var(--s91-mono,monospace);letter-spacing:.05em;color:#89a291;}
.syn121-workspace-progress {height:5px;background:#e6f1e8;border-radius:6px;margin-top:15px;overflow:hidden;}
.syn121-workspace-progress i {display:block;height:100%;width:37%;background:#73be93;border-radius:6px;}
.syn121-workspace-focus {display:flex;flex-direction:column;gap:9px;overflow:hidden;position:relative;background:linear-gradient(148deg,#e0f3e6,#f6faf2);}
.syn121-workspace-focus > span {font:800 9px/1.4 var(--s91-mono,monospace);color:#548266;letter-spacing:.1em;}
.syn121-workspace-focus > strong {font:800 clamp(27px,3.3vw,40px)/1 var(--s91-display,system-ui);letter-spacing:-.055em;color:#205c41;}
.syn121-workspace-focus > small {font:500 11px/1.3 var(--s91-sans,system-ui);color:#668a76;}
.syn121-focus-circle {display:grid;place-items:center;align-self:flex-end;margin-top:auto;width:63px;aspect-ratio:1;border:7px solid #c7e7d1;border-left-color:#5eaf81;border-bottom-color:#6bb88b;border-radius:50%;color:#3e9567;font-size:17px;}
.syn121-visual-caption {
  position:absolute;left:29px;right:29px;bottom:21px;display:flex;justify-content:space-between;gap:16px;
  color:rgba(243,255,244,.87);font:700 9px/1.2 var(--s91-mono,monospace);letter-spacing:.11em;
}
.syn121-pillars {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;border-top:1px solid var(--p-line);}
.syn121-pillars article {padding:32px 26px 0 0;min-width:0;}
.syn121-pillars article+article {border-left:1px solid var(--p-line);padding-left:26px;}
.syn121-pillars article > span {font:700 10px var(--s91-mono,monospace);color:var(--p-green);}
.syn121-pillars h3 {font:800 clamp(20px,1.7vw,26px)/1.12 var(--s91-display,system-ui);letter-spacing:-.04em;margin:20px 0 11px;color:var(--p-ink);}
.syn121-pillars p {font-size:14px;line-height:1.6;color:var(--p-muted);max-width:38ch;margin:0;}
.syn121-product-story {border-top:1px solid var(--p-line);display:grid;grid-template-columns:1fr minmax(0,.8fr);gap:clamp(35px,7vw,110px);padding-top:clamp(95px,9vw,125px)!important;padding-bottom:clamp(95px,9vw,125px)!important;}
.syn121-kicker-label {font:700 10px/1.3 var(--s91-mono,monospace);letter-spacing:.13em;color:var(--p-green);}
.syn121-product-story h2,.syn121-products-end h2 {font:850 clamp(55px,6vw,94px)/.94 var(--s91-display,system-ui);letter-spacing:-.069em;color:var(--p-ink);margin:24px 0 0;}
.syn121-story-right {padding-top:33px;}
.syn121-story-right > p {font-size:clamp(16px,1.3vw,19px);line-height:1.73;color:var(--p-muted);margin:0 0 20px;}
.syn121-products-end {
  border-radius:29px;
  background:linear-gradient(130deg,#164936,#103c2f 55%,#0a2b23);
  border:1px solid rgba(170,226,181,.20);
  display:flex;align-items:end;justify-content:space-between;gap:35px;
  padding-top:clamp(46px,6vw,74px)!important;padding-bottom:clamp(46px,6vw,74px)!important;
  margin-bottom:80px!important;
}
.syn121-products-end > div:first-child > span {font:700 9px/1.3 var(--s91-mono,monospace);letter-spacing:.12em;color:#addbbc;}
.syn121-products-end h2 {font-size:clamp(50px,5.4vw,80px);margin:20px 0;}
.syn121-products-end p {margin:0;max-width:45ch;color:#b6d3bf;font-size:16px;line-height:1.6;}
.syn121-end-actions {align-items:flex-start;flex-direction:column;min-width:190px;}
.syn121-button-light {background:#f1f8eb;color:#174832;}
.syn121-button-light:hover {background:#c9edcf;}
.syn121-products-end .syn121-text-link {color:#ebf6e9;}

/* Homepage: compact product spotlight between case studies and process. */
.syn121-home-products {
  padding-top:clamp(86px,8vw,112px)!important;
  padding-bottom:clamp(87px,9vw,125px)!important;
}
.syn121-home-head {display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:32px;}
.syn121-home-head h2 {
  margin:16px 0 0;
  font:850 clamp(45px,5.6vw,81px)/.96 var(--s91-display,system-ui);
  letter-spacing:-.064em;color:var(--s91-ink);
}
.syn121-home-head h2 strong {font-weight:850;color:var(--s91-muted);}
.syn121-home-head > p {max-width:39ch;margin:0 0 5px;color:var(--s91-copy);font-size:15px;line-height:1.65;}
.syn121-home-product-card {
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  min-height:445px;border:1px solid rgba(163,216,178,.24);
  border-radius:27px;overflow:hidden;
  background:#141a17;
  box-shadow:0 25px 55px rgba(0,0,0,.13);
}
.syn121-home-product-identity {
  min-width:0;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;isolation:isolate;overflow:hidden;padding:28px;
  background:radial-gradient(circle at 50% 38%,rgba(145,222,173,.27),transparent 42%),linear-gradient(132deg,#1c513a,#0d3328 60%,#09251d);
  color:#e9f5e6;
}
.syn121-home-product-identity:before,
.syn121-home-product-identity:after {content:"";position:absolute;z-index:-1;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);width:68%;aspect-ratio:1;border:1px solid rgba(204,246,209,.18);}
.syn121-home-product-identity:after {width:112%;border-color:rgba(204,246,209,.10);}
.syn121-home-product-top,.syn121-home-product-base {
  display:flex;justify-content:space-between;gap:16px;align-items:center;
  font:700 9px/1.4 var(--s91-mono,monospace);letter-spacing:.12em;
}
.syn121-home-product-top > span:last-child {color:#b5e3c3;display:inline-flex;align-items:center;gap:7px;text-align:right;}
.syn121-home-product-top i {width:7px;height:7px;border-radius:50%;background:#a8e7b8;}
.syn121-home-fern {
  align-self:center;display:grid;place-items:center;
  width:clamp(123px,13vw,178px);aspect-ratio:1;padding:10px;border-radius:25%;
  background:#f4f9ee;transform:rotate(-6deg);
  box-shadow:0 22px 55px rgba(2,32,22,.36);
}
.syn121-home-fern img {display:block;width:100%;height:100%;object-fit:contain;border-radius:20%;}
.syn121-home-product-name {
  font:800 clamp(42px,5vw,69px)/.95 var(--s91-display,system-ui);
  letter-spacing:-.075em;align-self:center;margin:-16px 0 0;
}
.syn121-home-product-name span {font-size:20px;color:#b9e9c6;vertical-align:top;margin-left:8px;}
.syn121-home-product-base {color:#bddcca;font-size:8px;}
.syn121-home-product-content {
  min-width:0;padding:clamp(27px,4vw,54px);
  display:flex;flex-direction:column;align-items:flex-start;
  background:linear-gradient(135deg,#17241d,#141b17);
  color:#f1f7ec;
}
.syn121-home-product-kicker {font:700 10px/1.2 var(--s91-mono,monospace);letter-spacing:.13em;color:#9dd7ae;}
.syn121-home-product-content h3 {
  margin:20px 0;
  font:850 clamp(35px,3.5vw,56px)/1.02 var(--s91-display,system-ui);
  letter-spacing:-.059em;color:#f5f8f1;
}
.syn121-home-product-content h3 em {font-style:normal;color:#99d5af;}
.syn121-home-product-content > p {margin:0;max-width:47ch;font-size:14px;line-height:1.65;color:#b9c8bb;}
.syn121-home-product-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px;}
.syn121-home-product-button {
  display:inline-flex;justify-content:space-between;align-items:center;gap:15px;
  padding:13px 16px;background:#a6dcb8;color:#103822;border-radius:999px;
  font:750 11px var(--s91-sans,system-ui);text-decoration:none;transition:background .2s,transform .2s;
}
.syn121-home-product-button:hover {background:#c3e8cd;transform:translateY(-2px);}
.syn121-home-product-link {
  display:inline-flex;gap:11px;color:#e7f4e8;text-decoration:none;
  font:700 11px var(--s91-sans,system-ui);border-bottom:1px solid rgba(214,241,218,.30);padding:10px 0;
}
.syn121-home-product-tags {
  display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:34px;
}
.syn121-home-product-tags span {
  font:700 8px/1.3 var(--s91-mono,monospace);letter-spacing:.07em;
  color:#a3cbb1;border:1px solid rgba(182,225,194,.23);padding:8px 10px;border-radius:999px;
}
html[data-theme="light"] .syn121-products {--p-background:#f3f4ee;--p-surface:#e8f0e8;--p-card:#f8faf5;--p-line:rgba(20,76,43,.17);--p-ink:#163c2b;--p-muted:#596f60;--p-green:#197c4a;}
html[data-theme="light"] .syn121-products .syn121-hero-art,
html[data-theme="light"] .syn121-products .syn121-products-end,
html[data-theme="light"] .syn121-products .syn121-product-visual {--p-green:#b2e3be;}
html[data-theme="light"] .syn121-products .syn121-button-primary,
html[data-theme="light"] .syn121-products .syn121-button-green {color:#f7fff5;background:#227c4b;}
html[data-theme="light"] .syn121-products .syn121-button-primary:hover,
html[data-theme="light"] .syn121-products .syn121-button-green:hover {background:#16683d;}
html[data-theme="light"] .syn121-products .syn121-products-end h2 {color:#f4f8f0;}
html[data-theme="light"] .syn121-products .syn121-products-end .syn121-text-link {color:#eef7eb;}
@media(max-width:1080px) {
  .syn121-products-hero {grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:24px;}
  .syn121-products-intro h1 {font-size:clamp(50px,7vw,78px);}
  .syn121-feature-head {align-items:start;}
  .syn121-feature-title h2 {font-size:clamp(65px,9vw,94px);}
  .syn121-feature-description {width:42%;}
}
@media(max-width:800px) {
  .syn121-products-hero {grid-template-columns:1fr;padding-top:93px!important;}
  .syn121-products-intro h1 {max-width:13ch;font-size:clamp(52px,9.5vw,81px);}
  .syn121-hero-art {width:min(100%,650px);aspect-ratio:1.42;justify-self:center;}
  .syn121-art-symbol {width:clamp(120px,21vw,165px);}
  .syn121-feature-head,.syn121-home-head {flex-direction:column;align-items:start;gap:18px;}
  .syn121-feature-description {width:100%;max-width:620px;}
  .syn121-feature-title h2 {font-size:clamp(64px,11vw,88px);}
  .syn121-product-story {grid-template-columns:1fr;gap:20px;}
  .syn121-story-right {padding-top:0;}
  .syn121-home-product-card {grid-template-columns:1fr 1fr;}
  .syn121-home-product-identity {padding:20px;}
  .syn121-home-product-content {padding:28px;}
}
@media(max-width:640px) {
  .syn121-products-hero {padding-top:72px!important;padding-bottom:63px!important;gap:32px;}
  .syn121-products-intro h1 {font-size:clamp(49px,11.5vw,68px);margin:24px 0;}
  .syn121-products-intro > p {font-size:16px;}
  .syn121-hero-actions {gap:15px;}
  .syn121-hero-art {aspect-ratio:1.04;border-radius:25px;}
  .syn121-art-symbol {width:clamp(132px,33vw,185px);}
  .syn121-hero-foot span:last-child {display:none;}
  .syn121-feature-meta {flex-wrap:wrap;}
  .syn121-feature-title h2 {font-size:clamp(60px,13.3vw,79px);}
  .syn121-feature-description p {font-size:16px;}
  .syn121-feature-links {gap:12px;}
  .syn121-product-visual {min-height:0;border-radius:22px;padding:52px 13px 58px;}
  .syn121-workspace {min-height:315px;border-radius:15px;}
  .syn121-workspace-rail {width:43px;flex-basis:43px;padding:13px 5px;gap:10px;}
  .syn121-workspace-logo {width:27px;height:27px;border-radius:8px;margin-bottom:4px;}
  .syn121-workspace-rail > span:not(.syn121-workspace-rail-end) {width:28px;height:28px;font-size:13px;}
  .syn121-workspace-main {padding:17px 13px;}
  .syn121-workspace-main h3 {font-size:clamp(23px,6.2vw,34px);margin:18px 0 8px;}
  .syn121-workspace-content {grid-template-columns:1fr;gap:9px;margin-top:20px;}
  .syn121-workspace-focus {display:none;}
  .syn121-workspace-agenda {padding:13px;}
  .syn121-mini-task {padding:5px 0;}
  .syn121-visual-caption {left:16px;right:16px;bottom:19px;font-size:7px;}
  .syn121-pillars {grid-template-columns:1fr;gap:0;}
  .syn121-pillars article,.syn121-pillars article+article {padding:24px 0 26px;border-left:0;border-bottom:1px solid var(--p-line);}
  .syn121-pillars article h3 {margin:12px 0 10px;font-size:25px;}
  .syn121-product-story {padding-block:75px!important;}
  .syn121-product-story h2,.syn121-products-end h2 {font-size:clamp(51px,12vw,74px);}
  .syn121-products-end {display:block;border-radius:20px;margin-bottom:45px!important;}
  .syn121-end-actions {margin-top:26px;}
  .syn121-home-products {padding-top:70px!important;padding-bottom:85px!important;}
  .syn121-home-head h2 {font-size:clamp(44px,11vw,63px);}
  .syn121-home-product-card {grid-template-columns:1fr;border-radius:22px;}
  .syn121-home-product-identity {min-height:360px;padding:24px;}
  .syn121-home-fern {width:147px;}
  .syn121-home-product-name {font-size:56px;margin:0;}
  .syn121-home-product-content {padding:29px 24px 31px;}
  .syn121-home-product-content h3 {font-size:clamp(38px,9.5vw,52px);}
}
@media(max-width:390px) {
  .syn121-hero-art {min-height:325px;}
  .syn121-hero-foot {font-size:8px;}
  .syn121-workspace-header {font-size:8px;}
  .syn121-home-product-top,.syn121-home-product-base {font-size:7px;}
  .syn121-home-product-actions {gap:12px;}
  .syn121-home-product-tags {padding-top:27px;}
}
@media(prefers-reduced-motion:reduce) {
  .syn121-products .syn121-button,.syn121-products .syn121-text-link span:last-child,
  .syn121-home-products .syn121-home-product-button {transition:none!important;}
  .syn121-products .syn121-button:hover,.syn121-home-products .syn121-home-product-button:hover {transform:none!important;}
}


/* AI workflow accountability chip — remove the hairline-height appearance.
   Keep the label readable, content-sized, and comfortably aligned in EN/ES. */
.syn94-ai .syn94-ai-summary > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start;
  align-self: start;
  width: fit-content;
  max-width: 100%;
  min-height: 37px;
  gap: 11px !important;
  margin: 0;
  padding: 10px 15px !important;
  border: 1px solid rgba(234, 239, 233, .21) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.075), 0 5px 18px rgba(0,0,0,.12) !important;
  color: #e3e7e1 !important;
  font-family: var(--s91-mono, ui-monospace, monospace) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase;
  text-align: left;
}
.syn94-ai .syn94-ai-summary > span > b {
  display: block;
  flex: 0 0 7px;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  border-radius: 50%;
  background: #d7e5db !important;
  box-shadow: 0 0 0 4px rgba(215,229,219,.095) !important;
}
.syn94-ai .syn94-ai-summary > span > span {
  display: block;
  min-width: 0;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  overflow-wrap: break-word;
}
html[data-theme="light"] .syn94-ai .syn94-ai-summary > span {
  color: #333c35 !important;
  border-color: rgba(33,48,37,.18) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.78),rgba(243,244,239,.65)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.9), 0 5px 17px rgba(37,45,33,.045) !important;
}
html[data-theme="light"] .syn94-ai .syn94-ai-summary > span > b {
  background: #4f7259 !important;
  box-shadow: 0 0 0 4px rgba(79,114,89,.095) !important;
}
@media (max-width: 480px) {
  .syn94-ai .syn94-ai-summary > span {
    gap: 9px !important;
    padding: 10px 12px !important;
    font-size: 9px !important;
    letter-spacing: .045em !important;
    border-radius: 16px !important;
  }
}


/* ========================================================================
   Homepage services / v1.22
   Editorial service gallery. The six existing reusable visual components
   are given a genuine viewport, rather than clipped to a 118px strip.
   Scoped to homepage .syn91-services; service details are unaffected.
   ======================================================================== */
.syn91-services .syn91-service-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(15px, 1.7vw, 23px) !important;
  border: 0 !important;
  align-items: stretch;
}
.syn91-services .syn91-service-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 43px !important;
  grid-template-rows: 35px minmax(130px, auto) 230px !important;
  align-content: stretch !important;
  align-items: start !important;
  gap: 13px 12px !important;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  margin: 0;
  padding: clamp(22px, 2.2vw, 30px) !important;
  border: 1px solid var(--syn-glass-border, var(--s91-line)) !important;
  border-radius: 25px !important;
  overflow: hidden !important;
  isolation: isolate;
  text-decoration: none;
  background: linear-gradient(153deg,
    color-mix(in srgb, var(--syn-glass-bg, #1b1c19) 92%, #fff 2%),
    var(--syn-glass-bg, #121311)) !important;
  box-shadow: var(--syn-shadow, 0 12px 30px rgba(0,0,0,.16)) !important;
}
.syn91-services .syn91-service-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 95% 0%, rgba(205,212,207,.035), transparent 55%);
  pointer-events: none;
}
.syn91-services .syn91-service-item:hover,
.syn91-services .syn91-service-item:focus-visible {
  transform: translateY(-3px) !important;
  border-color: var(--syn-glass-border-strong, rgba(255,255,255,.28)) !important;
  box-shadow: var(--syn-shadow-hover, 0 18px 42px rgba(0,0,0,.22)) !important;
}
.syn91-services .syn91-service-item:focus-visible {
  outline: 3px solid var(--s91-ink) !important;
  outline-offset: 4px !important;
}
.syn91-services .syn91-service-number {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: inline-flex;
  align-items: center;
  width: max-content;
  height: 29px;
  margin: 0 !important;
  padding: 0 12px;
  border: 1px solid var(--s91-line) !important;
  border-radius: 999px;
  color: var(--s91-muted) !important;
  font: 750 11px/1 var(--s91-mono, monospace) !important;
  letter-spacing: .11em;
}
.syn91-services .syn91-service-copy {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  align-self: start;
  min-width: 0;
  margin: 0 !important;
  padding: 2px 4px 0;
}
.syn91-services .syn91-service-copy h3 {
  margin: 0 0 12px !important;
  font-size: clamp(34px, 3.2vw, 49px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.053em !important;
  text-wrap: balance;
  color: var(--s91-ink);
}
.syn91-services .syn91-service-copy p {
  max-width: 49ch;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--s91-copy) !important;
  text-wrap: pretty;
}
.syn91-services .syn91-service-arrow {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  place-items: center !important;
  width: 39px !important;
  height: 39px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--s91-line) !important;
  border-radius: 13px !important;
  background: var(--syn-glass-bg-soft, rgba(255,255,255,.035)) !important;
  color: var(--s91-ink) !important;
  font-size: 19px !important;
  font-weight: 450 !important;
  line-height: 1 !important;
  transition: transform .24s ease, background .24s ease;
}
.syn91-services .syn91-service-item:hover .syn91-service-arrow,
.syn91-services .syn91-service-item:focus-visible .syn91-service-arrow {
  transform: rotate(45deg);
  background: color-mix(in srgb, var(--s91-ink) 10%, transparent) !important;
}
.syn91-services .syn91-service-visual {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  align-self: stretch !important;
  display: block !important;
  width: 100%;
  min-width: 0;
  height: 230px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--s91-ink) 12%, transparent);
  border-radius: 17px;
  background: #0d0f0d;
}
.syn91-services .syn91-service-visual > .syn95-svc-visual.is-home {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.syn91-services .syn95-svc-visual.is-home .syn95-visual-bar,
.syn91-services .syn95-svc-visual.is-home .syn95-visual-status {
  display: flex !important;
  height: 34px !important;
  min-height: 34px !important;
  padding-inline: 17px !important;
  gap: 10px;
  font-size: 8px !important;
  letter-spacing: .08em;
}
.syn91-services .syn95-svc-visual.is-home .syn95-visual-bar > *,
.syn91-services .syn95-svc-visual.is-home .syn95-visual-status > * {
  min-width: 0;
}
.syn91-services .syn95-svc-visual.is-home .syn95-visual-status {
  justify-content: space-between;
  overflow: hidden;
}
.syn91-services .syn95-svc-visual.is-home .syn95-visual-status em {
  max-width: 48%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.syn91-services .syn95-svc-visual.is-home :is(
  .syn95-strategy-canvas,
  .syn95-brand-canvas,
  .syn95-dev-canvas,
  .syn95-opt-canvas,
  .syn95-maint-canvas,
  .syn95-video-canvas
) {
  height: calc(100% - 68px) !important;
  min-height: 0 !important;
}
.syn91-services .syn95-svc-visual.is-home .decision-node {
  width: 92px;
  padding: 7px 9px;
  transform: none;
}
.syn91-services .syn95-svc-visual.is-home .decision-node strong { font-size: 10px; }
.syn91-services .syn95-svc-visual.is-home .node-a { left: 4%; bottom: 6%; }
.syn91-services .syn95-svc-visual.is-home .node-b { left: 27%; top: 6%; }
.syn91-services .syn95-svc-visual.is-home .node-c { left: 55%; bottom: 6%; }
.syn91-services .syn95-svc-visual.is-home .node-d { right: 3%; top: 10%; }
.syn91-services .syn95-svc-visual.is-home .syn95-brand-canvas {
  padding: 12px 18px;
  grid-template-columns: 1fr 1.3fr;
}
.syn91-services .syn95-svc-visual.is-home .brand-type strong { font-size: 80px; }
.syn91-services .syn95-svc-visual.is-home .brand-swatch i { height: 54px; }
.syn91-services .syn95-svc-visual.is-home .brand-check { display: grid; margin-top: 0; }
.syn91-services .syn95-svc-visual.is-home .syn95-dev-canvas { grid-template-columns: 1.2fr .8fr; }
.syn91-services .syn95-svc-visual.is-home .dev-editor code { font-size: 8px; }
.syn91-services .syn95-svc-visual.is-home .dev-editor pre { padding: 12px; }
.syn91-services .syn95-svc-visual.is-home .dev-preview { margin: 12px; padding: 11px; }
.syn91-services .syn95-svc-visual.is-home .opt-score strong { font-size: 76px; }
.syn91-services .syn95-svc-visual.is-home .opt-chart { height: 114px; }
.syn91-services .syn95-svc-visual.is-home .opt-metrics { display: grid; bottom: 8px; }
.syn91-services .syn95-svc-visual.is-home .syn95-opt-canvas { padding: 10px 20px 29px; }
.syn91-services .syn95-svc-visual.is-home .health-pulse { width: 75px; height: 75px; }
.syn91-services .syn95-svc-visual.is-home .health-main strong { font-size: 20px; margin-top: 6px; }
.syn91-services .syn95-svc-visual.is-home .health-list span { min-height: 30px; }
.syn91-services .syn95-svc-visual.is-home .syn95-maint-canvas { padding: 10px 20px; gap: 12px; }
.syn91-services .syn95-svc-visual.is-home .syn95-video-canvas {
  grid-template-rows: minmax(0, 1fr) 53px;
  padding: 9px 13px;
  gap: 8px;
}
.syn91-services .syn95-svc-visual.is-home .video-preview b { font-size: 32px; }
.syn91-services .syn95-svc-visual.is-home .video-timeline .track { height: 10px; }

/* Tablet: use generous editorial rows rather than squeezing two cards. */
@media (min-width: 701px) and (max-width: 1060px) {
  .syn91-services .syn91-service-list { grid-template-columns: minmax(0, 1fr) !important; }
  .syn91-services .syn91-service-item {
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) !important;
    grid-template-rows: 35px minmax(145px, auto) !important;
    gap: 14px 24px !important;
    padding: 23px !important;
  }
  .syn91-services .syn91-service-copy { grid-column: 1 !important; grid-row: 2 !important; }
  .syn91-services .syn91-service-arrow { grid-column: 1 !important; grid-row: 1 !important; }
  .syn91-services .syn91-service-visual {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    height: 225px !important;
    align-self: center !important;
    margin: 0 !important;
  }
  .syn91-services .syn91-service-copy h3 { font-size: clamp(31px, 4vw, 43px) !important; }
  .syn91-services .syn91-service-copy p { font-size: 14px !important; }
}
/* Phones: one card per row with a full-width preview below the text. */
@media (max-width: 700px) {
  .syn91-services .syn91-service-list { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
  .syn91-services .syn91-service-item {
    grid-template-columns: minmax(0, 1fr) 40px !important;
    grid-template-rows: 34px minmax(0, auto) 218px !important;
    gap: 13px 12px !important;
    padding: 20px !important;
  }
  .syn91-services .syn91-service-copy h3 { font-size: clamp(32px, 8.6vw, 42px) !important; }
  .syn91-services .syn91-service-copy p { font-size: 14px !important; }
  .syn91-services .syn91-service-visual {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    height: 218px !important;
    margin: 0 !important;
  }
  .syn91-services .syn95-svc-visual.is-home .decision-node { width: 77px; padding: 6px 7px; }
  .syn91-services .syn95-svc-visual.is-home .decision-node strong { font-size: 9px; }
  .syn91-services .syn95-svc-visual.is-home .syn95-brand-canvas { padding: 12px; gap: 10px; }
  .syn91-services .syn95-svc-visual.is-home .brand-swatch i { height: 48px; }
}
@media (max-width: 380px) {
  .syn91-services .syn91-service-item { padding: 17px !important; }
  .syn91-services .syn91-service-visual { height: 204px !important; }
  .syn91-services .syn91-service-item { grid-template-rows: 34px auto 204px !important; }
  .syn91-services .syn95-svc-visual.is-home .syn95-visual-bar,
  .syn91-services .syn95-svc-visual.is-home .syn95-visual-status { padding-inline: 10px !important; }
  .syn91-services .syn95-svc-visual.is-home .decision-node { width: 71px; }
}
html[data-theme="light"] .syn91-services .syn91-service-visual { border-color: rgba(24,28,25,.12); }
@media (prefers-reduced-motion: reduce) {
  .syn91-services .syn91-service-item,
  .syn91-services .syn91-service-arrow { transition: none !important; }
  .syn91-services .syn91-service-item:hover,
  .syn91-services .syn91-service-item:hover .syn91-service-arrow { transform: none !important; }
}