@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
}

a,
button,
input,
textarea {
  border: 0 none;
  outline: none;
}

a[href$=jpg],
a[href$=jpeg],
a[href$=jpe],
a[href$=png],
a[href$=gif] {
  text-decoration: none;
  border: 0 none;
}

@font-face {
  font-family: "GT America Standard";
  src: url("webfont/GT-America-Standard-Bold.eot");
  src: url("webfont/GT-America-Standard-Bold.eot?#iefix") format("embedded-opentype"), url("webfont/GT-America-Standard-Bold.woff") format("woff"), url("webfont/GT-America-Standard-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-feature-settings: "ss03";
}
@font-face {
  font-family: "GT America Standard";
  src: url("webfont/GT-America-Standard-Bold-Italic.eot");
  src: url("webfont/GT-America-Standard-Bold-Italic.eot?#iefix") format("embedded-opentype"), url("webfont/GT-America-Standard-Bold-Italic.woff") format("woff"), url("webfont/GT-America-Standard-Bold-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-feature-settings: "ss03";
}
@font-face {
  font-family: "GT America Standard";
  src: url("webfont/GT-America-Standard-Light.eot");
  src: url("webfont/GT-America-Standard-Light.eot?#iefix") format("embedded-opentype"), url("webfont/GT-America-Standard-Light.woff") format("woff"), url("webfont/GT-America-Standard-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  font-feature-settings: "ss03";
}
@font-face {
  font-family: "GT America Standard";
  src: url("webfont/GT-America-Standard-Light-Italic.eot");
  src: url("webfont/GT-America-Standard-Light-Italic.eot?#iefix") format("embedded-opentype"), url("webfont/GT-America-Standard-Light-Italic.woff") format("woff"), url("webfont/GT-America-Standard-Light-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal;
  font-feature-settings: "ss03";
}
@font-face {
  font-family: "GT USA Compressed TEMP";
  src: url("webfont/GTUSA-CompBlackItal.woff2") format("woff2"), url("webfont/GTUSA-CompBlackItal.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
:root {
  --jumbo: 3.3rem;
  --xlarge:2.2rem;
  --large:1.8rem;
  --medium:1.3rem;
  --body:1.1rem;
  --tag:0.95rem;
  --small:0.8rem;
  --micro:0.6rem;
}
@media (max-width: 799px) {
  :root {
    --jumbo: 2.5rem;
    --xlarge:1.75rem;
    --large:1.33rem;
    --medium:1.1rem;
    --body:1rem;
    --tag:0.85rem;
    --small:0.75rem;
    --micro:0.5rem;
  }
}

/*
	RULES:
		- Only font declarations and character styles established here
		- All font sizes, letter-spacing, and line height defined here
			- Except when overriding an attibute
		- No paddings or margins should go in here
*/
.tag {
  font-size: var(--tag);
}

.caption {
  font-size: var(--small);
}

.micro {
  font-size: var(--micro);
}

.display4, .jumbo {
  font-size: var(--jumbo);
}

.display3, .xlarge {
  font-size: var(--xlarge);
}

.display2, .large {
  font-size: var(--large);
}

.display1, .medium {
  font-size: var(--medium);
}

/*
	RULES:
		- Positioning elements established here
		- Any reusable layout should use a unified class for placement
			- Except when overriding
*/
.alignleft {
  float: left;
  margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
  float: right;
  margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}

@media (max-width: 800px) {
  .alignleft,
  .alignright {
    float: none;
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
  }
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr min-content;
  grid-column-gap: var(--margin-standard);
  grid-row-gap: 0;
}
.home .grid {
  grid-template-columns: repeat(15, 1fr);
}
.opinion-post .grid {
  grid-template-rows: 67svh 1fr min-content;
}
.opinion-post .grid .grid {
  grid-template-rows: min-content;
}
@media (max-width: 799px) {
  .grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .home .grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

.display-contents {
  display: contents;
}

.full-col {
  grid-column: 1/-1;
}

/* Animations */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  85% {
    opacity: 1;
  }
}
@keyframes boiler {
  0% {
    filter: url(#boil1);
  }
  16.65% {
    filter: url(#boil3);
  }
  33.33% {
    filter: url(#boil2);
  }
  50% {
    filter: url(#boil4);
  }
  66.67% {
    filter: url(#boil1);
  }
  83.25% {
    filter: url(#boil5);
  }
  100% {
    filter: url(#boil3);
  }
}
@keyframes LtoR {
  0% {
    background-position: 0px calc(var(--bgY) * -200px);
  }
  100% {
    background-position: -2200px calc(var(--bgY) * -200px);
  }
}
footer {
  position: relative;
  transform-style: preserve-3d;
  margin: var(--margin-standard) 0 0;
  padding: var(--margin-standard);
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
footer > div {
  padding: 10px;
}
footer .footer-address {
  font-size: var(--small);
}
footer .footer-address span {
  display: block;
}
footer:AFTER {
  position: absolute;
  top: calc(var(--margin-standard) * 1.5);
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: radial-gradient(ellipse, transparent 25%, rgba(0, 0, 0, 0.25) 100%);
  background-image: radial-gradient(ellipse, transparent 25%, var(--lightgreen) 100%);
  opacity: 0.25;
  background-size: 150% 450%;
  background-repeat: no-repeat;
  background-position: center 66.67%;
  z-index: -1;
}
body.home footer {
  margin: 0;
  padding: 0 var(--margin-standard) var(--margin-standard);
}
body.home footer:AFTER {
  top: calc(var(--margin-standard) * 0.5);
}
footer.isLoading {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 799px) {
  footer {
    --caption:0.6rem;
    flex-wrap: wrap;
    gap: var(--margin-standard);
    padding: var(--margin-standard) calc(var(--margin-standard) / 2);
  }
  body.home footer {
    padding: 0 calc(var(--margin-standard) * 0.5) calc(var(--margin-standard) * 0.5);
  }
}

.contact-info {
  max-width: 36ch;
  padding-right: 2rem;
}
@media (max-width: 799px) {
  .contact-info {
    padding-right: 0.5rem;
  }
}

.social-links {
  margin-bottom: auto;
}
.social-links ul {
  margin: 0 3rem 1rem 0;
  padding: 0;
  list-style: none;
}
.social-links li {
  margin: 0 0 0.5rem;
}
.social-links li a, .social-links li span.icon {
  display: inline-block;
}
.social-links li span.icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  vertical-align: bottom;
}
.social-links li span.icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.social-links li a {
  vertical-align: text-bottom;
}
.social-links p {
  margin: 0;
}
@media (max-width: 799px) {
  .social-links {
    margin-left: auto;
  }
}

/* halftone */
:root {
  --halftone-size:6px;
  --halftone-bleed:0.3;
  --halftone-rotation:233deg;
  --halftone-separate-k: 1;
}

@property --halftone-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 6px;
}
.halftone-img .halftone, .halftone-img .sep-k {
  --halftone-dot-size: calc(var(--halftone-size)* var(--halftone-bleed));
  --halftone-color-dot-size: var(--halftone-dot-size);
  filter: brightness(calc(0.5 + var(--halftone-bleed) * 0.3 - var(--halftone-separate-k) * 0.02)) blur(calc(var(--halftone-size) * 0.1825)) contrast(1000) blur(0.3px);
  overflow: hidden;
}
.halftone-img.post-grid-img .halftone, .halftone-img.post-grid-img .sep-k {
  filter: brightness(calc(0.5 + var(--halftone-bleed) * 0.225 - var(--halftone-separate-k) * 0.02)) blur(calc(var(--halftone-size) * 0.175)) contrast(1000) blur(0.1px);
}
.halftone-img .sep-k {
  position: absolute;
  inset: 0;
  mix-blend-mode: multiply;
}
.halftone-img .sep-k:AFTER {
  content: "";
  position: absolute;
  inset: -30%;
  background-size: var(--halftone-size) var(--halftone-size);
  background-blend-mode: multiply;
  mix-blend-mode: screen;
  transform: rotate(3deg);
  background-image: radial-gradient(var(--halftone-color-dot-size) at 25% 25%, #000, #666, #ccc, #fff), radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #000, #fff);
}
.halftone-img .ink {
  mix-blend-mode: screen;
}
.halftone-img .ink:BEFORE, .halftone-img .ink:AFTER {
  content: "";
  position: absolute;
  inset: -30%;
  background-size: var(--halftone-size) var(--halftone-size);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
}
.halftone-img .ink:BEFORE {
  background-image: radial-gradient(var(--halftone-color-dot-size) at 25% 25%, #ff0, #ff6, #fff), radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #ff0, #ff6, #fff);
}
.halftone-img .ink:AFTER {
  transform: rotate(calc(-21deg + var(--halftone-rotation))) translateX(calc(var(--halftone-size) * 0.58));
  background-image: radial-gradient(var(--halftone-color-dot-size) at 75% 25%, #f0f, #f6f, #fff), radial-gradient(var(--halftone-color-dot-size) at 25% 75%, #f0f, #f6f, #fff), radial-gradient(var(--halftone-color-dot-size) at 75% 75%, #0ff, #6ff, #fff), radial-gradient(var(--halftone-color-dot-size) at 25% 25%, #0ff, #6ff, #fff);
}

/* 3D ELEMENTS */
.has-dmnsn {
  transform-style: preserve-3d;
}
@media (HOVER: HOVER) {
  .has-dmnsn:HAS(svg:hover) svg,
  .has-dmnsn .icon:HAS(+ a:HOVER) {
    animation: boiler steps(1) 1s -0.3s infinite;
  }
}

.dmnsn {
  position: absolute;
  inset: 0;
  color: var(--lightgrey);
  z-index: -1;
  transform-style: preserve-3d;
  pointer-events: none;
  background-color: var(--white);
}
body:has(.isLoading) .dmnsn span {
  opacity: 0;
  visibility: hidden;
}
.nghbr .dmnsn {
  color: var(--lightgrey);
}
.deco .dmnsn {
  color: var(--lightgrey);
  color: var(--siding);
}
.q1.deco .dmnsn span.xaxis:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top right, transparent, var(--white) 75%), linear-gradient(to bottom right, var(--lightgrey), transparent calc((var(--depth) - var(--depthOffset)) / 2));
}
.q1.deco .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(215deg, currentColor, transparent calc((var(--depth) - var(--depthOffset)) / 2));
  background-image: radial-gradient(circle at right bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), currentColor 150%);
  background-size: 200% auto;
  background-position: 100% 100%;
}
.q2.deco .dmnsn span.yaxis:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to top left, transparent, var(--white) 75%), linear-gradient(to bottom left, var(--lightgrey), transparent calc((var(--depth) - var(--depthOffset)) / 2));
}
.q2.deco .dmnsn span.xaxis:AFTER {
  background-size: 200% auto;
  background-position: 0% 0%;
}
.menu-on .head-wrap .dmnsn {
  color: var(--black);
}
.dmnsn:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0px 0px 0px 1px currentColor;
  animation: boiler steps(1) 1.5s -0.3s infinite paused;
}
body:not(.home):not(.menu-on) .hausman-logo .dmnsn:AFTER {
  box-shadow: inset 0px 0px 0px 1px currentColor, 3px 4px 0px -1px var(--lightgreen);
}
body:not(.home):not(.menu-on) .menu-toggle .dmnsn:AFTER, body:not(.home):not(.menu-on) .breadcrumb .dmnsn:AFTER {
  box-shadow: inset 0px 0px 0px 1px currentColor, -3px 4px 1px -2px var(--siding);
}
body:not(.home):not(.menu-on) footer .contact-info .dmnsn:AFTER {
  box-shadow: inset 0px 0px 0px 1px currentColor, 2px -3px 0px -1px var(--siding);
}
body:not(.home):not(.menu-on) footer .social-links .dmnsn:AFTER {
  box-shadow: inset 0px 0px 0px 1px currentColor, -2px -3px 0px -1px var(--siding);
}
.menu-on .dmnsn:AFTER {
  box-shadow: inset 0px 0px 0px 1px currentColor;
}
@media (HOVER: HOVER) {
  .bldg-link.has-dmnsn:HAS(a:hover) .dmnsn, .bldg-link.has-dmnsn:HAS(svg:hover) .dmnsn {
    color: var(--black);
  }
  .bldg-link.has-dmnsn:HAS(a:hover) .dmnsn .nghbr, .bldg-link.has-dmnsn:HAS(svg:hover) .dmnsn .nghbr {
    --depthOffset:0px;
    color: var(--black);
  }
  .bldg-link.has-dmnsn:HAS(a:hover) .dmnsn:AFTER, .bldg-link.has-dmnsn:HAS(svg:hover) .dmnsn:AFTER {
    animation-play-state: running;
  }
  body:not(.home):not(.menu-on) .hausman-logo:HAS(a:hover) .dmnsn {
    color: var(--green);
  }
  body:not(.home):not(.menu-on) .hausman-logo:HAS(a:hover) .dmnsn:AFTER {
    box-shadow: inset 0px 0px 0px 1px currentColor, 2px 3px 0px -1px currentColor;
  }
  body:not(.home):not(.menu-on) .menu-toggle:HAS(svg:hover) .dmnsn, body:not(.home):not(.menu-on) .breadcrumb:HAS(a:hover) .dmnsn {
    color: var(--black);
  }
  body:not(.home):not(.menu-on) .menu-toggle:HAS(svg:hover) .dmnsn:AFTER, body:not(.home):not(.menu-on) .breadcrumb:HAS(a:hover) .dmnsn:AFTER {
    box-shadow: inset 0px 0px 0px 1px currentColor, -2px 3px 0px -1px currentColor;
  }
}
.dmnsn span {
  position: absolute;
  transform-style: preserve-3d;
  filter: url(#pencilTexture5);
  background-color: var(--white);
}
.dmnsn span.xaxis {
  width: calc(var(--depth) - var(--depthOffset));
  height: 100%;
}
.dmnsn span.yaxis {
  width: 100%;
  height: calc(var(--depth) - var(--depthOffset));
}
.dmnsn span:BEFORE, .dmnsn span:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
}
.dmnsn span:AFTER {
  inset: 1px;
  z-index: -1;
}
.q0 .dmnsn span.xaxis, .q0 .dmnsn span.yaxis {
  display: none;
}
.q1 .dmnsn span.xaxis, .agency-nav .dmnsn span.xaxis {
  top: 0;
  left: 100%;
  transform-origin: 0% 50%;
  transform: rotateY(90deg);
}
.q1 .dmnsn span.xaxis:BEFORE, .agency-nav .dmnsn span.xaxis:BEFORE {
  border-top: 1px solid currentColor;
  border-right: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q1 .dmnsn span.yaxis, .agency-nav .dmnsn span.yaxis {
  left: 0;
  top: 100%;
  transform-origin: 50% 0%;
  transform: rotateX(-90deg);
}
.q1 .dmnsn span.yaxis:BEFORE, .agency-nav .dmnsn span.yaxis:BEFORE {
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  border-bottom: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q1:not(.hausman-logo):not(.bldg-info) .dmnsn span.xaxis:AFTER {
  background-image: linear-gradient(to left, var(--white), transparent 50%), radial-gradient(circle at right bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding));
  background-size: 100% 100%, auto 200%;
  background-position: 100% 100%;
}
.q1:not(.hausman-logo):not(.bldg-info) .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to top, var(--white), transparent 50%), radial-gradient(circle at right bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding));
  background-size: 100% 100%, 200% auto;
  background-position: 100% 100%;
}
.q1.hausman-logo .dmnsn {
  color: var(--green);
}
.q1.hausman-logo .dmnsn span.xaxis:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, var(--lightgreen), transparent calc((var(--depth) - var(--depthOffset)) / 3));
  background-image: linear-gradient(to left, var(--white), transparent 50%), radial-gradient(circle at right bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--lightgreen));
}
.q1.hausman-logo .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to bottom right, var(--lightgreen), transparent calc((var(--depth) - var(--depthOffset)) / 2));
  background-image: linear-gradient(to top, var(--white), transparent 50%), radial-gradient(circle at right bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--lightgreen));
  background-position: 0% 0%;
}
.q1.bldg-info .dmnsn span.xaxis:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(135deg, var(--lightgreen), transparent calc((var(--depth) - var(--depthOffset)) / 3));
}
.q1.bldg-info .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to bottom right, var(--lightgreen), transparent calc((var(--depth) - var(--depthOffset)) / 2));
  background-image: linear-gradient(to top, var(--white), transparent 50%), radial-gradient(circle at center bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding));
  background-size: 100% 100%, 300% 100%;
  background-position: 50% 100%;
}
.q2 .dmnsn span.xaxis, .services-nav .dmnsn span.xaxis {
  top: 0;
  right: 100%;
  transform-origin: 100% 50%;
  transform: rotateY(-90deg);
}
.q2 .dmnsn span.xaxis:BEFORE, .services-nav .dmnsn span.xaxis:BEFORE {
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  border-left: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q2 .dmnsn span.xaxis:AFTER, .services-nav .dmnsn span.xaxis:AFTER {
  background-image: linear-gradient(to right, var(--white), transparent 50%), radial-gradient(circle at left bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: auto 200%;
  background-position: 0% 100%;
}
.q2 .dmnsn span.yaxis, .services-nav .dmnsn span.yaxis {
  left: 0;
  top: 100%;
  transform-origin: 50% 0%;
  transform: rotateX(-90deg);
}
.q2 .dmnsn span.yaxis:BEFORE, .services-nav .dmnsn span.yaxis:BEFORE {
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  border-bottom: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q2 .dmnsn span.yaxis:AFTER, .services-nav .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to top, var(--white), transparent 50%), radial-gradient(circle at left bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: auto 200%;
  background-position: 100% 100%;
}
.q2.menu-toggle .dmnsn span.yaxis:AFTER {
  background-image: radial-gradient(circle at left bottom, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding));
}
.q3 .dmnsn span.xaxis, .work-nav .dmnsn span.xaxis {
  top: 0;
  left: 100%;
  transform-origin: 0% 50%;
  transform: rotateY(90deg);
}
.q3 .dmnsn span.xaxis:BEFORE, .work-nav .dmnsn span.xaxis:BEFORE {
  border-bottom: 1px solid currentColor;
  border-right: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q3 .dmnsn span.xaxis:AFTER, .work-nav .dmnsn span.xaxis:AFTER {
  background-image: linear-gradient(to left, var(--white), transparent 50%), radial-gradient(circle at right top, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: 200% auto;
  background-position: 100% 100%;
}
.q3 .dmnsn span.yaxis, .work-nav .dmnsn span.yaxis {
  left: 0;
  bottom: 100%;
  transform-origin: 50% 100%;
  transform: rotateX(90deg);
}
.q3 .dmnsn span.yaxis:BEFORE, .work-nav .dmnsn span.yaxis:BEFORE {
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  border-top: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q3 .dmnsn span.yaxis:AFTER, .work-nav .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to bottom, var(--white), transparent 50%), radial-gradient(circle at right top, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: 200% auto;
  background-position: 100% 100%;
}
.q4 .dmnsn span.xaxis, .opinions-nav .dmnsn span.xaxis {
  top: 0;
  right: 100%;
  transform-origin: 100% 50%;
  transform: rotateY(-90deg);
}
.q4 .dmnsn span.xaxis:BEFORE, .opinions-nav .dmnsn span.xaxis:BEFORE {
  border-bottom: 1px solid currentColor;
  border-left: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q4 .dmnsn span.xaxis:AFTER, .opinions-nav .dmnsn span.xaxis:AFTER {
  background-image: linear-gradient(to right, var(--white), transparent 50%), radial-gradient(circle at left top, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: auto 200%;
  background-position: 100% 100%;
}
.q4 .dmnsn span.yaxis, .opinions-nav .dmnsn span.yaxis {
  left: 0;
  bottom: 100%;
  transform-origin: 50% 100%;
  transform: rotateX(90deg);
}
.q4 .dmnsn span.yaxis:BEFORE, .opinions-nav .dmnsn span.yaxis:BEFORE {
  border-left: 1px solid currentColor;
  border-right: 1px solid currentColor;
  border-top: calc((var(--depth) - var(--depthOffset)) / 2) solid transparent;
}
.q4 .dmnsn span.yaxis:AFTER, .opinions-nav .dmnsn span.yaxis:AFTER {
  background-image: linear-gradient(to bottom, var(--white), transparent 50%), radial-gradient(circle at left top, transparent calc((var(--depth) - var(--depthOffset)) / 2), var(--siding) 150%);
  background-size: 200% auto;
  background-position: 0% 100%;
}

/* GRAPHICS */
.default-skeuo {
  position: relative;
  z-index: 1;
}
.default-skeuo:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--white);
  box-shadow: 1px 1px 2px -2px black, inset 1px 1px 3px -2px var(--lightgrey);
  filter: url(#pencilTexture5);
}

.tore {
  position: relative;
}
.tore:BEFORE, .tore:AFTER {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  filter: url(#boil2);
  z-index: 1;
}
.tore:BEFORE {
  top: -1.5rem;
  height: 2rem;
  background-color: var(--white);
  box-shadow: 1px 1px 2px -2px var(--black), inset 1px -1px 2px -2px var(--offwhite);
  transform-origin: center top;
  transform: rotate(-0.3deg);
}
.tore:AFTER {
  bottom: -1.5rem;
  height: 2rem;
  background-color: var(--white);
  box-shadow: -1px -1px 2px -2px var(--black), inset -1px 1px 2px -2px var(--offwhite);
  transform-origin: center bottom;
  transform: rotate(0.14deg);
}
.tore.bio-bg:BEFORE, .tore.bio-bg:AFTER {
  z-index: 0;
}
.tore.bio-bg:BEFORE {
  box-shadow: 1px 2px 2px -2px var(--grey), inset 1px 0px 3px -2px var(--lightgrey);
}
.tore.bio-bg:AFTER {
  box-shadow: -1px -1px 2px -2px black, inset -1px 1px 3px -2px var(--lightgrey);
}
@media (max-width: 799px) {
  .tore:BEFORE, .tore:AFTER {
    height: 1rem;
  }
  .tore:BEFORE {
    top: 0;
    box-shadow: 1px 1px 2px -2px black, inset 1px 0px 3px -2px var(--lightgrey);
  }
  .tore:AFTER {
    bottom: 0;
    box-shadow: -1px -1px 2px -2px black, inset -1px 0px 3px -2px var(--lightgrey);
  }
}

/* BACKGROUNDS */
.gridpaper {
  background-image: linear-gradient(to bottom, color-mix(in srgb, #B0DB12 18%, var(--white)) 2px, transparent 2px), linear-gradient(to bottom, color-mix(in srgb, #B0DB12 12%, var(--white)) 1px, transparent 1px), linear-gradient(to right, color-mix(in srgb, #B0DB12 18%, var(--white)) 2px, transparent 2px), linear-gradient(to right, color-mix(in srgb, #B0DB12 12%, var(--white)) 1px, transparent 1px);
  background-size: 100px 100px, 20px 20px, 100px 100px, 20px 20px;
  background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  background-position: 40px 40px, 0px 0px, 40px 40px, 0px 0px;
}

.grid45 {
  background-image: repeating-linear-gradient(to bottom right, color-mix(in srgb, #B0DB12 18%, var(--white)) 50px, transparent 51px, transparent 60px);
  background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  background-position: 40px 40px, 0px 0px, 40px 40px, 0px 0px;
}

.plotpoint {
  background-color: #ffffff;
  opacity: 1;
  background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 10px 10px, linear-gradient(#b0db12 0.8px, transparent 0.8px) 0 -0.4px, linear-gradient(90deg, #b0db12 0.8px, #ffffff 0.8px) -0.4px 0;
  background-size: 20px 20px, 20px 20px, 10px 10px, 10px 10px;
}

.tabletop {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 120%) #989898;
  background-blend-mode: multiply, multiply;
}

.photobook {
  background: url(../assets/paper.svg), linear-gradient(to bottom, rgba(223, 237, 246, 0.15) 0%, rgba(235, 246, 196, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(76, 94, 8, 0.4) 120%) var(--green);
  background-blend-mode: multiply, screen, lighten;
}

/* ELEMENTS: TRACING PAPER */
/* ELEMENTS: STICKY NOTES */
/* HOMEPAGE TOP DOWN */
body.home {
  --perspective:750px;
  --depth:250px;
}
body.home #container {
  z-index: 6;
}
body.home .grid {
  grid-template-columns: repeat(15, 1fr);
  grid-row-gap: var(--margin-standard);
}
@media (max-width: 799px) {
  body.home .grid {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media (min-width: 1600px) {
  body.home {
    --perspective:1000px;
  }
  body.home .grid {
    grid-row-gap: calc(var(--margin-standard) * 1.5);
  }
}
body.home .content-wrap {
  perspective: var(--perspective);
  transform-style: preserve-3d;
}
body.home .has-dmnsn.header a {
  opacity: 1;
}
body.home .has-dmnsn a, body.home .has-dmnsn p, body.home .has-dmnsn .dmnsn:AFTER, body.home .has-dmnsn .dmnsn span {
  opacity: 0;
}
body.home .has-dmnsn a, body.home .has-dmnsn p {
  animation: fade 0.5s calc(var(--fadeDelay) * 0.1s + 1s) linear forwards 1;
}
body.home .has-dmnsn .dmnsn:AFTER {
  animation: fade 0.5s calc(var(--fadeDelay) * 0.25s + 1s) linear forwards 1;
}
body.home .has-dmnsn .dmnsn span {
  animation: fade 0.5s calc(var(--fadeDelay) * 0.3s + 1s) linear forwards 1;
}

.nghbr {
  transition: 0.125s;
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-property: transform;
  --depthOffset:50px;
  transform: translateZ(calc(-1 * var(--depthOffset)));
}
.urbanplanning .nghbr {
  transform: translateZ(0);
}

.deco {
  transition: 0s;
  transition-property: transform;
  --depthOffset:150px;
  transform: translateZ(calc(-1 * var(--depthOffset)));
}
.urbanplanning .deco {
  transform: translateZ(0);
}

.img-space {
  position: relative;
}
.img-space.portrait {
  width: var(--img-space);
  aspect-ratio: 3/4;
}
.img-space.landscape {
  height: var(--img-space);
  aspect-ratio: 4/3;
}
@media (max-width: 799px) {
  .img-space.landscape {
    aspect-ratio: 1/1;
    width: auto;
  }
  .img-space.portrait {
    aspect-ratio: 1/1;
    height: auto;
  }
}

.img-bank {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  inset: 0px;
  display: none;
  opacity: 0;
  animation: fade 0.3s calc(var(--fadeDelay) * 0.3s + 1.2s) ease-in forwards 1;
  box-shadow: inset 0px 0px 5px -2px currentColor;
  --blend:multiply;
  --blend:overlay;
  --halftone-size:3px;
  --halftone-bleed:0.295;
  --halftone-rotation:-3.3deg;
}
.img-bank:not([data-active-img=null]) {
  display: block;
}
.img-bank li {
  position: absolute;
  inset: 5px;
  box-shadow: 0px 0px 1px 1px currentColor;
  opacity: 0.25;
  filter: saturate(10%);
}
.img-bank li img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.img-bank li .halftone, .img-bank li .ink, .img-bank li .sep-k {
  position: absolute;
  inset: 0;
}
.img-bank[data-active-img="0"] li:not(:nth-child(1)), .img-bank[data-active-img="1"] li:not(:nth-child(2)), .img-bank[data-active-img="2"] li:not(:nth-child(3)), .img-bank[data-active-img="3"] li:not(:nth-child(4)), .img-bank[data-active-img="4"] li:not(:nth-child(5)), .img-bank[data-active-img="5"] li:not(:nth-child(6)), .img-bank[data-active-img="6"] li:not(:nth-child(7)), .img-bank[data-active-img="7"] li:not(:nth-child(8)), .img-bank[data-active-img="8"] li:not(:nth-child(9)), .img-bank[data-active-img="9"] li:not(:nth-child(10)) {
  visibility: hidden;
  opacity: 0;
}

.bldg-link {
  --fadeDelay:1;
}
.bldg-link a {
  display: block;
  padding: 20px 40px;
  font-size: var(--large);
  line-height: 1.2;
}
@media (HOVER: HOVER) {
  .bldg-link a:HOVER {
    animation: boiler steps(1) 1.25s -0.11s infinite running;
  }
  .bldg-link:has(a:HOVER) + .nghbr {
    --depthOffset:0px;
  }
  .bldg-link:has(a:HOVER) + .nghbr .dmnsn {
    color: var(--black);
  }
  .bldg-link:has(a:HOVER) + .nghbr .img-bank {
    display: block;
    visibility: visible;
    animation: fade 0.15s ease-in forwards 1;
  }
  .bldg-link:has(a:HOVER) + .nghbr .img-bank li {
    opacity: 1;
    filter: none;
    animation: loopSizeHome 0.75s steps(1) alternate infinite, loopBleedHome 0.75s steps(1) alternate infinite;
  }
}
@media (max-width: 1024px) {
  .bldg-link a {
    font-size: var(--medium);
    padding: 15px 30px;
  }
}
@media (max-width: 799px) {
  .bldg-link a {
    font-size: var(--body);
    padding: 10px 15px;
  }
}

@keyframes loopSizeHome {
  0% {
    --halftone-size:3px;
  }
  25% {
    --halftone-size:6px;
  }
  50% {
    --halftone-size:9px;
  }
  75% {
    --halftone-size:12px;
  }
  100% {
    --halftone-size:15px;
  }
}
@keyframes loopBleedHome {
  0% {
    --halftone-bleed:0.295;
  }
  25% {
    --halftone-bleed:0.315;
  }
  50% {
    --halftone-bleed:0.333;
  }
  75% {
    --halftone-bleed:0.375;
  }
  100% {
    --halftone-bleed:0.425;
  }
}
.bldg-hide {
  display: none;
}

.bldg-info {
  grid-column: 3/span 7;
  font-size: var(--large);
  padding: 20px;
  margin: 0 0 120px;
  grid-column: 4/span 9;
  grid-column: 6/span 10;
  grid-column: span 9/-3;
  grid-row: 1;
  grid-row: 1/3;
  margin: calc(var(--margin-standard) * -2) auto auto;
  margin: calc(var(--margin-standard) * -1.5) auto auto 0;
  max-width: 28ch;
}
.bldg-info.width-narrow {
  max-width: 24ch;
}
.bldg-info p {
  margin: 0 0 0.25em;
  line-height: 1;
  text-wrap: pretty;
}

.bldg-agency {
  grid-column: 2/span 3;
  grid-column: 5/span 4;
  margin: 0 20px auto auto;
  margin: auto auto 20px 20px;
  margin: auto auto auto 0;
  grid-row: 2;
  grid-row: 2/6;
}

.nghbr-agency {
  grid-column: 4/span 4;
  grid-column: 3/span 3;
  grid-column: 1/span 4;
  grid-row: 3/4;
  grid-row: 2/6;
  margin: auto 0 0 auto;
  z-index: 3;
}
.nghbr-agency .img-space:BEFORE {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
}

.deco-agency {
  grid-column: 2/span 2;
  grid-row: 1;
  margin: auto 0 0 0;
}
.deco-agency .img-space {
  aspect-ratio: 5/3;
}

.bldg-services {
  grid-column: span 4/-1;
  margin: auto auto 0 0;
  grid-row: 3;
  grid-row: 2/6;
}

.nghbr-services {
  grid-column: span 3/-5;
  grid-row: 2/6;
  margin: auto 0 0 auto;
}

.deco-services {
  grid-column: span 2/-1;
  grid-row: 1/4;
  margin: auto 0 0;
}
.deco-services .img-space {
  aspect-ratio: 3/5;
}

.bldg-work {
  grid-column: 1/span 3;
  grid-row: 4;
  grid-row: 7/9;
  margin: 0 0 auto auto;
  z-index: 3;
}

.nghbr-work {
  grid-column: 4/span 3;
  grid-row: 7/10;
  margin: 0 auto auto 0;
}

.deco-work {
  grid-column: 2/span 2;
  grid-row: 9;
  margin: auto 0 0;
  max-height: 320px;
}
.deco-work .img-space {
  aspect-ratio: 3/3;
}

.bldg-opinions {
  grid-column: span 4/-5;
  margin: auto 0 0 auto;
  grid-row: 7/9;
}

.nghbr-opinions {
  grid-column: span 4/-1;
  grid-row: 7/10;
  margin: 0 auto auto 0;
  z-index: 3;
}

.deco-opinions {
  grid-column: span 3/-6;
  grid-row: 10;
  margin: 0 0 auto;
  max-height: 400px;
}
.deco-opinions .img-space {
  aspect-ratio: 5/3;
}

.street {
  height: calc(var(--margin-standard) * 0.5);
}

@media (max-width: 799px) {
  .street {
    display: none;
  }
  .bldg-agency,
  .nghbr-agency,
  .bldg-services,
  .nghbr-services,
  .deco-services,
  .bldg-work,
  .nghbr-work,
  .deco-work,
  .bldg-opinions,
  .nghbr-opinions,
  .deco-opinions,
  .bldg-info {
    grid-row: auto;
  }
  .bldg-info {
    grid-column: 3/-1;
    font-size: var(--medium);
    padding: 10px 15px;
  }
  .bldg-info p {
    text-wrap: balance;
  }
  .deco-agency {
    grid-column: 1/2;
    grid-row: 1;
    margin: 0 0 auto calc(var(--margin-standard) * -2);
  }
  .bldg-agency, .bldg-services, .bldg-work, .bldg-opinions {
    grid-column: span 3/-3;
    margin: 0 auto auto 0;
  }
  .bldg-agency {
    grid-row: 2;
  }
  .bldg-services {
    grid-row: 3;
  }
  .bldg-work {
    grid-row: 4;
  }
  .bldg-opinions {
    grid-row: 5;
  }
  .nghbr-agency, .nghbr-services, .nghbr-work, .nghbr-opinions {
    grid-column: 2/span 3;
    margin: 0 0 auto auto;
  }
  .deco-services {
    grid-column: -1/-3;
    grid-row: 2/4;
  }
  .deco-work {
    grid-column: 1/2;
    grid-row: 4;
  }
  .deco-opinions {
    grid-column: -1/-4;
    grid-row: 6;
  }
}
.bldg-info {
  --fadeDelay:1;
}

.bldg-agency {
  --fadeDelay:2;
}

.nghbr-agency {
  --fadeDelay:3;
}

.deco-agency {
  --fadeDelay:4;
}

.bldg-services {
  --fadeDelay:3;
}

.nghbr-services {
  --fadeDelay:4;
}

.deco-services {
  --fadeDelay:5;
}

.bldg-work {
  --fadeDelay:4;
}

.nghbr-work {
  --fadeDelay:5;
}

.deco-work {
  --fadeDelay:6;
}

.bldg-opinions {
  --fadeDelay:5;
}

.nghbr-opinions {
  --fadeDelay:6;
}

.deco-opinions {
  --fadeDelay:7;
}

/* Agency Page */
.grid:has(.agency-page-intro) {
  grid-row-gap: 40px;
}
@media (max-width: 799px) {
  .grid:has(.agency-page-intro) {
    grid-row-gap: var(--margin-standard);
  }
}

.agency-lead {
  grid-column: 2/-2;
  grid-column: 1/-7;
  max-width: 38vw;
}
.agency-lead h2 {
  margin: 0;
  font-size: var(--jumbo);
  font-size: clamp(2.5rem, 4vw, var(--jumbo));
  font-weight: normal;
  line-height: 1;
  text-wrap: balance;
}
@media (min-width: 1200px) {
  .agency-lead {
    max-width: 38vw;
  }
}

.agency-page-intro {
  grid-column: 2/span 4;
  grid-column: 1/span 4;
  font-size: var(--body);
  text-wrap: pretty;
}
@media (min-width: 800px) {
  .agency-page-intro {
    margin-top: var(--margin-standard);
    position: sticky;
    top: var(--margin-standard);
    grid-row: 1/4;
  }
  .agency-container:HAS(.active-bio) .agency-page-intro {
    grid-row: 2/5;
  }
}
@media (max-width: 799px) {
  .agency-page-intro {
    grid-column: 1/-1;
    padding-right: 3rem;
  }
}

.site-credit {
  grid-column: 1/span 3;
  margin-top: auto;
}
#container:has([data-content-row="6"]) .site-credit {
  grid-row: 6;
}
@media (max-width: 799px) {
  .site-credit {
    grid-column: 2/-1;
    text-align: right;
    margin-top: 3rem;
  }
}

.team-member {
  display: contents;
}
.team-member .member-photo {
  grid-column: 6/span 2;
  position: relative;
  margin-left: -1rem;
  margin-bottom: auto;
  transition: 0.15s;
  transition-property: transform;
}
.team-member-bio .team-member .member-photo {
  grid-column: 2/span 4;
}
@media (max-width: 799px) {
  .team-member .member-photo {
    grid-column: 1/span 1;
    margin: 0 -1rem auto 0;
  }
}
.team-member h2.bio-toggle, .team-member .full-bio-toggle {
  cursor: pointer;
}
.team-member .full-bio-link, .team-member .full-bio-toggle {
  position: relative;
  display: inline-block;
  color: var(--grey);
  font-size: var(--small);
  padding: 0px;
  line-height: 1.2;
}
.team-member .full-bio-link:AFTER, .team-member .full-bio-toggle:AFTER {
  content: "";
  position: absolute;
  inset: 1.2em 0 -1px;
  background-color: var(--lightgreen);
  z-index: -1;
}
.team-member .member-text {
  grid-column: span 5/-1;
}
@media (max-width: 799px) {
  .team-member .member-text {
    grid-column: span 4/-1;
    margin-bottom: var(--margin-standard);
    padding-left: 1rem;
  }
}
.team-member:nth-child(odd) .member-photo {
  transform: rotate(0.5deg);
}
.team-member:nth-child(even) .member-photo {
  transform: rotate(-0.5deg);
}
@media (hover: hover) {
  .team-member:HAS(.bio-toggle:HOVER) .full-bio-toggle {
    color: var(--black);
  }
  .team-member:HAS(.bio-toggle:HOVER) .full-bio-toggle:AFTER {
    background-color: var(--green);
  }
}
.team-member.active-agent .member-photo, .team-member.active-agent .member-text {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  display: none;
}

.member-text h2 {
  margin: 2rem 0 0;
  font-size: var(--xlarge);
  line-height: 1;
  position: relative;
}
.member-text h2 a:AFTER {
  background-color: var(--lightgreen);
  filter: url(#pencilTexture5);
  inset: 6px -20px 0px -56px;
}
.member-text p.job-title {
  margin: 0.5rem 0;
  font-style: italic;
  position: relative;
}
@media (max-width: 799px) {
  .member-text h2 {
    margin: 0;
  }
  .member-text p.job-title {
    margin: 0.25rem 0 0.5rem;
  }
}

.member-text h2 a, .member-text h2 span, .bio-header h2 a, .bio-header h2 span {
  position: relative;
}
.member-text h2 a:AFTER, .member-text h2 span:AFTER, .bio-header h2 a:AFTER, .bio-header h2 span:AFTER {
  position: absolute;
  inset: 6px -20px 0px -56px;
  transform: skewX(-10deg);
  z-index: -1;
}
.member-text p.job-title i, .bio-header p.job-title i {
  position: relative;
}
.member-text p.job-title i:AFTER, .bio-header p.job-title i:AFTER {
  position: absolute;
  inset: -4px -12px -4px -56px;
  transform: skewX(-10deg);
  z-index: -1;
}

.team-member-bio {
  display: none;
  position: relative;
  z-index: 1;
  padding-top: 136px;
  padding-top: calc(var(--margin-standard) * 2);
  padding-bottom: calc(var(--margin-standard) * 3);
  padding-bottom: 0;
}
.team-member-bio.active-bio {
  display: grid;
  grid-row: 1;
}
.team-member-bio:BEFORE {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
  background-image: linear-gradient(90deg, transparent 10px, #fafafa 10px, #cedeec 12px, #deffff 14px, silver 16px, transparent 18px), linear-gradient(to right, black 0px, var(--darkgreen) 1px, var(--darkgreen) 10px, black 9px, transparent 10px), radial-gradient(circle, var(--darkgreen) 4px, black 5px, transparent 5px), radial-gradient(circle, var(--darkgreen) 4px, black 5px, transparent 5px);
  background-repeat: repeat-x;
  background-size: 30px 20px, 30px 40px, 30px 20px, 30px 20px;
  background-position: 1px 15px, 10px 15px, 0px 5px, 0px 45px;
  filter: opacity(0.5);
  box-shadow: inset 0px 3px 10px -4px var(--black), inset 0px -3px 20px -14px var(--darkgreen);
}
.team-member-bio:AFTER {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url(../assets/frac.svg), linear-gradient(to bottom, rgba(26, 8, 8, 0.3764705882) 12px, #293206 33px, rgba(26, 8, 8, 0.3764705882) 78px, black 78px, rgba(26, 8, 8, 0.1254901961) 81px, var(--darkgreen) 115px, transparent 250px);
  background-color: var(--darkgreen);
  background-blend-mode: normal, luminosity;
  background-repeat: repeat, repeat-x;
  background-size: auto, 200px 100%;
}
.team-member-bio .member-photo {
  grid-column: 2/span 4;
  grid-row: 1/-1;
  position: relative;
  z-index: 2;
  margin: 0rem 1rem auto auto;
  transform: translateY(-12%) rotate(-0.3deg);
}
.team-member-bio .member-photo .instaprint {
  max-width: 320px;
  margin: 0 0 auto auto;
}
@media (min-width: 1320px) {
  .team-member-bio .member-photo {
    grid-column: 3/span 3;
  }
}
@media (max-width: 799px) {
  .team-member-bio .member-photo {
    grid-column: 2/-2;
    grid-row: 1;
    margin: 0;
    transform: translateY(-6%) rotate(-0.3deg);
  }
  .team-member-bio .member-photo .instaprint {
    padding: 8px;
  }
}
.team-member-bio .bio-header {
  margin: 0 1rem 1rem 0;
  padding-left: calc(var(--margin-standard) * 0.5);
  position: relative;
  z-index: 1;
  max-width: 58ch;
}
.team-member-bio .bio-header h2 {
  font-size: clamp(2.5rem, 5vw, var(--jumbo));
  font-size: clamp(72px, 6vw, 96px);
  margin: 2rem 0 0;
  line-height: 1;
  position: relative;
  z-index: 2;
}
.team-member-bio .bio-header h2 span {
  display: block;
}
.team-member-bio .bio-header h2 span:AFTER {
  background-color: var(--green);
  background-color: var(--lightgreen);
  inset: -4px -1rem -12px -112px;
}
.team-member-bio .bio-header p.job-title {
  margin: 0.5rem 0 0;
  font-style: italic;
}
.team-member-bio .bio-header p.job-title i {
  position: relative;
  color: var(--white);
  display: block;
}
.team-member-bio .bio-header p.job-title i:AFTER {
  background-color: var(--black);
  filter: url(#pencilTexture5);
  inset: -8px clamp(-24px, -0.333rem, 2px) -8px -112px;
}
@media (max-width: 799px) {
  .team-member-bio .bio-header {
    grid-row: 2;
    padding-left: 0;
    margin: 0;
    text-align: center;
  }
  .team-member-bio .bio-header h2 {
    margin-top: 0;
    padding-right: 0;
    font-size: var(--jumbo);
  }
  .team-member-bio .bio-header p.job-title {
    margin: 0.25rem 0 0;
  }
}
.team-member-bio .bio-text {
  position: relative;
  margin-top: calc(var(--margin-standard) * 1.5);
  background-color: var(--white);
  max-width: 56ch;
  padding: calc(var(--margin-standard) * 0.5) calc(var(--margin-standard) * 1) calc(var(--margin-standard) * 0.5) calc(var(--margin-standard) * 0.5);
  margin-right: var(--margin-standard);
}
.team-member-bio .bio-text p {
  max-width: 48ch;
  margin: 0 0 1.1rem;
}
.team-member-bio .bio-text p:not(:first-of-type) {
  font-size: var(--small);
  max-width: 54ch;
}
.team-member-bio .bio-wrap, .team-member-bio .bio-header {
  grid-column: span 7/-1;
}
@media (max-width: 799px) {
  .team-member-bio .bio-wrap, .team-member-bio .bio-header {
    grid-column: 1/-1;
  }
}
.team-member-bio .bio-wrap {
  grid-row: 2;
  margin-bottom: calc(var(--margin-standard) * 2);
}
.team-member-bio .bio-bg {
  grid-column: 1/-1;
  grid-row: 2/-1;
  padding-bottom: calc(var(--margin-standard) * 3);
  animation: fade 0.75s ease-in forwards 1;
}
@media (max-width: 799px) {
  .team-member-bio .bio-text {
    margin-right: 0;
  }
  .team-member-bio .bio-wrap {
    grid-row: 3;
  }
  .team-member-bio .bio-bg {
    grid-row: 1/4;
  }
}

.instaprint {
  position: relative;
  box-shadow: inset 0px 0px 10px -5px rgba(0, 0, 0, 0.25), 1px 1px 3px -1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  aspect-ratio: 5/7;
  overflow: hidden;
  z-index: 1;
  background-color: var(--white);
}
.instaprint:BEFORE {
  position: absolute;
  inset: -100px;
  transform: rotate(30deg) translateX(-25%);
  background-image: linear-gradient(to right, transparent 33%, rgba(255, 255, 255, 0.25) 50%, transparent 67%);
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 2;
  transition: 0.5s;
  transition-property: transform;
}
.team-member:nth-child(even) .instaprint:BEFORE {
  transform: rotate(-30deg) translateX(-25%);
}
@media (hover: hover) {
  .team-member:has(a:hover) .instaprint:BEFORE {
    transform: rotate(30deg) translateX(25%);
  }
  .team-member:nth-child(even):has(a:hover) .instaprint:BEFORE {
    transform: rotate(-30deg) translateX(25%);
  }
}
@media (max-width: 799px) {
  .instaprint {
    padding: 4px;
  }
}

.member-photo:AFTER {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background: var(--white);
  filter: url(#boil2);
  box-shadow: 1px 1px 1px -1px black;
}

.img-inner {
  aspect-ratio: 3/4;
  aspect-ratio: 5/6;
  box-shadow: inset 2px 2px 4px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 4px -1px rgba(0, 0, 0, 0.75);
}
.img-inner img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

/* Services Page */
.service-intro {
  grid-column: 2/-2;
  margin-bottom: calc(var(--margin-standard) * 1.5);
}
.service-intro p {
  margin: 0;
}

.service-header-wrap {
  position: relative;
  z-index: 2;
  background-color: var(--white);
  grid-column: 2/-2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: calc(var(--margin-standard) * 0.25) 0;
}
.service-header-wrap h2 {
  margin: 0;
  font-size: var(--jumbo);
  line-height: 1;
  display: inline-block;
  cursor: pointer;
}
.service-header-wrap h2:AFTER {
  content: " +";
  color: var(--green);
  font-family: "GT America Standard", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 0.9;
  vertical-align: text-top;
  font-weight: normal;
}
@media (hover: hover) {
  .service-header-wrap h2:HOVER:AFTER,
  .service-header-wrap h2:has(+ ul li:HOVER):AFTER {
    color: var(--black);
  }
}
.service-header-wrap p {
  margin: 0;
  font-style: italic;
}
.service-header-wrap.service-expanded h2:AFTER {
  content: " ×";
}
.service-header-wrap.service-expanded > ul {
  display: none;
}
@media (max-width: 799px) {
  .service-header-wrap {
    grid-column: 1/-1;
    margin: 0 -10px;
    padding: 1rem 10px 0px 14px;
    box-shadow: 0px 0px 0px 2px var(--white);
    background-color: var(--white);
    position: relative;
    z-index: 2;
  }
  .service-header-wrap h2 {
    font-size: var(--xlarge);
    pointer-events: none;
    text-wrap: balance;
  }
  .service-header-wrap h2:AFTER {
    content: "";
    display: none;
  }
}

.sub-services-preview {
  margin: 0.75rem 0 1.5rem;
  padding: 0;
  list-style: none;
  text-wrap: balance;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
}
@media (max-width: 799px) {
  .sub-services-preview {
    flex-direction: column;
  }
}
.sub-services-preview li {
  display: inline-block;
  white-space: nowrap;
  padding: 0px;
  cursor: pointer;
}
.sub-services-preview li span, .sub-services-preview li a {
  position: relative;
  color: var(--grey);
  background-color: var(--white);
}
body:NOT(.afterunder) .sub-services-preview li span, body:NOT(.afterunder) .sub-services-preview li a {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
  text-underline-offset: 0.15em;
  text-decoration-thickness: 2px;
}
.afterunder .sub-services-preview li span:AFTER, .afterunder .sub-services-preview li a:AFTER {
  content: "";
  position: absolute;
  inset: 1.2em 0 -1px;
  background-color: var(--green);
  z-index: -1;
}
@media (hover: hover) {
  .sub-services-preview li span:HOVER, .sub-services-preview li a:HOVER {
    color: var(--black);
  }
  body:NOT(.afterunder) .sub-services-preview li span:HOVER, body:NOT(.afterunder) .sub-services-preview li a:HOVER {
    text-decoration-color: var(--green);
  }
  .afterunder .sub-services-preview li span:HOVER:AFTER, .afterunder .sub-services-preview li a:HOVER:AFTER {
    background-color: var(--black);
  }
}

.sub-service-container {
  position: relative;
  grid-column: 1/-1;
  margin: 0 calc(var(--margin-standard) * -1) calc(var(--margin-standard) * 1.5);
  padding: calc(var(--margin-standard) * 1.5) 40px calc(var(--margin-standard) * 2);
  display: none;
}
.sub-service-container > * {
  z-index: 2;
}
@media (max-width: 799px) {
  .sub-service-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0px;
    overflow: visible;
    margin: 0 calc(var(--margin-standard) * -0.5);
    padding: calc(var(--margin-standard) * 1.75) 4px calc(var(--margin-standard) * 2);
  }
}

.sub-services {
  margin: 1.5rem 0 auto;
  padding: 0;
  list-style: none;
  grid-column: 1/span 4;
  position: sticky;
  top: var(--margin-standard);
  display: flex;
  flex-direction: column;
}
.sub-services li {
  margin: 0 0 6px auto;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sub-services li span {
  display: inline-block;
  padding: 1px 4px;
  position: relative;
  z-index: 2;
}
.sub-services li span:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--lightgrey);
  filter: url(#pencilTexture5) brightness(130%);
  z-index: -1;
}
.sub-services li:not(.active-sub-service):HOVER span:AFTER {
  background-color: var(--green);
  filter: url(#pencilTexture5);
}
.sub-services li.active-sub-service span:AFTER {
  background-color: var(--green);
  filter: url(#pencilTexture5);
}
@media (max-width: 799px) {
  .sub-services {
    display: none;
  }
}

.sub-service-content {
  grid-column: 5/span 7;
  display: none;
}
.sub-service-content.active-sub-service {
  display: block;
}
.sub-service-content p {
  max-width: 56ch;
}
.sub-service-content li {
  max-width: 48ch;
  margin: 0 0 0.5em;
}
.sub-service-content .sub-service-intro {
  font-size: var(--large);
  text-wrap: pretty;
}
.sub-service-content .sub-service-intro p {
  max-width: 44ch;
  line-height: 1;
  margin: 0 0 0.75em;
}
.sub-service-content .work-feature {
  margin: 1rem 0;
}
.sub-service-content .work-feature .object-wrap h2 {
  font-size: var(--medium);
  line-height: 1.2;
}
.sub-service-content .work-feature .object-wrap .case-synopsis, .sub-service-content .work-feature .object-wrap .svg-img {
  flex-basis: 50%;
  margin: 0;
}
.sub-service-content .work-feature .object-wrap .case-synopsis {
  margin: 1rem 0 auto;
}
.sub-service-content .post-feature {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
.sub-service-content .post-feature h2 {
  margin: 0 0 1rem;
  line-height: 1.2;
}
@media (HOVER: HOVER) {
  .sub-service-content .post-feature:HAS(a:NOT(.cat-link):HOVER) .loop-halftone {
    animation: loopSize 0.75s steps(1) alternate-reverse infinite;
    --halftone-bleed: 0.225;
    --halftone-rotation: 0deg;
  }
}
.sub-service-content .post-title {
  flex-basis: 60%;
}
.sub-service-content .post-grid-img {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  max-width: 200px;
  flex-basis: 40%;
}
.sub-service-content .post-meta {
  display: none;
}
@media (max-width: 799px) {
  .sub-service-content {
    grid-column: 1/-1;
    display: inline-block;
    margin: 0 0 0.25rem;
  }
  .sub-service-content:NOT(.active-sub-service) > *:NOT(.service-header-mobile) {
    display: none;
  }
  .sub-service-content.active-sub-service {
    order: -1;
    margin: 0 0 1rem;
  }
}

.service-header-mobile {
  position: relative;
  padding: 0px 5px;
  z-index: 3;
}
.service-header-mobile h3 {
  font-size: var(--tag);
  position: relative;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  padding: 5px;
}
.service-header-mobile h3:BEFORE {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--lightgrey);
  filter: url(#pencilTexture5) brightness(130%);
  z-index: -1;
}
.active-sub-service .service-header-mobile {
  position: sticky;
  top: 0;
}
.active-sub-service .service-header-mobile h3 {
  font-size: var(--body);
  display: block;
  margin-right: 2rem;
  position: initial;
  color: var(--white);
}
.active-sub-service .service-header-mobile h3:BEFORE {
  background-color: var(--white);
  background-color: var(--black);
  inset: 0 2rem 0 0;
}
.active-sub-service .service-header-mobile h3:AFTER {
  content: "×";
  width: calc(2rem - 2px);
  height: 35px;
  font-size: 2em;
  line-height: 0.75;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--white);
  background-color: var(--black);
  filter: url(#boil3);
}

@media (min-width: 800px) {
  .service-header-wrap.service-expanded + .sub-service-container {
    display: grid;
  }
}
.featured-item {
  position: relative;
  padding: 0 1rem;
}
.featured-item h2 a {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
}
@media (HOVER: HOVER) {
  .featured-item:HAS(a:HOVER) h2 a {
    text-decoration-color: var(--green);
  }
}

.sub-service-inner, .rel-content-inner {
  position: relative;
  z-index: 2;
  padding: 1rem 1.5rem 1rem 1rem;
  max-width: 720px;
}
.sub-service-inner:AFTER, .rel-content-inner:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--white);
  box-shadow: 1px 1px 2px -2px black, inset 1px 1px 3px -2px var(--lightgrey);
  filter: url(#pencilTexture5);
  z-index: -1;
}
@media (max-width: 799px) {
  .sub-service-inner, .rel-content-inner {
    padding: 0.75rem 10px 1.5rem;
  }
}

.rel-content-inner:BEFORE {
  position: absolute;
  inset: 0;
  box-shadow: inset 0px 2px 2px -1px black;
  z-index: -1;
}
.rel-content-inner:AFTER {
  box-shadow: 1px 1px 2px -2px black, inset 1px 1px 3px -2px var(--offwhite);
  filter: url(#boil4);
  z-index: -2;
}

.rel-content-link {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
  text-underline-offset: 0.5em;
  text-decoration-thickness: 2px;
}
@media (HOVER: HOVER) {
  .rel-content-link:HOVER {
    text-decoration-color: var(--green);
  }
}

.sub-service-content .related-content {
  margin: 1rem 0 0;
}

.content-counts {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.content-counts li {
  color: var(--black);
  margin: 0;
}
.content-counts li span {
  color: var(--midgrey);
}

/* SERVICES META */
.services-label, .service-links-wrap, .related-label, .related-post, .related-work {
  margin-top: calc(var(--margin-standard) * 2);
}

.service-links-wrap {
  grid-column: 5/-1;
}
.service-links-wrap ul, .service-links-wrap p {
  margin: 0;
}
@media (max-width: 799px) {
  .service-links-wrap {
    grid-column: 1/-1;
    margin-top: 0;
  }
}

.parent-service {
  margin: 0;
}
.parent-service span, .parent-service a {
  position: relative;
  display: inline-block;
  font-style: italic;
  padding: 1px 4px;
  padding: 1px 0px;
  background-color: var(--white);
}
.parent-service a {
  color: var(--grey);
}
.parent-service a:AFTER {
  content: "";
  inset: 1.2em 0 -2px;
  background-color: var(--green);
}
@media (HOVER: HOVER) {
  .parent-service a:HOVER {
    color: var(--black);
  }
  .parent-service a:HOVER:AFTER {
    background-color: var(--black);
  }
}

.service-links.sub-services-preview {
  margin: calc(var(--margin-standard) * 0.25) 0 var(--margin-standard);
  margin: 0 0 1rem;
}

.service-links {
  list-style: none;
}

.service-taxonomy-header {
  grid-column: 1/-1;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  position: relative;
  z-index: 2;
  background: var(--white);
  border-bottom: 1px solid var(--lightgrey);
}
.service-taxonomy-header h2 {
  font-weight: normal;
  font-size: var(--xlarge);
  margin: 0;
  line-height: 1;
}

.service-breadcrumbs {
  margin: 0 0 0.5rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.service-breadcrumbs li:AFTER {
  content: "/";
  margin-left: 0.5rem;
  color: var(--lightgrey);
}

.service-col {
  grid-column: 1/-1;
  padding-right: 1rem;
}
.service-col > * {
  font-size: var(--small);
}
@media (min-width: 800px) {
  .service-col {
    padding-right: 1rem;
    grid-column: 1/span 5;
    position: sticky;
    top: var(--margin-standard);
    margin-bottom: auto;
  }
}

.sub-service-content .work-feature .object-wrap,
.service-single-item .object-wrap {
  display: flex;
  gap: 1rem;
}
.sub-service-content .work-feature .object-wrap img,
.service-single-item .object-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.sub-service-content .work-feature .object-wrap h2,
.service-single-item .object-wrap h2 {
  margin: 0;
}
.sub-service-content .work-feature .object-wrap h2 a,
.service-single-item .object-wrap h2 a {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
}
.sub-service-content .work-feature .object-wrap .svg-img,
.service-single-item .object-wrap .svg-img {
  margin: 0 0 auto;
}
.sub-service-content .work-feature .object-wrap .svg-img.svg-trace:BEFORE,
.service-single-item .object-wrap .svg-img.svg-trace:BEFORE {
  inset: -2px;
  transform: rotate(-0.1deg);
}
@media (HOVER: HOVER) {
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) h2 a,
  .service-single-item .object-wrap:HAS(a:HOVER) h2 a {
    text-decoration-color: var(--green);
  }
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE {
    opacity: 0.75;
    background-image: url(../assets/noise.svg), radial-gradient(#e3e3e3 50%, #f1f1f1 90%);
    background-blend-mode: soft-light, normal;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.25);
  }
}

.service-tax-intro {
  font-size: var(--medium);
  line-height: 1;
  margin: 0 0 0.5rem;
}
.service-tax-intro p:last-child {
  margin: 0;
}

.service-content {
  grid-column: span 6/-1;
}
.service-content section + section {
  margin-top: var(--margin-standard);
}
@media (max-width: 799px) {
  .service-content {
    grid-column: 1/-1;
  }
}

.service-content-header {
  margin: 0 0 1rem;
  padding: 0 0 0.5rem;
  background: var(--white);
  border-bottom: 1px solid var(--lightgrey);
}
.service-content-header h2 {
  font-weight: normal;
  font-size: var(--medium);
  margin: 0;
}

.service-single-item {
  position: relative;
  margin: 0 0 2rem;
  margin: 0 0 calc(var(--margin-standard) * 0.5);
}
.service-single-item .case-client {
  font-size: var(--small);
}
.service-single-item h2 {
  font-size: var(--medium);
}
.service-single-item .object-wrap .data-container {
  background-position: 50% 50%;
}
.service-single-item .object-wrap:HAS(.svg-img[data-img-orientation="landscape"]) .data-container {
  background-size: auto 100%;
}
.service-single-item .object-wrap:HAS(.svg-img[data-img-orientation="portrait"]) .data-container {
  background-size: 100% auto;
}
.service-single-item .object-wrap .svg-img {
  width: 150px;
  flex-basis: 150px;
}
.service-single-item .object-wrap .case-synopsis {
  flex-basis: calc(100% - 150px);
  margin: 0;
}
.service-single-item.service-post {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0;
}
.service-single-item.service-post h2 {
  margin: 0 0 1rem;
  line-height: 1.2;
}
.service-single-item.service-post h2 a {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
}
@media (HOVER: HOVER) {
  .service-single-item.service-post:HAS(a:NOT(.cat-link):HOVER) .post-title h2 a {
    text-decoration-color: var(--green);
  }
  .service-single-item.service-post:HAS(a:NOT(.cat-link):HOVER) .loop-halftone {
    animation: loopSize 0.75s steps(1) alternate-reverse infinite;
    --halftone-bleed: 0.225;
    --halftone-rotation: 0deg;
  }
}
.service-single-item.service-post .post-title {
  flex-basis: calc(100% - 150px);
  margin: 0;
}
.service-single-item.service-post .post-grid-img {
  position: relative;
  overflow: hidden;
  margin-left: 0;
  max-width: 150px;
}
.service-single-item.service-post .post-meta {
  display: none;
}

/* WORK */
@media (min-width: 800px) {
  .work-container.grid {
    opacity: 0;
    animation: fade 0.75s 0.1s ease-in forwards 1;
  }
  .work-container.grid [data-content-row="1"] {
    grid-row: 1;
  }
  .work-container.grid [data-content-row="2"] {
    grid-row: 2;
  }
  .work-container.grid [data-content-row="3"] {
    grid-row: 3;
  }
  .work-container.grid [data-content-row="4"] {
    grid-row: 4;
  }
  .work-container.grid [data-content-row="5"] {
    grid-row: 5;
  }
  .work-container.grid [data-content-row="6"] {
    grid-row: 6;
  }
  .work-container.grid [data-content-row="7"] {
    grid-row: 7;
  }
  .work-container.grid [data-content-row="8"] {
    grid-row: 8;
  }
  .work-container.grid [data-content-row="9"] {
    grid-row: 9;
  }
  .work-container.grid [data-content-row="10"] {
    grid-row: 10;
  }
  .work-container.grid [data-content-row="11"] {
    grid-row: 11;
  }
  .work-container.grid [data-content-row="12"] {
    grid-row: 12;
  }
  .work-container.grid [data-content-row="13"] {
    grid-row: 13;
  }
  .work-container.grid [data-content-row="14"] {
    grid-row: 14;
  }
  .work-container.grid [data-content-row="15"] {
    grid-row: 15;
  }
  .work-container.grid [data-content-row="16"] {
    grid-row: 16;
  }
  .work-container.grid [data-content-row="17"] {
    grid-row: 17;
  }
  .work-container.grid [data-content-row="18"] {
    grid-row: 18;
  }
}
.grid:has(.work-item) {
  grid-row-gap: calc(var(--margin-standard) * 1.5);
}

.grid:has(.work-item) {
  grid-row-gap: calc(var(--margin-standard) * 3);
}

.work-item {
  margin: 0 0 var(--margin-standard);
}
.work-item .grid-testimonial {
  position: relative;
  max-width: 48ch;
  margin: 0rem auto;
  padding: calc(var(--margin-standard) * 0.75) var(--margin-standard);
  display: flex;
  flex-direction: column;
}
.work-item .grid-testimonial:BEFORE {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../assets/noise.svg), url(../assets/paper.svg);
  background-size: 400px auto, 1200px auto;
  background-position: 50% 50%;
  z-index: 0;
  filter: contrast(120%) saturate(40%) brightness(102%) url(#boil2);
  background-blend-mode: screen;
  box-shadow: 0px 0px 4px -2px var(--lightgrey);
}
@media (max-width: 799px) {
  .work-item .grid-testimonial {
    font-size: var(--tag);
    padding: calc(var(--margin-standard) * 1.5) var(--margin-standard);
  }
  .work-item .grid-testimonial:AFTER {
    background-color: var(--offwhite);
  }
}
.work-item .quote-text, .work-item .attribution-wrap {
  position: relative;
}
.work-item .attribution-wrap {
  margin: 1rem 0 0 auto;
  padding-left: 1rem;
}
.work-item .attribution-wrap p {
  margin: 0;
}
.work-item .attribution-wrap p.name:BEFORE {
  content: "—";
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
  line-height: 1;
  vertical-align: baseline;
  text-align: center;
}
.work-item:HAS(.testimonial-case-link) .attribution-wrap {
  font-size: var(--small);
}

/* WORK — CLIENT LIST */
.client-jump {
  position: relative;
  width: 120px;
  aspect-ratio: 1/1;
  margin: 0 auto;
  margin: calc(var(--margin-standard) * -1.25) auto calc(var(--margin-standard) * -0.25);
  z-index: 5;
  transform-style: preserve-3d;
  position: sticky;
  bottom: 1rem;
  --depth:125px;
  --depthOffset:10px;
  perspective: 175px;
  perspective-origin: 50% 200%;
}
.client-jump:BEFORE, .client-jump:AFTER {
  content: "";
  position: absolute;
  bottom: 1rem;
  height: 1px;
  width: calc(50vw - 120px);
  background-color: var(--lightgreen);
}
.client-jump:BEFORE {
  right: calc(100% + 20px);
}
.client-jump:AFTER {
  left: calc(100% + 20px);
}
.client-jump .btn-dmnsn-wrap {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}
.client-jump .dmnsn {
  transform: rotate(45deg);
  color: var(--lightgreen);
  --siding:var(--lightgreen);
}
.client-jump button {
  color: var(--black);
  display: flex;
  position: relative;
  text-align: center;
  font-size: var(--body);
  margin: 30px -25px 20px;
  padding: 5px 25px;
  background: transparent;
  cursor: pointer;
}
.client-jump button:BEFORE, .client-jump button:AFTER {
  line-height: 1;
  color: var(--grey);
  animation: steps(1) 1.25s -0.3s infinite paused;
}
.client-jump button:BEFORE {
  content: "JUMP TO";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  font-size: var(--micro);
  letter-spacing: 0.1em;
}
.client-jump button:AFTER {
  content: "↓";
  display: block;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  font-size: var(--medium);
  font-family: "GT America Standard", Arial, Helvetica, sans-serif;
  font-feature-settings: "ss03";
}
@media (HOVER: HOVER) {
  .client-jump button:HOVER:BEFORE, .client-jump button:HOVER:AFTER {
    color: inherit;
  }
  .client-jump button:HOVER:AFTER {
    animation-name: boiler;
    animation-play-state: running;
  }
  .client-jump:HAS(button:HOVER) .dmnsn {
    color: var(--green);
    --siding:var(--green);
  }
  .client-jump:HAS(button:HOVER):BEFORE, .client-jump:HAS(button:HOVER):AFTER {
    background-color: var(--lightgrey);
    animation: boiler steps(1) 1.25s -0.3s infinite running;
  }
}
@media (max-width: 799px) {
  .client-jump {
    width: 100px;
    margin: calc(var(--margin-standard) * 0.75) auto calc(var(--margin-standard) * 1.75);
  }
  .client-jump button {
    margin: 25px -25px 0;
  }
}

@keyframes pullUpJumper {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.client-list-heading {
  grid-column: 1/-1;
  font-size: var(--large);
  font-weight: normal;
  margin: 2rem 0 0;
  padding-top: 2rem;
}
@media (max-width: 799px) {
  .client-list-heading {
    margin: 2rem 0 0;
  }
}

.clients-by-industry {
  grid-row-gap: 1.2em;
  margin-top: calc(var(--margin-standard) * -2);
}
@media (min-width: 800px) {
  .clients-by-industry {
    margin-top: calc(var(--margin-standard) * -2);
  }
}

.industry-wrap {
  grid-column: 1/span 6;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 0.5em auto;
  grid-template-rows: 0.5em min-content;
  grid-column-gap: var(--margin-standard);
}
.industry-wrap h5.industry {
  grid-column: 1/span 2;
  grid-row: 2;
}
.industry-wrap ul.industry-clients {
  grid-column: span 4/-1;
}
@media (min-width: 800px) {
  .industry-wrap.industry-wrap-2 {
    grid-row: 1;
  }
  .industry-wrap.industry-wrap-3 {
    grid-row: 2;
  }
  .industry-wrap.industry-wrap-4 {
    grid-row: 3;
  }
  .industry-wrap.industry-wrap-5 {
    grid-row: 4;
  }
  .industry-wrap.industry-wrap-6 {
    grid-row: 5;
  }
  .industry-wrap.industry-wrap-1 {
    grid-row: 1/6;
  }
  .industry-wrap:not(.industry-wrap-1) {
    grid-column: span 6/-1;
  }
}
@media (max-width: 799px) {
  .industry-wrap {
    grid-column: 1/-1;
  }
  .industry-wrap h5.industry {
    position: sticky;
    top: 0.5rem;
    margin-bottom: auto;
    grid-column: 1/span 2;
  }
  .industry-wrap ul.industry-clients {
    grid-column: 3/-1;
  }
}

hr.industry-rule, .pagination-links hr {
  border: 0px;
  height: 1px;
  width: 100%;
  background-color: var(--lightgrey);
  margin-top: 0;
}

hr.industry-rule {
  margin: 0;
}

h5.industry {
  position: relative;
  margin: 0 auto auto 0;
  font-weight: normal;
  font-size: var(--small);
  color: var(--black);
}

ul.industry-clients {
  list-style: none;
  margin: 0;
  padding: 0 0 0 calc(var(--margin-standard) * 0.5);
}
ul.industry-clients li {
  text-indent: calc(var(--margin-standard) * -0.5);
}

/* CASE STUDY */
.single-work .grid,
.case .grid {
  grid-row-gap: var(--margin-standard);
}

.full-bleed {
  margin-left: calc(var(--margin-standard) * -1);
  margin-right: calc(var(--margin-standard) * -1);
}
.full-bleed.grid {
  padding-left: var(--margin-standard);
  padding-right: var(--margin-standard);
}

.case-image-wrap {
  position: relative;
  background-color: var(--lightgrey);
  padding-top: 96px;
  padding-bottom: 0;
  overflow: hidden;
}
.case-image-wrap:AFTER {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  filter: url(#pencilTexture5);
  z-index: 1;
  bottom: -2rem;
  height: 3rem;
  background-color: var(--white);
  box-shadow: -1px -1px 2px -2px black, inset -1px -1px 3px -2px var(--lightgrey);
  transform-origin: center bottom;
  transform: rotate(0.14deg);
}
.case-image-wrap .case-image {
  grid-column: 4/span 6;
  margin: auto;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.75), 0px 0px 8px -5px black;
}
.case-image-wrap .case-image img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  min-height: 25vmin;
  max-height: 45vmin;
}
.case-image-wrap .case-image[data-img-orientation=landscape] img {
  width: 100%;
}
.case-image-wrap .case-image[data-img-orientation=portrait] img {
  height: 100%;
}

.case-header {
  grid-column: 1/span 11;
  position: relative;
  text-wrap: pretty;
}
.case-header h1 {
  font-size: var(--jumbo);
  line-height: 1;
  margin: 0;
}
.case-header h1 span {
  position: relative;
}
@media (max-width: 799px) {
  .case-header {
    grid-column: 1/-1;
  }
  .case-header h1 {
    font-size: var(--xlarge);
  }
}

.img-wrap img {
  display: block;
  max-width: 100%;
  height: auto;
}

.case-study-content {
  position: relative;
  z-index: 1;
}
.case-study-content p {
  display: inline;
  background-color: var(--white);
}
.case-study-content p:HAS(+ p):AFTER {
  content: "";
  width: 100%;
  height: 1rem;
  display: block;
}
.case-study-content.case-text {
  grid-column: 1/span 9;
}
.case-study-content.case-study-image {
  grid-column: 3/span 8;
}
.case-study-content.case-study-image[data-img-orientation=portrait] {
  grid-column: 5/span 4;
}
@media (max-width: 799px) {
  .case-study-content.case-text {
    grid-column: 1/-2;
  }
  .case-study-content.case-study-image {
    grid-column: 1/-1;
  }
  .case-study-content.case-study-image[data-img-orientation=portrait] {
    grid-column: 2/-2;
  }
}

/*  WORK — SVG (REWRITE NEEDED) */
.data-container, .png-container {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.png-container img {
  display: block;
  width: 100%;
  height: 100%;
}

.svg-img {
  position: relative;
  margin: auto;
}

.work-item .object-wrap {
  grid-column: 3/span 8;
  position: relative;
}
.work-item .svg-img {
  position: relative;
  margin: auto;
}
.work-item .svg-img:not(.svg-trace):BEFORE {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid currentColor;
  z-index: 2;
  pointer-events: none;
}
.work-item svg g * {
  fill: transparent;
  stroke: #222;
  filter: url(#boil2);
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.work-item .svg-container:HOVER svg g {
  transition: 0.15s;
}
.work-item .svg-container:HOVER svg g.pencil, .work-item .svg-container:HOVER svg g.strS {
  transition-delay: 0s;
}
.work-item .svg-container:HOVER svg g.pen, .work-item .svg-container:HOVER svg g.strM {
  transition-delay: 0.05s;
}
.work-item .svg-container:HOVER svg g.final, .work-item .svg-container:HOVER svg g.strL {
  transition-delay: 0.1s;
}
.work-item .svg-container, .work-item .data-container {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.work-item .data-container {
  z-index: 2;
  filter: url(#boil2);
}
.work-item .img-container {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: 0.5s steps(5, jump-start) opacity;
}
.work-item .img-container img {
  display: block;
  width: 100%;
  height: auto;
}
.work-item .svg-container:HOVER + .img-container {
  opacity: 1;
}
.work-item .svg-container:HOVER svg g {
  opacity: 0;
}
.work-item .svg-container:HOVER svg g.pencil, .work-item .svg-container:HOVER svg g.pen, .work-item .svg-container:HOVER svg g.final, .work-item .svg-container:HOVER svg g.strS, .work-item .svg-container:HOVER svg g.strM, .work-item .svg-container:HOVER svg g.strL {
  transition-delay: 0s;
}
.work-item .svg-img:HAS(a:HOVER):BEFORE {
  box-shadow: 0px 0px 5px -3px var(--lightgreen);
  animation-play-state: running;
}
.work-item.work-full_feature g.pencil *, .work-item.work-full_feature g.strS {
  stroke-width: 1px;
}
.work-item.work-full_feature g.pen *, .work-item.work-full_feature g.strM {
  stroke-width: 2px;
}
.work-item.work-full_feature g.final *, .work-item.work-full_feature g.strL {
  stroke-width: 4px;
}
.work-item g.pencil *, .work-item g.strS {
  stroke-width: 0.5px;
}
.work-item g.pen *, .work-item g.strM {
  stroke-width: 1px;
}
.work-item g.final *, .work-item g.strL {
  stroke-width: 2px;
}

.svg-img.svg-trace:BEFORE {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 2;
  border: 0;
  background-image: url(../assets/noise.svg), radial-gradient(#f1f1f1 90%, #e3e3e3 100%);
  background-blend-mode: overlay, normal;
  inset: -10px;
  filter: opacity(0.75) url(#boil5);
  transform: rotate(1deg);
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.5);
}
@media (max-width: 799px) {
  .svg-img.svg-trace:BEFORE {
    inset: -3px;
  }
}
.svg-img.svg-trace:HAS(.svg-container:HOVER):BEFORE {
  border: 0;
  animation-play-state: paused;
}
.svg-img.svg-trace .svg-container {
  z-index: 3;
}
.svg-img.svg-trace .img-container {
  z-index: 0;
  opacity: 1;
  filter: blur(1px) saturate(25%) opacity(50%);
}

@media (HOVER: HOVER) {
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace:BEFORE,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace:BEFORE,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE {
    opacity: 0.75;
    background-image: url(../assets/noise.svg), radial-gradient(#e3e3e3 50%, #f1f1f1 90%);
    background-blend-mode: soft-light, normal;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.25);
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace svg g,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace svg g,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace svg g,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace svg g,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace svg g {
    opacity: 1;
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container {
    mix-blend-mode: exclusion;
    z-index: 2;
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container svg g *,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .svg-container svg g * {
    stroke: var(--green);
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .data-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .data-container,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .data-container,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .data-container,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .data-container {
    filter: brightness(0) saturate(100%) invert(88%) sepia(72%) saturate(5462%) hue-rotate(13deg) brightness(91%) contrast(67%) saturate(75%) url(#boil2);
    mix-blend-mode: exclusion;
    z-index: 2;
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .svg-img.svg-trace .img-container,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .svg-img.svg-trace .img-container,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .img-container,
  .service-single-item .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .img-container,
  .related-content .object-wrap:HAS(a:HOVER) .svg-img.svg-trace .img-container {
    filter: blur(0px) saturate(50%) opacity(90%);
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .case-synopsis h2 a,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .case-synopsis h2 a,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .case-synopsis h2 a,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .case-synopsis h2 a,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .case-synopsis h2 a,
  .service-single-item .object-wrap:HAS(a:HOVER) .case-synopsis h2 a,
  .related-content .object-wrap:HAS(a:HOVER) .case-synopsis h2 a {
    text-decoration-color: var(--green);
  }
  .work-item.work-full_width_single:HAS(a.overlayLink:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-full_width_single:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-full_feature:HAS(a.overlayLink:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-full_feature:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-two_col .two_col-col:HAS(a.overlayLink:HOVER) .case-synopsis h2 a:AFTER,
  .work-item.work-two_col .two_col-col:HAS(.case-synopsis a:HOVER) .case-synopsis h2 a:AFTER,
  .sub-service-content .work-feature .object-wrap:HAS(a:HOVER) .case-synopsis h2 a:AFTER,
  .service-single-item .object-wrap:HAS(a:HOVER) .case-synopsis h2 a:AFTER,
  .related-content .object-wrap:HAS(a:HOVER) .case-synopsis h2 a:AFTER {
    color: var(--green);
  }
}
.svg-data-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  z-index: -2;
}

.svg-bg {
  display: none;
  position: absolute;
  top: -136px;
  left: 0;
  width: 100%;
  bottom: -242px;
  z-index: -3;
  filter: url(#boil5);
  overflow: hidden;
  pointer-events: none;
  display: block;
}
.svg-bg svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.svg-bg svg g.pencil *, .svg-bg svg g.strS * {
  stroke-width: 1px;
}
.svg-bg svg g.pen *, .svg-bg svg g.strM * {
  stroke-width: 1.5px;
}
.svg-bg svg g.final *, .svg-bg svg g.strL * {
  stroke-width: 3px;
}
@media (min-width: 800px) {
  .svg-bg svg {
    height: 150%;
    transform: translateY(-25%);
  }
}
.svg-bg svg * {
  fill: transparent;
  stroke: var(--lightgrey);
  stroke: var(--lightgreen);
  stroke-miterlimit: 1;
  vector-effect: non-scaling-stroke;
}
.grey-svg .svg-bg svg * {
  stroke: var(--lightgrey);
}
.case .svg-bg svg g.pencil *, .case .svg-bg svg g.strS *,
.case .svg-bg svg g.pen *, .case .svg-bg svg g.strM *,
.case .svg-bg svg g.pencil *, .case .svg-bg svg g.strS * {
  opacity: 0.67;
}
.case .svg-bg svg g.pen *, .case .svg-bg svg g.strM * {
  opacity: 0.333;
}
.case .svg-bg svg g.final *, .case .svg-bg svg g.strL * {
  opacity: 0.1825;
}

/* WORK — CLIENT LABEL */
span.case-client {
  display: block;
  position: relative;
  width: auto;
  z-index: 2;
}
.work-full_feature span.case-client {
  font-size: var(--medium);
}
.case-header span.case-client {
  margin: 0 auto calc(var(--margin-standard) / 2) 0;
  font-size: var(--xlarge);
}

/* WORK — FULL FEATURE */
.work-item .case-synopsis {
  z-index: 5;
}
.work-item .case-synopsis h2 {
  font-size: var(--large);
  margin: 0;
  line-height: 1;
  text-wrap: balance;
}
.work-item .case-synopsis h2 a {
  display: inline;
  box-shadow: inset 0px 0px 0px 1em var(--white);
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
}
.work-item .case-synopsis h2 a span {
  position: relative;
}

.case-synopsis {
  position: relative;
  margin: 1rem auto 0;
}

.work-full_feature .object-wrap {
  grid-column: 2/span 10;
  position: relative;
  margin: var(--margin-standard) 0 calc(var(--margin-standard) * 1.5);
}
.work-full_feature .object-wrap {
  margin: 0;
}
@media (min-width: 800px) and (min-aspect-ratio: 14/11) {
  .work-full_feature .object-wrap {
    grid-column: 1/-1;
    padding-left: var(--margin-standard);
    display: flex;
    flex-direction: row;
  }
  .work-full_feature .case-synopsis {
    flex-basis: 45%;
    margin: auto 0;
    margin: var(--margin-standard) 0 auto;
    padding: 0 0 3rem 2rem;
  }
  .work-full_feature .svg-img {
    flex-basis: 100%;
  }
}
.work-full_feature .svg-img {
  width: 100%;
  margin: 0 auto auto 0;
}
.work-full_feature .svg-img[data-img-orientation=portrait] {
  width: 75%;
}
.work-full_feature .case-synopsis h2 {
  font-size: var(--jumbo);
}
@media (max-width: 799px) {
  .work-full_feature .object-wrap {
    grid-column: 1/-1;
  }
  .work-full_feature .object-wrap .svg-img {
    width: 100%;
  }
}

/* WORK — full_width_single */
.work-full_width_single .object-wrap {
  grid-column: 1/span 7;
  margin-top: calc(var(--margin-standard) * 0.5);
  margin-bottom: calc(var(--margin-standard) * 1.5);
}
.work-full_width_single .object-wrap {
  margin: 0;
}
.work-full_width_single .svg-img {
  width: 75%;
  margin: 0 auto;
}
.work-full_width_single .svg-img[data-img-orientation=portrait] {
  width: 40%;
}
.work-full_width_single .case-synopsis h2 {
  font-size: var(--large);
}
@media (min-width: 800px) {
  .work-full_width_single .object-wrap:HAS(.hausman-promo),
  .work-full_width_single .object-wrap:HAS(.grid-testimonial) {
    margin-bottom: 1rem;
  }
  .work-full_width_single[data-alignment=calign] .object-wrap {
    grid-column: 4/span 6;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap {
    grid-column: span 7/-1;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap, .work-full_width_single[data-alignment=lalign] .object-wrap {
    display: flex;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap .svg-img, .work-full_width_single[data-alignment=lalign] .object-wrap .svg-img {
    flex-basis: 100%;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap .case-synopsis, .work-full_width_single[data-alignment=lalign] .object-wrap .case-synopsis {
    flex-basis: 50%;
    margin: auto 0;
    margin: var(--margin-standard) 0 auto;
  }
  .work-full_width_single[data-alignment=lalign] .object-wrap {
    grid-column: 1/span 10;
  }
  .work-full_width_single[data-alignment=lalign] .object-wrap .case-synopsis {
    padding: 0 0 3rem 2rem;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap {
    grid-column: span 10/-1;
    flex-direction: row-reverse;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap .case-synopsis {
    text-align: right;
    padding: 0 2rem 3rem 0;
  }
}
@media (max-width: 799px) {
  .work-full_width_single .svg-img {
    width: 90%;
    margin: 0 auto 0 0;
  }
  .work-full_width_single .svg-img[data-img-orientation=portrait] {
    width: 60%;
  }
  .work-full_width_single .object-wrap {
    grid-column: 1/-1;
    padding: 0 var(--margin-standard);
  }
  .work-full_width_single .object-wrap:HAS(.hausman-promo) {
    margin: 0 calc(var(--margin-standard) * 1.5);
  }
  .work-full_width_single:HAS(.grid-testimonial) .object-wrap {
    padding: 0;
    margin: 0 -10px;
  }
  .work-full_width_single[data-alignment=lalign] .object-wrap {
    padding: 0 calc(var(--margin-standard) * 2) 0 0;
  }
  .work-full_width_single[data-alignment=ralign] .object-wrap {
    padding: 0 0 0 calc(var(--margin-standard) * 2);
  }
}

/* WORK — NEW TWO COL */
.work-two_col .left-column, .work-two_col .right-column {
  position: relative;
}
.work-two_col .left-column {
  grid-column: 1/span 6;
}
.work-two_col .right-column {
  grid-column: span 6/-1;
}
.work-two_col .svg-img {
  width: 90%;
  margin: 0 auto 0 0;
}
.work-two_col.vert-du .right-column {
  margin-bottom: auto;
}
.work-two_col.vert-ud .left-column {
  margin-bottom: auto;
}
.work-two_col .svg-img[data-img-orientation=portrait] {
  width: 67%;
}
@media (min-width: 800px) {
  .work-two_col .hausman-promo,
  .work-two_col .grid-testimonial {
    margin-bottom: 1rem;
  }
  .work-two_col[data-contents=hausquote].vert-ud:HAS(.left-column > .grid-testimonial) .left-column, .work-two_col[data-contents=quotehaus].vert-ud:HAS(.left-column > .grid-testimonial) .left-column {
    padding-bottom: 10rem;
  }
  .work-two_col[data-contents=hausquote].vert-ud:HAS(.left-column > .grid-testimonial) .right-column, .work-two_col[data-contents=quotehaus].vert-ud:HAS(.left-column > .grid-testimonial) .right-column {
    margin-top: auto;
    margin-bottom: 0;
  }
  .work-two_col[data-contents=hausquote].vert-ud:HAS(.right-column > .grid-testimonial) .right-column, .work-two_col[data-contents=quotehaus].vert-ud:HAS(.right-column > .grid-testimonial) .right-column {
    padding-top: 10rem;
  }
  .work-two_col[data-contents=hausquote].vert-ud:HAS(.right-column > .grid-testimonial) .left-column, .work-two_col[data-contents=quotehaus].vert-ud:HAS(.right-column > .grid-testimonial) .left-column {
    margin-top: 0;
    margin-bottom: auto;
  }
  .work-two_col[data-contents=hausquote].vert-du:HAS(.left-column > .grid-testimonial) .left-column, .work-two_col[data-contents=quotehaus].vert-du:HAS(.left-column > .grid-testimonial) .left-column {
    padding-top: 10rem;
  }
  .work-two_col[data-contents=hausquote].vert-du:HAS(.left-column > .grid-testimonial) .right-column, .work-two_col[data-contents=quotehaus].vert-du:HAS(.left-column > .grid-testimonial) .right-column {
    margin-top: 0;
    margin-bottom: auto;
  }
  .work-two_col[data-contents=hausquote].vert-du:HAS(.right-column > .grid-testimonial) .right-column, .work-two_col[data-contents=quotehaus].vert-du:HAS(.right-column > .grid-testimonial) .right-column {
    padding-bottom: 10rem;
  }
  .work-two_col[data-contents=hausquote].vert-du:HAS(.right-column > .grid-testimonial) .left-column, .work-two_col[data-contents=quotehaus].vert-du:HAS(.right-column > .grid-testimonial) .left-column {
    margin-top: auto;
    margin-bottom: 0;
  }
  .work-two_col[data-contents=casecase].vert-ud .left-column {
    padding-bottom: 10rem;
  }
  .work-two_col[data-contents=casecase].vert-ud .right-column {
    margin-top: auto;
    margin-bottom: 0;
  }
  .work-two_col[data-contents=casecase].vert-du .left-column {
    padding-top: 10rem;
  }
  .work-two_col[data-contents=casecase].vert-du .right-column {
    margin-top: 0;
    margin-bottom: auto;
  }
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="portrait"]).left-column .svg-img,
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="portrait"]).right-column .svg-img {
    width: 100%;
  }
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="portrait"]).left-column {
    grid-column: 1/span 4;
  }
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="portrait"]).right-column {
    grid-column: span 4/-2;
  }
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column {
    grid-column: 1/span 7;
  }
  .work-two_col[data-contents=casecase]:HAS([data-img-orientation="portrait"]):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column {
    grid-column: span 7/-1;
  }
  .work-two_col[data-contents=hauscase].vert-ud .two_col-col:HAS(.svg-img), .work-two_col[data-contents=quotecase].vert-ud .two_col-col:HAS(.svg-img) {
    padding-top: 10rem;
  }
  .work-two_col[data-contents=hauscase].vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=hauscase].vert-ud .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=quotecase].vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=quotecase].vert-ud .two_col-col:HAS(.grid-testimonial) {
    margin-top: 0;
  }
  .work-two_col[data-contents=casehaus].vert-du .two_col-col:HAS(.svg-img), .work-two_col[data-contents=casequote].vert-du .two_col-col:HAS(.svg-img), .work-two_col.switch-sides[data-contents=casequote].vert-ud .two_col-col:HAS(.svg-img), .work-two_col.switch-sides[data-contents=casehaus].vert-ud .two_col-col:HAS(.svg-img) {
    padding-top: 10rem;
  }
  .work-two_col[data-contents=casehaus].vert-du .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=casehaus].vert-du .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=casequote].vert-du .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=casequote].vert-du .two_col-col:HAS(.grid-testimonial), .work-two_col.switch-sides[data-contents=casequote].vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col.switch-sides[data-contents=casequote].vert-ud .two_col-col:HAS(.grid-testimonial), .work-two_col.switch-sides[data-contents=casehaus].vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col.switch-sides[data-contents=casehaus].vert-ud .two_col-col:HAS(.grid-testimonial) {
    margin-bottom: auto;
    margin-top: 0;
  }
  .work-two_col[data-contents=casequote]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.svg-img), .work-two_col[data-contents=casehaus]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.svg-img) {
    padding-bottom: 10rem;
  }
  .work-two_col[data-contents=casequote]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=casequote]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=casehaus]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=casehaus]:NOT(.switch-sides).vert-ud .two_col-col:HAS(.grid-testimonial) {
    margin-top: auto;
    margin-bottom: 0;
  }
  .work-two_col[data-contents=hauscase].vert-du .two_col-col:HAS(.svg-img), .work-two_col[data-contents=quotecase].vert-du .two_col-col:HAS(.svg-img) {
    padding-bottom: 10rem;
  }
  .work-two_col[data-contents=hauscase].vert-du .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=hauscase].vert-du .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=quotecase].vert-du .two_col-col:HAS(.hausman-promo),
  .work-two_col[data-contents=quotecase].vert-du .two_col-col:HAS(.grid-testimonial) {
    margin-top: auto;
    margin-bottom: 0;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.grid-testimonial), .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]).vert-cc .two_col-col:HAS(.hausman-promo) {
    margin: auto 0;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img), .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img), .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img), .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) {
    display: flex;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .svg-img, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .svg-img, .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .svg-img, .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .svg-img {
    flex-basis: 75%;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .case-synopsis, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .case-synopsis, .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .case-synopsis, .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) .case-synopsis {
    flex-basis: 75%;
    margin: auto 0;
    margin: var(--margin-standard) 0 auto;
    padding: 0 0 3rem 2rem;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column, .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column, .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column {
    flex-direction: row-reverse;
    text-align: right;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column .case-synopsis, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column .case-synopsis, .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column .case-synopsis, .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column .case-synopsis {
    padding: 0 2rem 3rem 0;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).left-column {
    grid-column: 1/span 7;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).right-column, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img).right-column {
    grid-column: span 7/-1;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo).left-column {
    grid-column: 1/span 4;
  }
  .work-two_col[data-contents=hauscase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col[data-contents=casehaus]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo).right-column {
    grid-column: span 4/-1;
  }
  .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img), .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.svg-img) {
    grid-column: span 7;
  }
  .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=casequote]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=quotecase]:HAS([data-img-orientation="portrait"]) .two_col-col:HAS(.hausman-promo) {
    grid-column: span 5;
  }
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column {
    grid-column: 1/span 4;
  }
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column {
    grid-column: span 4/-1;
  }
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column {
    grid-column: 1/span 7;
  }
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column {
    grid-column: span 7/-1;
  }
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=hauscase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=casehaus]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=casequote]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col[data-contents=quotecase]:NOT(.switch-sides):HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo) {
    grid-column: span 5;
  }
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column, .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).left-column {
    grid-column: span 4/-1;
  }
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column, .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo).right-column {
    grid-column: 1/span 4;
  }
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column, .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).left-column {
    grid-column: span 7/-1;
  }
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column, .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS([data-img-orientation="landscape"]).right-column {
    grid-column: 1/span 7;
  }
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col.switch-sides[data-contents=hauscase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col.switch-sides[data-contents=casehaus]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col.switch-sides[data-contents=casequote]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo), .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.grid-testimonial),
  .work-two_col.switch-sides[data-contents=quotecase]:HAS([data-img-orientation="landscape"]) .two_col-col:HAS(.hausman-promo) {
    grid-column: span 5;
  }
}
@media (max-width: 799px) {
  .work-two_col .left-column, .work-two_col .right-column {
    grid-column: 1/-1;
  }
  .work-two_col .left-column {
    padding: 0 calc(var(--margin-standard) * 3) 0 0;
  }
  .work-two_col .right-column {
    padding: 0 0 0 calc(var(--margin-standard) * 3);
  }
  .work-two_col .svg-img {
    margin: 0 auto 0 0;
  }
  .work-two_col .two_col-col:HAS(.hausman-promo) {
    padding: 0 calc(var(--margin-standard) * 2);
  }
  .work-two_col .two_col-col:HAS(.grid-testimonial) {
    margin: 0 calc(var(--margin-standard) * -0.5);
    padding: 0;
  }
}

/* WORK — 2UP */
.work-case_studies_2up .case2up {
  grid-column: 1/span 4;
  margin-bottom: calc(var(--margin-standard) * 4);
}
.work-case_studies_2up .case2up + .case2up {
  margin-top: calc(var(--margin-standard) * 6);
  grid-column: span 4/-2;
}
.work-case_studies_2up .case2up:HAS(.hausman-promo) {
  grid-column: 2/span 5;
}
.work-case_studies_2up .case2up:HAS(.hausman-promo):last-child {
  grid-column: span 5/-2;
}

.hausman-promo {
  position: relative;
  z-index: 2;
  padding: calc(var(--margin-standard) * 1) calc(var(--margin-standard) * 0.5) calc(var(--margin-standard) * 1.75);
  max-width: 18rem;
  aspect-ratio: 1/1;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hausman-promo h3 {
  margin: 0 0 0.5rem;
  line-height: 1;
  font-size: var(--body);
  text-wrap: balance;
}
.hausman-promo:AFTER {
  content: "";
  position: absolute;
  top: 40%;
  bottom: 5%;
  left: 10px;
  right: 10px;
  z-index: -2;
  box-shadow: -2px 0px 10px -5px rgba(0, 0, 0, 0.25), 2px 0px 10px -5px rgba(0, 0, 0, 0.25);
}
.hausman-promo p {
  margin: 0;
  text-wrap: pretty;
}
.hausman-promo .sticky {
  position: absolute;
  inset: -10px;
  z-index: -1;
  transform: rotate(-0.25deg) skew(0.25deg);
}
.hausman-promo .sticky:BEFORE, .hausman-promo .sticky:AFTER {
  content: "";
  position: absolute;
  inset: 0px;
  background-color: var(--stickygreen);
  background-image: linear-gradient(181deg, transparent 5%, var(--lightgreen) 18%, transparent 90%, var(--darkgreen) 96%), url(../assets/paper.svg);
  background-blend-mode: lighten, multiply;
  box-shadow: 1px 2px 1px -2px black, inset 1px 1px 3px -2px var(--lightgrey);
  box-shadow: 1px 4px 6px -8px var(--darkgreen), inset 1px 1px 15px 7px var(--lightgreen);
  border-radius: 0 0 30% 30%/0 0 1% 1%;
}
.hausman-promo .sticky:BEFORE {
  z-index: -2;
}
.hausman-promo .sticky:AFTER {
  z-index: -1;
}
.hausman-promo .sticky[data-sticky-number="1"]:BEFORE, .hausman-promo .sticky[data-sticky-number="1"]:AFTER {
  border-radius: 0 0 0% 30%/0 0 0% 1%;
  transform: rotate(1.25deg);
}
.hausman-promo .sticky[data-sticky-number="2"]:BEFORE, .hausman-promo .sticky[data-sticky-number="2"]:AFTER {
  border-radius: 0 0 30% 0%/0 0 2% 1%;
  transform: rotate(-1.25deg);
}

.hausman-promo-tape-old span.tape-bottom {
  display: none;
  position: absolute;
  left: 52%;
  top: 100%;
  width: 30%;
  height: 2.25rem;
  background-color: var(--green);
  background-color: rgba(239, 239, 239, 0.1019607843);
  background-color: rgba(236, 236, 236, 0.2);
  background-color: rgba(246, 244, 204, 0.81);
  background-image: linear-gradient(179deg, rgba(255, 255, 255, 0.025) calc(1rem + 0px), rgba(255, 255, 255, 0.5) calc(1rem + 3px), rgba(255, 255, 255, 0.015) calc(1rem + 5px));
  background-image: linear-gradient(179deg, rgba(255, 255, 255, 0.25) calc(1rem + 0px), rgba(206, 206, 206, 0.25) calc(1rem + 3px), rgba(255, 255, 255, 0.05) calc(1rem + 5px));
  transform: translate(-50%, -0.5rem) rotate(1deg);
  mix-blend-mode: normal;
  box-shadow: 1px 2px 1px -2px rgba(0, 0, 0, 0.125), -1px -1px 0px -1px rgba(0, 0, 0, 0.125);
  filter: url(#pencilTexture5) opacity(0.98);
  background-position: 0px -1px;
  border-top: 0.025rem solid rgba(244, 242, 211, 0.81);
  border-left: 0.075rem dotted rgba(247, 247, 230, 0.81);
  border-right: 0.075rem dotted rgba(227, 225, 171, 0.55);
  border-bottom: 0.025rem solid rgba(218, 216, 178, 0.67);
  display: none;
}
.hausman-promo-tape-old:BEFORE {
  content: "";
  position: absolute;
  left: 50%;
  top: -2px;
  width: 32%;
  height: 2.25rem;
  background-color: var(--green);
  background-color: rgba(239, 239, 239, 0.1019607843);
  background-color: rgba(236, 236, 236, 0.2);
  background-color: rgba(246, 244, 204, 0.81);
  background-image: linear-gradient(181deg, rgba(255, 255, 255, 0.025) calc(1rem + 1px), rgba(0, 0, 0, 0.01) calc(1rem + 4px), rgba(255, 255, 255, 0.015) calc(1rem + 5px));
  background-image: linear-gradient(181deg, rgba(255, 255, 255, 0.16) calc(1rem + 1px), rgba(237, 237, 220, 0.81) calc(1rem + 4px), rgba(255, 255, 255, 0.015) calc(1rem + 5px));
  transform: translate(-50%, -1.625rem) rotate(-2deg);
  mix-blend-mode: normal;
  box-shadow: 1px 1px 0px -1px rgba(0, 0, 0, 0.125), -1px -1px 0px -1px rgba(0, 0, 0, 0.125);
  filter: url(#pencilTexture5) opacity(0.98);
  background-position: 0px -1px;
  border-top: 0.025rem solid rgba(244, 242, 211, 0.81);
  border-left: 0.075rem dotted rgba(247, 247, 230, 0.81);
  border-right: 0.075rem dotted rgba(227, 225, 171, 0.55);
  border-bottom: 0.025rem solid rgba(218, 216, 178, 0.41);
}
.hausman-promo-tape-old:AFTER {
  content: "";
  position: absolute;
  inset: -10px;
  background-image: url(../assets/paper.svg);
  z-index: -1;
  box-shadow: 1px 1px 2px -2px black, inset 1px 1px 3px -2px var(--lightgrey);
  box-shadow: 1px 2px 1px -2px black, inset 1px 1px 3px -2px var(--lightgrey);
  filter: url(#boil2) contrast(1.25) opacity(75%);
  transform: rotate(-0.25deg) skew(0.25deg);
}

.content-label {
  grid-column: span 2/-7;
}
.content-label span {
  display: inline-block;
  padding: 1px 4px;
  padding: 0px;
  position: relative;
  z-index: 2;
  background-color: var(--white);
}
.content-label span:AFTER {
  content: "";
  position: absolute;
  inset: -1px -2px -2px;
  inset: -1px 0;
  background-color: var(--lightgreen);
  background-color: var(--green);
  background-color: var(--white);
  filter: url(#boil5);
  z-index: -1;
}
@media (min-width: 800px) {
  .content-label.list-label {
    grid-column: 5/span 2;
    text-align: right;
    margin-top: 2rem;
    margin-bottom: auto;
  }
  .content-label.list-label + .case-study-content.case-study-list.case-ul-list {
    grid-column: 5/span 6;
    grid-column: 7/span 6;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .content-label.list-label[data-content-row="4"] {
    grid-column: span 3/-7;
  }
  .content-label.list-label[data-content-row="4"] + .case-study-content.case-study-list.case-ul-list {
    grid-column: span 6/-1;
  }
}
.content-label:HAS(+ *:last-child) {
  grid-column: 3/span 2;
}
@media (max-width: 799px) {
  .content-label {
    grid-column: 2/-1;
    text-align: left;
  }
}

.case-study-content.case-study-list.case-ul-list {
  grid-column: 4/span 6;
}
.case-study-content.case-study-list.case-ul-list ul.case-ul li {
  text-wrap: pretty;
}
.case-study-content.case-study-list.case-ol-list {
  grid-column: span 6/-1;
}
.case-study-content.case-study-list.case-ol-list ol {
  margin: 0;
  padding: 0 4rem 0 2rem;
  list-style: circled-number;
}
.case-study-content.case-study-list.case-ol-list ol li {
  margin: 0 0 0.5rem;
  text-wrap: pretty;
}
.case-study-content.case-study-list.case-ol-list ol li::marker {
  font-size: 1em;
}
.case-study-content.case-study-testimonial {
  position: relative;
  grid-column: 3/span 6;
  margin: calc(var(--margin-standard) * 2) auto calc(var(--margin-standard) * 2) 0;
}
.case-study-content.case-study-testimonial .quote-text {
  position: relative;
  margin: 1rem auto 1rem 0;
  z-index: 2;
  padding: 0 1em 0.5em 0.25em;
  max-width: 24rem;
}
.case-study-content.case-study-testimonial .quote-text span.quos:BEFORE, .case-study-content.case-study-testimonial .quote-text span.quos:AFTER {
  font-family: "GT USA Compressed TEMP";
  font-weight: bold;
  font-style: italic;
  font-size: 4rem;
  position: absolute;
  color: var(--white);
  filter: url(#pencilTexture5) opacity(100%);
}
.case-study-content.case-study-testimonial .quote-text span.quos:BEFORE {
  content: "“ ";
  top: 0;
  left: 0;
  transform: translate(-100%, -50%);
  text-shadow: 1px 1px var(--black), -1px -1px var(--green);
}
.case-study-content.case-study-testimonial .quote-text span.quos:AFTER {
  content: "” ";
  bottom: 0;
  right: 0;
  transform: translate(100%, 75%);
  text-shadow: -1px -1px var(--black), 1px 1px var(--green);
}
.case-study-content.case-study-testimonial .attribution-wrap {
  margin: 1.5rem 0 0;
}
.case-study-content.case-study-testimonial .attribution-wrap p {
  margin: 0;
}
.case-study-content.case-study-testimonial .attribution-wrap p.attribution-title {
  font-size: var(--small);
}
.case-study-content.case-study-testimonial.quote-big {
  grid-column: 3/span 8;
  font-size: var(--medium);
  margin: calc(var(--margin-standard) * 3) auto calc(var(--margin-standard) * 3) 0;
}
.case-study-content.case-study-testimonial.quote-big .quote-text {
  max-width: 32rem;
}
.case-study-content.case-study-text {
  grid-column: auto/span 6;
}
.case-study-content.case-study-text .text-inner h3 {
  font-size: var(--body);
  margin-top: 0;
}
@media (max-width: 799px) {
  .case-study-content.case-study-text {
    grid-column: 1/-2;
  }
  .case-study-content.case-study-list, .case-study-content.case-study-bulleted_list {
    grid-column: 2/-1;
  }
  .case-study-content.case-study-numbered_list {
    grid-column: 2/-1;
  }
  .case-study-content.case-study-testimonial {
    grid-column: 1/-1;
  }
}

.content-label {
  position: relative;
  grid-column: 3/span 2;
  text-align: right;
}
@media (max-width: 799px) {
  .content-label {
    grid-column: 1/-1;
    text-align: left;
  }
}

.related-post {
  grid-column: 5/span 7;
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}
.related-post .post-grid-img {
  position: relative;
  flex-basis: 33%;
}
.related-post .post-title {
  flex-basis: 67%;
}
.related-post .post-title h2 {
  margin: 0;
}
.related-post .post-title h2 a {
  text-decoration: underline;
  text-decoration-color: var(--lightgreen);
}
@media (HOVER: HOVER) {
  .related-post:HAS(a:NOT(.cat-link):HOVER) {
    --linkline: var(--green);
  }
  .related-post:HAS(a:NOT(.cat-link):HOVER) .post-link a:BEFORE {
    background-color: var(--green);
  }
  .related-post:HAS(a:NOT(.cat-link):HOVER) .post-title h2 a {
    text-decoration-color: var(--green);
  }
  .related-post:HAS(a:NOT(.cat-link):HOVER) .loop-halftone {
    animation: loopSize 0.75s steps(1) alternate-reverse infinite;
    --halftone-bleed: 0.225;
    --halftone-rotation: 0deg;
  }
}

.related-work {
  grid-column: 5/span 7;
}

.two_col-col .quote-text {
  position: relative;
  margin: 0 auto 1rem;
  z-index: 2;
  max-width: 36rem;
}
.two_col-col .quote-text span.quos:BEFORE, .two_col-col .quote-text span.quos:AFTER {
  font-family: "GT USA Compressed TEMP";
  font-weight: bold;
  font-style: italic;
  font-size: 4rem;
  position: absolute;
  color: var(--white);
  filter: url(#pencilTexture5) opacity(100%);
}
.two_col-col .quote-text span.quos:BEFORE {
  content: "“ ";
  top: 0;
  left: 0;
  transform: translate(-100%, -50%);
  text-shadow: 1px 1px var(--black), -1px -1px var(--green);
}
.two_col-col .quote-text span.quos:AFTER {
  content: "” ";
  bottom: 0;
  right: 0;
  transform: translate(100%, 50%);
  text-shadow: -1px -1px var(--black), 1px 1px var(--green);
}
.two_col-col .attribution-wrap {
  max-width: 24rem;
  font-size: var(--caption);
}
.two_col-col .testimonial-case-link {
  margin: -0.5rem auto 2.25rem;
  max-width: 24rem;
}
.two_col-col .testimonial-case-link h2 {
  margin: 0;
  line-height: 1;
  text-wrap: balance;
}
.two_col-col .testimonial-case-link a {
  display: block;
  padding-right: 1.5rem;
  text-decoration: underline;
  text-decoration-color: var(--linkline);
}
.two_col-col .testimonial-case-link a:AFTER {
  content: " →";
  font-feature-settings: "ss03";
  margin-right: -1.5rem;
  width: 1.5rem;
  display: inline-block;
  color: var(--linkline);
}
@media (HOVER: HOVER) {
  .two_col-col .testimonial-case-link a:HOVER {
    --linkline: var(--green);
  }
}
.two_col-col .testimonial-client {
  position: relative;
  z-index: 2;
  padding: 1px 4px;
  margin-right: 1.5rem;
}
.two_col-col .testimonial-client:AFTER {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--green);
  filter: url(#pencilTexture5);
  z-index: -1;
}

@counter-style circled-number {
  system: fixed;
  symbols: "① " "② " "③ " "④ " "⑤ " "⑥ " "⑦ " "⑧ " "⑨ ";
  suffix: " ";
}
@counter-style circled-number-fill {
  system: fixed;
  symbols: "❶ " "❷ " "❸ " "❹ " "❺ " "❻ " "❼ " "❽ " "❾ ";
  suffix: " ";
}
/* opinions GRID */
.loop-halftone {
  --halftone-size:4px;
  --halftone-bleed:0.1825;
  --halftone-rotation:-3.999deg;
}

.post-grid-img {
  position: relative;
  overflow: hidden;
}
.post-grid-img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.post-grid-img:AFTER {
  content: "";
  position: absolute;
  inset: 0px;
  box-shadow: inset 0px 0px 0px 1px currentColor;
  filter: url(#boil4);
}

.post-preview {
  padding: 0 0 var(--margin-standard);
}
.post-preview.grid {
  grid-template-rows: auto;
}
.post-preview .post-grid-img {
  grid-column: 4/span 2;
  grid-row: 1/5;
  margin: 0 0 auto auto;
}
.post-preview.first-post:HAS(.featured-img) .post-grid-img {
  grid-column: 2/span 4;
}
.post-preview.first-post:HAS(.featured-img) .post-title, .post-preview.first-post:HAS(.featured-img) .post-meta, .post-preview.first-post:HAS(.featured-img) .opinions-excerpt, .post-preview.first-post:HAS(.featured-img) .post-link {
  grid-column: 6/span 6;
}
.post-preview .post-title {
  grid-column: 6/span 6;
  margin: 0.5rem 0 0.75rem;
  margin: 0.5rem 0 1rem;
}
.post-preview .post-title h2 {
  line-height: 1;
  margin: 0;
}
.post-preview .post-title a {
  text-decoration: underline;
  text-decoration-color: var(--linkline);
}
.post-preview .opinions-excerpt, .post-preview .post-link {
  grid-column: 6/span 6;
}
.post-preview .post-meta {
  position: relative;
  grid-column: 6/span 6;
  grid-row: 1;
  margin: 0;
}
.post-preview .post-meta ul {
  margin: 0 0 0.125rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.post-preview .post-meta ul li {
  margin: 0 2px 0 0;
  white-space: nowrap;
}
@media (max-width: 799px) {
  .post-preview.first-post:HAS(.featured-img) .post-grid-img {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0;
  }
  .post-preview.first-post:HAS(.featured-img) .post-title, .post-preview.first-post:HAS(.featured-img) .post-meta, .post-preview.first-post:HAS(.featured-img) .opinions-excerpt, .post-preview.first-post:HAS(.featured-img) .post-link {
    grid-column: 1/-1;
  }
  .post-preview.first-post:HAS(.featured-img) .post-meta {
    grid-row: 2;
    margin: 0.5rem 0 0.25rem;
  }
  .post-preview.first-post:HAS(.featured-img) .post-title {
    grid-row: 3;
    padding: 0;
  }
  .post-preview .post-grid-img {
    grid-column: 1/span 1;
    grid-row: 2;
    margin-right: -2rem;
    --halftone-size:3px;
  }
  .post-preview .post-grid-img.no-img {
    display: none;
  }
  .post-preview .post-title {
    grid-column: 2/-1;
    grid-row: 2;
    margin: 0 0 1rem;
    padding-left: 2rem;
  }
  .post-preview .post-meta {
    grid-column: 1/-1;
    grid-row: 1;
    margin: 0 0 0.25rem;
  }
  .post-preview:HAS(.no-img) .post-title {
    grid-column: 1/-1;
    padding: 0;
  }
}
@media (HOVER: HOVER) {
  .post-preview:HAS(a:NOT(.cat-link):HOVER) {
    --linkline: var(--green);
  }
  .post-preview:HAS(a:NOT(.cat-link):HOVER) .post-link a:BEFORE {
    background-color: var(--green);
  }
  .post-preview:HAS(a:NOT(.cat-link):HOVER) .post-title h2 a {
    text-decoration-color: var(--green);
  }
  .post-preview:HAS(a:NOT(.cat-link):HOVER) .loop-halftone {
    animation: loopSize 0.75s steps(1) alternate-reverse infinite;
    --halftone-bleed: 0.225;
    --halftone-rotation: 0deg;
  }
}

@keyframes loopSize {
  0% {
    --halftone-size:4px;
  }
  25% {
    --halftone-size:5px;
  }
  50% {
    --halftone-size:6px;
  }
  75% {
    --halftone-size:7px;
  }
  100% {
    --halftone-size:8px;
  }
}
ul.meta-info li.date span, ul.meta-info li.category-label a {
  position: relative;
  color: var(--grey);
}
ul.meta-info li.date span:AFTER, ul.meta-info li.category-label a:AFTER {
  content: "";
  position: absolute;
  inset: 1.2em 0px -1px;
  background-color: var(--offwhite);
  z-index: -1;
}
ul.meta-info li.date {
  color: var(--white);
}
ul.meta-info li.category-label a:AFTER {
  background-color: var(--lightgreen);
}
@media (HOVER: HOVER) {
  ul.meta-info li.category-label a:HOVER:AFTER {
    background-color: var(--green);
  }
}

.post-link {
  position: relative;
  padding: 0.125rem 3px 0 0;
  display: flex;
}
.post-link a {
  position: relative;
}
.post-link a:BEFORE {
  content: "";
  position: absolute;
  inset: -1px -3px -2px;
  background-color: var(--lightgrey);
  background-color: var(--offwhite);
  filter: url(#pencilTexture5);
  z-index: -1;
}

ul.pagination-links {
  margin: 2rem 0 0;
  padding: 1rem 0;
  list-style: none;
  color: var(--grey);
  font-size: var(--small);
}
ul.pagination-links li {
  margin: 0;
  width: 100%;
}
@media (min-width: 800px) {
  ul.pagination-links li {
    grid-column: auto/span 3;
  }
  ul.pagination-links li.current-page {
    grid-column: auto/span 6;
  }
}
@media (max-width: 799px) {
  ul.pagination-links li {
    grid-column: 1/-1;
  }
}

/* opinions Post */
body.single-post .grid {
  grid-template-rows: 0.1fr auto auto;
}

@keyframes tonegrow {
  7% {
    --halftone-size:calc(var(--halftone-calc) + 1px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  10% {
    --halftone-size:calc(var(--halftone-calc) + 2px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  12% {
    --halftone-size:calc(var(--halftone-calc) + 5px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  15% {
    --halftone-size:calc(var(--halftone-calc) + 7px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  20% {
    --halftone-size:calc(var(--halftone-calc) + 10px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  30% {
    --halftone-size:calc(var(--halftone-calc) + 15px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  40% {
    --halftone-size:calc(var(--halftone-calc) + 20px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  50% {
    --halftone-size:calc(var(--halftone-calc) + 25px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  60% {
    --halftone-size:calc(var(--halftone-calc) + 30px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  70% {
    --halftone-size:calc(var(--halftone-calc) + 35px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  80% {
    --halftone-size:calc(var(--halftone-calc) + 40px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
  90% {
    --halftone-size:calc(var(--halftone-calc) + 45px);
    --halftone-bleed:calc(var(--halftone-bleed) - var(--scroll));
  }
}
@keyframes expotone {
  20% {
    --halftone-size:calc(var(--halftone-calc) + 1px);
  }
  21% {
    --halftone-size:calc(var(--halftone-calc) + 2px);
  }
  22% {
    --halftone-size:calc(var(--halftone-calc) + 4px);
  }
  23% {
    --halftone-size:calc(var(--halftone-calc) + 8px);
  }
  24% {
    --halftone-size:calc(var(--halftone-calc) + 16px);
  }
  25% {
    --halftone-size:calc(var(--halftone-calc) + 32px);
  }
}
@keyframes expoblur {
  20% {
    filter: blur(1px);
  }
  21% {
    filter: blur(2px);
  }
  22% {
    filter: blur(4px);
  }
  23% {
    filter: blur(8px);
  }
  24% {
    filter: blur(16px);
  }
  25% {
    filter: blur(32px);
  }
}
@keyframes expobleed {
  20% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 1.1);
  }
  21% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 1.2);
  }
  22% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 1.4);
  }
  23% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 1.8);
  }
  24% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 2.6);
  }
  25% {
    --halftone-bleed:calc(var(--halftone-bleedcalc) * 3.32);
  }
}
@keyframes expobright {
  20% {
    filter: brightness(0.95);
  }
  21% {
    filter: brightness(0.9);
  }
  22% {
    filter: brightness(0.8);
  }
  23% {
    filter: brightness(0.75);
  }
  24% {
    filter: brightness(0.67);
  }
  25% {
    filter: brightness(0.5);
  }
}
.opinions-halftone {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/-1;
  overflow: hidden;
  z-index: -2;
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  margin: 0 -40px auto;
  --halftone-size:5px;
  --halftone-calc:5px;
  --halftone-bleed:0.21;
  --halftone-bleedcalc:0.21;
  --halftone-rotation:3.33deg;
}
.opine-scroll .opinions-halftone {
  animation: expotone 1s steps(1) infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.opine-scroll .opinions-halftone .sep-k:AFTER {
  animation: expocontrast 1s steps(1) infinite;
}
.opine-scroll .opinions-halftone .sep-k img {
  animation: expobright 1s steps(1) infinite;
}
.opine-scroll .opinions-halftone .sep-k img, .opine-scroll .opinions-halftone .sep-k:AFTER {
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
.opinions-halftone img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.opinions-halftone:AFTER {
  content: "";
  position: absolute;
  bottom: 0;
  top: 25%;
  left: 0;
  right: 0;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);
}
.opinions-halftone .halftone, .opinions-halftone .sep-k {
  position: absolute;
  inset: initial;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 799px) {
  .opinions-halftone {
    max-height: 100svh;
    height: 100svh;
    grid-row: 1/2;
  }
  .opinions-halftone .halftone {
    position: absolute;
    inset: 0;
  }
  .opinions-halftone img {
    height: 100%;
  }
}

.opinions-bg {
  position: absolute;
  top: 75vmin;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background-image: linear-gradient(to bottom, transparent, var(--white) calc(100% - 100vmin));
}

@media (min-width: 800px) {
  .post-group {
    grid-row: 2;
  }
}

.dr-img {
  grid-row: 2;
  grid-column: 1/span 3;
  margin: auto;
}
.dr-img img {
  width: 100%;
  height: auto;
  display: block;
}

.dr-letter {
  grid-column: span 6/-1;
  padding: calc(var(--margin-standard) / 2) var(--margin-standard) calc(var(--margin-standard) / 2) calc(var(--margin-standard) / 2);
  padding: calc(var(--margin-standard) * 0.75) calc(var(--margin-standard) * 1.2) var(--margin-standard) calc(var(--margin-standard) * 0.5);
  margin: calc(var(--margin-standard) / 2) 0 var(--margin-standard);
  font-size: var(--medium);
  font-style: italic;
  line-height: 2;
}
@media (min-width: 1200px) {
  .dr-letter {
    grid-column: span 7/-1;
  }
}
.dr-letter:AFTER {
  background-image: url(../assets/paper.svg);
  background-position: 50% 50%;
  filter: contrast(0.8) brightness(1.25) url(#boil4);
  box-shadow: 1px 1px 2px -2px black, inset 1px 1px 3px -2px var(--lightgrey), 0px 3px 2px -2px var(--black);
}
.dr-letter p {
  display: inline;
  max-width: 56ch;
}
.dr-letter .letter-wrap, .dr-letter .salutation-wrap {
  margin: 0 0 1em;
}

.dr-response, .post {
  grid-column: span 6/-1;
  background: var(--white);
  padding: 20px;
  box-shadow: 0px 0px 8px -5px rgba(0, 0, 0, 0.25);
  text-wrap: pretty;
}
.dr-response p, .post p {
  max-width: 56ch;
}
.dr-response {
  grid-row: 3;
}
@media (min-width: 1200px) {
  .dr-response {
    grid-column: span 6/-2;
  }
}

.post-header {
  grid-column: 2/-2;
  grid-column: 1/span 5;
}
@media (min-width: 800px) {
  .post-header {
    position: sticky;
    top: var(--margin-standard);
    margin-bottom: auto;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1600px) {
  .post-header {
    grid-column: 1/span 6;
  }
}
.post-header h1 {
  font-size: var(--jumbo);
  font-size: var(--xlarge);
  line-height: 1.25;
  box-shadow: inset 0px 0px 0px 1em var(--white);
  display: inline;
}
.post-header .post-date span {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: var(--white);
  padding: 0 0.25rem;
  margin: 0 0 0.125rem;
}
.post-header .post-date span:AFTER {
  content: "";
  position: absolute;
  inset: -1px 0px -2px;
  background-color: var(--black);
  filter: url(#pencilTexture5);
  z-index: -1;
}

.post {
  margin: 28px 0 80px;
  grid-column: span 7/-1;
}
@media (min-width: 1600px) {
  .post {
    grid-column: span 6/-1;
  }
}

@media (max-width: 799px) {
  .post-header,
  .post,
  .dr-letter,
  .dr-response {
    grid-column: 1/-1;
    grid-row: auto;
  }
}
.related-work .object-wrap {
  display: flex;
  gap: 1rem;
}
.related-work .object-wrap img {
  display: block;
  width: 100%;
  height: auto;
}
.related-work .object-wrap h2 {
  margin: 0;
}
.related-work .object-wrap .svg-img.svg-trace:BEFORE {
  inset: -2px;
  transform: rotate(-0.1deg);
}
@media (HOVER: HOVER) {
  .related-work .object-wrap:HAS(a:HOVER) .svg-img.svg-trace:BEFORE {
    opacity: 0.75;
    background-image: url(../assets/noise.svg), radial-gradient(#e3e3e3 50%, #f1f1f1 90%);
    background-blend-mode: soft-light, normal;
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.25);
  }
}
.related-work .object-wrap .svg-img {
  flex-basis: 33%;
  margin: 0;
}
.related-work .object-wrap .case-synopsis {
  flex-basis: 67%;
  margin: 0 0 auto;
}

:root {
  --margin-standard:40px;
  --white:#fefefe;
  --black:#0c0c0c;
  --grey:#666;
  --midgrey:#a5a5a5;
  --lightgrey:#ccc;
  --offwhite:#e7e7e7;
  --green:#A7DA36;
  --lightgreen:#E8F6CD;
  --darkgreen:#495E17;
  --stickygreen:#f0ffb8;
  --perspective:750px;
  --perspective-origin:center center;
  --depth:50px;
  --depth:0px;
  --depthOffset:0px;
  --siding:#e7e7e7;
  --img-space:12vw;
  --speed:1;
  --fadeDelay:0;
  --linkline:var(--lightgreen);
  --blend:overlay;
}
@media (max-width: 799px) {
  :root {
    --margin-standard:20px;
    --img-space:12vh;
  }
}
::-moz-selection {
  color: var(--black);
  background: var(--green);
}

::selection {
  color: var(--black);
  background: var(--green);
}

html, body {
  background-color: var(--white);
  min-height: 100vh;
}

html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.2;
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1200px) {
  html {
    font-size: 20px;
  }
}

body {
  font-family: "GT America Standard", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--body);
  line-height: 1.25;
  color: var(--black);
}
body.show-modal {
  overflow: hidden;
}

.uc {
  text-transform: uppercase;
}

.lc {
  text-transform: lowercase;
}

* {
  box-sizing: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}
.larr-link a:BEFORE {
  content: "← ";
  font-feature-settings: "ss03";
}

.rarr-link a:AFTER {
  content: " →";
  font-feature-settings: "ss03";
}

.overlayLink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 4;
}

.overlaySpan {
  position: absolute;
  inset: 0px;
  opacity: 0;
  z-index: 4;
  cursor: pointer;
}

.mobile-only {
  display: none;
}
@media (max-width: 799px) {
  .mobile-only {
    display: block;
  }
}

@media (max-width: 799px) {
  .hide-mobile {
    display: none;
  }
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.txt-balance {
  text-wrap: balance;
}

.txt-pretty {
  text-wrap: pretty;
}

p {
  margin-top: 0;
}

.rte {
  text-wrap: pretty;
}
.rte p {
  max-width: 72ch;
}

.usa-compressed {
  font-family: "GT USA Compressed TEMP";
  font-weight: bold;
  font-style: italic;
  letter-spacing: -0.035em;
  word-spacing: 0.07em;
}

.img-contain {
  position: relative;
}
.img-contain img {
  width: 100%;
  height: auto;
  display: block;
}

.vanishingpoint {
  position: relative;
  padding-top: 136px;
}
.single-post .vanishingpoint, .opinion-post .vanishingpoint {
  padding-top: 0;
}
body.menu-on .vanishingpoint, body.home .vanishingpoint {
  perspective: var(--perspective);
  perspective-origin: var(--perspective-origin);
}
body.home .vanishingpoint {
  overflow: hidden;
}
.vanishingpoint:BEFORE {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 136px;
  background-image: radial-gradient(ellipse, transparent 25%, rgba(0, 0, 0, 0.25) 100%);
  background-image: radial-gradient(ellipse, transparent 25%, var(--lightgreen) 100%);
  opacity: 0.25;
  background-size: 150% 450%;
  background-repeat: no-repeat;
  background-position: center 33.3%;
}
.vanishingpoint:AFTER {
  position: absolute;
  inset: 136px 0px;
  box-shadow: 0px 2px 1px -2px var(--lightgrey), 0px -2px 1px -2px var(--lightgrey);
  filter: url(#boil5);
  z-index: -1;
  background-color: var(--white);
}
@media (max-width: 799px) {
  .vanishingpoint {
    padding-top: 96px;
  }
  .vanishingpoint:BEFORE {
    height: 86px;
  }
  .vanishingpoint:AFTER {
    inset: 80px 0;
  }
  .home .vanishingpoint {
    padding-top: 112px;
  }
}

.content-wrap {
  padding: var(--margin-standard) var(--margin-standard) calc(var(--margin-standard) * 2);
  position: relative;
  z-index: 1;
}
.single-post .content-wrap, .case .content-wrap, .service .content-wrap, .agency .content-wrap, .opinion-post .content-wrap {
  padding-top: 0;
}
body.home .content-wrap {
  z-index: 4;
  grid-template-rows: calc(var(--margin-standard) * 2) min-content;
  grid-template-rows: repeat(9, calc(var(--margin-standard) * 3.5));
  grid-template-rows: repeat(7, calc(var(--margin-standard) * 2.5));
  grid-template-rows: min-content repeat(4, calc(var(--margin-standard) * 1.25)) auto repeat(4, calc(var(--margin-standard) * 1.25));
}
@media (max-width: 1800px) and (min-width: 800px) {
  body.home .content-wrap {
    grid-row-gap: 20px;
  }
}
@media (max-width: 799px) {
  .content-wrap {
    padding: calc(var(--margin-standard) / 2);
    padding-bottom: calc(var(--margin-standard) * 2);
  }
  body.home .content-wrap {
    grid-template-rows: min-content;
  }
}

div.menu-toggle {
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
div.menu-toggle svg {
  display: block;
  width: 56px;
  height: 56px;
}
div.menu-toggle svg #close {
  display: none;
}
.home div.menu-toggle {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 799px) {
  div.menu-toggle {
    top: 10px;
    right: 10px;
  }
}

.breadcrumb {
  position: absolute;
  top: 40px;
  right: 106px;
  z-index: 5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 56px;
  pointer-events: none;
  display: none;
}
.breadcrumb:has(a) {
  pointer-events: all;
}
.breadcrumb a, .breadcrumb > span {
  display: block;
  padding: 0 24px;
}
@media (min-width: 800px) {
  body.agency:NOT(.menu-on) .breadcrumb#teamCrumb, body.agency:NOT(.menu-on) .breadcrumb#agencyCrumb, body.service:NOT(.menu-on) .breadcrumb#serviceCrumb, body.services:NOT(.menu-on) .breadcrumb#servicesCrumb, body.work:NOT(.menu-on) .breadcrumb#workCrumb, body.case:NOT(.menu-on) .breadcrumb#caseCrumb, body.index:NOT(.menu-on) .breadcrumb#opinionsCrumb, body.opinion-post:NOT(.menu-on) .breadcrumb#opinionsCrumb, body.agency.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#teamCrumb, body.agency.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#agencyCrumb, body.service.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#serviceCrumb, body.services.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#servicesCrumb, body.work.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#workCrumb, body.case.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#caseCrumb, body.index.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#opinionsCrumb, body.opinion-post.menu-on:HAS(.menu-toggle:HOVER) .breadcrumb#opinionsCrumb {
    display: block;
  }
  body.agency:NOT(.menu-on):HAS(.active-bio) .breadcrumb#agencyCrumb {
    pointer-events: all;
  }
}
@media (max-width: 799px) {
  .breadcrumb {
    display: none;
  }
}

.head-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 136px;
  transform-style: preserve-3d;
  z-index: 4;
}
@media (max-width: 799px) {
  .head-wrap {
    height: 76px;
  }
}

nav.main-menu {
  display: none;
  list-style: none;
  transform-style: preserve-3d;
}
nav.main-menu li {
  position: relative;
  margin: auto;
  transform-style: preserve-3d;
}
nav.main-menu li a {
  display: block;
  padding: 5px 40px;
  font-size: var(--medium);
  font-size: clamp(48px, 10vw, 108px);
  line-height: 1;
  animation: steps(1) 1s -0.3s infinite paused;
}
@media (HOVER: HOVER) {
  nav.main-menu li a:HOVER {
    animation-name: boiler;
    animation-play-state: running;
  }
}
nav.main-menu li.agency-nav {
  grid-row: 1;
  grid-column: 2/span 6;
}
nav.main-menu li.services-nav {
  grid-row: 2;
  grid-column: span 6/-3;
}
nav.main-menu li.work-nav {
  grid-row: 3;
  grid-column: 3/span 6;
  order: -1;
}
nav.main-menu li.opinions-nav {
  grid-row: 4;
  grid-column: span 6/-2;
  order: -2;
}
.corners-menu nav.main-menu li.agency-nav {
  grid-row: 1;
  grid-column: 2/span 5;
  margin-left: 0;
}
.corners-menu nav.main-menu li.services-nav {
  grid-row: 1;
  grid-column: span 5/-2;
  margin-right: 0;
}
.corners-menu nav.main-menu li.work-nav {
  grid-row: 4;
  grid-column: 2/span 5;
  margin-left: 0;
}
.corners-menu nav.main-menu li.opinions-nav {
  grid-row: 4;
  grid-column: span 5/-2;
  margin-right: 0;
}
@media (max-width: 799px) {
  nav.main-menu li.agency-nav {
    grid-column: 1/-1;
    margin: 0 auto auto 1rem;
  }
  nav.main-menu li.services-nav {
    grid-column: 2/-1;
  }
  nav.main-menu li.work-nav {
    grid-column: 1/-2;
  }
  nav.main-menu li.opinions-nav {
    grid-column: 2/-1;
  }
}

body.agency nav.main-menu li.agency-nav,
body.service nav.main-menu li.services-nav,
body.services nav.main-menu li.services-nav,
body.work nav.main-menu li.work-nav,
body.case nav.main-menu li.work-nav,
body.index nav.main-menu li.opinions-nav,
body.opinion-post nav.main-menu li.opinions-nav {
  --siding:var(--lightgreen);
  --siding:var(--green);
}
body.agency nav.main-menu li.agency-nav a,
body.service nav.main-menu li.services-nav a,
body.services nav.main-menu li.services-nav a,
body.work nav.main-menu li.work-nav a,
body.case nav.main-menu li.work-nav a,
body.index nav.main-menu li.opinions-nav a,
body.opinion-post nav.main-menu li.opinions-nav a {
  cursor: default;
}
body.agency nav.main-menu li.agency-nav .dmnsn,
body.service nav.main-menu li.services-nav .dmnsn,
body.services nav.main-menu li.services-nav .dmnsn,
body.work nav.main-menu li.work-nav .dmnsn,
body.case nav.main-menu li.work-nav .dmnsn,
body.index nav.main-menu li.opinions-nav .dmnsn,
body.opinion-post nav.main-menu li.opinions-nav .dmnsn {
  color: var(--green);
}

body.menu-on {
  overflow: hidden;
  --perspective-origin:50vw 50vh;
  --depth:250px;
}
body.menu-on .head-wrap {
  position: fixed;
  height: 100%;
  height: 100svh;
  display: flex;
  z-index: 5;
}
body.menu-on .menu-bg {
  display: block;
}
body.menu-on div.menu-toggle svg #menu {
  display: none;
}
body.menu-on div.menu-toggle svg #close {
  display: block;
}
body.menu-on nav.main-menu {
  width: 100%;
  display: grid;
  padding: 136px var(--margin-standard) var(--margin-standard);
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 12vh);
  grid-column-gap: var(--margin-standard);
  grid-row-gap: var(--margin-standard);
  z-index: 3;
  margin: auto 0;
}
body.menu-on nav.main-menu li a {
  font-size: clamp(48px, 10vh, 108px);
}
@media (max-width: 799px) {
  body.menu-on nav.main-menu {
    grid-template-columns: repeat(3, auto);
    grid-row-gap: 2rem;
    padding-top: 0;
    margin: auto 0 var(--margin-standard);
  }
  body.menu-on nav.main-menu li a {
    font-size: var(--xlarge);
    line-height: 2;
  }
}
body.menu-on .head-wrap.isLoading nav.main-menu {
  visibility: hidden;
  opacity: 0;
}

.menu-bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 2;
  box-shadow: inset 0px 0px 50px -10px var(--green);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.head-wrap.isLoading + .menu-bg {
  display: none;
}
.menu-bg:BEFORE {
  content: "";
  z-index: 0;
  position: absolute;
  border: 0;
  inset: 18px;
}
.menu-bg[data-paper=trace]:BEFORE {
  background-image: radial-gradient(rgba(254, 254, 254, 0.89) 45%, rgba(227, 227, 227, 0.95) 85%), url(../assets/paper.svg);
  background-blend-mode: soft-light, normal;
  inset: 18px;
  transform: rotate(-0.115deg);
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.75);
}
.menu-bg[data-paper=plain]:BEFORE {
  background-color: var(--white);
  transform: rotate(-0.115deg);
  box-shadow: -1px -1px 1px 0px rgba(150, 150, 150, 0.25), 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
  filter: url(#boil4);
}

header.hausman-logo {
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 5;
}
.admin-bar header.hausman-logo {
  top: 72px;
}
body.home header.hausman-logo {
  pointer-events: none;
}
header.hausman-logo a, header.hausman-logo svg {
  display: block;
}
header.hausman-logo a {
  color: var(--green);
}
header.hausman-logo svg path {
  fill: currentColor;
}
@media (max-width: 799px) {
  header.hausman-logo {
    top: 10px;
    left: 10px;
  }
}

.ca-content {
  opacity: 0;
}
.ca-content.ca-current {
  animation: fade 0.5s 1s forwards 1;
}

#container {
  position: relative;
}

#holdingPen {
  max-width: 1800px;
  margin: 0 auto;
}
body.opinion-post #holdingPen, body.agency #holdingPen, body.services #holdingPen {
  max-width: none;
}

.skewlist, .sub-service-inner ul, .service-col ul, .case-study-content.case-study-list.case-ul-list ul.case-ul, .dr-response ul, .post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.skewlist li, .sub-service-inner ul li, .service-col ul li, .case-study-content.case-study-list.case-ul-list ul.case-ul li, .dr-response ul li, .post ul li {
  position: relative;
  margin: 0 0 0.5em;
  padding: 0 0 0 1.5em;
}
.skewlist li:BEFORE, .sub-service-inner ul li:BEFORE, .service-col ul li:BEFORE, .case-study-content.case-study-list.case-ul-list ul.case-ul li:BEFORE, .dr-response ul li:BEFORE, .post ul li:BEFORE {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  width: 0.4em;
  height: 0.5em;
  background-color: var(--green);
  background-image: linear-gradient(to bottom right, var(--lightgreen) -50%, var(--green) 250%);
  transform: skew(-10deg);
}

.svg-filters {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}

.content-loading {
  visibility: hidden;
  width: 200px;
  height: 200px;
  position: fixed;
  top: 50vh;
  left: 50vw;
  margin: -100px 0 0 -100px;
  text-align: center;
  line-height: 200px;
  color: var(--green);
  background: url(../assets/haus-anims_01.png) 0px 0px/2400px 2800px no-repeat;
  opacity: 0;
  transition: 0s;
  transition-property: opacity;
  animation: LtoR steps(11) infinite 1s;
}
.content-loading[data-loadgfx="1"] {
  --bgY:0;
}
.content-loading[data-loadgfx="2"] {
  --bgY:1;
}
.content-loading[data-loadgfx="3"] {
  --bgY:2;
}
.content-loading[data-loadgfx="4"] {
  --bgY:3;
}
.content-loading[data-loadgfx="5"] {
  --bgY:4;
}
.content-loading[data-loadgfx="6"] {
  --bgY:5;
}
.content-loading[data-loadgfx="7"] {
  --bgY:6;
}
.content-loading span {
  font-size: 75%;
  letter-spacing: 1px;
  display: none;
}
.content-loading.isLoading, .loading .content-loading {
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
.content-loading.isLoading span, .loading .content-loading span {
  opacity: 0;
}
.content-loading.isLoading + #holdingPen, .loading .content-loading + #holdingPen {
  pointer-events: none;
}

.factory {
  display: none;
  position: fixed;
  z-index: 100;
  inset: 0;
  background: white;
}
.factory .box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 144px;
  height: 24px;
  border: 1px solid black;
  filter: url(#boil-0);
}

/*# sourceMappingURL=styles.css.map */