/* Scoped to the Outsourcing to the Philippines hero. */
.brayne-owp-hero {
	--brayne-navy: #0A2A48;
	--brayne-green: #2F7D57;
	--brayne-green-dark: #1B4B36;
	--brayne-mint: #EAF5EE;
	--brayne-off-white: #F7F5EF;
	--brayne-white: #FFFFFF;
	--brayne-border: rgba(47, 125, 87, 0.20);
	--brayne-shadow: 0 18px 50px rgba(10, 42, 72, 0.10);
	--owp-ease: cubic-bezier(0.22, 1, 0.36, 1);
	box-sizing: border-box;
	width: 100%;
	background: var(--brayne-off-white);
	overflow-x: clip;
	color: var(--brayne-navy);
}

.brayne-owp-hero *,
.brayne-owp-hero *::before,
.brayne-owp-hero *::after {
	box-sizing: border-box;
}

.cb-owp_page [data-id="owp_hero"],
.cb-owp_page [data-id="owp_hero_mount"] {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--brayne-off-white, #F7F5EF);
}

.cb-owp_page [data-id="owp_hero_mount"] {
	display: block !important;
}

.brayne-owp-hero__inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	min-height: 700px;
	padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 56px);
	display: grid;
	grid-template-columns: minmax(0, 1.17fr) minmax(0, 1fr);
	gap: clamp(28px, 4vw, 64px);
	align-items: center;
}

.brayne-owp-hero__copy {
	min-width: 0;
}

.brayne-owp-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 22px;
	padding: 6px 14px 6px 10px;
	border-radius: 999px;
	border: 1px solid var(--brayne-border);
	background: var(--brayne-mint);
	color: var(--brayne-green);
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

.brayne-owp-hero__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--brayne-green);
	flex: 0 0 auto;
}

.brayne-owp-hero__title {
	margin: 0 0 22px;
	font-family: "Century Gothic", CenturyGothic, sans-serif;
	font-size: clamp(2.375rem, 2rem + 3.4vw, 5.125rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.035em;
	color: var(--brayne-navy);
}

.brayne-owp-hero__line {
	display: block;
}

.brayne-owp-hero__line--hl {
	position: relative;
	display: inline-block;
	color: var(--brayne-green);
	white-space: nowrap;
}

.brayne-owp-hero__underline {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.08em;
	width: 100%;
	height: 0.18em;
	color: var(--brayne-green);
	overflow: visible;
	pointer-events: none;
}

.brayne-owp-hero__underline path {
	stroke-dasharray: 360;
	stroke-dashoffset: 0;
}

.brayne-owp-hero__sub {
	margin: 0 0 14px;
	max-width: 36ch;
	font-family: Inter, sans-serif;
	font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.25rem);
	font-weight: 700;
	line-height: 1.45;
	color: var(--brayne-navy);
}

.brayne-owp-hero__lead {
	margin: 0 0 28px;
	max-width: 54ch;
	font-family: Inter, sans-serif;
	font-size: clamp(16px, 0.95rem + 0.2vw, 18px);
	font-weight: 400;
	line-height: 1.65;
	color: #355066;
}

.brayne-owp-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 28px;
}

.brayne-owp-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 999px;
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease;
}

.brayne-owp-hero__btn--primary {
	background: var(--brayne-green-dark);
	color: var(--brayne-white) !important;
	border: 1px solid var(--brayne-green-dark);
}

.brayne-owp-hero__btn--secondary {
	background: var(--brayne-off-white);
	color: var(--brayne-green-dark) !important;
	border: 1px solid var(--brayne-green);
}

.brayne-owp-hero__btn--secondary .brayne-owp-hero__icon {
	width: 16px;
	height: 16px;
	transition: transform 220ms ease;
}

.brayne-owp-hero__btn--primary:hover {
	transform: translateY(-2px);
	background: #163d2c;
	border-color: #163d2c;
}

.brayne-owp-hero__btn--secondary:hover {
	transform: translateY(-2px);
	border-color: var(--brayne-green-dark);
}

.brayne-owp-hero__btn--secondary:hover .brayne-owp-hero__icon {
	transform: translateX(4px);
}

.brayne-owp-hero__btn:active {
	transform: translateY(0);
}

.brayne-owp-hero__btn:focus-visible,
.brayne-owp-hero__card:focus-visible {
	outline: 2px solid var(--brayne-green);
	outline-offset: 3px;
}

.brayne-owp-hero__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.brayne-owp-hero__pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid var(--brayne-border);
	background: rgba(255, 255, 255, 0.72);
	color: #3d5a6e;
	font-family: Inter, sans-serif;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.2;
}

.brayne-owp-hero__pill .brayne-owp-hero__icon {
	width: 14px;
	height: 14px;
	color: var(--brayne-green);
	flex: 0 0 auto;
}

.brayne-owp-hero__art {
	min-width: 0;
	width: 100%;
}

.brayne-owp-hero__stage {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: visible;
}

.brayne-owp-hero__blob,
.brayne-owp-hero__network,
.brayne-owp-hero__map-wrap {
	position: absolute;
	pointer-events: none;
}

.brayne-owp-hero__blob {
	inset: 0;
	width: 100%;
	height: 100%;
	fill: var(--brayne-mint);
	z-index: 0;
}

.brayne-owp-hero__map-wrap {
	inset: 10% 12% 6% 18%;
	z-index: 1;
}

.brayne-owp-hero__map {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.brayne-owp-hero__map-shape,
.brayne-owp-hero__map path {
	fill: #8FB89A;
}

.brayne-owp-hero__network {
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: visible;
}

.brayne-owp-hero__orbit {
	fill: none;
	stroke: rgba(47, 125, 87, 0.28);
	stroke-width: 0.7;
	stroke-dasharray: 1.6 3.2;
	stroke-linecap: round;
}

.brayne-owp-hero__path {
	fill: none;
	stroke: var(--brayne-green-dark);
	stroke-width: 0.72;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.88;
	transition: stroke-width 220ms ease, opacity 220ms ease;
}

.brayne-owp-hero__particle {
	fill: var(--brayne-green);
	opacity: 0;
	filter: drop-shadow(0 0 2px rgba(47, 125, 87, 0.35));
	offset-rotate: 0deg;
}

.brayne-owp-hero__particle--1 { offset-path: path('M50 50C40 48 28 36 18 26'); }
.brayne-owp-hero__particle--2 { offset-path: path('M50 50C36 51 24 52 14 52'); }
.brayne-owp-hero__particle--3 { offset-path: path('M50 50C64 54 78 60 88 66'); }

.brayne-owp-hero__hub {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	transform: translate(-50%, -50%);
}

.brayne-owp-hero__hub-core {
	width: clamp(118px, 22%, 148px);
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 12px;
	background: var(--brayne-green-dark);
	color: var(--brayne-white);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 14px 34px rgba(10, 42, 72, 0.16);
	transition: transform 220ms ease;
}

.brayne-owp-hero__hub-name {
	font-family: "Century Gothic", CenturyGothic, sans-serif;
	font-size: clamp(13px, 1.7vw, 16px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.04em;
}

.brayne-owp-hero__hub-meta {
	margin-top: 6px;
	font-family: Inter, sans-serif;
	font-size: clamp(7px, 0.85vw, 9px);
	font-weight: 600;
	letter-spacing: 0.06em;
	opacity: 0.86;
}

.brayne-owp-hero__hub:hover .brayne-owp-hero__hub-core {
	transform: scale(1.04);
}

.brayne-owp-hero__card-slot {
	position: absolute;
	z-index: 5;
}

.brayne-owp-hero__card-slot--web { left: 2%; top: 20%; }
.brayne-owp-hero__card-slot--design { right: 1%; top: 23%; }
.brayne-owp-hero__card-slot--seo { left: 0; top: 46%; }
.brayne-owp-hero__card-slot--ppc { left: 3%; top: 70%; }
.brayne-owp-hero__card-slot--creative { right: 0; top: 60%; }
.brayne-owp-hero__card-slot--whitelabel { right: 4%; top: 4%; }

.brayne-owp-hero__card {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 14px;
	background: var(--brayne-white);
	border: 1px solid var(--brayne-border);
	box-shadow: var(--brayne-shadow);
	color: var(--brayne-navy) !important;
	font-family: Inter, sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-decoration: none !important;
	white-space: nowrap;
	transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.brayne-owp-hero__card .brayne-owp-hero__icon {
	width: 18px;
	height: 18px;
	color: var(--brayne-green);
	flex: 0 0 auto;
}

.brayne-owp-hero__card:hover,
.brayne-owp-hero__card:focus-visible {
	transform: translateY(-4px);
	border-color: rgba(47, 125, 87, 0.45);
	box-shadow: 0 20px 40px rgba(10, 42, 72, 0.14);
}

.brayne-owp-hero__card-slot:has(.brayne-owp-hero__card:hover),
.brayne-owp-hero__card-slot:has(.brayne-owp-hero__card:focus-visible) {
	animation-play-state: paused;
	z-index: 6;
}

.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="web"]:hover) .brayne-owp-hero__path--web,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="web"]:focus-visible) .brayne-owp-hero__path--web,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="design"]:hover) .brayne-owp-hero__path--design,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="design"]:focus-visible) .brayne-owp-hero__path--design,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="seo"]:hover) .brayne-owp-hero__path--seo,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="seo"]:focus-visible) .brayne-owp-hero__path--seo,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="ppc"]:hover) .brayne-owp-hero__path--ppc,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="ppc"]:focus-visible) .brayne-owp-hero__path--ppc,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="creative"]:hover) .brayne-owp-hero__path--creative,
.brayne-owp-hero__stage:has(.brayne-owp-hero__card[data-service="creative"]:focus-visible) .brayne-owp-hero__path--creative,
.brayne-owp-hero__stage:has(.brayne-owp-hero__hub:hover) .brayne-owp-hero__path {
	stroke-width: 2.05;
	opacity: 1;
}

.brayne-owp-hero__node {
	position: absolute;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--brayne-white);
	border: 1px solid var(--brayne-border);
	box-shadow: 0 10px 24px rgba(10, 42, 72, 0.08);
	color: var(--brayne-navy);
	font-family: Inter, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.brayne-owp-hero__node--us { left: 0; top: 2%; }
.brayne-owp-hero__node--ca { right: 0; top: 6%; }
.brayne-owp-hero__node--au { left: 10%; bottom: 2%; }
.brayne-owp-hero__node--nz { right: 1%; bottom: 5%; }

/* Motion-enabled entrance: hide until sequenced. No-JS stays visible. */
html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__anim,
html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__path,
html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__underline path {
	opacity: 0;
}

html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__anim {
	transform: translateY(12px);
}

html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__map-wrap {
	transform: scale(0.96);
}

html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__hub {
	transform: translate(-50%, -50%) scale(0.8);
}

html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__node {
	transform: scale(0.7);
}

html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__anim,
.brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__anim {
	opacity: 1;
	transform: none;
	transition: opacity 420ms var(--owp-ease), transform 520ms var(--owp-ease);
}

html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="eyebrow"] { transition-delay: 0ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="h1a"] { transition-delay: 70ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="h1b"] { transition-delay: 150ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="sub"] { transition-delay: 340ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="lead"] { transition-delay: 420ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="cta"] { transition-delay: 500ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(1) { transition-delay: 580ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(2) { transition-delay: 620ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(3) { transition-delay: 660ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(4) { transition-delay: 700ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(5) { transition-delay: 740ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(6) { transition-delay: 780ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(7) { transition-delay: 820ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="pill"]:nth-child(8) { transition-delay: 860ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="map"] {
	transition-delay: 780ms;
	transform: scale(1);
}
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="hub"] {
	transition-delay: 920ms;
	transform: translate(-50%, -50%) scale(1);
}
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__card-slot--web { transition-delay: 1180ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__card-slot--design { transition-delay: 1260ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__card-slot--seo { transition-delay: 1340ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__card-slot--ppc { transition-delay: 1420ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__card-slot--creative { transition-delay: 1500ms; }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__node--us { transition-delay: 1500ms; transform: scale(1); }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__node--ca { transition-delay: 1560ms; transform: scale(1); }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__node--au { transition-delay: 1620ms; transform: scale(1); }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__node--nz { transition-delay: 1680ms; transform: scale(1); }
html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in [data-owp-anim="whitelabel"] { transition-delay: 1760ms; }

html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__underline path {
	opacity: 1;
	animation: owp-underline 420ms var(--owp-ease) 220ms both;
}

html.brayne-owp-hero-motion .brayne-owp-hero.brayne-owp-hero--in .brayne-owp-hero__path {
	opacity: 0.88;
	animation: owp-draw 480ms var(--owp-ease) 1020ms both;
}

@keyframes owp-underline {
	from { stroke-dashoffset: 360; }
	to { stroke-dashoffset: 0; }
}

@keyframes owp-draw {
	from { stroke-dashoffset: var(--owp-len, 80); }
	to { stroke-dashoffset: 0; }
}

@keyframes owp-breathe {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.025); }
}

@keyframes owp-float-map {
	from { transform: translateY(0); }
	to { transform: translateY(-4px); }
}

@keyframes owp-float-a {
	from { transform: translateY(0); }
	to { transform: translateY(-3px); }
}

@keyframes owp-float-b {
	from { transform: translateY(0); }
	to { transform: translateY(2px); }
}

@keyframes owp-pulse-node {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.06); }
}

@keyframes owp-orbit {
	to { stroke-dashoffset: -80; }
}

.brayne-owp-hero--live .brayne-owp-hero__hub-core {
	animation: owp-breathe 4s ease-in-out infinite;
}

.brayne-owp-hero--live .brayne-owp-hero__map {
	animation: owp-float-map 7s ease-in-out infinite alternate;
}

.brayne-owp-hero--live .brayne-owp-hero__card-slot--web { animation: owp-float-a 5.2s ease-in-out infinite alternate; }
.brayne-owp-hero--live .brayne-owp-hero__card-slot--design { animation: owp-float-b 6.4s 0.4s ease-in-out infinite alternate; }
.brayne-owp-hero--live .brayne-owp-hero__card-slot--seo { animation: owp-float-a 7.1s 0.8s ease-in-out infinite alternate; }
.brayne-owp-hero--live .brayne-owp-hero__card-slot--ppc { animation: owp-float-b 5.8s 1.2s ease-in-out infinite alternate; }
.brayne-owp-hero--live .brayne-owp-hero__card-slot--creative { animation: owp-float-a 7.8s 0.2s ease-in-out infinite alternate; }
.brayne-owp-hero--live .brayne-owp-hero__card-slot--whitelabel { animation: owp-float-b 6.8s 1s ease-in-out infinite alternate; }

.brayne-owp-hero--live .brayne-owp-hero__node--us { animation: owp-pulse-node 4.6s 0s ease-in-out infinite; }
.brayne-owp-hero--live .brayne-owp-hero__node--ca { animation: owp-pulse-node 5.2s 0.7s ease-in-out infinite; }
.brayne-owp-hero--live .brayne-owp-hero__node--au { animation: owp-pulse-node 5.8s 1.3s ease-in-out infinite; }
.brayne-owp-hero--live .brayne-owp-hero__node--nz { animation: owp-pulse-node 4.9s 1.9s ease-in-out infinite; }

.brayne-owp-hero--live .brayne-owp-hero__orbit {
	animation: owp-orbit 28s linear infinite;
}

.brayne-owp-hero--live .brayne-owp-hero__particle {
	opacity: 0.9;
}

.brayne-owp-hero--live .brayne-owp-hero__particle--1 { animation: owp-travel 5.2s linear infinite; }
.brayne-owp-hero--live .brayne-owp-hero__particle--2 { animation: owp-travel 6.4s 1.1s linear infinite; }
.brayne-owp-hero--live .brayne-owp-hero__particle--3 { animation: owp-travel 5.8s 2s linear infinite; }

@keyframes owp-travel {
	to { offset-distance: 100%; }
}

.brayne-owp-hero--live .brayne-owp-hero__card-slot:has(.brayne-owp-hero__card:hover),
.brayne-owp-hero--live .brayne-owp-hero__card-slot:has(.brayne-owp-hero__card:focus-visible) {
	animation-play-state: paused;
}

@media (max-width: 1199px) {
	.brayne-owp-hero__inner {
		min-height: 0;
		padding-top: 56px;
		padding-bottom: 56px;
		gap: 28px;
	}

	.brayne-owp-hero__title {
		font-size: clamp(2.2rem, 4.6vw, 3.5rem);
	}

	.brayne-owp-hero__card {
		padding: 8px 11px;
		font-size: 11px;
	}

	.brayne-owp-hero__hub-core {
		width: clamp(104px, 24%, 128px);
	}
}

@media (max-width: 767px) {
	.brayne-owp-hero__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		padding: 40px 18px 48px;
	}

	.brayne-owp-hero__title {
		font-size: clamp(2.05rem, 9vw, 2.75rem);
	}

	.brayne-owp-hero__line--hl {
		white-space: normal;
	}

	.brayne-owp-hero__sub {
		max-width: none;
	}

	.brayne-owp-hero__actions {
		flex-direction: column;
	}

	.brayne-owp-hero__btn {
		width: 100%;
	}

	.brayne-owp-hero__art {
		max-width: 560px;
		margin: 8px auto 0;
	}

	.brayne-owp-hero__card-slot--web { left: 0; top: 18%; }
	.brayne-owp-hero__card-slot--design { right: 0; top: 20%; }
	.brayne-owp-hero__card-slot--seo { left: 0; top: 45%; }
	.brayne-owp-hero__card-slot--ppc { left: 2%; top: 68%; }
	.brayne-owp-hero__card-slot--creative { right: 0; top: 58%; }
	.brayne-owp-hero__card-slot--whitelabel { right: 2%; top: 2%; }

	.brayne-owp-hero__node--us { left: 0; top: 0; }
	.brayne-owp-hero__node--ca { right: 0; top: 4%; }
	.brayne-owp-hero__node--au { left: 6%; bottom: 0; }
	.brayne-owp-hero__node--nz { right: 0; bottom: 3%; }
}

@media (max-width: 420px) {
	.brayne-owp-hero__orbit {
		display: none;
	}

	.brayne-owp-hero__card {
		padding: 8px 10px;
		letter-spacing: 0.03em;
	}

	.brayne-owp-hero__node {
		width: 38px;
		height: 38px;
		font-size: 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__anim,
	html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__path,
	html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__underline path {
		opacity: 1;
		transform: none;
	}

	html.brayne-owp-hero-motion .brayne-owp-hero .brayne-owp-hero__hub {
		transform: translate(-50%, -50%);
	}

	.brayne-owp-hero .brayne-owp-hero__anim,
	.brayne-owp-hero .brayne-owp-hero__path,
	.brayne-owp-hero .brayne-owp-hero__underline path,
	.brayne-owp-hero .brayne-owp-hero__map,
	.brayne-owp-hero .brayne-owp-hero__hub-core,
	.brayne-owp-hero .brayne-owp-hero__orbit,
	.brayne-owp-hero .brayne-owp-hero__card-slot,
	.brayne-owp-hero .brayne-owp-hero__node {
		animation: none !important;
		transition: none !important;
	}

	.brayne-owp-hero__path {
		stroke-dashoffset: 0 !important;
		stroke-dasharray: none !important;
	}

	.brayne-owp-hero__underline path {
		stroke-dashoffset: 0 !important;
	}

	.brayne-owp-hero__particle {
		display: none !important;
	}

	.brayne-owp-hero__btn,
	.brayne-owp-hero__card,
	.brayne-owp-hero__btn--secondary .brayne-owp-hero__icon {
		transition: transform 80ms ease, box-shadow 80ms ease, border-color 80ms ease;
	}

	.brayne-owp-hero__btn:hover,
	.brayne-owp-hero__card:hover,
	.brayne-owp-hero__card:focus-visible {
		transform: translateY(-2px);
	}

	.brayne-owp-hero__hub:hover .brayne-owp-hero__hub-core {
		transform: none;
	}
}