@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

:root {
	--ws-bounce: bounce .25s cubic-bezier(.215,.61,.355,1) .1s;
	--ws-nav-bounce: nav-bounce .25s cubic-bezier(.215,.61,.355,1) .1s;
	--ws-transition: z-index 0s linear 1.4s, top 0s linear 1.5s, opacity .5s ease-out 1s;
	--ws-transition-hover: z-index 0s linear .5s, top 0s linear .25s, opacity .5s ease-in .25s;

	--ws-gutter: clamp(3em, 7.5%, 5em);

	--portfolio-column-width: 7em;
	--portfolio-column-gutter: calc(((100vw - 13rem) / 14) + 1rem);
	--ws-grid-14: minmax(var(--portfolio-column-gutter), 1fr) [wrap-start] repeat(12, minmax(0, var(--portfolio-column-width))) [wrap-end] minmax(var(--portfolio-column-gutter), 1fr);
}


/* HEADINGS ------------------------------ */
html { font-size: clamp(1rem, 0.913rem + 0.18vw, 1.15rem); }

h1 {font-size: clamp(1.75em, 1.101em + 1.38vw, 2.313em);}
h2, .highlight h1, #welcome h1 { font-size: 1.875em; }
h3 { font-size: 1.375em; }
h4 { font-size: 1.25em; }
h5, th { font-size: 1.1875em; }
h6 { font-size: 1.125em; }

p {
	font-size: 1.125em;
}

.intro, .blogCredits + p, .blogCredits + figure + p {font-size: 1.375em;}
#hero.interior .intro {
	font-size: clamp(1.188em, 0.971em + 0.46vw, 1.375em);
}

:is(button, .button, .button-light, input[type="button"], input[type="submit"], input[type="reset"]).big {
	font-size: clamp(1.25em, 1.106em + 0.31vw, 1.375em);
}

:is(button, .button, .button-light, input[type="button"], input[type="submit"], input[type="reset"]) {
	font-size: 1em;
}

blockquote {
	font-size: 1.375em;
}

blockquote p {
	font-size: 1em;
}

:is(a:hover, a:focus),
:is(a:hover, a:focus) :is(span, strong) {
	color: var(--ws-red);
}

.anchor-link {
	top: -7em;
}

/* HEADER ------------------------------*/
body {
	padding-top: 4.3125em;
}

body>header {
	align-items: center;
	background-color: #FFF;
	display: flex;
	justify-content: space-between;
	padding-inline: 1.25em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}

body.management>header {
	top: 35px;
}

body:not(.home)>header,
body>header.sticky-header,
body.home.scroll>header {
	box-shadow: 0 1px 1px rgba(0,0,0,.015),
		0 2px 2px rgba(0,0,0,.015),
		0 4px 4px rgba(0,0,0,.015),
		0 8px 8px rgba(0,0,0,.015),
		0 16px 16px rgba(0,0,0,.015);
}

#brand {
	display: block;
	width: 11.125em;
}

#brand img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
}

/* nav */
#mainnav {
	overflow: visible
}

#mainnav ul {
	text-align: center;
	overflow: visible;
	margin: 0;
	padding: 0;
}

#mainnav li {
	display: inline-block;
	position: relative
}

#mainnav a {
	color: var(--ws-blue-2);
	display: inline-block;
	letter-spacing: .1px;
	line-height: 1;
	font-size: 1.125em;
	padding: 1.5em .9375em;
	position: relative;
	text-transform: lowercase;
	z-index: 0;
}

#mainnav>ul>li>a {
	margin-inline: .1875em;
}

#mainnav>ul>li.on>a,
#mainnav>ul>li.tapped.on>a,
#mainnav>ul>li:last-of-type.on:not(:hover)>a {
	color: #000;
}

#mainnav>ul>li.on>a::before,
#mainnav>ul>li:last-of-type.on>a::before {
	background-color: var(--ws-light);
	opacity: 1;
}

#mainnav>ul>li.on>a:is(:hover, :focus)::before {
	background-color: var(--ws-red);
}

#mainnav>ul>li>a::before,
#mainnav>ul>li>ul>li>a::before {
	background: var(--ws-red);
	border-radius: 2em;
	content: '';
	height: 1.778em;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: calc(50% + .05em);
	transform: translateY(-50%);
	transition: opacity .3s ease;
	z-index: -1;
}

/* Contact Link: ----- */
#mainnav>ul>li:last-of-type>a,
#mainnav>ul>li.on:last-of-type>a:focus-visible {
	color: #FFF;
}

#mainnav>ul>li:last-of-type>a::before {
	background: var(--ws-dk-blue);
	opacity: 1;
	transition: all .3s ease;
}

#mainnav>ul>li:last-of-type:hover>a::before,
#mainnav>ul>li:last-of-type>a:focus-visible::before {
	background-color: var(--ws-red);
}
/* End ----- */


#mainnav>ul>li.tapped>a,
#mainnav>ul>li>a:is(:hover, :focus) {
	color: #fff
}

#mainnav>ul>li.tapped>a::before,
#mainnav>ul>li>a:is(:hover, :focus)::before,
#mainnav>ul>li>ul>li>a:is(:hover, :focus)::before {
	animation: var(--ws-nav-bounce);
	opacity: 1;
}

/* drop-down menu */
#mainnav li ul {
	z-index: 1;
	width: 200px;
	padding: .5em;
	background: #F2F2F2;
	position: absolute;
	overflow: auto;
	height: auto;
	top: -200vh;
	opacity: 0;
	z-index: -1;
	visibility: hidden;
	transition: ease 200ms opacity 0.35s;
}

#mainnav li:hover ul,
#mainnav>ul>li.tapped > ul,
#mainnav>ul>li>a:focus + ul,
#mainnav>ul>li>ul:focus-within {
	opacity: 1;
	top: 100%;
	visibility: visible;
	z-index: 1;
}

#mainnav>ul>li:last-child ul {
	right: 0
}

#mainnav li ul li {
	width: 100%;
	display: block;
}

#mainnav ul li ul li a {
	background: none;
	color: var(--ws-dark);
}

#mainnav li ul li a {
	border-radius: 0;
	font-size: .9em;
	line-height: 1.1em;
	padding: .3em .75em;
	display: block;
	width: 100%;
	text-align: left;
	float: left
}

#mainnav li ul li a:is(:hover, :focus) {
	color: #FFF;
}

#mainnav li ul ul {
	display: none
}



/* MEGAMENU ------------------------------ */

#mainnav>ul>li:first-of-type {
	position: static;
}

#mainnav li .megamenu {
	background: #fff;
	border-top: 1px solid #f2f2f2;
	box-shadow: 0 1px 1px rgba(0,0,0,.02),0 2px 2px rgba(0,0,0,.02),0 4px 4px rgba(0,0,0,.02),0 8px 8px rgba(0,0,0,.02),0 16px 16px rgba(0,0,0,.02);
	height: auto;
	left: 0;
	max-width: 100%;
	opacity: 0;
	padding: 2.3125em 0 2em;
	position: absolute;
	overflow: hidden;
	top: -200vh;
	transition: var(--ws-transition);
	width: 100%;
	z-index: -1
}

#mainnav li .megamenu>ul {
	background: 0 0;
	display: flex;
	height: 100%;
	margin: 0 auto;
	max-width: 62em;
	opacity: 1;
	overflow: visible;
	padding: 0;
	position: static;
	transition-delay: 0s;
	visibility: visible;
	width: calc(100% - 3em);
}

#mainnav li .megamenu>ul>li {
	align-items: start;
	display: flex;
	padding: 0;
	text-align: left;
}

#mainnav li .megamenu>ul>li::before {
	aspect-ratio: 56 / 65;
	background: no-repeat center / contain;
	content: '';
	display: inline-block;
	margin: 0 1.5em 0 0;
	width: 3.5em;
}

#mainnav li .megamenu>ul>li:nth-child(1)::before {
	background-image: url('/images/services/creative.svg')
}

#mainnav li .megamenu>ul>li:nth-child(2)::before {
	background-image: url('/images/services/web-solutions.svg')
}

#mainnav li .megamenu>ul>li:nth-child(3)::before {
	background-image: url('/images/services/digital-marketing.svg')
}


#mainnav li .megamenu a {
	text-transform: none;
}

#mainnav li .megamenu>ul>li>div>a {
	color: #000;
	display: inline-block;
	float: none;
	font-size: 1.125rem;
	margin: 0 0 .5rem;
	padding: .3rem 0;
	position: relative;
	width: auto;
}

#mainnav li .megamenu>ul>li>div>a>span {
	color: #666;
}

#mainnav li .megamenu>ul>li>div>a:hover>span {
	color: var(--ws-red);
}

#mainnav li .megamenu>ul>li>div>ul {
	background: #FFF;
	display: block;
	margin: 0;
	opacity: 1;
	overflow: visible;
	padding: 0;
	position: static;
	transition-delay: 0s;
	visibility: visible;
	z-index: 0;
}

#mainnav li .megamenu>ul>li>div>ul>li {
	display: block;
	text-align: left;
}

#mainnav li .megamenu>ul>li>div>ul>li>a {
	color: #666;
	display: inline-block;
	float: none;
	font-size: 1rem;
	padding: .3rem 1.375em .3rem 0;
	position: relative;
	width: auto;
}

#mainnav li .megamenu>ul>li>div>ul>li.on>a {
	color: #000;
}

#mainnav li:is(:hover, :focus-within, .tapped) .megamenu {
	left: 0;
	opacity: 1;
	top: 100%;
	z-index: 1;
	transition: var(--ws-transition-hover);
}

#mainnav .megamenu a::before {
	background: var(--ws-red);
	border-radius: 2em;
	content: '';
	height: 100%;
	left: -.75em;
	opacity: 0;
	position: absolute;
	right: -.75em;
	top: 0;
	z-index: -1;
}

#mainnav .megamenu>ul>li>div>a::before {
	background: var(--ws-red);
}

#mainnav .megamenu>ul>li.on>div:not(:has(li.on))>a::before {
	background: var(--ws-light);
	opacity: 1;
}

#mainnav .megamenu>ul>li.on>div:not(:has(li.on))>a:is(:hover, :focus-visible)::before,
#mainnav .megamenu>ul>li.on>div>a:is(:hover, :focus-visible)::before {
	background: var(--ws-red);
}

#mainnav .megamenu>ul>li>div>ul>li>a::before {
	background: var(--ws-red) url('/images/icons/caret-right-white.svg') no-repeat right .875em center / auto .625em;
}

#mainnav .megamenu ul ul li.on a::before {
	background: var(--ws-light) url('/images/icons/caret-right-red.svg') no-repeat right .875em center / auto .625em;
  color: #000;
  opacity: 1;
}

#mainnav .megamenu ul ul li.on a:is(:hover,:focus-visible) {
	color: #FFF;
}

#mainnav .megamenu ul ul li.on a:is(:hover,:focus-visible)::before {
	background: var(--ws-red) url('/images/icons/caret-right-white.svg') no-repeat right .875em center / auto .625em;
}

#mainnav .megamenu ul ul li.on>div>a:is(:hover, :focus)::before {
	animation: var(--ws-bounce);
	background: var(--ws-red);
}

#mainnav .megamenu a:is(:hover, :focus) {
	color: #FFF;
}

#mainnav .megamenu a:is(:hover, :focus)::before {
	animation: var(--ws-bounce);
	opacity: 1;
}



/* ANCILLARY -------------------------- */
#ancillary {
	position: absolute;
	right: 0;
	top: 0;
	padding: 1rem;
	color: #ccc;
	font-size: .7em;
}

#ancillary ul {
	display: inline
}

#ancillary li {
	display: inline;
}

#ancillary a {
	display: inline-block;
	padding: .5em .8em;
	text-decoration: none;
	color: #999;
}

#ancillary a:hover,
#ancillary a:active,
#ancillary li.on a {
	color: #666
}

#ancillary li.on a {
	text-decoration: none;
	color: #666
}

#ancillary .search {
	display: inline;
}

#ancillary .search input {
	display: inline-block
}

/* mobile */
#mobilenav,.menu {
	content-visibility: hidden;
	display: none
}

/* BUTTONS  ------------------------------ */

:is(a:focus, a:hover) .button::before,
:is(a:focus, a:hover) .button-light::before,
:is(.button, .button-light, button, .button.big):is(:focus, :hover)::before {
	animation: var(--ws-bounce);
	background-color: var(--ws-red);
}

:is(a:hover, a:focus) span.button::after,
:is(button, .button, .button-light, input[type="button"], input[type="submit"], input[type="reset"]):is(:focus, :hover)::after {
	background-image: url('/images/icons/caret-right-white.svg');
}

:is(a:hover, a:focus) :is(button, .button, .button-light)::before,
:is(button, .button, .button-light):is(:hover, :focus)::before,
:is(input[type="button"], input[type="submit"], input[type="reset"]):is(:hover, :focus) {
	background: var(--ws-red);
}

:is(a:hover, a:focus) :is(button, .button, .button-light),
:is(.button, .button-light, button, input[type="button"], input[type="submit"], input[type="reset"]):is(:hover, :focus) {
	color: #FFF;
}

:is(a:hover, a:focus) :is(button, .button).red::before,
:is(.button, button).red:is(:hover, :focus)::before {
	background: var(--ws-blue-2);
}

:is(body[class*='management-'], .ga4-support) :is(input[type="submit"], input[type="clear"], .wsFormButton):is(:focus, :hover),
input[value='Login']:is(:hover, :focus) {
	background-color: var(--ws-dk-blue);
}

/* MAIN ------------------------------ */
main>div>div>#content {
	grid-column: 4 / 12;
	overflow: visible;
	min-height: 37.5em;
	padding: 3rem 0 6em;
}

main>div>div.ws-grid>aside {
	grid-column: 2 / 4;
	overflow: hidden;
	padding: 3rem 0 0;
}

main>div>div.ws-grid>aside + #content {
	grid-column: 5 / 13;
}


.twoCol, .threeCol, .resCol {
	column-rule: 1px outset rgba(0,0,0,.15);
}

.twoCol {
	columns: 2;
}

.threeCol {
	columns: 3;
}

.resCol {
	columns: auto;
	column-width: 13em;
}

.formTable td {
	width: 50%
}

.formTable td {
	padding: 0 0 .5em .5em
}

.formTable td:first-child {
	padding: 0 .5em .5em 0
}

.formTable td[colspan="2"] {
	padding-right: 0
}

.formTable.formLoose,
.formTable.formLoose td {
	width: auto
}

.photoright {
	margin: 0 0 2em 4em;
}

.photoleft {
	margin: 0 4em 3em 0;
}

.wsManagementLogin td:first-child {
	width: 40%;
	text-align: right
}

/* FOOTER ------------------------------ */
body>footer .fatFooter {
	margin-bottom: 4em;
}

body>footer .fatFooter>div:nth-of-type(1) { grid-column: 2 / 4; }
body>footer .fatFooter>div:nth-of-type(2) {	grid-column: 5 / 7 }
body>footer .fatFooter>div:nth-of-type(3) {	grid-column: 8 / 10 }
body>footer .fatFooter>div:nth-of-type(4) { grid-column: 11 / 14 }

body>footer nav + nav {
	margin-top: 2em;
	padding-top: 1em;
}

body>footer ul.social a:is(:hover, :focus) img {
	opacity: .75;
}

body>footer :is(#search, #email-signup) button:is(:hover, :focus) {
	background-color: var(--ws-red);
}

body>footer #email-signup {
	margin-bottom: 2.75em;
}

body>footer :is(a:is(:hover, :focus), a.on, .on>a) {
	color: var(--ws-red);
	text-decoration: none;
}

body>footer .footer-bottom nav {
	display: inline;
}

#popover-signup a.cancel:is(:hover, :focus)>em {
	color: var(--ws-red);
}



/* SHARED ------------------------------ */
.pageHeader {
	height: 7em;
}

.bottom-clouds::after {
	background-size: 100em auto;
}

a.hover-float :is(img, .image) {
	transition: all .5s ease;
}

a.hover-float:is(:hover, :focus) :is(img, .image) {
	transform: translateY(-1.25em);
}

#services a.hover-float:is(:hover, :focus) :is(img, .image) {
	transform: translateY(-.5em);
}



/* HOMEPAGE > HERO ------------------------------ */
#hero {
	height: clamp(20em, 5.577em + 30.77vw, 45em);
}

.home #hero div.title {
	align-self: center;
	font-size: clamp(2em, 0.846em + 2.46vw, 3em); /* 750 - 1400 */
	margin-bottom: 2em;
}

#hero.lp h1 {
	align-self: center;
	font-size: clamp(1.5em, -0.231em + 3.69vw, 3em); /* 750 - 1400 */
	margin-bottom: 2em;
}

#hero .button {
	bottom: 3.8vw;
	position: absolute;
	z-index: 1;
}

.fleet {
	animation-duration: 80s;
}

.plane-red {
	top: clamp(6em, 3.5rem + 5.33vw, 13em);
}

.hero-line {
	bottom: 4.625vw;
	height: calc(9.5em + 10vw);
	width: calc(100% - 12vw);
	left: 7vw;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

/* HOMEPAGE > WELCOME ------------------------------ */
#welcome {
	padding-block: 4em 8em;
}

#welcome>div {
	grid-column: wrap-start / 10;
}

#welcome p {
	padding-right: clamp(0rem, -6rem + 10.67vw, 2rem); /* 900 - 1200 */
}

#welcome svg {
	top: 0em;
	position: absolute;
	left: 54vw;
}


/* HOMEPAGE > SERVICES ------------------------------ */
#services {
	padding-block: 4em 9em;
	position: relative;
}

#services>ul>li:nth-child(1) { grid-column: 3 / 6; }
#services>ul>li:nth-child(2) { grid-column: 6 / 9; }
#services>ul>li:nth-child(3) { grid-column: 9 / 13; }

#services.digital-marketing>ul>li:nth-child(4) { grid-column: 5 / 8; }
#services.digital-marketing>ul>li:nth-child(5) { grid-column: 8 / 11; }


#services ul ul a {
	font-size: 1.25em;
}

#services h2 {
	font-size: 1.5em;
}

#services ul ul>li>a {
	padding: .125em 2em .1875em 0;
}

#services ul ul>li>a::before {
	background: var(--ws-red);
	border-radius: 2em;
	content: '';
	height: 100%;
	left: -.75em;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

#services a:is(:hover, :focus)>h2 {
	color: var(--ws-red);
}

#services ul ul a:is(:hover, :focus) {
	color: #FFF;
}

#services ul ul a:is(:hover, :focus)::before {
	animation: var(--ws-bounce);
	opacity: 1;
}

#services svg {
	bottom: -9em;
	right: calc(100% - clamp(6.25em, 4.821em + 3.05vw, 10.25em)); /* 750 - 1400 */
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.home #services svg {
	bottom: -14em;
}

#services.lp li {
	padding-right:1.5em;
}


/* HOMEPAGE > WORK (slider) ------------------------------ */
#work a.more:is(:hover, :focus)::before {
	background: var(--ws-blue-2);
}

#work a.more {
	min-width: 15.75em;
}

#work span {
	font-size: 1.25em;
}

#work a:is(:hover, :focus) .textbox {
	opacity: 1;
}


/* HOMEPAGE > BRANDS ------------------------------ */
#brands {
	padding-block: 3em 5em;
}

#brands.work {
	padding-block: 5em;
}

#brands li:nth-child(4n+1) { grid-column: wrap-start / 5; }
#brands li:nth-child(4n+2) { grid-column: 5 / 8; }
#brands li:nth-child(4n+3) { grid-column: 8 / 11; }
#brands li:nth-child(4n+4) { grid-column: 11 / wrap-end; }


/* Landing page overrides */
#brands.lp {
	padding-block: 0 1.5em;
}


/* HOMEPAGE > PHOTO ------------------------------ */
#photo {
	height: calc(12.353rem + 37.65vw);
	min-height: 30em;
}

#photo h2 {
	color: var(--ws-blue-2);
	font-size: clamp(1.5em, 1.067em + 0.92vw, 1.875em);
	top: clamp(5.5rem, 2.853rem + 5.65vw, 8.5rem);
}

#photo svg {
	position: absolute;
	left: 68vw;
	top: -11em;
	z-index: -1;
}



/* HOMEPAGE > CTA ------------------------------ */
#cta {
	padding-block: 13em 5em;
}

#cta .clouds {
	width: clamp(33em, 27.231em + 12.31vw, 43em);
}

#cta svg {
	top: clamp(12em, 10.304em + 3.62vw, 16.75em);
	pointer-events: none;
	position: absolute;
	right: clamp(11em, 8.636em + 4.21vw, 14em);
	transform: rotate(-3deg);
	z-index: 2;
}

#cta img {
	position: absolute;
	right: clamp(7em, 5.977em + 2.18vw, 9.25em);
	top: clamp(6.25em, 4.821em + 3.05vw, 10.25em);
	z-index: 2;
}


/* EXPOSURE POPUP ------------------------------ */

#exposure-popup .wrap {
   height: 100%;
   width: calc(100% - 7em);
}

#exposure-popup img:first-of-type {
	margin: 1em auto clamp(1em, 4vh, 2em);
	max-width: 16.3125em;
}

#exposure-popup img:last-of-type {
	margin: .5em auto clamp(1.5em, 12vh, 4em);
	max-width: 20.9375em;
}

#exposure-popup :is(p, em) {
	font-size: clamp(1.25em, 0.962em + 0.62vw, 1.5em);
}

#exposure-popup p {
	margin: 0 0 clamp(1em, 6vh, 3em);
}

#exposure-popup button {
	margin: 0 auto 1.25em;
}

#exposure-popup button:is(:hover, :focus) {
	color: #FFF;
}

/* hirEDCT ---------------------------------------------- */

/*.formcols {
	display: flex;
	flex-direction: row;
	gap: 12%;
}*/
/*
.l-col, .r-col {
	width: 44%;
}
*/
.hiredct-header {
	display: flex;
	flex-direction: row;
	margin-bottom: 5.0625rem;
}
.hiredct-logo {
	width: 23%;
	margin-top: -1.5rem;
	margin-right: 0.875rem;
	/*margin-left: -0.375rem;*/
}
.hiredct-title {
	font-size: clamp(2.5625rem, -0.8323rem + 4.5226vw, 3.125rem);
	padding-left: 21px;
	border-left: 2px dotted var(--ws-lt-gray);
}
.formcols {
	display: grid;
	grid-gap: var(--ws-grid-gap);
    /*grid-template-columns: var(--ws-grid-14);*/
}
.l-col {
	grid-column: 1 / 6;
	padding-right: 12%;
	border-right: 2px dashed var(--ws-lt-blue-2);
	padding-top: 1.75rem;
}
.r-col {
	grid-column: 7 / 12;
}

:is(button, .button, .button-light, input[type="button"], input[type="submit"], input[type="reset"]).hiredct-button:is(:focus, :hover)::before {
	animation: var(--ws-bounce);
	background-color: var(--ws-light);
}

:is(button, .button, .button-light, input[type="button"], input[type="submit"], input[type="reset"]).hiredct-button:is(:focus, :hover)::after {
	background-image: url('/images/icons/caret-right-red.svg');
}

:is(.button, .button-light, button, input[type="button"], input[type="submit"], input[type="reset"]).hiredct-button:is(:hover, :focus) {
	color: var(--ws-blue-AA);
}

/* Portfolio Videos */
.block-img-text video {
	grid-column: 2 / 6;
}




/* T2 BLOG RIBBON (T2 service pages) ------------------------------ */
#blog.t2 {
	overflow: hidden;
	padding-block: 4.375em 6em;
	row-gap: 4em;
}

#blog.t2 h2 {
	font-size: 1.5em;
}

#blog.t2 h3 {
	font-size: 1.25em;
}


#blog.t2 li:nth-child(-n+4) .image {
	margin: 0 0 1em;
}


#blog.t2 li:first-child .textbox {
	align-content: space-around;
	display: grid;
	justify-items: start;
}

#blog.t2 li:first-child :is(a:hover, a:focus) .button,
#blog.t2 li:first-child :is(a:hover, a:focus) .button::before {
	background-color: var(--ws-midnight);
}

#blog.t2 li :is(a:hover, a:focus) :is(h3, h3>span) {
	color: var(--ws-red);
}

#blog .lt-blue { color: var(--ws-blue); }

#blog.t2 li:first-child {	align-self: start; }

#blog.t2 li:nth-child(4n+1) { grid-column: 2 / 5; }
#blog.t2 li:nth-child(4n+2) { grid-column: 5 / 8; }
#blog.t2 li:nth-child(4n+3) { grid-column: 8 / 11; }
#blog.t2 li:nth-child(4n+4) { grid-column: 11 / 14; }

#blog.t2 li:first-child p {
	font-size: 1.25em;
}


/* Homepage only */
.home #blog.t2 li:first-child .button:is(:hover, :focus-visible)::before {
	background-color: var(--ws-dark-navy);
}

/* Interior pages only */
#blog.t2 li.redesign h3 {
	font-size: 1.5em;
}

#blog.t2 li.redesign .image {
	flex: 1 0 auto;
	max-width: 24em;
	width: 39%;
}

#blog.t2 li.redesign .textbox {
	padding: 1.5em clamp(1.5em, 0.362em + 3.03vw, 4.25em);
}

#blog.t2 li.redesign { grid-column: 3 / 13; }


#blog.t2 li.redesign article>a { display: flex; }




/* MAX-WIDTH MEDIA QUERIES ------------------------------ */

@media (max-width: 1200px) {
	#services>ul>li:nth-child(1) { grid-column: 2 / 6; }
	#services>ul>li:nth-child(2) { grid-column: 6 / 10; }
	#services>ul>li:nth-child(3) { grid-column: 10 / 14; }

	main>div>div.ws-grid>#content {	grid-column: wrap-start / wrap-end;	}
	main>div>div.ws-grid>aside { grid-column: 2 / 5; }
	main>div>div.ws-grid>aside + #content { grid-column: 5 / 14; }

	.hero-line {
		height: calc(10em + 10vw);
		width: calc(100% - 10vw);
	}

	#welcome svg {
		left: 50%;
		width: 112vw;
	}

	#photo svg {
		left: 75vw;
		top: -12em;
	}

	.hiredct-title {
		font-size: clamp(2.8125rem, 2.2898rem + 1.1136vw, 3.125rem);
	}

}


@media (max-width: 1023px) {
	body>footer .fatFooter>div:nth-of-type(1) { grid-column: 2 / 5; }
	body>footer .fatFooter>div:nth-of-type(2) { grid-column: 5 / 8 }
	body>footer .fatFooter>div:nth-of-type(3) { grid-column: 8 / 11 }
	body>footer .fatFooter>div:nth-of-type(4) { grid-column: 11 / 14 }

	body>footer .footer-bottom nav {
		display: block;
	}

	body>footer nav span:first-of-type::before {
		display: none;
	}

	#brands:not(.digital-marketing) li:nth-child(3n+1) { grid-column: 2 / 6; }
	#brands:not(.digital-marketing) li:nth-child(3n+2) { grid-column: 6 / 10; }
	#brands:not(.digital-marketing) li:nth-child(3n+3) { grid-column: 10 / 14; }

	#brands.digital-marketing li:nth-child(2n+1) { grid-column: 2 / 8;}
	#brands.digital-marketing li:nth-child(2n+2) { grid-column: 8 / 14;}

	#welcome>div { grid-column: wrap-start / 12; }

	#cta svg { display: none; }


	#blog.t2 { row-gap: 2em	}
	#blog.t2 li:nth-child(2n+1) { grid-column: 2 / 8; }
	#blog.t2 li:nth-child(2n+2) { grid-column: 8 / 14; }
	#blog.t2 li.redesign { grid-column: 2 / 14; }

}


@media (max-width: 900px) {
	:root {
		--portfolio-column-gutter: 2vw;
	}

	#mainnav li .megamenu>ul>li::before {
		display: none;
	}

	#mainnav a {
		padding: 1.5em .6875em;
	}

	#cta h2 {
		font-size: 1.5em;
	}
}



/* MAX-HEIGHT MEDIA QUERIES ------------------------------ */

@media (max-height: 600px) {
	#exposure-popup img:first-of-type {
		margin: 0 auto .5em;
	}
	#exposure-popup p,
	#exposure-popup img:last-of-type {
		margin: .5em auto 1.25em;
	}
	#exposure-popup :is(p, em) {
		font-size: 1.0625em;
	}
}


/* ----~~~~~===== WEB SOLUTIONS - STYLE-D.CSS =====~~~~~----- */