:root{
	--blm-navy:#053f6c;
	--blm-deep:#032f50;
	--blm-orange:#ff6411;
	--blm-pale:#eef8fd;
	--blm-line:#cad9e3;
	--blm-text:#173f5c;
	--blm-white:#fff;
	--blm-shadow:0 14px 38px rgba(2,47,80,.13);
}

*{
	box-sizing:border-box;
}

html{
	scroll-behavior:smooth;
}

body{
	margin:0;
}


.single-content p {
	margin-bottom: 12px !important;
}

.blm-work{
	overflow:hidden;
	color:var(--blm-text);
	font-family:"Open Sans",Arial,sans-serif;
}

.blm-work button,.blm-work a{
	font:inherit;
}

.blm-work h1,.blm-work h2,.blm-work h3{
	font-family:"Montserrat",Arial,sans-serif;
}

.blm-work__container{
	width:min(1160px,calc(100% - 40px));
	margin-inline:auto;
}

.blm-work__section{
	padding:78px 0;
}

.blm-work__eyebrow{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:9px;
	margin:0 0 12px;
	color:var(--blm-navy);
	font-family:"Montserrat",sans-serif;
	font-size:12px;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.blm-work__eyebrow:after{
	content:"";
	width:48px;
	height:3px;
	background:var(--blm-orange);
}

.blm-work__eyebrow--light{
	color:#fff;
}

.blm-work__section-heading{
	max-width:760px;
	margin:0 auto 38px;
	text-align:center;
}

.blm-work__section-heading .blm-work__eyebrow{
	align-items:center;
}

.blm-work__section-heading h2{
	margin:0;
	color:var(--blm-navy);
	font-size:clamp(34px,4vw,48px);
	line-height:1.08;
	letter-spacing:-.035em;
}

.blm-work__section-heading>p:last-child{
	margin:12px 0 0;
	font-size:16px;
	line-height:1.6;
	text-align: center !important;
}

.blm-work__button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	padding:16px 23px;
	border:0;
	border-radius:3px;
	background:var(--blm-orange);
	box-shadow:0 0px 0px rgba(255,100,17,.0) !important;
	color:#fff;
	font-weight:800;
	text-decoration:none;
}

.blm-work__button:hover{
	color: #ffffff80 !important;
}

.blm-work__hero{
	position:relative;
	min-height:540px;
	overflow:hidden;
	background:linear-gradient(90deg,#032f50 0%,rgba(3,47,80,.98) 28%,rgba(3,47,80,.88) 47%,rgba(3,47,80,.48) 64%,rgba(3,47,80,.08) 83%,rgba(3,47,80,0) 100%),url("https://c9dezign.com/clients/blm/our-work/assets/portfolio-hero-01d.png") center/cover no-repeat,#032f50;
	color:#fff;
}

.blm-work__hero:before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 55%);
	pointer-events:none;
}

.blm-work__hero-inner{
	position:relative;
	z-index:1;
	display:flex;
	min-height:540px;
	align-items:center;
}

.blm-work__hero-copy{
	width:min(650px,58%);
	padding:70px 0;
}

.blm-work__hero h1{
	margin:0 0 19px;
	font-size:clamp(48px,6vw,76px);
	line-height:.98;
	letter-spacing:-.045em;
	color: #FFF !important;
}

.blm-work__hero h1 span{
	color:var(--blm-orange);
}

.blm-work__hero-copy>p:not(.blm-work__eyebrow){
	max-width:650px;
	margin:0 0 27px;
	color:#f4f9fc;
	font-size:18px;
	line-height:1.6;
	text-align: left !important;
}

.blm-work__intro{
	background:#fff;
}

.blm-work__intro-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:70px;
	align-items:start;
}

.blm-work__intro h2{
	max-width:550px;
	margin:0;
	color:var(--blm-navy);
	font-size:clamp(34px,4vw,50px);
	line-height:1.08;
	letter-spacing:-.035em;
}

.blm-work__intro-grid>div:last-child{
	padding-top:7px;
}

.blm-work__intro p{
	font-size:16px;
	line-height:1.7;
}

.blm-work__intro p:first-child{
	margin-top:0;
}

.blm-work__intro p:last-child{
	margin-bottom:0;
	color:var(--blm-orange);
	font-weight:700;
}

.blm-work__clients{
	background:linear-gradient(120deg,#f7fbfd,#eaf6fb);
}

.blm-work__client-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
}

.blm-work__client-card,.blm-work__category-card{
	appearance:none;
	padding:0;
	border:0;
	background:#fff;
	color:inherit;
	text-align:left;
	cursor:pointer;
}

.blm-work__client-card{
	overflow:hidden;
	border-radius:5px;
	box-shadow:0 7px 26px rgba(3,63,108,.09);
	transition:transform .22s ease,box-shadow .22s ease;
}

.blm-work__client-card:hover,.blm-work__client-card:focus-visible{
	transform:translateY(-7px);
	box-shadow:var(--blm-shadow);
}

.blm-work__client-logo{
	display:flex;
	height:210px;
	align-items:center;
	justify-content:center;
	gap:8px;
	background:#fff;
	color:var(--blm-navy);
	font-family:"Montserrat",sans-serif;
}



.blm-work__client-logo img {
  width: 75%;
  max-height: 120px;
  object-fit: contain;
}

.blm-work__client-logo small{
	font-size:16px;
	font-weight:600;
	letter-spacing:.13em;
}

.blm-work__client-logo strong{
	font-size:70px;
	line-height:1;
}

.blm-work__client-card:nth-child(2) .blm-work__client-logo{
	/* background:#073f68; */
	color:#fff;
}

.blm-work__client-card:nth-child(3) .blm-work__client-logo{
	/* background:#f4f7f9; */
	color:#ff6411;
}

.blm-work__client-card:nth-child(4) .blm-work__client-logo{
	/* background:#ff6411; */
	color:#fff;
}

.blm-work__card-foot{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:17px 18px;
	border-top:1px solid #e5edf2;
}

.blm-work__card-foot b{
	color:var(--blm-navy);
	font-size:13px;
}

.blm-work__card-foot i,.blm-work__category-copy>i{
	display:grid;
	width:30px;
	height:30px;
	place-items:center;
	border-radius:50%;
	background:var(--blm-pale);
	color:var(--blm-orange);
	font-style:normal;
	font-weight:800;
}

.blm-work__categories{
	background:#fff;
}

.blm-work__category-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}

.blm-work__category-card{
	overflow:hidden;
	border:1px solid #d8e3ea;
	border-radius:5px;
	box-shadow:0 6px 24px rgba(3,63,108,.07);
	transition:transform .22s ease,box-shadow .22s ease;
}

.blm-work__category-card:hover,.blm-work__category-card:focus-visible{
	transform:translateY(-6px);
	box-shadow:var(--blm-shadow);
}

.blm-work__category-art{
	position:relative;
	display:block;
	height:215px;
	overflow:hidden;
	background:linear-gradient(135deg,#073f68,#075d91);
}

.blm-work__category-art i{
	position:absolute;
	display:block;
	font-style:normal;
}

.blm-work__category-art--web i:nth-child(1){
	inset:32px 48px;
	border:5px solid #fff;
	border-radius:4px;
	background:#eaf6fb;
}

.blm-work__category-art--web i:nth-child(2){
	left:68px;
	right:68px;
	top:62px;
	height:47px;
	background:linear-gradient(100deg,#ff6411,#ff9d63);
}

.blm-work__category-art--web i:nth-child(3){
	left:68px;
	right:110px;
	top:124px;
	height:9px;
	background:#7ba5bd;
	box-shadow:0 20px 0 #b3cddc;
}

.blm-work__category-art--social i{
	width:105px;
	height:145px;
	top:30px;
	border:5px solid #fff;
	border-radius:5px;
	background:linear-gradient(150deg,#fff 0 42%,#ff6411 42%);
}

.blm-work__category-art--social i:nth-child(1){
	left:38px;
	transform:rotate(-8deg);
}

.blm-work__category-art--social i:nth-child(2){
	left:50%;
	transform:translateX(-50%);
	z-index:2;
	background:linear-gradient(150deg,#eaf6fb 0 42%,#063f68 42%);
}

.blm-work__category-art--social i:nth-child(3){
	right:38px;
	transform:rotate(8deg);
	background:linear-gradient(150deg,#fff 0 42%,#ff8c47 42%);
}

.blm-work__category-art--email i:nth-child(1){
	inset:38px 48px;
	border:5px solid #fff;
	background:#f3f9fc;
}

.blm-work__category-art--email i:nth-child(2){
	left:53px;
	right:53px;
	top:43px;
	height:55px;
	background:#ff6411;
}

.blm-work__category-art--email i:nth-child(3){
	left:72px;
	right:72px;
	top:118px;
	height:8px;
	background:#7fa6bd;
	box-shadow:0 19px 0 #b1c9d7,0 38px 0 #d0dee6;
}

.blm-work__category-art--print i{
	width:130px;
	height:165px;
	top:23px;
	border:5px solid #fff;
	background:linear-gradient(180deg,#ff6411 0 29%,#fff 29%);
}

.blm-work__category-art--print i:nth-child(1){
	left:48px;
	transform:rotate(-7deg);
}

.blm-work__category-art--print i:nth-child(2){
	left:50%;
	transform:translateX(-50%);
	z-index:2;
	background:linear-gradient(180deg,#eaf6fb 0 29%,#fff 29%);
}

.blm-work__category-art--print i:nth-child(3){
	right:48px;
	transform:rotate(7deg);
	background:linear-gradient(180deg,#ff9f63 0 29%,#fff 29%);
}

.blm-work__category-art--ads i:nth-child(1){
	left:44px;
	top:32px;
	width:130px;
	height:145px;
	border:5px solid #fff;
	background:linear-gradient(150deg,#ff6411,#ff9959);
}

.blm-work__category-art--ads i:nth-child(2){
	right:47px;
	top:48px;
	width:145px;
	height:96px;
	border:5px solid #fff;
	background:#eaf6fb;
}

.blm-work__category-art--ads i:nth-child(3){
	right:75px;
	bottom:39px;
	width:85px;
	height:24px;
	background:#ff6411;
}

.blm-work__category-art--brand{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
}

.blm-work__category-art--brand i{
	position:static;
	display:grid;
	width:70px;
	height:70px;
	place-items:center;
	border:2px solid rgba(255,255,255,.52);
	border-radius:50%;
	color:#fff;
	font-family:"Montserrat",sans-serif;
	font-size:28px;
	font-weight:800;
}

.blm-work__category-art--brand i:nth-child(2){
	background:#ff6411;
	border-color:#ff6411;
	transform:scale(1.15);
}

.blm-work__category-copy{
	position:relative;
	display:flex;
	min-height:104px;
	flex-direction:column;
	justify-content:center;
	padding:18px 58px 18px 20px;
}

.blm-work__category-copy small{
	margin-bottom:4px;
	color:var(--blm-orange);
	font-size:10px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.blm-work__category-copy strong{
	color:var(--blm-navy);
	font-family:"Montserrat",sans-serif;
	font-size:19px;
	line-height:1.15;
}

.blm-work__category-copy>i{
	position:absolute;
	right:18px;
	top:50%;
	transform:translateY(-50%);
}

.blm-work__category-art--seo i:nth-child(1){
	left:58px;
	top:42px;
	width:110px;
	height:110px;
	border:12px solid #fff;
	border-radius:50%;
}

.blm-work__category-art--seo i:nth-child(2){
	left:155px;
	top:142px;
	width:94px;
	height:15px;
	border-radius:10px;
	background:#fff;
	transform:rotate(43deg);
}

.blm-work__category-art--seo i:nth-child(3){
	right:58px;
	top:48px;
	width:98px;
	height:13px;
	background:#ff6411;
	box-shadow:0 29px 0 #56b3d0,0 58px 0 #fff;
}

.blm-work__category-art--ppc i:nth-child(1){
	left:54px;
	top:42px;
	width:148px;
	height:116px;
	border:5px solid #fff;
	border-radius:4px;
	background:#eaf6fb;
}

.blm-work__category-art--ppc i:nth-child(2){
	left:85px;
	top:72px;
	width:86px;
	height:28px;
	border-radius:3px;
	background:#ff6411;
}

.blm-work__category-art--ppc i:nth-child(3){
	right:64px;
	bottom:38px;
	width:69px;
	height:88px;
	background:linear-gradient(150deg,transparent 0 45%,#fff 46% 56%,transparent 57%),linear-gradient(32deg,transparent 0 47%,#ff6411 48% 62%,transparent 63%);
}

.blm-work__category-art--blog i:nth-child(1){
	left:51px;
	right:51px;
	top:34px;
	height:148px;
	border:5px solid #fff;
	background:#f6fafc;
}

.blm-work__category-art--blog i:nth-child(2){
	left:72px;
	top:57px;
	width:105px;
	height:58px;
	background:linear-gradient(135deg,#ff6411,#ff9f65);
}

.blm-work__category-art--blog i:nth-child(3){
	left:195px;
	right:72px;
	top:61px;
	height:9px;
	background:#688fa7;
	box-shadow:0 22px 0 #9bb8c9,0 44px 0 #c2d5e0,0 78px 0 #7b9fb4;
}

.blm-work__cta{
	padding:52px 0;
	background:linear-gradient(108deg,#032f50,#07527f);
	color:#fff;
}

.blm-work__cta-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:45px;
}

.blm-work__cta h2{
	max-width:760px;
	margin:0;
	font-size:clamp(28px,3.6vw,42px);
	line-height:1.08;
	letter-spacing:-.025em;
	color: #FFF !important;
}

.blm-work__cta p:not(.blm-work__eyebrow){
	margin:10px 0 0;
	color:#e5f1f7;
}

.blm-work__cta .blm-work__button{
	flex:0 0 auto;
}

.blm-work__lightbox[hidden]{
	display:none;
}

.blm-work__lightbox{
	position:fixed;
	z-index:99999;
	inset:0;
	display:grid;
	place-items:center;
	padding:24px;
}

.blm-work__lightbox-backdrop{
	position:absolute;
	inset:0;
	background:rgba(0,24,43,.86);
	backdrop-filter:blur(6px);
}

.blm-work__lightbox-dialog{
	position:relative;
	z-index:1;
	width:min(1030px,100%);
	max-height:calc(100vh - 48px);
	overflow:auto;
	padding:30px;
	border-radius:7px;
	background:#fff;
	box-shadow:0 26px 80px rgba(0,0,0,.38);
}

.blm-work__lightbox-close{
	position:absolute;
	right:20px;
	top:16px;
	width:42px;
	height:42px;
	border:0;
	border-radius:50%;
	background:var(--blm-pale);
	color:var(--blm-navy);
	font-size:30px;
	line-height:1;
	cursor:pointer;
}

.blm-work__lightbox-top h2{
	margin:0;
	color:var(--blm-navy);
	font-size:30px;
}

.blm-work__lightbox-top>p:last-child{
	position:absolute;
	right:78px;
	top:24px;
	margin:0;
	color:#617b8d;
	font-size:13px;
}

.blm-work__lightbox-stage{
	position:relative;
	display:grid;
	min-height:470px;
	grid-template-columns:52px 1fr 52px;
	align-items:center;
	margin-top:20px;
	background:#eaf2f6;
}

.blm-work__lightbox-media{
	height:100%;
	min-height:470px;
}

.blm-work__lightbox-image{
	display:block;
	width:100%;
	height:100%;
	min-height:470px;
	max-height:65vh;
	object-fit:contain;
	background:#f7fafc;
}

.blm-work__placeholder{
	display:grid;
	min-height:470px;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:45px;
	padding:58px;
	background:linear-gradient(135deg,#053f6c,#0871a4);
	color:#fff;
}

.blm-work__placeholder:before{
	content:"";
	display:block;
	height:290px;
	border:10px solid #fff;
	border-radius:4px;
	background:linear-gradient(150deg,var(--accent,#ff6411),#fff 48%);
	box-shadow:0 18px 35px rgba(0,0,0,.2);
	transform:rotate(-3deg);
}

.blm-work__placeholder span{
	font-family:"Montserrat",sans-serif;
	font-size:36px;
	font-weight:800;
	line-height:1.08;
}

.blm-work__placeholder small{
	display:block;
	margin-top:13px;
	color:#d8eaf3;
	font-family:"Open Sans",sans-serif;
	font-size:14px;
	font-weight:600;
}

.blm-work__lightbox-arrow{
	width:42px;
	height:42px;
	justify-self:center;
	border:1px solid #9bb4c4;
	border-radius:50%;
	background:#fff;
	color:var(--blm-navy);
	font-size:31px;
	line-height:1;
	cursor:pointer;
}

.blm-work__lightbox-caption{
	padding:14px 2px 4px;
	color:var(--blm-text);
	font-size:14px;
}

.blm-work__lightbox-thumbs{
	display:flex;
	gap:10px;
	margin-top:12px;
}

.blm-work__lightbox-thumb{
	width:72px;
	height:48px;
	border:2px solid transparent;
	border-radius:3px;
	background:linear-gradient(135deg,#c9dae4,#eef6fa);
	color:var(--blm-navy);
	font-weight:800;
	cursor:pointer;
}

.blm-work__lightbox-thumb.is-active{
	border-color:var(--blm-orange);
}

body.blm-work-lock{
	overflow:hidden;
}

@media(max-width:960px){
	.blm-work__hero{
		background-position:62% center;
	}
	.blm-work__hero-copy{
		width:66%;
	}
	.blm-work__hero h1{
		font-size:52px;
	}
	.blm-work__client-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.blm-work__category-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.blm-work__cta-inner{
		align-items:flex-start;
		flex-direction:column;
	}
}

@media(max-width:760px){
	.blm-work__container{
		width:min(100% - 28px,1160px);
	}
	.blm-work__section{
		padding:58px 0 20px 0;
	}
.blm-work__hero {
	min-height: 600px;
	background:
		linear-gradient(0deg, #032f50 0%, #032f50 51%, rgba(3,47,80,.78) 68%, rgba(3,47,80,.18) 100%),
		url("https://c9dezign.com/clients/blm/our-work/assets/portfolio-hero-01d.png") 66% top/auto 52% no-repeat,
		#032f50;
}
	.blm-work__hero-inner{
		display:block;
		min-height:600px;
	}
	.blm-work__hero-copy{
		width:100%;
		padding:245px 0 20px 0;
	}
	.blm-work__hero h1{
		font-size:45px;
	}
	.blm-work__hero-copy>p:not(.blm-work__eyebrow){
		font-size:16px;
	}
	.blm-work__intro-grid{
		grid-template-columns:1fr;
		gap:26px;
	}
	.blm-work__client-grid,.blm-work__category-grid{
		grid-template-columns:1fr;
	}
	.blm-work__client-logo{
		height:180px;
	}
	.blm-work__lightbox{
		padding:10px;
	}
	.blm-work__lightbox-dialog{
		max-height:calc(100vh - 20px);
		padding:20px 14px;
	}
	.blm-work__lightbox-stage{
		min-height:360px;
		grid-template-columns:42px 1fr 42px;
	}
	.blm-work__lightbox-media,.blm-work__lightbox-image{
		min-height:360px;
	}
	.blm-work__placeholder{
		min-height:360px;
		grid-template-columns:1fr;
		padding:34px;
		text-align:center;
	}
	.blm-work__placeholder:before{
		display:none;
	}
	.blm-work__placeholder span{
		font-size:27px;
	}
	.blm-work__lightbox-top>p:last-child{
		position:static;
		margin-top:5px;
	}
	.blm-work__lightbox-close{
		right:12px;
		top:12px;
	}
	.blm-work__lightbox-arrow{
		width:36px;
		height:36px;
	}
	.blm-work__lightbox-thumbs{
		justify-content:center;
	}
}

@media(prefers-reduced-motion:reduce){
	*{
		scroll-behavior:auto!important;
		transition:none!important;
	}
}


.blm-work .blm-work__client-card:hover,
.blm-work .blm-work__category-card:hover
{
	background: #EAEAEA80 !important;
	color: var(--blm-text);
}


.blm-work .blm-work__client-card:focus,
.blm-work .blm-work__client-card:active,
.blm-work .blm-work__category-card:focus,
.blm-work .blm-work__category-card:active {
	background: #FFF;
	color: var(--blm-text);
}

.blm-work__project-slide {
  display: grid;
  min-height: 470px;
  height: 100%;
  grid-template-columns: minmax(0, 1.25fr) minmax(230px, 0.75fr);
  align-items: center;
  gap: 45px;
  padding: 48px;
  overflow: hidden;
  background: linear-gradient(135deg, #053f6c, #0871a4);
}

.blm-work__project-image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.blm-work__project-image {
  display: block;
  width: 100%;
  max-width: 590px;
  max-height: 370px;
  object-fit: contain;
  background: #fff;
  border: 8px solid #fff;
  outline: 1px solid #ccc;
  outline-offset: -9px;
  border-radius: 4px;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.24);
  transform: rotate(-2deg);
}


.blm-work__project-copy {
  color: #fff;
}

.blm-work__project-copy strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(27px, 3vw, 38px);
  font-weight: 800;
  line-height: 1.08;
}

.blm-work__project-copy small {
  display: block;
  margin-top: 13px;
  color: #d8eaf3;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .blm-work__project-slide {
    min-height: 360px;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 30px;
    text-align: center;
  }

  .blm-work__project-image {
    max-height: 220px;
    transform: none;
  }
}

.blm-work__lightbox-caption {
  display: none;
}
