:root{--tca-charcoal:#3D3D3D;--tca-gold:#B89B5E}
.tca-wg,.tca-wg *{box-sizing:border-box}
.tca-wg{
  --phi:1.61803398875;
  --gap:8px;
  --row-h:190px;
  --col-w:calc(var(--row-h)*var(--phi));
  --info-w:118px;
  --info-gap:28px;
  width:100%;margin:0;padding:0;background:#fff;color:var(--tca-charcoal);font-family:"Urbanist",sans-serif;
}
.tca-wg-grid{
  width:calc(var(--col-w)*2 + var(--gap));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,var(--col-w));
  grid-auto-rows:var(--row-h);
  gap:var(--gap);
  align-items:stretch;
  justify-items:stretch;
  position:relative;
}
.tca-wg-card{
  grid-column:var(--wg-col);
  grid-row:var(--wg-row)/span var(--wg-span);
  position:relative!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:visible!important;
  transform:none!important;translate:none!important;scale:none!important;transition:none!important;animation:none!important;
}
/* The image frame ALWAYS fills its assigned matrix slot(s). This is the grid lock. */
.tca-wg-media,.tca-wg-media:hover,.tca-wg-media:focus,.tca-wg-media:active{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;
  overflow:hidden!important;background:#f7f7f7!important;box-shadow:none!important;text-decoration:none!important;
  transform:none!important;translate:none!important;scale:none!important;transition:none!important;animation:none!important;filter:none!important;
}
.tca-wg-media img,.tca-wg-media:hover img,.tca-wg-media:focus img,.tca-wg-media:active img{
  all:unset;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  transform:none!important;translate:none!important;scale:none!important;transition:none!important;animation:none!important;filter:none!important;
}
/* Info is tied to the permanent column edge, never to H/V image width. */
.tca-wg-info{
  position:absolute!important;top:0!important;width:var(--info-w)!important;z-index:3!important;
  font-family:"Urbanist",sans-serif!important;pointer-events:none!important;transform:none!important;transition:none!important;
}
.tca-wg-card--left .tca-wg-info{right:calc(100% + var(--info-gap))!important;left:auto!important;text-align:right!important}
.tca-wg-card--right .tca-wg-info{left:calc(100% + var(--info-gap))!important;right:auto!important;text-align:left!important}
.tca-wg-monogram{width:28px;height:28px;margin:0 0 7px;background:#111;overflow:hidden}
.tca-wg-card--left .tca-wg-monogram{margin-left:auto!important;margin-right:0!important}
.tca-wg-card--right .tca-wg-monogram{margin-left:0!important;margin-right:auto!important}
.tca-wg-monogram-svg{display:block;width:100%;height:100%}
.tca-wg-info h3{font-family:"League Spartan",sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.08!important;margin:0 0 7px!important;color:var(--tca-charcoal)!important}
.tca-wg-meta{font-size:9px!important;line-height:1.25!important;color:var(--tca-gold)!important}
.tca-wg-meta span{display:block!important}
.tca-wg-card:hover .tca-wg-info h3{color:var(--tca-gold)!important}
/* Absolute hover lock: pointer movement may not change geometry. */
.tca-wg .tca-wg-card:hover,.tca-wg .tca-wg-card:focus-within,
.tca-wg .tca-wg-media:hover,.tca-wg .tca-wg-media:focus,
.tca-wg .tca-wg-media:hover img,.tca-wg .tca-wg-media:focus img{
  margin:0!important;transform:none!important;translate:none!important;scale:none!important;animation:none!important;transition:none!important;
}
@media(max-width:1100px){.tca-wg{--row-h:165px;--info-w:96px;--info-gap:10px}}
@media(max-width:760px){
  .tca-wg{--gap:12px;--info-gap:0}
  .tca-wg-grid{width:calc(100vw - 32px);display:flex;flex-direction:column;gap:18px}
  .tca-wg-card{width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important}
  .tca-wg-info,.tca-wg-card--left .tca-wg-info,.tca-wg-card--right .tca-wg-info{position:static!important;width:auto!important;left:auto!important;right:auto!important;margin-bottom:7px!important;text-align:left!important}
  .tca-wg-card--left .tca-wg-monogram,.tca-wg-card--right .tca-wg-monogram{margin-left:0!important;margin-right:auto!important}
  .tca-wg-media,.tca-wg-card--h .tca-wg-media,.tca-wg-card--v .tca-wg-media{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}
  .tca-wg-card--h .tca-wg-media{aspect-ratio:1.61803398875/1!important}
  .tca-wg-card--v .tca-wg-media{aspect-ratio:1/1.61803398875!important;width:min(72vw,100%)!important}
}

/* =========================================================
   TCA INLINE PROJECT EXPERIENCE v6.0
   The selected Work card leaves the 2-column matrix, the
   remaining cards repack, and one full-width horizontal story
   is inserted into the SAME Work page. No modal/overlay.
   ========================================================= */
.tca-wg-card.is-tca-expanded-origin{pointer-events:none}

.tca-inline-expansion{
  --inline-charcoal:#3D3D3D;
  --inline-gold:#B89B5E;
  --inline-story-gap:clamp(20px,2vw,34px);
  position:relative;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  height:100%;
  overflow:hidden;
  background:#fff;
  color:var(--inline-charcoal);
  font-family:"Urbanist",sans-serif;
  z-index:6;
  opacity:1;
}
.tca-inline-track{
  position:absolute;inset:0;
  display:flex;
  align-items:center;
  gap:var(--inline-story-gap);
  overflow-x:auto;overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  touch-action:none;
  cursor:grab;
  padding-left:var(--inline-info-start,24px);
  padding-right:clamp(28px,4vw,72px);
  outline:0;
}
.tca-inline-track::-webkit-scrollbar{display:none}
.tca-inline-track.is-dragging{cursor:grabbing;user-select:none}
.tca-inline-track.is-dragging *{pointer-events:none}

/* The project identity uses exactly the same left-side datum as the Work cards.
   Its TOP aligns with the top of every project image. */
.tca-inline-info{
  width:var(--inline-info-w,118px);
  flex:0 0 var(--inline-info-w,118px);
  height:var(--inline-media-h,520px);
  align-self:center;
  overflow:hidden;
}
.tca-inline-info-inner{height:100%;overflow:auto;padding-right:4px}
.tca-inline-monogram{width:28px;height:28px;margin:0 0 7px;background:#111;overflow:hidden}
.tca-inline-monogram .tca-exp-monogram-svg{display:block;width:100%;height:100%}
.tca-inline-info h1{
  font-family:"League Spartan",sans-serif;
  font-size:13px;font-weight:500;line-height:1.08;
  margin:0 0 10px;color:var(--inline-charcoal);
}
.tca-inline-meta{display:grid;gap:3px;margin:0 0 14px;font-size:9px;line-height:1.25;color:var(--inline-gold)}
.tca-inline-meta div{display:grid;grid-template-columns:46px 1fr;gap:6px}
.tca-inline-meta dt{opacity:.72}.tca-inline-meta dd{margin:0}
.tca-inline-description{font-size:10px;line-height:1.55;color:#606060}
.tca-inline-description p{margin:0 0 .9em}.tca-inline-description p:last-child{margin-bottom:0}

.tca-inline-panel{position:relative;flex:0 0 auto;height:var(--inline-media-h,520px);display:flex;align-items:stretch}
.tca-inline-image{gap:14px}
.tca-inline-image-shell{height:100%;width:auto;flex:0 0 auto;margin:0;background:#fff;overflow:hidden}
.tca-inline-image-shell img{
  display:block!important;
  width:auto!important;height:100%!important;
  max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
}
/* Every image keeps its TRUE aspect ratio while sharing one top/bottom datum. */
.tca-inline-image-shell.is-h img,.tca-inline-image-shell.is-v img,.tca-inline-image-shell.is-s img{width:auto!important;height:100%!important}
.tca-inline-image.is-drawing .tca-inline-image-shell img{object-fit:contain!important}
.tca-inline-caption{width:170px;flex:0 0 170px;align-self:flex-end;padding-bottom:2px}
.tca-inline-caption h3{font-family:"League Spartan",sans-serif;font-size:14px;font-weight:500;line-height:1.08;margin:0 0 7px}
.tca-inline-caption div{font-size:10px;line-height:1.5;color:#666}

.tca-inline-text{width:clamp(230px,24vw,390px);padding:0 4px;align-items:center}
.tca-inline-text-inner{width:100%;max-height:var(--inline-media-h,520px);overflow:auto}
.tca-inline-text h2{font-family:"League Spartan",sans-serif;font-weight:500;font-size:clamp(20px,2vw,32px);line-height:1.04;margin:0 0 14px}
.tca-inline-body{font-size:clamp(11px,.8vw,13px);line-height:1.65;color:#555}
.tca-inline-body p{margin:0 0 1em}

/* Back to Work is the LAST horizontal item, ADJACENT to the last image,
   bottom-aligned to the image datum and immediately above the scroller. */
.tca-inline-back-panel{width:clamp(170px,16vw,245px);align-items:flex-end;padding-bottom:18px}
.tca-inline-back{
  appearance:none;border:0;background:transparent;color:var(--inline-charcoal);
  display:flex;align-items:center;gap:14px;
  font-family:"Urbanist",sans-serif;font-size:14px;font-weight:500;
  letter-spacing:.02em;cursor:pointer;padding:10px 0;
}
.tca-inline-back b{font-size:24px;font-weight:400;line-height:1;color:var(--inline-gold)}
.tca-inline-back:hover span{color:var(--inline-gold)}

.tca-inline-progress{
  position:absolute;left:var(--inline-grid-left,24px);right:clamp(28px,4vw,72px);bottom:7px;
  height:1px;background:rgba(0,0,0,.08);overflow:hidden
}
.tca-inline-progress i{display:block;width:100%;height:1px;background:var(--inline-gold);transform:scaleX(0);transform-origin:left center;will-change:transform}

/* Shared-element clone used for both opening and return-to-grid. */
.tca-inline-fly{
  /* v15.6.3 — was 2147483647 (max possible value), which put the open/close
     flight clone above literally everything on the page, including the
     hamburger dropdown (z-index 7001) whenever both were visible at once.
     5500 keeps it above the header/submenu/grid but below the hamburger. */
  position:fixed!important;z-index:5500!important;display:block!important;
  margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
  background:#fff!important;pointer-events:none!important;will-change:left,top,width,height,opacity!important
}

.tca-inline-expansion.is-entering .tca-inline-info,
.tca-inline-expansion.is-entering .tca-inline-panel:not(.tca-inline-hero){opacity:0;transform:translate3d(10px,0,0)}
.tca-inline-expansion .tca-inline-info,
.tca-inline-expansion .tca-inline-panel{transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1)}
.tca-inline-expansion.is-open .tca-inline-info,
.tca-inline-expansion.is-open .tca-inline-panel{opacity:1;transform:none}

@media(max-width:1100px){
  .tca-inline-expansion{--inline-story-gap:20px}
  .tca-inline-caption{width:145px;flex-basis:145px}
}
@media(max-width:760px){
  .tca-inline-expansion{position:relative;left:auto;transform:none;width:100%;min-height:78vh;grid-column:auto!important}
  .tca-inline-track{padding-left:16px;padding-right:16px;gap:16px}
  .tca-inline-info{width:180px;flex-basis:180px}
  .tca-inline-progress{left:16px;right:16px}
}
@media(prefers-reduced-motion:reduce){
  .tca-inline-expansion *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* =========================================================
   TCA v6.1 REFINEMENT — preserve v6.0 architecture
   ========================================================= */

/* Natural page scrolling: vertical gestures belong to the Work page. */
.tca-inline-track{
  touch-action:pan-y!important;
  overscroll-behavior-y:auto!important;
}

/* Tighter vertical composition around the expanded story. */
.tca-inline-expansion{background:#fff!important}
.tca-inline-track{align-items:center!important}

/* Project identity is a dedicated rail, top-aligned with the media datum. */
.tca-inline-info{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  flex:0 0 var(--inline-info-w,118px)!important;
  width:var(--inline-info-w,118px)!important;
  z-index:2!important;
}
.tca-inline-info-inner{padding-top:0!important}
.tca-inline-monogram{margin-top:0!important;background:var(--tca-charcoal)!important}
.tca-inline-monogram svg rect,.tca-wg-monogram svg rect{fill:var(--tca-charcoal)!important}
.tca-inline-monogram svg path,.tca-wg-monogram svg path{stroke:#fff!important}
.tca-wg-monogram{background:var(--tca-charcoal)!important}

/* Readability hierarchy: charcoal + quiet grey. Gold appears only on hover. */
.tca-wg-meta{color:#777!important}
.tca-inline-meta{color:var(--inline-charcoal)!important}
.tca-inline-meta dt{color:#929292!important;opacity:1!important}
.tca-inline-meta dd{color:var(--inline-charcoal)!important}
.tca-inline-description,.tca-inline-body,.tca-inline-caption div{color:#666!important}
.tca-inline-info h1:hover,.tca-inline-meta a:hover,.tca-inline-description a:hover,
.tca-inline-text a:hover,.tca-inline-caption a:hover{color:var(--inline-gold)!important}

/* Drawing labels (plan/section/elevation/etc.) belong at the image's bottom-left. */
.tca-inline-image.is-drawing{position:relative!important}
.tca-inline-image.is-drawing .tca-inline-caption.is-drawing-title{
  position:absolute!important;
  left:10px!important;
  bottom:10px!important;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  padding:0!important;
  margin:0!important;
  z-index:3!important;
  color:var(--inline-charcoal)!important;
  pointer-events:none!important;
}
.tca-inline-image.is-drawing .tca-inline-caption.is-drawing-title h3{
  margin:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:500!important;
  color:var(--inline-charcoal)!important;
}

/* Back to Work: no box/card/background. It is simply typography on white,
   adjacent to the last image and slightly lower above the progress line. */
.tca-inline-back-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  align-items:flex-end!important;
  padding-bottom:9px!important;
}
.tca-inline-back,.tca-inline-back:hover,.tca-inline-back:focus,.tca-inline-back:active{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:var(--inline-charcoal)!important;
}
.tca-inline-back b{color:var(--inline-charcoal)!important;font-size:20px!important}
.tca-inline-back:hover span,.tca-inline-back:hover b{color:var(--inline-gold)!important}

/* Reduce paint flashing during the shared-image and grid-reflow transition. */
.tca-wg-grid,.tca-wg-card,.tca-inline-expansion,.tca-inline-track,.tca-inline-panel,
.tca-inline-fly,.tca-inline-image-shell img{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.tca-inline-fly{will-change:left,top,width,height;transform:translateZ(0)}

/* Work-page Back to Top: arrowhead only. It aligns with the left edge of the
   right-hand information/monogram rail, just above the final image datum. */
.tca-wg{position:relative}
.tca-wg-backtop{
  appearance:none;
  position:absolute;
  left:calc(50% + (var(--col-w) * 1) + (var(--gap) / 2) + var(--info-gap));
  bottom:5px;
  width:28px;height:28px;
  padding:0;margin:0;
  border:0;outline:0;box-shadow:none;border-radius:0;
  background:transparent;
  color:var(--tca-charcoal);
  font-family:"Urbanist",sans-serif;
  font-size:22px;font-weight:400;line-height:28px;text-align:left;
  cursor:pointer;
  z-index:8;
}
.tca-wg-backtop:hover{color:var(--tca-gold)}
@media(max-width:760px){
  .tca-wg-backtop{left:auto;right:16px;bottom:4px}
}

/* =========================================================
   TCA v6.2 INTERACTION + VISUAL REFINEMENT
   ========================================================= */
/* Expanded story gets more visual importance while preserving neighbouring Work rows. */
.tca-inline-expansion{--inline-story-gap:clamp(18px,1.6vw,28px)!important}
.tca-inline-info{height:var(--inline-media-h,600px)!important;align-self:center!important;text-align:right!important}
.tca-inline-info-inner{padding-right:0!important}
.tca-inline-monogram{margin-left:auto!important;margin-right:0!important}
.tca-inline-meta div{grid-template-columns:1fr auto!important;gap:7px!important}
.tca-inline-meta dt{text-align:right!important}.tca-inline-meta dd{text-align:right!important}
.tca-inline-description{text-align:right!important}
.tca-inline-panel{height:var(--inline-media-h,600px)!important}
/* Never overlay the identity rail on project media. */
.tca-inline-info{position:relative!important;flex:none!important;min-width:var(--inline-info-w,118px)!important}
/* Continuous opening: surrounding content begins revealing while the hero is already moving. */
.tca-inline-expansion.is-entering .tca-inline-info,
.tca-inline-expansion.is-entering .tca-inline-panel:not(.tca-inline-hero){opacity:0;transform:translate3d(18px,0,0)}
.tca-inline-expansion.is-entering.is-opening .tca-inline-info,
.tca-inline-expansion.is-entering.is-opening .tca-inline-panel:not(.tca-inline-hero){opacity:1;transform:none}
.tca-inline-expansion .tca-inline-info,
.tca-inline-expansion .tca-inline-panel{transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1)!important}
/* Back to Work is typography only. */
.tca-inline-back{gap:0!important;padding:8px 0!important}
.tca-inline-back b{display:none!important}
/* Slightly larger project-detail stage. */
@media(min-width:761px){.tca-inline-info{--inline-info-w:clamp(118px,9vw,150px)}}

/* v15.6.13 — user explicitly does not want the white mask behind the
   dropdown at all (even scoped to open-state only, per v15.6.11). Removed
   per direct instruction. This does mean the structural guarantee from
   v15.6.10/11 is gone again — overlap protection now rests entirely on
   the dropdown's own tightened spacing/backdrop below, not on blocking
   the image out. */

/* =========================================================
   TCA v6.3 — screenshot-corrected exact selectors
   ========================================================= */
/* Expanded project is larger, while neighbouring grid rows remain glimpses. */
.tca-inline-expansion{min-height:calc(var(--inline-media-h,680px) + 28px)!important;}
.tca-inline-track{padding-top:14px!important;padding-bottom:22px!important;align-items:center!important;}
.tca-inline-panel{height:var(--inline-media-h,680px)!important;}
.tca-inline-image-shell{height:100%!important;}

/* Identity rail: always a separate column LEFT of hero, top datum aligned, right aligned. */
.tca-inline-info{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;flex:0 0 150px!important;width:150px!important;min-width:150px!important;
  height:var(--inline-media-h,680px)!important;align-self:center!important;
  display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;
  text-align:right!important;overflow:visible!important;z-index:5!important;
}
.tca-inline-info-inner{width:100%!important;padding:0!important;margin:0!important;text-align:right!important;}
.tca-inline-monogram{width:34px!important;height:34px!important;margin:0 0 10px auto!important;}
.tca-inline-info h1{margin:0 0 12px!important;text-align:right!important;color:#3D3D3D!important;}
.tca-inline-meta{margin-left:auto!important;text-align:right!important;}
.tca-inline-meta div{display:grid!important;grid-template-columns:auto!important;gap:1px!important;justify-items:end!important;}
.tca-inline-meta dt,.tca-inline-meta dd{margin:0!important;text-align:right!important;}
.tca-inline-meta dt{color:#929292!important}.tca-inline-meta dd{color:#3D3D3D!important}
.tca-inline-description{margin-top:12px!important;text-align:right!important;color:#6F6F6F!important;}

/* Remove every possible visual button treatment from Back to Work. */
.tca-inline-back-panel{background:#fff!important;border:0!important;box-shadow:none!important;}
button.tca-inline-back,.tca-inline-back{appearance:none!important;-webkit-appearance:none!important;background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important;padding:0!important;color:#3D3D3D!important;}
.tca-inline-back::before,.tca-inline-back::after{display:none!important;content:none!important;}
.tca-inline-back:hover{color:#B89B5E!important;}

/* True arrowHEAD only — never a WordPress/Elementor button card. */
a.tca-wg-backtop{
  appearance:none!important;-webkit-appearance:none!important;text-decoration:none!important;
  display:block!important;position:absolute!important;
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;
  padding:0!important;margin:0!important;width:22px!important;height:18px!important;min-width:0!important;min-height:0!important;
  color:#3D3D3D!important;font-size:25px!important;font-weight:400!important;line-height:18px!important;
}
a.tca-wg-backtop span{display:block!important;background:none!important;border:0!important;box-shadow:none!important;line-height:18px!important;}
a.tca-wg-backtop:hover{color:#B89B5E!important;background:none!important;}
a.tca-wg-backtop::before,a.tca-wg-backtop::after{display:none!important;content:none!important;}

/* Grid monograms must show their white geometry clearly, not read as plain charcoal squares. */
.tca-wg-monogram,.tca-inline-monogram{background:transparent!important;}
.tca-wg-monogram svg,.tca-inline-monogram svg{display:block!important;width:100%!important;height:100%!important;}
.tca-wg-monogram svg path,.tca-inline-monogram svg path{stroke:#fff!important;stroke-width:1.35!important;vector-effect:non-scaling-stroke;}

/* Slow-motion continuity: reveal content during shared-image flight, never after it. */
.tca-inline-expansion.is-entering.is-opening .tca-inline-info,
.tca-inline-expansion.is-entering.is-opening .tca-inline-panel:not(.tca-inline-hero){opacity:1!important;transform:none!important;}
.tca-inline-expansion .tca-inline-info,
.tca-inline-expansion .tca-inline-panel{transition:opacity 1.35s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1)!important;}

/* =========================================================
   TCA v6.4 — CENTERED SHARED OPEN + CLEAN SIDE RAILS
   ========================================================= */
/* The open project identity is always beside the hero, never on top of media. */
.tca-inline-track{align-items:center!important;}
.tca-inline-info{flex:0 0 136px!important;width:136px!important;min-width:136px!important;}
.tca-inline-info-inner{overflow:visible!important;}

/* During reflow, card information must follow the card's CURRENT column. */
.tca-wg-card.tca-live-left .tca-wg-info{right:calc(100% + var(--info-gap))!important;left:auto!important;text-align:right!important;}
.tca-wg-card.tca-live-left .tca-wg-monogram{margin-left:auto!important;margin-right:0!important;}
.tca-wg-card.tca-live-right .tca-wg-info{left:calc(100% + var(--info-gap))!important;right:auto!important;text-align:left!important;}
.tca-wg-card.tca-live-right .tca-wg-monogram{margin-left:0!important;margin-right:auto!important;}

/* v5.5.14 — the pseudo-element chevron this used to draw here conflicted
   with tca-portfolio.php's own SVG-based back-to-top arrow (a real <svg>
   polygon in the markup, not a text glyph), producing two overlapping
   arrowheads. This site's PHP already provides the arrow; nothing further
   needs to draw one via ::before/::after. Removed. */

/* Facade-derived monogram canvas/SVG remains charcoal + white. */
.tca-facade-monogram{display:block;width:100%;height:100%;background:#3D3D3D;}

/* TCA v6.5 persistent project refinement */
.tca-back-top,.tca-work-back-top,[data-tca-back-top]{font-size:22px!important;line-height:1!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#3D3D3D!important;transition:color .28s ease,transform .35s cubic-bezier(.16,1,.3,1)!important}
.tca-back-top:hover,.tca-work-back-top:hover,[data-tca-back-top]:hover{color:#B89B5E!important;transform:translateY(-2px)}
.tca-inline-project.is-open,.tca-project-expanded.is-open,.tca-expanded-project.is-open,.tca-project-story-row.is-open,[data-tca-expanded="true"]{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tca-work-card,.tca-project-card,[data-tca-project-card]{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center center}


/* =========================================================
   TCA v6.5.1 — MOBILE CONSISTENT PROJECT-STORY WIDTH
   Portrait and landscape project-detail media use the same
   mobile content width while preserving true aspect ratio.
   Desktop/tablet geometry is unchanged.
   ========================================================= */
@media (max-width: 760px) {
  .tca-inline-track{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:16px!important;
    align-items:flex-start!important;
  }

  /* Every mobile story item uses the same content-column width. */
  .tca-inline-panel.tca-inline-image{
    width:calc(100vw - 32px)!important;
    min-width:calc(100vw - 32px)!important;
    flex:0 0 calc(100vw - 32px)!important;
    height:auto!important;
    align-self:flex-start!important;
  }

  .tca-inline-image-shell,
  .tca-inline-image-shell.is-h,
  .tca-inline-image-shell.is-v,
  .tca-inline-image-shell.is-s{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    flex:0 0 100%!important;
    overflow:visible!important;
  }

  .tca-inline-image-shell img,
  .tca-inline-image-shell.is-h img,
  .tca-inline-image-shell.is-v img,
  .tca-inline-image-shell.is-s img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Keep text/info aligned to the same mobile story datum. */
  .tca-inline-text,
  .tca-inline-info{
    width:calc(100vw - 32px)!important;
    min-width:calc(100vw - 32px)!important;
    flex:0 0 calc(100vw - 32px)!important;
    max-width:none!important;
  }

  .tca-inline-info{
    height:auto!important;
    text-align:left!important;
  }
  .tca-inline-info-inner{
    width:100%!important;
    text-align:left!important;
  }
}


/* =========================================================
   TCA v6.6 — MULTI-OPEN BIG VERTICAL FLOW
   ========================================================= */

/* Multiple inline stories are independent objects in the same vertical Work field. */
.tca-inline-expansion{
  scroll-margin-top:72px;
}
.tca-inline-expansion.is-open{
  opacity:1!important;
}

/* Mobile Work overview: smaller, calmer, consistent story width.
   Portrait cards keep their true character but no longer dominate the screen. */
@media(max-width:760px){
  .tca-wg-grid{
    width:84vw!important;
    max-width:84vw!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:16px!important;
  }
  .tca-wg-card{
    width:100%!important;
    max-width:100%!important;
  }
  .tca-wg-media,
  .tca-wg-card--h .tca-wg-media,
  .tca-wg-card--v .tca-wg-media{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .tca-wg-card--h .tca-wg-media{
    aspect-ratio:1.61803398875 / 1!important;
  }
  .tca-wg-card--v .tca-wg-media{
    aspect-ratio:4 / 5!important;
    max-height:60vh!important;
  }
  .tca-wg-card--v .tca-wg-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Expanded story: one restrained mobile story datum, not edge-to-edge. */
  .tca-inline-expansion{
    width:100%!important;
    min-height:auto!important;
    overflow:visible!important;
  }
  .tca-inline-track{
    position:relative!important;
    inset:auto!important;
    min-height:64vh!important;
    padding:0 8vw 18px!important;
    gap:16px!important;
    align-items:center!important;
  }
  .tca-inline-info{
    width:32vw!important;
    min-width:32vw!important;
    flex:0 0 32vw!important;
    height:auto!important;
    max-height:58vh!important;
    align-self:center!important;
  }
  .tca-inline-panel.tca-inline-image{
    width:76vw!important;
    min-width:76vw!important;
    flex:0 0 76vw!important;
    height:auto!important;
    max-height:62vh!important;
  }
  .tca-inline-image-shell,
  .tca-inline-image-shell.is-h,
  .tca-inline-image-shell.is-v,
  .tca-inline-image-shell.is-s{
    width:100%!important;
    max-width:100%!important;
    height:58vh!important;
    max-height:58vh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .tca-inline-image-shell img,
  .tca-inline-image-shell.is-h img,
  .tca-inline-image-shell.is-v img,
  .tca-inline-image-shell.is-s img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  .tca-inline-text{
    width:76vw!important;
    min-width:76vw!important;
    flex:0 0 76vw!important;
    height:auto!important;
    max-height:58vh!important;
  }
  .tca-inline-back-panel{
    width:42vw!important;
    min-width:42vw!important;
    flex:0 0 42vw!important;
    height:58vh!important;
  }
  .tca-inline-progress{left:8vw!important;right:8vw!important}
}


/* =========================================================
   TCA v6.6.1 — GAP + BACK-TOP + MOBILE DATUM FIX
   ========================================================= */

/* Back-to-top exists only as a bottom-of-page control. */
.tca-wg-backtop{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .28s ease,color .28s ease,transform .35s cubic-bezier(.16,1,.3,1)!important;
}
.tca-wg-backtop.is-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Strong mobile datum lock. Portrait and landscape Work cards have exactly
   the same outer image width. Portraits are cropped only in the Work overview
   so they do not dominate the phone screen. */
@media(max-width:760px){
  .tca-wg .tca-wg-grid{
    width:84vw!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  .tca-wg .tca-wg-card,
  .tca-wg .tca-wg-card--h,
  .tca-wg .tca-wg-card--v{
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    height:auto!important;
  }
  .tca-wg .tca-wg-media,
  .tca-wg .tca-wg-card--h .tca-wg-media,
  .tca-wg .tca-wg-card--v .tca-wg-media{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .tca-wg .tca-wg-card--h .tca-wg-media{
    aspect-ratio:1.61803398875 / 1!important;
    height:auto!important;
  }
  .tca-wg .tca-wg-card--v .tca-wg-media{
    width:100%!important;
    aspect-ratio:4 / 5!important;
    height:auto!important;
    max-height:58vh!important;
  }
  .tca-wg .tca-wg-card--h .tca-wg-media img,
  .tca-wg .tca-wg-card--v .tca-wg-media img{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Expanded mobile project story: all media panels use one horizontal datum. */
  .tca-inline-track{
    padding-left:9vw!important;
    padding-right:9vw!important;
    gap:16px!important;
  }
  .tca-inline-panel.tca-inline-image,
  .tca-inline-text{
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    flex:0 0 82vw!important;
  }
  .tca-inline-image-shell,
  .tca-inline-image-shell.is-h,
  .tca-inline-image-shell.is-v,
  .tca-inline-image-shell.is-s{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .tca-inline-image-shell img,
  .tca-inline-image-shell.is-h img,
  .tca-inline-image-shell.is-v img,
  .tca-inline-image-shell.is-s img{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   TCA v6.6.2 — BIG VERTICAL FLOW + COMPACT REFLOW + FOUC FIX
   ========================================================= */

/* Raw grid never flashes before the interaction engine has established layout. */
.tca-wg{transition:opacity .24s ease}
.tca-wg.is-tca-ready{visibility:visible!important;opacity:1!important}

/* Tiny inverse scroll lag = visual mass. This is independent of the FLIP
   transform used for open/close/repacking animations. */
.tca-wg-card,
.tca-inline-expansion{
  translate:0 var(--tca-flow-y,0px);
  will-change:translate;
}

/* An open source card occupies no grid space; closed cards may compact into it. */
.tca-wg-card.is-tca-expanded-origin{display:none!important}

/* Keep expanded story visually tight to its allocated band. */
.tca-inline-expansion{
  align-self:start!important;
  margin-block:0!important;
}

/* Mobile multi-open: each expanded project lives directly where its card was.
   One consistent width datum, no retained hidden-card gap. */
@media(max-width:760px){
  .tca-wg .tca-wg-grid{
    width:84vw!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
  }
  .tca-inline-expansion{
    width:100%!important;
    max-width:none!important;
    margin:6px calc((84vw - 100vw)/2) 10px!important;
    overflow:visible!important;
  }
  .tca-inline-track{
    width:100vw!important;
    min-height:0!important;
    padding:0 9vw 18px!important;
    gap:16px!important;
  }
  .tca-inline-panel.tca-inline-image,
  .tca-inline-text{
    width:82vw!important;
    min-width:82vw!important;
    max-width:82vw!important;
    flex:0 0 82vw!important;
  }
  .tca-inline-image-shell,
  .tca-inline-image-shell.is-h,
  .tca-inline-image-shell.is-v,
  .tca-inline-image-shell.is-s{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  .tca-inline-image-shell img,
  .tca-inline-image-shell.is-h img,
  .tca-inline-image-shell.is-v img,
  .tca-inline-image-shell.is-s img{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:62vh!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   TCA v6.6.3 — LAST PROJECT GAP + BIG VERTICAL MOTION
   ========================================================= */

/* Give the vertical spring its own compositor path. It does not affect the
   grid rows used for packing/opening/closing. */
.tca-wg-card,
.tca-inline-expansion{
  translate:0 var(--tca-flow-y,0px);
  transition:translate 45ms linear;
  will-change:translate;
}

/* The expanded row itself must not create an extra external vertical margin. */
.tca-inline-expansion{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Mobile motion is intentionally slightly quieter than desktop. */
@media(max-width:760px){
  .tca-wg-card,
  .tca-inline-expansion{
    transition:translate 55ms linear;
  }
}


/* =========================================================
   TCA v6.6.4 — BIG REFERENCE MOTION / SMOOTH FINAL OPEN
   ========================================================= */

/* v6.6.3 moved every card separately. The uploaded BIG reference moves as one
   coherent visual field, so individual transforms are disabled. */
.tca-wg-card,
.tca-inline-expansion{
  translate:none!important;
  transition-property:transform,opacity!important;
}

/* One common composited layer gives the restrained continuous vertical glide. */
.tca-wg-grid{
  translate:0 var(--tca-flow-y,0px);
  will-change:translate;
}

/* Shared-image flight and grid reflow now use the same slow-motion curve. */
.tca-inline-fly{
  will-change:left,top,width,height,opacity!important;
}


/* =========================================================
   TCA v6.6.5 — BIG TRUE SMOOTH WHEEL + LAST OPEN REVEAL FIX
   ========================================================= */

/* v6.6.5 scrolls the real document smoothly; remove decorative translate lag. */
.tca-wg-grid{
  translate:none!important;
  will-change:auto!important;
}

/* During shared-image expansion, secondary panels should not suddenly pop in
   beside the hero. They fade in as the hero approaches its final size. */
.tca-inline-expansion.is-entering .tca-inline-panel:not(.tca-inline-hero),
.tca-inline-expansion.is-entering .tca-inline-info{
  opacity:0!important;
  transform:translate3d(12px,0,0)!important;
  transition:opacity .62s ease .62s, transform .72s cubic-bezier(.22,.61,.36,1) .55s!important;
}
.tca-inline-expansion.is-entering.is-opening .tca-inline-panel:not(.tca-inline-hero),
.tca-inline-expansion.is-entering.is-opening .tca-inline-info{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}

/* Source/target flight remains above the rearranging grid throughout the move. */
.tca-inline-fly{
  z-index:5500!important;
  pointer-events:none!important;
}


/* =========================================================
   TCA v6.6.6 — BIG ANCHORED OPEN + MOMENTUM VERTICAL SCROLL
   ========================================================= */

/* Essential for BIG-style opening: layout insertion must never make the browser
   automatically shift the page to preserve a DOM scroll anchor. */
.tca-wg,
.tca-wg-grid,
.tca-wg-card,
.tca-inline-expansion{
  overflow-anchor:none!important;
}

/* The shared hero remains the visual continuity layer during all grid reflow. */
.tca-inline-fly{
  position:fixed!important;
  z-index:5500!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none!important;
}

/* Secondary content follows after the shared hero is already visibly expanding. */
.tca-inline-expansion.is-entering .tca-inline-panel:not(.tca-inline-hero),
.tca-inline-expansion.is-entering .tca-inline-info{
  opacity:0!important;
  transform:translate3d(10px,0,0)!important;
}
.tca-inline-expansion.is-entering.is-opening .tca-inline-panel:not(.tca-inline-hero),
.tca-inline-expansion.is-entering.is-opening .tca-inline-info{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  transition:opacity .75s ease .45s,transform 1.05s cubic-bezier(.16,1,.3,1) .35s!important;
}


/* =========================================================
   TCA v6.6.7 — CENTERED OPEN + BIG FLOATING VERTICAL MOTION
   ========================================================= */

/* The entire Work field floats together by only a few pixels.
   Image size is NEVER changed; this is translation only. */
.tca-wg-grid{
  translate:0 var(--tca-big-float-y,0px)!important;
  will-change:translate!important;
}

/* Expanded stories participate in the same visual field and do not bounce
   independently from surrounding closed projects. */
.tca-inline-expansion,
.tca-wg-card{
  scale:1!important;
}

/* Unified shared-image animation owns the geometry; prevent CSS from adding
   a second motion curve. */
.tca-inline-fly{
  transition:none!important;
  animation:none!important;
  will-change:left,top,width,height!important;
}


/* =========================================================
   TCA v6.6.8 — MULTI-OPEN GAP + BIG FLOAT REFINEMENT
   ========================================================= */

/* Do not translate the complete grid as one rigid sheet anymore. */
.tca-wg-grid{
  translate:none!important;
  will-change:auto!important;
}

/* Each visible card/story has its own tiny spring lag.
   Longhand translate composes with the existing FLIP transform safely. */
.tca-wg-card,
.tca-inline-expansion{
  translate:0 var(--tca-item-float-y,0px)!important;
  scale:1!important;
  will-change:translate;
}

/* Never add extra external spacing to a full-width project story. */
.tca-inline-expansion{
  margin-top:0!important;
  margin-bottom:0!important;
}


/* =========================================================
   TCA v6.6.9 — EQUAL END GAP + MOBILE DATUM + BIG FLOAT
   ========================================================= */

/* Intermediate project spacing remains exactly as approved.
   Only the FINAL currently-open story removes the vertical centering offset
   at its top, so its incoming gap matches the normal project rhythm. */
.tca-inline-expansion.is-last-open-story .tca-inline-track{
  align-items:flex-start!important;
  padding-top:8px!important;
}
.tca-inline-expansion.is-last-open-story .tca-inline-info,
.tca-inline-expansion.is-last-open-story .tca-inline-panel{
  align-self:flex-start!important;
  margin-top:0!important;
}

/* v6.6.9 floats the IMAGE, not the complete card/project.
   This is translation only: dimensions and proportions remain untouched. */
.tca-wg-card,
.tca-inline-expansion{
  translate:none!important;
}
.tca-wg-media,
.tca-inline-image-shell{
  transform:translate3d(0,var(--tca-media-float-y,0px),0)!important;
  will-change:transform!important;
}

/* FINAL MOBILE DATUM LOCK.
   Overview: portrait and landscape occupy the identical outer card width.
   Expanded story: every image is the exact same 78vw width; portrait images
   keep their true proportions. No max-height is allowed to silently shrink
   a portrait image's width. */
@media(max-width:760px){
  .tca-wg .tca-wg-grid{
    width:84vw!important;
    max-width:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .tca-wg .tca-wg-card,
  .tca-wg .tca-wg-card--h,
  .tca-wg .tca-wg-card--v{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
  }

  .tca-wg .tca-wg-media,
  .tca-wg .tca-wg-card--h .tca-wg-media,
  .tca-wg .tca-wg-card--v .tca-wg-media{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .tca-wg .tca-wg-card--v .tca-wg-media{
    aspect-ratio:4 / 5!important;
    max-height:none!important;
  }

  .tca-wg .tca-wg-card--h .tca-wg-media img,
  .tca-wg .tca-wg-card--v .tca-wg-media img{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .tca-inline-track{
    width:100vw!important;
    padding-left:11vw!important;
    padding-right:11vw!important;
    gap:16px!important;
  }

  .tca-inline-panel.tca-inline-image,
  .tca-inline-text{
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
    flex:0 0 78vw!important;
  }

  .tca-inline-image-shell,
  .tca-inline-image-shell.is-h,
  .tca-inline-image-shell.is-v,
  .tca-inline-image-shell.is-s{
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .tca-inline-image-shell img,
  .tca-inline-image-shell.is-h img,
  .tca-inline-image-shell.is-v img,
  .tca-inline-image-shell.is-s img{
    display:block!important;
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}


/* =========================================================
   TCA v6.6.10 — WHOLE-FIELD REEL / ZERO INDIVIDUAL SHIFT
   ========================================================= */

/* Remove every previous per-image / per-card floating offset.
   All imagery now travels simultaneously because the DOCUMENT scrolls as one reel. */
.tca-wg-media,
.tca-inline-image-shell,
.tca-wg-card,
.tca-inline-expansion,
.tca-wg-grid{
  --tca-media-float-y:0px!important;
  --tca-item-float-y:0px!important;
  --tca-big-float-y:0px!important;
  translate:none!important;
}

/* Explicitly neutralise the v6.6.9 per-image transform. */
.tca-wg-media,
.tca-inline-image-shell{
  transform:none!important;
  will-change:auto!important;
}

/* Preserve exact geometry: no zoom/breathing/parallax during vertical scroll. */
.tca-wg-card img,
.tca-inline-image-shell img{
  scale:1!important;
  translate:none!important;
}


/* =========================================================
   TCA v6.6.20 — WHOLE TWO-COLUMN MATRIX AS ONE 3D PLANE
   ========================================================= */

/* Perspective belongs to the Work viewport. */
.tca-wg{
  perspective:900px!important;
  perspective-origin:50% 50%!important;
}

/* THIS is the key correction:
   the entire 2-column grid, including all its row/column gaps, is transformed
   as one rigid plane. No child image receives its own depth transform. */
.tca-wg-grid{
  transform:scale(var(--tca-field-scale,1))!important;
  transform-origin:50% 50%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform!important;
}

/* Explicitly neutralize every child-level Z/scale/translate effect. */
.tca-wg-card,
.tca-wg-media,
.tca-wg-media > img,
.tca-inline-expansion,
.tca-inline-image-shell,
.tca-inline-image-shell > img{
  translate:none!important;
  scale:1!important;
}

/* Keep the approved shared-image opening animation independent. */
.tca-inline-fly{
  transform:none!important;
  translate:none!important;
  scale:1!important;
}


/* =========================================================
   TCA v6.6.21 — CHROME + FIREFOX CONSISTENCY
   ========================================================= */
/* Prevent Chromium scroll anchoring and paint containment from moving the
   viewport or clipping the rigid whole-grid depth animation. */
html,body{overflow-anchor:none;}
.tca-wg,.tca-wg-grid{contain:none!important;}
.tca-wg-grid{--tca-field-scale:1;}


/* =========================================================
   TCA v6.6.22 — CHROMIUM NATIVE SCROLL
   ========================================================= */
/* Chrome/Edge keep their native compositor-driven vertical scroll. The grid
   transform remains paint-only and must not capture pointer or wheel input. */
.tca-wg-grid{pointer-events:auto;}
html,body{scroll-behavior:auto;}


/* =========================================================
   TCA v6.6.23 — CONTINUOUS CHROMIUM DEPTH COMPOSITING
   ========================================================= */
.tca-wg-grid{
  transform:translate3d(0,0,0) scale3d(var(--tca-field-scale,1),var(--tca-field-scale,1),1)!important;
  transform-origin:50% 50%!important;
  -webkit-font-smoothing:antialiased;
  will-change:transform!important;
}
@media (prefers-reduced-motion:reduce){
  .tca-wg-grid{transform:none!important;will-change:auto!important;}
}


/* =========================================================
   TCA v6.6.24 — VIEWPORT-ANCHORED MATRIX3D COMPOSITOR
   ========================================================= */
.tca-wg{
  perspective:none!important;
  transform-style:flat!important;
}
.tca-wg-grid{
  --tca-field-scale:1;
  transform-origin:0 0!important;
  transition:none!important;
  animation:none!important;
  will-change:transform!important;
  contain:layout style!important;
  isolation:isolate;
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
}
.tca-wg-grid *{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
@media (prefers-reduced-motion:reduce){
  .tca-wg-grid{
    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)!important;
    will-change:auto!important;
  }
}


/* =========================================================
   TCA Portfolio v5.5.29 — Work-card information readability only
   Keep the approved side-information layout, position, spacing,
   colours and motion unchanged. Project title/location/type/year
   continue to be populated from each project's existing fields.
   ========================================================= */
.tca-wg .tca-wg-meta{
  font-size:13px!important;
}


/* TCA 01a polish */
body .tca-v35-root .project-meta-vertical,
body .tca-v35-root .project-side-meta,
body .tca-v35-root .hero-meta{
  font-size:12px !important;
}
body .tca-v35-root .footer-col-left{
  padding-top:4px !important;
}

/* =========================================================
   TCA 01b — metadata weight + project-specific monogram option
   ========================================================= */
.tca-wg .tca-wg-meta{
  font-size:12px!important;
  font-weight:400!important;
}
.tca-wg .tca-wg-meta span{font-weight:400!important;}
.tca-custom-monogram-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* =========================================================
   TCA JOURNAL — exact Work engine, single merged column
   ========================================================= */
.tca-journal-clean-page{background:#fff;color:var(--tca-charcoal);font-family:"Urbanist",sans-serif;overflow:visible}
.tca-journal-clean-heading{
  width:calc(var(--tca-journal-row-h,190px)*1.61803398875*2 + 8px);
  max-width:calc(100vw - 32px);
  margin:clamp(72px,9vh,118px) auto clamp(42px,5vh,66px);
}
.tca-journal-clean-heading h1{font-family:"League Spartan",sans-serif;font-size:clamp(42px,4vw,64px);font-weight:600;line-height:1;margin:0;color:#3D3D3D}
.tca-journal-clean-heading span{display:block;width:32px;height:1px;background:#B89B5E;margin:22px 0 18px}
.tca-journal-clean-heading p{font-size:13px;line-height:1.55;margin:0;color:#3D3D3D}
.tca-journal-engine{--row-h:190px;--col-w:calc(var(--row-h)*1.61803398875);margin:0 0 clamp(70px,8vh,120px)}
.tca-jg-grid{
  width:calc(var(--col-w)*2 + var(--gap));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,var(--col-w));
  grid-auto-rows:var(--row-h);
  gap:var(--gap);
  align-items:stretch;
  justify-items:stretch;
  position:relative;
}
.tca-jg-card{grid-column:1 / span 2!important}
.tca-jg-card .tca-wg-info{right:calc(100% + var(--info-gap))!important;left:auto!important;text-align:right!important}
.tca-jg-card .tca-wg-monogram{margin-left:auto!important;margin-right:0!important}
.tca-journal-engine .tca-inline-info h1{font-size:13px!important;line-height:1.08!important;margin-bottom:10px!important}
.tca-journal-engine .tca-inline-text{width:clamp(300px,30vw,480px)}
.tca-journal-engine .tca-inline-text-inner{overflow:visible!important;max-height:none!important}
.tca-journal-engine .tca-inline-body{font-size:clamp(13px,.95vw,16px)!important;line-height:1.65!important}
.tca-journal-engine .tca-inline-text h2{font-size:clamp(22px,2.15vw,34px)!important}
.tca-journal-engine .tca-inline-back span{font-size:14px}
@media(max-width:1100px){
 .tca-journal-engine{--row-h:165px}
 .tca-journal-clean-heading{width:calc(165px*1.61803398875*2 + 8px)}
}
@media(max-width:760px){
 .tca-journal-clean-heading{width:calc(100vw - 32px);margin:72px auto 36px}
 .tca-journal-clean-heading h1{font-size:42px}
 .tca-jg-grid{width:calc(100vw - 32px);display:flex;flex-direction:column;gap:28px}
 .tca-jg-card{width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important}
 .tca-jg-card .tca-wg-info{position:static!important;width:auto!important;margin-bottom:8px!important;text-align:left!important}
 .tca-jg-card .tca-wg-monogram{margin-left:0!important}
 .tca-jg-card .tca-wg-media{position:relative!important;inset:auto!important;aspect-ratio:1.61803398875/1!important}
}

/* TCA 09.5 — Journal heading uses the exact Contact Us datum. */
.tca-journal-clean-page{
  --tca-inner-page-heading-w:min(var(--tca-shared-grid-w,622.84px),calc(100vw - 96px));
}
.tca-journal-clean-heading{
  width:var(--tca-inner-page-heading-w)!important;
  max-width:var(--tca-inner-page-heading-w)!important;
  margin:34px auto 21px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.tca-journal-clean-heading h1{
  margin:0!important;
  font-family:"League Spartan",sans-serif!important;
  font-size:clamp(38px,3.7vw,58px)!important;
  font-weight:500!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
  color:#3d3d3d!important;
}
.tca-journal-clean-heading span{
  display:block!important;
  width:34px!important;
  height:1px!important;
  margin:13px 0 18px!important;
  background:#b89b5e!important;
}
@media(max-width:700px){
  .tca-journal-clean-page{--tca-inner-page-heading-w:calc(100vw - 28px)!important}
  .tca-journal-clean-heading{margin-top:21px!important}
}

/* ================================================================
   TCA 09.6 — JOURNAL OPENING RHYTHM MATCHES CONTACT US
   13px title-to-rule, 21px rule-to-intro, 34px intro-to-first image.
   ================================================================ */
.tca-journal-clean-heading{
  margin-top:34px!important;
  margin-bottom:34px!important;
}
.tca-journal-clean-heading span{
  margin-top:13px!important;
  margin-bottom:21px!important;
}
.tca-journal-clean-heading p{margin:0!important}
@media(max-width:700px){
  .tca-journal-clean-heading{margin-top:21px!important;margin-bottom:34px!important}
}

/* ================================================================
   TCA 09.8 — JOURNAL INTRO SAFETY + CONTACT RHYTHM
   Keep the Journal introduction fully visible. A small controlled
   lift removes the inherited Work-grid excess without allowing the
   first article image to cross into the introductory text.
   ================================================================ */
.tca-journal-clean-page > .tca-journal-engine{
  margin-top:-20px!important;
}
@media(max-width:700px){
  .tca-journal-clean-page > .tca-journal-engine{
    margin-top:0!important;
  }
}

/* TCA 10.0 — Journal participates in the shared Contact opening system. */
.tca-journal-clean-page > .tca-journal-clean-heading.tca-opening-heading{
  width:var(--tca-opening-w)!important;max-width:var(--tca-opening-w)!important;
  margin:34px auto 21px!important;padding:0!important;
}
.tca-journal-clean-page > .tca-journal-clean-heading.tca-opening-heading h1{
  margin:0!important;font-family:"League Spartan",sans-serif!important;
  font-size:clamp(38px,3.7vw,58px)!important;font-weight:500!important;
  line-height:.96!important;letter-spacing:-.035em!important;color:#3d3d3d!important;
}
.tca-journal-clean-page > .tca-journal-clean-heading.tca-opening-heading > span{
  display:block!important;width:34px!important;height:1px!important;
  margin:13px 0 0!important;background:#b89b5e!important;
}
.tca-journal-clean-page > .tca-journal-clean-intro.tca-opening-intro{
  width:var(--tca-opening-w)!important;max-width:var(--tca-opening-w)!important;
  margin:0 auto 34px!important;padding:0!important;
}
.tca-journal-clean-page > .tca-journal-clean-intro.tca-opening-intro p{
  max-width:520px!important;margin:0!important;padding:0!important;
  font:400 14px/1.6 "Urbanist",sans-serif!important;letter-spacing:0!important;color:#3d3d3d!important;
}
.tca-journal-clean-page > .tca-journal-engine.tca-opening-first-media{
  width:var(--tca-opening-w)!important;max-width:var(--tca-opening-w)!important;
  margin:0 auto clamp(70px,8vh,120px)!important;
}
@media(max-width:700px){
 .tca-journal-clean-page > .tca-journal-clean-heading.tca-opening-heading{margin-top:21px!important}
}

/* ==================================================================
   TCA 10.1 — HORIZONTAL STORY TYPOGRAPHY AUTHORITY
   Journal + Work: only block headings are emphasized; all body copy
   is standardized in Urbanist regular regardless of pasted markup.
   ================================================================== */
.tca-inline-text h2,
.tca-journal-engine .tca-inline-text h2{
  font-family:"League Spartan",sans-serif!important;
  font-size:clamp(22px,2vw,32px)!important;
  font-weight:600!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
  color:#3D3D3D!important;
  margin:0 0 14px!important;
}

.tca-inline-body,
.tca-inline-body p,
.tca-inline-body div,
.tca-inline-body span,
.tca-inline-body li,
.tca-inline-caption div,
.tca-inline-caption div p,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body p,
.tca-journal-engine .tca-inline-body div,
.tca-journal-engine .tca-inline-body span,
.tca-journal-engine .tca-inline-body li{
  font-family:"Urbanist",sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#555!important;
}

/* Pasted bold markup inside body text must not turn the whole panel bold.
   Deliberate headings remain the separate Heading field above. */
.tca-inline-body strong,
.tca-inline-body b,
.tca-journal-engine .tca-inline-body strong,
.tca-journal-engine .tca-inline-body b,
.tca-inline-caption div strong,
.tca-inline-caption div b{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:400!important;
  line-height:inherit!important;
  color:inherit!important;
}

.tca-inline-body p:last-child,
.tca-inline-caption div p:last-child{margin-bottom:0!important}

@media(max-width:760px){
  .tca-inline-text h2,
  .tca-journal-engine .tca-inline-text h2{font-size:24px!important}
  .tca-inline-body,
  .tca-inline-body p,
  .tca-inline-body div,
  .tca-inline-body span,
  .tca-inline-body li,
  .tca-journal-engine .tca-inline-body,
  .tca-journal-engine .tca-inline-body p,
  .tca-journal-engine .tca-inline-body div,
  .tca-journal-engine .tca-inline-body span,
  .tca-journal-engine .tca-inline-body li{font-size:14px!important;line-height:1.6!important}
}

/* ==================================================================
   TCA 10.2 — STANDARD TOP-ALIGNED STORY TEXT PANELS
   Work + Journal horizontal text panels share one typography scale.
   Heading and body are the same size; heading alone is bold.
   Content always begins at the panel's top image datum.
   ================================================================== */
.tca-inline-text,
.tca-journal-engine .tca-inline-text{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.tca-inline-text-inner,
.tca-journal-engine .tca-inline-text-inner{
  width:100%!important;
  height:auto!important;
  max-height:var(--inline-media-h,520px)!important;
  margin:0!important;
  padding:0!important;
  align-self:flex-start!important;
  overflow:auto!important;
}

.tca-journal-engine .tca-inline-text-inner{
  overflow:visible!important;
}

.tca-inline-text h2,
.tca-journal-engine .tca-inline-text h2{
  font-family:"Urbanist",sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#3D3D3D!important;
  margin:0 0 8px!important;
  padding:0!important;
}

.tca-inline-body,
.tca-inline-body p,
.tca-inline-body div,
.tca-inline-body span,
.tca-inline-body li,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body p,
.tca-journal-engine .tca-inline-body div,
.tca-journal-engine .tca-inline-body span,
.tca-journal-engine .tca-inline-body li{
  font-family:"Urbanist",sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#555!important;
}

.tca-inline-body p:first-child,
.tca-journal-engine .tca-inline-body p:first-child{margin-top:0!important}

@media(max-width:760px){
  .tca-inline-text h2,
  .tca-journal-engine .tca-inline-text h2,
  .tca-inline-body,
  .tca-inline-body p,
  .tca-inline-body div,
  .tca-inline-body span,
  .tca-inline-body li,
  .tca-journal-engine .tca-inline-body,
  .tca-journal-engine .tca-inline-body p,
  .tca-journal-engine .tca-inline-body div,
  .tca-journal-engine .tca-inline-body span,
  .tca-journal-engine .tca-inline-body li{
    font-size:14px!important;
    line-height:1.6!important;
  }
}

/* ==================================================================
   TCA 10.3 — FINAL HORIZONTAL STORY DATUM + TYPOGRAPHY
   Work image captions and standalone text panels now share the same
   top datum and the same 15px scale. Heading alone is bold.
   ================================================================== */
.tca-inline-caption,
.tca-journal-engine .tca-inline-caption{
  align-self:flex-start!important;
  justify-self:flex-start!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  height:auto!important;
  max-height:var(--inline-media-h,520px)!important;
  overflow:auto!important;
}

.tca-inline-caption h3,
.tca-inline-caption h3 *,
.tca-journal-engine .tca-inline-caption h3,
.tca-journal-engine .tca-inline-caption h3 *{
  font-family:"Urbanist",sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#3D3D3D!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-transform:none!important;
}

.tca-inline-caption div,
.tca-inline-caption div *,
.tca-journal-engine .tca-inline-caption div,
.tca-journal-engine .tca-inline-caption div *{
  font-family:"Urbanist",sans-serif!important;
  font-size:15px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#555!important;
  margin-top:0!important;
}

.tca-inline-caption p:first-child,
.tca-journal-engine .tca-inline-caption p:first-child{margin-top:0!important}

@media(max-width:760px){
  .tca-inline-caption h3,
  .tca-inline-caption h3 *,
  .tca-inline-caption div,
  .tca-inline-caption div *,
  .tca-journal-engine .tca-inline-caption h3,
  .tca-journal-engine .tca-inline-caption h3 *,
  .tca-journal-engine .tca-inline-caption div,
  .tca-journal-engine .tca-inline-caption div *{
    font-size:14px!important;
    line-height:1.6!important;
  }
}

/* ==================================================================
   TCA 10.4 — UNIFIED HORIZONTAL TEXT RHYTHM
   One authority for Work + Journal standalone text panels and image-side
   captions. Every block begins at the top image datum. Heading and body
   share one size; heading alone is bold.
   ================================================================== */
:root{
  --tca-story-text-size:15px;
  --tca-story-line-height:1.6;
  --tca-story-heading-gap:8px;
  --tca-story-paragraph-gap:10px;
}

/* Both the standalone panel and the side-caption are top aligned. */
.tca-inline-panel.tca-inline-text,
.tca-inline-panel.tca-inline-image,
.tca-journal-engine .tca-inline-panel.tca-inline-text,
.tca-journal-engine .tca-inline-panel.tca-inline-image{
  align-items:flex-start!important;
  justify-content:flex-start!important;
}

.tca-inline-text,
.tca-journal-engine .tca-inline-text{
  padding:0!important;
}

.tca-inline-text-inner,
.tca-journal-engine .tca-inline-text-inner,
.tca-inline-caption,
.tca-journal-engine .tca-inline-caption{
  align-self:flex-start!important;
  justify-self:flex-start!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}

/* Keep side text columns consistent on Work and Journal. */
.tca-inline-caption,
.tca-journal-engine .tca-inline-caption{
  width:180px!important;
  flex:0 0 180px!important;
}

/* Heading: exactly body size, bold only. */
.tca-inline-text h2,
.tca-inline-caption h3,
.tca-inline-caption h3 *,
.tca-journal-engine .tca-inline-text h2,
.tca-journal-engine .tca-inline-caption h3,
.tca-journal-engine .tca-inline-caption h3 *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-text-size)!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:var(--tca-story-line-height)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#3D3D3D!important;
  margin:0 0 var(--tca-story-heading-gap)!important;
  padding:0!important;
}

/* Body: same size, regular. Neutralise pasted formatting. */
.tca-inline-body,
.tca-inline-body *,
.tca-inline-caption > div,
.tca-inline-caption > div *,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body *,
.tca-journal-engine .tca-inline-caption > div,
.tca-journal-engine .tca-inline-caption > div *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-text-size)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:var(--tca-story-line-height)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#555!important;
}

/* Identical internal paragraph rhythm in every text location. */
.tca-inline-body p,
.tca-inline-caption > div p,
.tca-journal-engine .tca-inline-body p,
.tca-journal-engine .tca-inline-caption > div p{
  margin:0 0 var(--tca-story-paragraph-gap)!important;
  padding:0!important;
}
.tca-inline-body p:first-child,
.tca-inline-caption > div p:first-child,
.tca-journal-engine .tca-inline-body p:first-child,
.tca-journal-engine .tca-inline-caption > div p:first-child{margin-top:0!important}
.tca-inline-body p:last-child,
.tca-inline-caption > div p:last-child,
.tca-journal-engine .tca-inline-body p:last-child,
.tca-journal-engine .tca-inline-caption > div p:last-child{margin-bottom:0!important}

@media(max-width:760px){
  :root{--tca-story-text-size:14px;--tca-story-heading-gap:7px;--tca-story-paragraph-gap:9px}
  .tca-inline-caption,
  .tca-journal-engine .tca-inline-caption{width:100%!important;flex-basis:auto!important}
}

/* ==================================================================
   TCA 10.5 — FINAL STORY TEXT GRID AUTHORITY
   Work + Journal use one fixed horizontal text system. This block is
   intentionally last so older experimental rules cannot override it.
   ================================================================== */
:root{
  --tca-story-copy-size:15px;
  --tca-story-copy-line:1.6;
  --tca-story-copy-gap:8px;
  --tca-story-panel-w:320px;
  --tca-story-caption-w:180px;
}

/* Every item in the horizontal reader begins at one top datum. */
.tca-inline-track,
.tca-journal-engine .tca-inline-track{
  align-items:flex-start!important;
}
.tca-inline-info,
.tca-inline-panel,
.tca-journal-engine .tca-inline-info,
.tca-journal-engine .tca-inline-panel{
  align-self:flex-start!important;
}

/* Standalone text panels: fixed width, full media height, top aligned. */
.tca-inline-panel.tca-inline-text,
.tca-journal-engine .tca-inline-panel.tca-inline-text{
  flex:0 0 var(--tca-story-panel-w)!important;
  width:var(--tca-story-panel-w)!important;
  min-width:var(--tca-story-panel-w)!important;
  height:var(--inline-media-h,600px)!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.tca-inline-text-inner,
.tca-journal-engine .tca-inline-text-inner{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  display:block!important;
  text-align:left!important;
}

/* Image-side captions: one fixed column, aligned to image top. */
.tca-inline-image,
.tca-journal-engine .tca-inline-image{
  align-items:flex-start!important;
}
.tca-inline-caption,
.tca-journal-engine .tca-inline-caption{
  flex:0 0 var(--tca-story-caption-w)!important;
  width:var(--tca-story-caption-w)!important;
  min-width:var(--tca-story-caption-w)!important;
  max-width:var(--tca-story-caption-w)!important;
  height:auto!important;
  max-height:var(--inline-media-h,600px)!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  display:block!important;
  text-align:left!important;
}

/* Left project/article information title uses the same story scale. */
.tca-inline-info h1,
.tca-journal-engine .tca-inline-info h1{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-copy-size)!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:var(--tca-story-copy-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#3D3D3D!important;
  margin:0 0 var(--tca-story-copy-gap)!important;
  padding:0!important;
}

/* All story headings: same size as body, bold only. */
.tca-inline-text h2,
.tca-inline-caption h3,
.tca-inline-caption h3 *,
.tca-journal-engine .tca-inline-text h2,
.tca-journal-engine .tca-inline-caption h3,
.tca-journal-engine .tca-inline-caption h3 *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-copy-size)!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:var(--tca-story-copy-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#3D3D3D!important;
  margin:0 0 var(--tca-story-copy-gap)!important;
  padding:0!important;
}

/* All story body copy: same size, regular. */
.tca-inline-body,
.tca-inline-body *,
.tca-inline-caption > div,
.tca-inline-caption > div *,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body *,
.tca-journal-engine .tca-inline-caption > div,
.tca-journal-engine .tca-inline-caption > div *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-copy-size)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:var(--tca-story-copy-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#555!important;
}
.tca-inline-body p,
.tca-inline-caption > div p,
.tca-journal-engine .tca-inline-body p,
.tca-journal-engine .tca-inline-caption > div p{
  margin:0 0 10px!important;
  padding:0!important;
}
.tca-inline-body p:last-child,
.tca-inline-caption > div p:last-child,
.tca-journal-engine .tca-inline-body p:last-child,
.tca-journal-engine .tca-inline-caption > div p:last-child{
  margin-bottom:0!important;
}

/* Keep the first visible line exactly on the panel top. */
.tca-inline-text-inner > :first-child,
.tca-inline-caption > :first-child,
.tca-journal-engine .tca-inline-text-inner > :first-child,
.tca-journal-engine .tca-inline-caption > :first-child{
  margin-top:0!important;
}

@media(max-width:760px){
  :root{
    --tca-story-copy-size:14px;
    --tca-story-panel-w:100%;
    --tca-story-caption-w:100%;
  }
  .tca-inline-panel.tca-inline-text,
  .tca-journal-engine .tca-inline-panel.tca-inline-text,
  .tca-inline-caption,
  .tca-journal-engine .tca-inline-caption{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex-basis:auto!important;
    height:auto!important;
  }
}

/* ==================================================================
   TCA 10.6 — CONTENT-RESPONSIVE STORY COPY WIDTH
   Work and Journal now use the same width logic. Copy columns grow
   with the amount of text instead of using one rigid caption width.
   ================================================================== */
:root{
  --tca-copy-short-w:260px;
  --tca-copy-medium-w:320px;
  --tca-copy-long-w:380px;
}

.tca-inline-panel.tca-inline-text.tca-copy-short,
.tca-inline-caption.tca-copy-short,
.tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-short,
.tca-journal-engine .tca-inline-caption.tca-copy-short{
  flex-basis:var(--tca-copy-short-w)!important;
  width:var(--tca-copy-short-w)!important;
  min-width:var(--tca-copy-short-w)!important;
  max-width:var(--tca-copy-short-w)!important;
}
.tca-inline-panel.tca-inline-text.tca-copy-medium,
.tca-inline-caption.tca-copy-medium,
.tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-medium,
.tca-journal-engine .tca-inline-caption.tca-copy-medium{
  flex-basis:var(--tca-copy-medium-w)!important;
  width:var(--tca-copy-medium-w)!important;
  min-width:var(--tca-copy-medium-w)!important;
  max-width:var(--tca-copy-medium-w)!important;
}
.tca-inline-panel.tca-inline-text.tca-copy-long,
.tca-inline-caption.tca-copy-long,
.tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-long,
.tca-journal-engine .tca-inline-caption.tca-copy-long{
  flex-basis:var(--tca-copy-long-w)!important;
  width:var(--tca-copy-long-w)!important;
  min-width:var(--tca-copy-long-w)!important;
  max-width:var(--tca-copy-long-w)!important;
}

/* Keep an equal visual breath between every image and its copy. */
.tca-inline-image,
.tca-journal-engine .tca-inline-image{
  gap:clamp(22px,1.6vw,30px)!important;
}

@media(max-width:760px){
  .tca-inline-panel.tca-inline-text.tca-copy-short,
  .tca-inline-panel.tca-inline-text.tca-copy-medium,
  .tca-inline-panel.tca-inline-text.tca-copy-long,
  .tca-inline-caption.tca-copy-short,
  .tca-inline-caption.tca-copy-medium,
  .tca-inline-caption.tca-copy-long,
  .tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-short,
  .tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-medium,
  .tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-long,
  .tca-journal-engine .tca-inline-caption.tca-copy-short,
  .tca-journal-engine .tca-inline-caption.tca-copy-medium,
  .tca-journal-engine .tca-inline-caption.tca-copy-long{
    flex-basis:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* ==================================================================
   TCA 10.7 — SHARED FLUID STORY COPY RHYTHM
   One sizing/spacing authority for Work + Journal horizontal readers.
   ================================================================== */
:root{
  --tca-story-copy-size:15px;
  --tca-story-copy-line:1.58;
  --tca-story-heading-gap:8px;
  --tca-story-item-gap:28px;
}

/* Equal space between every horizontal item, in both readers. */
.tca-inline-track,
.tca-journal-engine .tca-inline-track{
  gap:var(--tca-story-item-gap)!important;
  align-items:flex-start!important;
}

/* Image and its attached text use the same gap everywhere. */
.tca-inline-image,
.tca-journal-engine .tca-inline-image{
  gap:var(--tca-story-item-gap)!important;
  align-items:flex-start!important;
}

/* Both standalone text blocks and image-side copy use the exact same
   content-responsive width supplied by the shared JS calculation. */
.tca-inline-panel.tca-inline-text.tca-copy-fluid,
.tca-inline-caption.tca-copy-fluid,
.tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-fluid,
.tca-journal-engine .tca-inline-caption.tca-copy-fluid{
  flex:0 0 clamp(260px,var(--tca-copy-w,288px),400px)!important;
  width:clamp(260px,var(--tca-copy-w,288px),400px)!important;
  min-width:clamp(260px,var(--tca-copy-w,288px),400px)!important;
  max-width:clamp(260px,var(--tca-copy-w,288px),400px)!important;
  margin:0!important;
  padding:0!important;
  align-self:flex-start!important;
  text-align:left!important;
  overflow:visible!important;
}

.tca-inline-panel.tca-inline-text.tca-copy-fluid{
  height:var(--inline-media-h,600px)!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.tca-inline-text-inner,
.tca-journal-engine .tca-inline-text-inner{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
}

/* A single typographic hierarchy: heading = same size + bold;
   body = same size + regular. */
.tca-inline-text h2,
.tca-inline-caption h3,
.tca-inline-caption h3 *,
.tca-journal-engine .tca-inline-text h2,
.tca-journal-engine .tca-inline-caption h3,
.tca-journal-engine .tca-inline-caption h3 *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-copy-size)!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:var(--tca-story-copy-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#3D3D3D!important;
  margin:0 0 var(--tca-story-heading-gap)!important;
  padding:0!important;
}
.tca-inline-body,
.tca-inline-body *,
.tca-inline-caption > div,
.tca-inline-caption > div *,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body *,
.tca-journal-engine .tca-inline-caption > div,
.tca-journal-engine .tca-inline-caption > div *{
  font-family:"Urbanist",sans-serif!important;
  font-size:var(--tca-story-copy-size)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:var(--tca-story-copy-line)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#555!important;
}
.tca-inline-body p,
.tca-inline-caption > div p,
.tca-journal-engine .tca-inline-body p,
.tca-journal-engine .tca-inline-caption > div p{
  margin:0 0 10px!important;
  padding:0!important;
}
.tca-inline-body p:last-child,
.tca-inline-caption > div p:last-child,
.tca-journal-engine .tca-inline-body p:last-child,
.tca-journal-engine .tca-inline-caption > div p:last-child{
  margin-bottom:0!important;
}

@media(max-width:760px){
  :root{--tca-story-copy-size:14px;--tca-story-item-gap:18px}
  .tca-inline-panel.tca-inline-text.tca-copy-fluid,
  .tca-inline-caption.tca-copy-fluid,
  .tca-journal-engine .tca-inline-panel.tca-inline-text.tca-copy-fluid,
  .tca-journal-engine .tca-inline-caption.tca-copy-fluid{
    flex-basis:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
  }
}

/* ==================================================================
   TCA 11.1 — FINAL READABILITY SCALE
   Work and Journal story panels share one readable hierarchy:
   20px bold heading, 19px regular body on desktop.
   ================================================================== */
:root{
  --tca-story-heading-size:20px;
  --tca-story-body-size:19px;
  --tca-story-copy-line:1.62;
  --tca-story-heading-gap:12px;
}

.tca-inline-text h2,
.tca-inline-caption h3,
.tca-inline-caption h3 *,
.tca-journal-engine .tca-inline-text h2,
.tca-journal-engine .tca-inline-caption h3,
.tca-journal-engine .tca-inline-caption h3 *{
  font-size:var(--tca-story-heading-size)!important;
  font-weight:700!important;
  line-height:1.45!important;
  margin-bottom:var(--tca-story-heading-gap)!important;
}

.tca-inline-body,
.tca-inline-body *,
.tca-inline-caption > div,
.tca-inline-caption > div *,
.tca-journal-engine .tca-inline-body,
.tca-journal-engine .tca-inline-body *,
.tca-journal-engine .tca-inline-caption > div,
.tca-journal-engine .tca-inline-caption > div *{
  font-size:var(--tca-story-body-size)!important;
  font-weight:400!important;
  line-height:var(--tca-story-copy-line)!important;
}

@media(max-width:760px){
  :root{
    --tca-story-heading-size:18px;
    --tca-story-body-size:17px;
    --tca-story-heading-gap:10px;
  }
}

/* TCA 13.9 — Shared inner-page introduction typography
   Expertise is the visual authority. Journal now uses the exact same
   type size, weight, line-height, colour and readable measure. */
.tca-expertise-intro > p,
.tca-journal-clean-page > .tca-journal-clean-intro.tca-opening-intro > p{
  max-width:430px!important;
  margin:0!important;
  padding:0!important;
  font-family:"Urbanist",sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:0!important;
  color:#3d3d3d!important;
}

/* ==================================================================
   TCA 13.10 — JOURNAL INTRO EXACTLY MATCHES EXPERTISE
   This rule lives in work-grid.css because that stylesheet loads after
   portfolio.css on Journal and previously reset the intro to 14px.
   ================================================================== */
body .tca-journal-clean-page > .tca-journal-clean-intro.tca-opening-intro p{
  max-width:520px!important;
  margin:0!important;
  padding:0!important;
  font-family:"Urbanist",sans-serif!important;
  font-size:19px!important;
  font-weight:400!important;
  line-height:1.68!important;
  letter-spacing:0!important;
  color:#3d3d3d!important;
}
@media(max-width:760px){
  body .tca-journal-clean-page > .tca-journal-clean-intro.tca-opening-intro p{
    font-size:17px!important;
    line-height:1.65!important;
  }
}

/* ==================================================================
   TCA 14.3 — WORK + JOURNAL GRID READABILITY POLISH
   Enlarges only the side information rails and project monograms.
   Image slots, golden-ratio geometry, row heights and column widths
   remain exactly unchanged.
   ================================================================== */
@media (min-width:761px){
  .tca-wg{
    --info-w:136px;
  }
  .tca-wg-info{
    width:var(--info-w)!important;
  }
  .tca-wg-info h3,
  .tca-jg-card .tca-wg-info h3{
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.16!important;
    margin-bottom:8px!important;
  }
  .tca-wg .tca-wg-meta,
  .tca-journal-engine .tca-wg-meta,
  .tca-jg-card .tca-wg-meta{
    font-size:13px!important;
    font-weight:400!important;
    line-height:1.34!important;
  }
  .tca-wg-monogram,
  .tca-jg-card .tca-wg-monogram{
    width:32px!important;
    height:32px!important;
    margin-bottom:9px!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  .tca-wg{
    --info-w:108px;
  }
  .tca-wg-info h3,
  .tca-jg-card .tca-wg-info h3{
    font-size:14px!important;
  }
  .tca-wg .tca-wg-meta,
  .tca-journal-engine .tca-wg-meta,
  .tca-jg-card .tca-wg-meta{
    font-size:12px!important;
  }
  .tca-wg-monogram,
  .tca-jg-card .tca-wg-monogram{
    width:30px!important;
    height:30px!important;
  }
}

@media (max-width:760px){
  .tca-wg-info h3,
  .tca-jg-card .tca-wg-info h3{
    font-size:16px!important;
    line-height:1.2!important;
  }
  .tca-wg .tca-wg-meta,
  .tca-journal-engine .tca-wg-meta,
  .tca-jg-card .tca-wg-meta{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .tca-wg-monogram,
  .tca-jg-card .tca-wg-monogram{
    width:32px!important;
    height:32px!important;
    margin-bottom:9px!important;
  }
}





/* =====================================================================
   TCA 14.4.10 — SINGLE WORK / JOURNAL STORY AUTHORITY
   The expansion fills its reserved grid span exactly; no hidden dead band
   can push the following project out of the viewport.
   ===================================================================== */
@media (min-width:1101px){
  .tca-inline-info h1,
  .tca-journal-engine .tca-inline-info h1{font-size:17px!important;line-height:1.2!important;margin-bottom:10px!important;}
  .tca-inline-meta,
  .tca-journal-engine .tca-inline-meta{font-size:13px!important;line-height:1.38!important;gap:4px!important;}
  .tca-inline-description,
  .tca-journal-engine .tca-inline-description{font-size:13px!important;line-height:1.45!important;}
  .tca-inline-expansion,
  .tca-journal-engine .tca-inline-expansion{
    height:calc(var(--inline-media-h) + 10px)!important;
    min-height:calc(var(--inline-media-h) + 10px)!important;
    align-self:start!important;
  }
  .tca-inline-track,
  .tca-journal-engine .tca-inline-track{
    height:var(--inline-media-h)!important;
    min-height:var(--inline-media-h)!important;
    padding-top:0!important;
    padding-bottom:10px!important;
    align-items:flex-start!important;
  }
  .tca-inline-progress,
  .tca-journal-engine .tca-inline-progress{bottom:1px!important;}
}

/* TCA 15.6 — Journal uses the same opening datum as the other inner pages. */
@media (min-width:761px){
  body .tca-journal-clean-page > .tca-journal-clean-heading.tca-opening-heading{
    margin-top:0!important;
  }
}
\n\n/* TCA 15.7.45 — deliberate editorial emphasis in Work + Journal copy.\n   These rules come after the legacy body normalizer so chosen emphasis is honored. */
.tca-inline-body strong,.tca-inline-body b,
.tca-inline-caption > div strong,.tca-inline-caption > div b,
.tca-journal-engine .tca-inline-body strong,.tca-journal-engine .tca-inline-body b,
.tca-journal-engine .tca-inline-caption > div strong,.tca-journal-engine .tca-inline-caption > div b{font-weight:700!important;color:inherit!important}
.tca-inline-body em,.tca-inline-body i,
.tca-inline-caption > div em,.tca-inline-caption > div i,
.tca-journal-engine .tca-inline-body em,.tca-journal-engine .tca-inline-body i,
.tca-journal-engine .tca-inline-caption > div em,.tca-journal-engine .tca-inline-caption > div i{font-style:italic!important;font-weight:inherit!important}
.tca-inline-body mark.tca-highlight,.tca-inline-caption > div mark.tca-highlight,
.tca-journal-engine .tca-inline-body mark.tca-highlight,.tca-journal-engine .tca-inline-caption > div mark.tca-highlight{
  color:inherit!important;background:linear-gradient(transparent 58%,rgba(184,155,94,.28) 58%)!important;padding:0 .04em!important
}
.tca-inline-body ul,.tca-inline-caption > div ul,
.tca-journal-engine .tca-inline-body ul,.tca-journal-engine .tca-inline-caption > div ul{margin:.65em 0 .75em 1.15em!important;padding:0!important;list-style:disc outside!important}
.tca-inline-body li,.tca-inline-caption > div li,
.tca-journal-engine .tca-inline-body li,.tca-journal-engine .tca-inline-caption > div li{display:list-item!important;margin:.28em 0!important;padding-left:.18em!important}
.tca-inline-body a,.tca-inline-caption > div a,
.tca-journal-engine .tca-inline-body a,.tca-journal-engine .tca-inline-caption > div a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em;color:inherit!important}
.tca-inline-body a:hover,.tca-inline-caption > div a:hover,
.tca-journal-engine .tca-inline-body a:hover,.tca-journal-engine .tca-inline-caption > div a:hover{color:#B89B5E!important}

/* TCA 15.7.93 — Journal title must match the shared editorial title. */
body .tca-v35-root.tca-journal-clean-page > header.tca-journal-clean-heading.tca-opening-heading > h1,
body .tca-v35-root.tca-journal-clean-page > header.tca-journal-clean-heading > h1{
  font-family:"Urbanist",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
  font-synthesis:none!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

/* =========================================================
   TCA 15.7.99 — EXPANDED WORK HERO SCALE
   Closed Work grid remains untouched. During an open story only, increase
   the matrix row unit so the hero gains roughly 18–20% scale while the same
   JS viewport equation continues to reserve equal neighbouring glimpses.
   ========================================================= */
@media (min-width:1101px){
  .tca-wg.tca-wg--expanded-scale{--row-h:228px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  .tca-wg.tca-wg--expanded-scale{--row-h:198px!important;}
}
\n\n/* TCA 15.8.00 — project abstract-massing signature: white paper + charcoal pencil lines. */
.tca-wg-monogram .tca-massing-signature,
.tca-inline-monogram .tca-massing-signature{background:#fff!important;}
.tca-wg-monogram .tca-massing-signature rect,
.tca-inline-monogram .tca-massing-signature rect{fill:#fff!important;}
.tca-wg-monogram .tca-massing-signature path,
.tca-inline-monogram .tca-massing-signature path{stroke:#3D3D3D!important;}


/* TCA 15.8.01 — project-specific massing signatures: no dark icon tile. */
.tca-wg-monogram,.tca-inline-monogram{background:#fff!important;overflow:visible!important;}
.tca-wg-monogram .tca-massing-signature path,.tca-inline-monogram .tca-massing-signature path{stroke:#3D3D3D!important;}

/* =========================================================
   TCA 15.8.02 — CONCEPTUAL BOX MONOGRAMS
   Clear project massing diagrams rather than dark icons. Each signature is
   given enough physical size for its box arrangement to remain legible.
   ========================================================= */
.tca-wg-monogram,
.tca-inline-monogram{
  background:transparent!important;
  overflow:visible!important;
}
.tca-wg-monogram .tca-concept-box-signature,
.tca-inline-monogram .tca-concept-box-signature{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#fff!important;
}
@media (min-width:1101px){
  .tca-wg-monogram{width:38px!important;height:38px!important;margin-bottom:8px!important;}
  .tca-inline-monogram{width:44px!important;height:44px!important;margin-bottom:10px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  .tca-wg-monogram{width:36px!important;height:36px!important;}
  .tca-inline-monogram{width:40px!important;height:40px!important;}
}
@media (max-width:760px){
  .tca-wg-monogram,.tca-inline-monogram{width:32px!important;height:32px!important;}
}

/* =========================================================
   TCA 15.8.03 — AUTOMATIC IMAGE-DERIVED CONCEPTUAL MASSING
   The project's own hero photograph drives the massing diagram. This rule is
   deliberately final/authoritative so legacy dark-tile monogram CSS cannot
   recolour the generated study.
   ========================================================= */
.tca-wg-monogram,
.tca-inline-monogram{
  background:#fff!important;
  overflow:visible!important;
}
.tca-wg-monogram svg.tca-auto-massing,
.tca-inline-monogram svg.tca-auto-massing{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#fff!important;
}
.tca-wg-monogram svg.tca-auto-massing rect,
.tca-inline-monogram svg.tca-auto-massing rect{
  fill:#fff!important;
}
.tca-wg-monogram svg.tca-auto-massing path,
.tca-inline-monogram svg.tca-auto-massing path,
.tca-wg-monogram svg.tca-auto-massing polygon,
.tca-inline-monogram svg.tca-auto-massing polygon{
  stroke:#3D3D3D!important;
}

/* ================================================================
   TCA 15.8.04 — PROJECT-SPECIFIC CONCEPTUAL BOX MASSING
   Final authority: white paper, charcoal construction drawing, no tile.
   ================================================================ */
.tca-wg-monogram,
.tca-inline-monogram{
  background:#fff!important;
  overflow:visible!important;
}
.tca-wg-monogram svg.tca-project-massing,
.tca-inline-monogram svg.tca-project-massing{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#fff!important;
}
.tca-wg-monogram svg.tca-project-massing path,
.tca-inline-monogram svg.tca-project-massing path,
.tca-wg-monogram svg.tca-project-massing polygon,
.tca-inline-monogram svg.tca-project-massing polygon,
.tca-wg-monogram svg.tca-project-massing rect,
.tca-inline-monogram svg.tca-project-massing rect{
  vector-effect:non-scaling-stroke;
}

/* ================================================================
   TCA 15.8.05 — CONCEPTUAL MASSING READABILITY AUTHORITY
   Larger white-paper studies so different massing silhouettes remain legible.
   ================================================================ */
@media (min-width:1101px){
  .tca-wg-monogram{width:54px!important;height:54px!important;margin-bottom:8px!important;}
  .tca-inline-monogram{width:62px!important;height:62px!important;margin-bottom:10px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  .tca-wg-monogram{width:48px!important;height:48px!important;}
  .tca-inline-monogram{width:56px!important;height:56px!important;}
}
@media (max-width:760px){
  .tca-wg-monogram,.tca-inline-monogram{width:40px!important;height:40px!important;}
}
.tca-wg-monogram,.tca-inline-monogram{background:#fff!important;overflow:visible!important;}
.tca-wg-monogram svg.tca-project-massing,.tca-inline-monogram svg.tca-project-massing{background:#fff!important;}

/* ================================================================
   TCA 15.8.06 — ABSTRACT ARCHITECTURAL SIGNATURES
   Scalable 50+ project system: mass / void / frame / hierarchy / proportion.
   ================================================================ */
.tca-wg-monogram svg.tca-abstract-signature,
.tca-inline-monogram svg.tca-abstract-signature{
  display:block!important;width:100%!important;height:100%!important;
  background:#fff!important;overflow:visible!important;
}
@media (min-width:1101px){
 .tca-wg-monogram{width:58px!important;height:46px!important;}
 .tca-inline-monogram{width:68px!important;height:54px!important;}
}
@media (min-width:761px) and (max-width:1100px){
 .tca-wg-monogram{width:52px!important;height:42px!important;}
 .tca-inline-monogram{width:60px!important;height:48px!important;}
}
@media (max-width:760px){.tca-wg-monogram,.tca-inline-monogram{width:46px!important;height:37px!important;}}


/* ================================================================
   TCA 15.8.07 — SQUARE CONCEPTUAL MASSING MONOGRAMS
   Final authority: square shape only; white field, charcoal massing,
   2–4 readable primary volumes, no dark tile and no micro-detail.
   ================================================================ */
.tca-wg-monogram,
.tca-inline-monogram{
  aspect-ratio:1/1!important;
  background:#fff!important;
  overflow:visible!important;
}
.tca-wg-monogram svg.tca-square-massing,
.tca-inline-monogram svg.tca-square-massing{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#fff!important;
}
@media (min-width:1101px){
  .tca-wg-monogram{width:54px!important;height:54px!important;margin-bottom:8px!important;}
  .tca-inline-monogram{width:62px!important;height:62px!important;margin-bottom:10px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  .tca-wg-monogram{width:48px!important;height:48px!important;}
  .tca-inline-monogram{width:56px!important;height:56px!important;}
}
@media (max-width:760px){
  .tca-wg-monogram,.tca-inline-monogram{width:40px!important;height:40px!important;}
}


/* ================================================================
   TCA 15.8.08 — SMALL CLEAR SQUARE MASSING — FINAL AUTHORITY
   Corrects legacy dark-tile rules and keeps the monogram compact.
   The square is only the drawing canvas; it is not a filled icon tile.
   ================================================================ */
.tca-wg-monogram,
.tca-inline-monogram{
  aspect-ratio:1/1!important;
  background:transparent!important;
  overflow:visible!important;
}
.tca-wg-monogram svg.tca-square-massing,
.tca-inline-monogram svg.tca-square-massing{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:transparent!important;
}
/* Override old global monogram rules that were turning the white paper dark. */
.tca-wg-monogram svg.tca-square-massing > rect:first-child,
.tca-inline-monogram svg.tca-square-massing > rect:first-child{
  fill:#fff!important;
  stroke:none!important;
}
.tca-wg-monogram svg.tca-square-massing g rect,
.tca-inline-monogram svg.tca-square-massing g rect{
  fill:#fff!important;
  stroke:#3D3D3D!important;
}
.tca-wg-monogram svg.tca-square-massing polygon,
.tca-inline-monogram svg.tca-square-massing polygon{
  fill:#D8D8D8!important;
  fill-opacity:.42!important;
  stroke:#3D3D3D!important;
}
.tca-wg-monogram svg.tca-square-massing path,
.tca-inline-monogram svg.tca-square-massing path{
  stroke:#3D3D3D!important;
}
@media (min-width:1101px){
  .tca-wg-monogram{width:36px!important;height:36px!important;margin-bottom:7px!important;}
  .tca-inline-monogram{width:42px!important;height:42px!important;margin-bottom:9px!important;}
}
@media (min-width:761px) and (max-width:1100px){
  .tca-wg-monogram{width:34px!important;height:34px!important;}
  .tca-inline-monogram{width:40px!important;height:40px!important;}
}
@media (max-width:760px){
  .tca-wg-monogram,.tca-inline-monogram{width:30px!important;height:30px!important;}
}