/*
 * Latest Figma desktop pages (1280 px source artboard).
 * Every selector is scoped to .sbp so the editable front page remains isolated.
 */
.sbp {
	width: 100%;
	padding-top: var(--sb-header);
	overflow: hidden;
	background: #fff;
	color: #083d3a;
}

.sbp section {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.sbp h1,
.sbp h2,
.sbp h3,
.sbp p,
.sbp small {
	margin: 0;
}

.sbp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sbp span {
	display: block;
}

.sbp .sbp-kicker {
	position: absolute;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
	letter-spacing: 1.56px;
}

.sbp-orbit {
	position: absolute;
	border: 1px solid currentColor;
	border-radius: 50%;
	opacity: 0.32;
}

.sbp + .site-footer {
	height: 478.5px;
	padding: 80px 0 32px;
}

.sbp--about + .site-footer {
	background: #062f2d;
}

body.page-about .site-header { border-bottom-color:rgba(213,230,222,.72); }
body.page-about .header-contact { background:#0a8f88; }
body.page-about .primary-nav .menu-item:nth-child(1) a,
body.post-type-archive-media .primary-nav .menu-item:nth-child(3) a,
body.post-type-archive-job .primary-nav .menu-item:nth-child(4) a { color:#0a8f88; }
body.category-news .primary-nav .menu-item:nth-child(5) a,
body.page-news .primary-nav .menu-item:nth-child(5) a { color:#168fdf; }
body.page-about .primary-nav .menu-item:nth-child(1) a::after,
body.post-type-archive-media .primary-nav .menu-item:nth-child(3) a::after,
body.post-type-archive-job .primary-nav .menu-item:nth-child(4) a::after,
body.category-news .primary-nav .menu-item:nth-child(5) a::after,
body.page-news .primary-nav .menu-item:nth-child(5) a::after { right:0; left:0; }
body.category-news .primary-nav .menu-item:nth-child(5) a::after,
body.page-news .primary-nav .menu-item:nth-child(5) a::after { background:linear-gradient(90deg,transparent,#168fdf,transparent); }

/* About / hero */
.sbp-about-hero {
	height: 760px;
	background: #00706e;
	color: #f2fafc;
}

.sbp-about-hero__image {
	position: absolute;
	top: 20px;
	left: 0;
	height: 720px !important;
	object-position: center center;
}

.sbp-about-hero__left {
	position: absolute;
	inset: 0 auto 0 0;
	width: 860px;
	background: linear-gradient(90deg, rgba(0,103,100,.92), rgba(0,127,120,.66) 58%, rgba(0,127,120,0));
}

.sbp-about-hero__bottom {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 310px;
	background: linear-gradient(180deg, rgba(0,95,93,0), rgba(0,95,93,.68));
}

.sbp-signal {
	position: absolute;
	height: 3px;
	border-radius: 2px;
}

.sbp-about-hero__signal {
	top: 91px;
	left: 66px;
	width: 58px;
	background: #26d9e6;
}

.sbp-about-hero__eyebrow {
	position: absolute;
	top: 111px;
	left: 66px;
	color: #6bf2e4;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.3px;
}

.sbp-about-hero__title {
	position: absolute;
	top: 159px;
	left: 66px;
	width: 660px;
	font-size: 70px;
	font-weight: 700;
	line-height: 82px;
	letter-spacing: -1.4px;
}

.sbp-about-hero__lead {
	position: absolute;
	top: 270px;
	left: 70px;
	width: 545px;
	color: #d9f4f4;
	font-size: 20px;
	line-height: 34px;
}

.sbp-about-hero__belief {
	position: absolute;
	top: 390px;
	left: 70px;
	height: 118px;
	padding: 4px 0 0 24px;
	border-left: 2px solid rgba(32,183,178,.9);
}

.sbp-about-hero__belief p {
	color: #26d9e6;
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
	letter-spacing: 1.44px;
}

.sbp-about-hero__belief strong {
	display: block;
	margin-top: 18px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: .64px;
}

.sbp-about-hero__foot {
	position: absolute;
	top: 679px;
	left: 70px;
	color: #9ddddd;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 1.21px;
}

/* About / MVV */
.sbp-about-mvv {
	height: 1000px;
	background: #f3fbf6;
}

.sbp-about-mvv__orbit {
	top: -115px;
	left: 1005px;
	width: 360px;
	height: 360px;
	color: #26d9e6;
	box-shadow: 0 0 90px rgba(230,210,56,.18) inset;
}

.sbp-about-mvv > .sbp-section-title {
	position: absolute;
	top: 105px;
	left: 66px;
	font-size: 30px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: -.3px;
}

.sbp-purpose {
	position: absolute;
	top: 183px;
	left: 66px;
	height: 142px;
	padding-left: 28px;
	border-left: 4px solid;
	border-image: linear-gradient(#20b7b2, #e6d238) 1;
}

.sbp-purpose > p {
	color: #20b7b2;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.56px;
}

.sbp-purpose h3 {
	margin-top: 20px;
	font-size: 42px;
	font-weight: 600;
	line-height: 57px;
	letter-spacing: -.84px;
}

.sbp-mission {
	position: absolute;
	top: 362px;
	left: 66px;
	width: 1148px;
	height: 210px;
	padding: 30px 32px;
	overflow: hidden;
	border-radius: 24px;
	background: linear-gradient(90deg, #003c3a, #005b56 72%, #00877d);
	color: #f2fafc;
}

.sbp-mission > p {
	color: #6bf2e4;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.56px;
}

.sbp-mission h3 {
	margin-top: 25px;
	font-size: 34px;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: -.34px;
}

.sbp-values-label {
	position: absolute;
	top: 621px;
	left: 66px;
	color: #0a8f88;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 1.3px;
}

.sbp-value {
	position: absolute;
	width: 264px;
	height: 246px;
	padding: 19px 23px;
	overflow: hidden;
	border: 1px solid;
	border-radius: 22px;
}

.sbp-value::before {
	display: block;
	width: 12px;
	height: 12px;
	margin: 4px 0 0;
	border: 3px solid currentColor;
	border-radius: 50%;
	content: "";
}

.sbp-value::after {
	position: absolute;
	bottom: 29px;
	left: 23px;
	width: 72px;
	height: 2px;
	background: linear-gradient(90deg, currentColor, transparent);
	content: "";
}

.sbp-value__index {
	position: absolute;
	top: 19px;
	left: 47px;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1.1px;
}

.sbp-value h3 {
	margin-top: 29px;
	font-size: 20px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: -.2px;
}

.sbp-value > p:last-child {
	margin-top: 23px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.sbp-value--01 { top: 676px; left: 66px; color: #20b7b2; border-color: #bdebe1; background: #fbfff8; }
.sbp-value--02 { top: 696px; left: 352px; color: #08756f; border-color: #9bddd0; background: #e3f7ec; }
.sbp-value--03 { top: 660px; left: 638px; height: 262px; color: #26d9e6; border-color: #23c6bc; background: #005a55; }
.sbp-value--04 { top: 684px; left: 924px; color: #e6d238; border-color: #e4da78; background: #f6f3ce; }
.sbp-value--01 h3,.sbp-value--02 h3,.sbp-value--04 h3 { color: #083d3a; }
.sbp-value--01 > p:last-child,.sbp-value--02 > p:last-child,.sbp-value--04 > p:last-child { color: #466a64; }
.sbp-value--03 h3 { color: #f2fafc; }
.sbp-value--03 > p:last-child { color: #d4eee6; }
.sbp-value--03::after { bottom: 29px; }

/* About / culture */
.sbp-about-culture {
	height: 760px;
	background: linear-gradient(90deg, #003836, #005b57 56%, #007a70);
	color: #f2fafc;
}

.sbp-about-culture__orbit {
	top: -365px;
	left: 652px;
	width: 907px;
	height: 907px;
	color: #26d9e6;
}

.sbp-about-culture::after {
	position: absolute;
	right: -80px;
	bottom: 34px;
	width: 920px;
	height: 3px;
	transform: rotate(4deg);
	background: linear-gradient(90deg, transparent, rgba(38,217,230,.85) 40%, rgba(10,143,136,.65) 72%, transparent);
	content: "";
}

.sbp-about-culture > .sbp-kicker { top: 70px; left: 66px; color: #6bf2e4; }
.sbp-about-culture > h2 { position: absolute; top: 103px; left: 66px; font-size: 34px; font-weight: 600; line-height: 44px; letter-spacing: -.34px; }
.sbp-about-culture__taxonomy { position: absolute; top: 161px; left: 66px; color: #9ddddd; font-size: 13px; font-weight: 500; line-height: 19px; letter-spacing: .78px; }

.sbp-culture-card {
	position: absolute;
	width: 264px;
	height: 320px;
	padding: 26px 23px;
	overflow: hidden;
	border: 1px solid;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(0,75,71,.94), rgba(0,133,121,.68));
}

.sbp-culture-card::before { display:block; width:50px; height:3px; margin-bottom:19px; border-radius:2px; background:currentColor; content:""; }
.sbp-culture-card__number { font-size:11px; font-weight:600; line-height:16px; letter-spacing:1.32px; }
.sbp-culture-card > b { position:absolute; top:16px; right:17px; color:currentColor; opacity:.13; font-size:48px; font-weight:700; line-height:52px; letter-spacing:-1.92px; }
.sbp-culture-card h3 { margin-top:29px; color:#f2fafc; font-size:24px; font-weight:600; line-height:32px; }
.sbp-culture-card > p:last-child { margin-top:27px; color:#d4eee6; font-size:15px; line-height:25px; }
.sbp-culture-card--01 { top:239px; left:66px; color:#20b7b2; border-color:rgba(0,133,121,.56); }
.sbp-culture-card--02 { top:270px; left:352px; color:#26d9e6; border-color:rgba(0,156,145,.56); background:linear-gradient(#00514d,rgba(0,156,145,.68)); }
.sbp-culture-card--03 { top:226px; left:638px; height:334px; color:#32d8ce; border-color:rgba(25,190,179,.56); background:linear-gradient(#005651,rgba(25,190,179,.68)); }
.sbp-culture-card--04 { top:258px; left:924px; color:#e6d238; border-color:rgba(146,151,43,.56); background:linear-gradient(#004b46,rgba(146,151,43,.68)); }

/* About / action cycle */
.sbp-action-cycle {
	height: 650px;
	background: linear-gradient(90deg, #f3fbf6, #e3f8ef 55%, #f5f4d7);
}

.sbp-action-cycle__orbit { top:198px; left:-115px; width:1510px; height:620px; border-radius:50%; color:#20b7b2; transform:rotate(-5deg); }
.sbp-action-cycle > .sbp-kicker { top:52px; left:66px; color:#0a8f88; }
.sbp-action-cycle > h2 { position:absolute; top:84px; left:66px; font-size:36px; font-weight:600; line-height:45px; letter-spacing:-.36px; }
.sbp-action-cycle__ja { position:absolute; top:140px; left:68px; color:#466a64; font-size:16px; font-weight:500; line-height:24px; letter-spacing:.32px; }
.sbp-cycle-nodes { position:absolute; top:238px; left:106px; display:grid; grid-template-columns:220px 204px 220px 204px 220px; align-items:center; }
.sbp-cycle-nodes article { position:relative; width:220px; height:220px; padding-top:41px; border-radius:50%; background:linear-gradient(#00877d,#00413e); color:#f2fafc; text-align:center; box-shadow:0 18px 34px rgba(32,183,178,.24); }
.sbp-cycle-nodes article:first-child,.sbp-cycle-nodes article:last-child { transform:translateY(80px); }
.sbp-cycle-nodes article:nth-of-type(2) { background:linear-gradient(#23cfc5,#00645f); }
.sbp-cycle-nodes article:nth-of-type(3) { background:linear-gradient(#9aa52a,#00514d); }
.sbp-cycle-nodes small { color:#9df3e9; font-size:11px; font-weight:600; line-height:16px; letter-spacing:1.32px; }
.sbp-cycle-nodes h3 { margin-top:25px; font-size:27px; font-weight:700; line-height:34px; letter-spacing:-.27px; }
.sbp-cycle-nodes p { margin-top:11px; color:#d9f3eb; font-size:14px; font-weight:500; line-height:22px; }
.sbp-cycle-nodes > i { color:#20b7b2; font-size:40px; font-style:normal; line-height:48px; text-align:center; }
.sbp-cycle-nodes > i:last-of-type { color:#e6d238; }

/* About / company */
.sbp-company { height:820px; background:#f7fbf5; }
.sbp-company__orbit { top:470px; left:-270px; width:630px; height:630px; color:#20b7b2; }
.sbp-company > .sbp-kicker { top:65px; left:66px; color:#0a8f88; }
.sbp-company > h2 { position:absolute; top:99px; left:66px; font-size:34px; font-weight:600; line-height:44px; letter-spacing:-.34px; }
.sbp-representative { position:absolute; top:180px; left:66px; width:338px; height:555px; overflow:hidden; border:1px solid rgba(184,230,227,.34); border-radius:24px; background:#153030; box-shadow:0 16px 36px rgba(8,42,52,.16); }
.sbp-representative img { object-position:center 35%; }
.sbp-representative__veil { position:absolute; inset:0; background:linear-gradient(rgba(3,27,30,.08),rgba(3,27,30,.02) 48%,rgba(3,27,30,.88)); }
.sbp-representative__label { position:absolute; top:29px; left:27px; color:#7be3e3; font-size:11px; font-weight:600; line-height:16px; letter-spacing:1.32px; }
.sbp-representative__copy { position:absolute; right:27px; bottom:29px; left:27px; color:#fff; }
.sbp-representative__copy h3 { font-size:32px; font-weight:700; line-height:38px; letter-spacing:-.64px; }
.sbp-representative__copy p { margin-top:10px; color:rgba(243,250,248,.92); font-size:12px; font-weight:500; line-height:18px; }
.sbp-representative__copy i { display:block; height:3px; margin-top:22px; border-radius:2px; background:linear-gradient(90deg,#39d4ce,rgba(65,140,255,.72)); }
.sbp-representative__copy small { display:block; margin-top:18px; color:rgba(169,237,234,.92); font-size:11px; line-height:16px; }
.sbp-company-table { position:absolute; top:180px; left:448px; width:766px; height:555px; padding:26px 29px; overflow:hidden; border:1px solid rgba(142,211,213,.38); border-radius:24px; background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(234,247,240,.95)); box-shadow:0 14px 32px rgba(10,66,80,.08),inset 0 1px 2px rgba(255,255,255,.72); }
.sbp-company-table__head { display:flex; justify-content:space-between; color:#0a8f88; }
.sbp-company-table__head p { font-size:11px; font-weight:600; line-height:16px; letter-spacing:1.21px; }
.sbp-company-table__head span { color:#00a9a5; font-size:10px; font-weight:500; line-height:16px; letter-spacing:.8px; }
.sbp-company-table dl { margin:39px 0 0; }
.sbp-company-table dl > div { display:grid; grid-template-columns:172px 1fr; min-height:62px; padding:16px 0 10px; border-bottom:1px solid #d6e9e2; }
.sbp-company-table dt { color:#58766f; font-size:13px; font-weight:500; line-height:20px; letter-spacing:.26px; }
.sbp-company-table dd { margin:0; color:#10413c; font-size:14px; line-height:22px; }
.sbp-company-table dl > div:nth-child(2) dd,.sbp-company-table dl > div:nth-child(6) dd { font-size:13px; line-height:20px; }

/* About / CTA */
.sbp-about-cta { height:440px; background:linear-gradient(90deg,#003c3a,#005b56 58%,#00877d); color:#f2fafc; }
.sbp-about-cta__orbit { top:-245px; left:662px; width:796px; height:796px; color:#6bf2e4; transform:rotate(15deg); }
.sbp-about-cta::after { position:absolute; right:-120px; bottom:38px; width:920px; height:3px; transform:rotate(6deg); background:linear-gradient(90deg,transparent,#20b7b2,transparent); content:""; }
.sbp-about-cta > .sbp-kicker { top:68px; left:66px; color:#6bf2e4; }
.sbp-about-cta > h2 { position:absolute; top:111px; left:66px; font-size:38px; font-weight:600; line-height:52px; letter-spacing:-.38px; }
.sbp-about-cta__meta { position:absolute; top:238px; left:68px; color:#9ddddd; font-size:11px; font-weight:500; line-height:16px; letter-spacing:1.1px; }
.sbp-about-cta > a { position:absolute; top:290px; left:66px; display:grid; place-items:center; width:188px; height:58px; border-radius:29px; background:#f2fafc; color:#003c3a; font-size:13px; font-weight:600; line-height:20px; letter-spacing:.65px; }

/* Recruit / hero */
.sbp-recruit-hero { height:760px; color:#fff; background:#056c69; }
.sbp-recruit-hero > img { position:absolute; inset:0; object-position:center; }
.sbp-recruit-hero__left { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,103,107,.9),rgba(11,129,126,.65) 36%,rgba(11,129,126,.14) 69%,rgba(11,129,126,0)); }
.sbp-recruit-hero__bottom { position:absolute; right:0; bottom:0; left:0; height:250px; background:linear-gradient(transparent,rgba(6,74,72,.68)); }
.sbp-recruit-hero__back { position:absolute; top:58px; left:66.56px; color:#d8f8e8; font-size:11px; font-weight:600; line-height:1.3; }
.sbp-recruit-hero__eyebrow { position:absolute; top:118px; left:66.56px; color:#b9ed50; font-size:12px; font-weight:600; line-height:1.3; }
.sbp-recruit-hero h1 { position:absolute; top:164px; left:66.56px; width:590px; font-size:61px; font-weight:600; line-height:1.13; letter-spacing:-.02em; }
.sbp-recruit-hero__lead { position:absolute; top:326px; left:66.56px; width:510px; color:#f3faf6; font-size:18px; line-height:1.65; }
.sbp-recruit-hero__rule { position:absolute; top:468px; left:66.56px; width:468px; height:1px; background:rgba(103,201,239,.7); }
.sbp-recruit-hero__dot { position:absolute; top:514px; left:562px; width:18px; height:18px; border-radius:50%; background:#c6f45b; box-shadow:0 0 20px #c6f45b; }

/* Recruit / reasons */
.sbp-recruit-why { height:980px; background:linear-gradient(90deg,#f8fbf9,#eef7f4 56%,#f3fbff); color:#0c3234; }
.sbp-recruit-why__orbit { top:-88px; left:1008px; width:310px; height:310px; color:#67c9ef; background:radial-gradient(circle at 50% 50%,rgba(185,237,80,.35),transparent 65%); }
.sbp-recruit-why > h2 { position:absolute; top:112px; left:66.56px; font-size:52px; font-weight:600; line-height:1.12; }
.sbp-recruit-why__intro { position:absolute; top:150px; left:746px; width:467px; color:#536769; font-size:16px; line-height:1.65; }
.sbp-reason { position:absolute; padding:27px 29px; overflow:hidden; border:1px solid; border-radius:24px; box-shadow:0 12px 30px rgba(11,75,75,.1),inset 0 1px 2px rgba(255,255,255,.52); }
.sbp-reason small { font-size:11px; font-weight:700; line-height:1.3; }
.sbp-reason h3 { margin-top:39px; font-size:27px; font-weight:600; line-height:1.34; }
.sbp-reason i { position:absolute; right:-25px; top:-45px; width:184px; height:184px; border:24px solid currentColor; border-radius:50%; opacity:.18; }
.sbp-reason--01 { top:330px; left:66.56px; width:490px; height:224px; border-color:rgba(142,235,199,.3); background:linear-gradient(90deg,rgba(6,74,72,.94),rgba(10,97,93,.82)); color:#c6f45b; }
.sbp-reason--01 h3 { color:#f8fffd; font-size:25px; line-height:1.35; }
.sbp-reason--02 { top:296px; left:584px; width:629px; height:258px; border-color:rgba(103,201,239,.3); background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(234,248,247,.82)); color:#0b7c76; }
.sbp-reason--02 h3 { color:#0c3234; font-size:29px; line-height:1.3; }
.sbp-reason--03 { top:590px; left:66.56px; width:550px; height:294px; border-color:rgba(103,201,239,.3); background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(229,245,250,.82)); color:#087c97; }
.sbp-reason--03 h3 { color:#0c3234; }
.sbp-reason--03 i { top:167px; right:-17px; width:150px; height:150px; }
.sbp-reason--04 { top:584px; left:644px; width:569px; height:306px; border-color:rgba(185,237,80,.3); background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(241,248,220,.82)); color:#587a13; }
.sbp-reason--04 h3 { color:#0c3234; }
.sbp-reason--04 i { top:125px; right:-52px; width:190px; height:190px; }

/* Recruit / open roles */
.sbp-open-roles { background:linear-gradient(102deg,#032f2d,#075a55 58%,#0c4564); color:#f6fffd; }
.sbp-open-roles__intro { color:rgba(214,245,239,.9); }
.sbp-role-card { overflow:hidden; border:1px solid; border-radius:22px; background:linear-gradient(100deg,rgba(242,255,252,.17),rgba(13,97,93,.13) 50%,rgba(5,39,46,.34)); box-shadow:0 14px 28px -8px rgba(0,27,27,.32),inset 0 1px 2px rgba(255,255,255,.12); }
.sbp-role-card small { color:currentColor; font-size:11px; font-weight:700; line-height:1.2; }
.sbp-role-card p { color:currentColor; font-weight:700; }
.sbp-role-card h3 { color:#f6fffd; font-weight:600; }
.sbp-role-card i { height:3px; border:1px solid currentColor; border-radius:2px; background:rgba(7,91,87,.75); }
.sbp-role-card--01 { color:#d6fff5; }
.sbp-role-card--02 { color:#8debff; }
.sbp-role-card--03 { color:#c6f45b; }
.sbp-role-card--04 { color:#70dcf5; }
.sbp-role-card--05 { color:#8eebc7; }

/* Recruit / CTA */
.sbp-recruit-cta { height:440px; background:linear-gradient(90deg,#032f2d,#075a55 58%,#0a6271); color:#f6fffd; }
.sbp-recruit-cta__orbit { top:42px; left:930px; width:378px; height:310px; color:#8debff; background:radial-gradient(circle at 45% 55%,rgba(198,244,91,.45),transparent 18%); }
.sbp-recruit-cta > .sbp-kicker { top:58px; left:66.56px; color:#c6f45b; }
.sbp-recruit-cta > h2 { position:absolute; top:102px; left:66.56px; font-size:49px; font-weight:600; line-height:1.16; }
.sbp-recruit-cta > p:not(.sbp-kicker) { position:absolute; top:238px; left:66.56px; width:650px; color:rgba(214,245,239,.9); font-size:16px; line-height:1.6; }

/* Media / hero */
.sbp--media { background:#f4f3fa; color:#11183f; }
.sbp-media-hero { height:760px; color:#f9f7fd; background:#11183f; }
.sbp-media-hero > img { position:absolute; top:-4.82%; left:0; width:100%; height:104.84%; max-width:none; object-fit:cover; object-position:center; }


/* News / hero */
.sbp--news { background:#fbf9f5; color:#111a3d; }
.sbp-news-hero { height:760px; background:#b9e5ff; }
.sbp-news-hero > img { position:absolute; inset:0; object-position:center; }
.sbp-news-hero__veil { position:absolute; inset:0; background:rgba(252,249,246,.05); }
.sbp-news-hero__left { position:absolute; top:0; left:0; width:760px; height:760px; background:linear-gradient(90deg,rgba(234,247,255,.98),rgba(214,238,255,.9) 56%,rgba(185,229,255,0)); }
.sbp-news-hero__accent { position:absolute; top:140px; left:80px; width:48px; height:2px; background:linear-gradient(90deg,#168fdf,#e5add1 65%,#fdb83d); }
.sbp-news-hero__eyebrow { position:absolute; top:126px; left:144px; font-size:13px; font-weight:600; line-height:20px; letter-spacing:1.43px; }
.sbp-news-hero h1 { position:absolute; top:186px; left:78px; width:520px; font-size:84px; font-weight:800; line-height:90px; letter-spacing:-2.52px; }
.sbp-news-hero h2 { position:absolute; top:430px; left:84px; font-size:21px; font-weight:600; line-height:32px; }
.sbp-news-hero__rule { position:absolute; top:512px; left:84px; width:300px; height:1px; background:rgba(17,26,61,.28); }
.sbp-news-hero__scroll { position:absolute; top:676px; left:84px; font-size:10px; line-height:16px; letter-spacing:.8px; }

/* News / archive */
.sbp-news-archive { height:var(--sbp-news-archive-height,1580px); background:#fbf9f5; }
.sbp-news-archive__wash { top:-300px; left:890px; width:560px; height:560px; color:#fdb83d; background:radial-gradient(circle,rgba(253,184,61,.3),transparent 68%); }
.sbp-news-archive__accent { position:absolute; top:82px; left:80px; width:42px; height:2px; background:linear-gradient(90deg,#168fdf,#20b7b0); }
.sbp-news-archive__eyebrow { position:absolute; top:68px; left:138px; font-size:12px; font-weight:600; line-height:18px; letter-spacing:1.2px; }
.sbp-news-archive > h2 { position:absolute; top:112px; left:78px; font-size:48px; font-weight:800; line-height:58px; letter-spacing:-.96px; }
.sbp-news-archive__intro { position:absolute; top:116px; left:744px; color:#52566a; font-size:16px; line-height:26px; }
.sbp-news-filters { position:absolute; top:226px; left:80px; display:flex; gap:12px; }
.sbp-news-filters button { height:38px; padding:0 22px; border:1px solid #c6d4e6; border-radius:19px; background:#fbf9f5; color:#111a3d; font-size:10px; font-weight:600; letter-spacing:.5px; }
.sbp-news-filters .is-active { width:78px; border-color:#111a3d; background:#111a3d; color:#fff; }
.sbp-news-columns { position:absolute; top:282px; left:80px; display:grid; grid-template-columns:160px 180px 698px 82px; width:1120px; height:29px; border-bottom:1px solid #c6d4e6; color:#74758b; font-size:9px; font-weight:600; line-height:14px; letter-spacing:.72px; }
.sbp-news-columns span:last-child { text-align:left; }
.sbp-news-list { position:absolute; top:311px; left:80px; width:1120px; }
.sbp-news-row { position:relative; display:grid; grid-template-columns:160px 180px 698px 82px; width:1120px; height:145px; border-bottom:1px solid #dce5f0; color:#111a3d; }
.sbp-news-row:nth-child(even) { background:rgba(248,249,252,.72); }
.sbp-news-row time { padding-top:43px; font-size:12px; font-weight:600; line-height:18px; letter-spacing:.24px; }
.sbp-news-row > small { display:grid; align-self:start; width:142px; height:28px; margin-top:37px; place-items:center; border:1px solid rgba(22,143,223,.34); border-radius:14px; background:rgba(22,143,223,.14); color:#168fdf; font-size:9px; font-weight:600; line-height:1; letter-spacing:.45px; }
.sbp-news-row--policy > small { border-color:rgba(180,97,155,.34); background:rgba(180,97,155,.14); color:#b4619b; }
.sbp-news-row--business > small { border-color:rgba(198,131,28,.34); background:rgba(198,131,28,.14); color:#c6831c; }
.sbp-news-row--service > small { border-color:rgba(32,183,176,.34); background:rgba(32,183,176,.14); color:#20b7b0; }
.sbp-news-row__content { position:relative; padding-top:20px; }
.sbp-news-row__content h3 { font-size:19px; font-weight:600; line-height:27px; }
.sbp-news-row__content p { margin-top:7px; color:#52566a; font-size:12px; line-height:20px; }
.sbp-news-row > b { padding-top:47px; color:#20b7b0; font-size:22px; font-weight:400; line-height:26px; text-align:right; }
.sbp-news-archive__count { position:absolute; top:var(--sbp-news-meta-top,1524px); left:80px; color:#74758b; font-size:10px; font-weight:600; line-height:16px; letter-spacing:.8px; }
.sbp-news-archive__page { position:absolute; top:var(--sbp-news-meta-top,1524px); left:1118px; color:#74758b; font-size:10px; font-weight:600; line-height:16px; letter-spacing:.8px; }

/* Responsive adaptation. Desktop values above remain exact at the 1280px artboard. */
@media (max-width: 767px) {
	.sbp { padding-top:var(--sb-header); }
	.sbp + .site-footer { height:auto; min-height:420px; padding:56px 0 28px; }
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) { height:auto; min-height:0; padding:64px 22px; }
	.sbp .sbp-kicker,
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) > h2,
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) > p,
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) > div,
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) > article {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
	}
	.sbp .sbp-orbit { position:absolute !important; }
	.sbp .sbp-kicker { margin-bottom:20px; }
	.sbp section:not(.sbp-about-hero):not(.sbp-recruit-hero):not(.sbp-media-hero):not(.sbp-news-hero) > h2 { margin-bottom:30px; font-size:clamp(32px,10vw,44px); line-height:1.15; }
	.sbp-about-hero,.sbp-recruit-hero,.sbp-media-hero,.sbp-news-hero { height:680px; }
	.sbp-about-hero__image,.sbp-recruit-hero > img,.sbp-news-hero > img { height:100% !important; object-position:center; }
	.sbp-media-hero > img { top:0; width:100%; height:100%; object-position:100% center; }
	.sbp-about-hero__left,
	.sbp-recruit-hero__left,
	.sbp-news-hero__left { width:100%; background:linear-gradient(90deg,rgba(3,43,42,.94),rgba(3,43,42,.4)); }
	.sbp-news-hero__left { background:linear-gradient(90deg,rgba(234,247,255,.96),rgba(214,238,255,.78) 58%,rgba(185,229,255,.16)); }
	.sbp-about-hero__signal { top:70px; left:22px; }
	.sbp-about-hero__eyebrow { top:90px; left:22px; font-size:11px; }
	.sbp-about-hero__title { top:135px; left:22px; width:calc(100% - 44px); font-size:47px; line-height:1.18; }
	.sbp-about-hero__lead { top:220px; left:22px; width:calc(100% - 44px); font-size:15px; line-height:1.8; }
	.sbp-about-hero__belief { top:345px; left:22px; }
	.sbp-about-hero__foot { top:auto; bottom:38px; left:22px; }
	.sbp-purpose { height:auto; margin-top:36px; padding:0 0 0 20px; }
	.sbp-purpose h3 { font-size:29px; line-height:1.45; }
	.sbp-mission { width:100%; height:auto; margin-top:36px; padding:28px 24px; }
	.sbp-mission h3 { font-size:24px; line-height:1.55; }
	.sbp-values-label { margin-top:42px !important; }
	.sbp-values,
	.sbp-culture-cards { display:grid; grid-template-columns:1fr; gap:18px; margin-top:24px; }
	.sbp-value,
	.sbp-culture-card { position:relative; top:auto; left:auto; width:100%; height:246px; }
	.sbp-culture-card { height:280px; }
	.sbp-cycle-nodes { display:flex; flex-direction:column; gap:20px; margin-top:34px; }
	.sbp-cycle-nodes article:first-child,.sbp-cycle-nodes article:last-child { transform:none; }
	.sbp-cycle-nodes > i { transform:rotate(90deg); }
	.sbp-representative,.sbp-company-table { position:relative; top:auto; left:auto; width:100%; }
	.sbp-representative { height:540px; margin-top:34px; }
	.sbp-company-table { height:auto; margin-top:22px; padding-bottom:62px; }
	.sbp-company-table dl > div { grid-template-columns:1fr; gap:6px; }
	.sbp-about-cta { min-height:460px !important; }
	.sbp-about-cta > h2 { font-size:34px !important; }
	.sbp-recruit-hero__back { top:38px; left:22px; }
	.sbp-recruit-hero__eyebrow { top:88px; left:22px; }
	.sbp-recruit-hero h1 { top:130px; left:22px; width:calc(100% - 44px); font-size:44px; }
	.sbp-recruit-hero__lead { top:255px; left:22px; width:calc(100% - 44px); font-size:15px; }
	.sbp-recruit-hero__rule { top:390px; left:22px; width:calc(100% - 44px); }
	.sbp-recruit-hero__dot { display:none; }
	.sbp-recruit-why__intro,.sbp-open-roles__intro { width:100%; max-width:none; margin:0 0 34px; }
	.sbp-reason { position:relative; top:auto; left:auto; width:100%; height:auto; min-height:224px; margin-top:18px; }
	.sbp-recruit-cta > h2,
	.sbp-recruit-cta > p:not(.sbp-kicker) { position:relative; top:auto; left:auto; }
	.sbp-recruit-cta > p:not(.sbp-kicker) { width:auto; margin:24px 0 34px; }
	.sbp-news-hero__accent { top:94px; left:22px; }
	.sbp-news-hero__eyebrow { top:80px; left:84px; }

	.sbp-news-filters { display:flex; flex-wrap:wrap; margin:28px 0; }
	.sbp-news-columns { display:none; }
	.sbp-news-hero h1 { top:150px; left:22px; width:auto; font-size:58px; line-height:1.05; }
	.sbp-news-hero h2 { top:310px; left:22px; width:calc(100% - 44px); font-size:18px; }
	.sbp-news-hero__rule { top:385px; left:22px; }
	.sbp-news-hero__scroll { top:auto; bottom:40px; left:22px; }
	.sbp-news-archive__intro { margin:-12px 0 24px; }
	.sbp-news-list { position:relative; top:auto; left:auto; width:100%; }
	.sbp-news-row { display:grid; grid-template-columns:1fr auto; width:100%; height:auto; min-height:190px; padding:22px 0; }
	.sbp-news-row time { padding:0; }
	.sbp-news-row > small { grid-column:2; grid-row:1; margin:0; }
	.sbp-news-row__content { grid-column:1 / -1; padding-top:22px; }
	.sbp-news-row > b { display:none; }
	.sbp-news-archive__count,.sbp-news-archive__page { margin-top:30px !important; }
}

/* Final Figma integration: interactive archives, media badge and recruit links. */
.sbp-news-filters button {
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sbp-news-filters button:hover {
	transform: translateY(-1px);
}

.sbp-news-filters button:focus-visible {
	outline: 2px solid #20b7b0;
	outline-offset: 3px;
}

.sbp-news-filters .is-active {
	width: auto;
	min-width: 78px;
}

.sbp-news-row:focus-visible {
	outline: 2px solid #20b7b0;
	outline-offset: 4px;
}

.sbp-news-row.is-filter-entering,
.sbp-news-row.is-filter-exiting {
	opacity: 0;
	transform: translateY(8px) scale(0.99);
	pointer-events: none;
}

.sbp-news-row {
	text-decoration: none;
	transition: background-color 0.2s ease, opacity 0.28s ease-out, transform 0.28s ease-out;
}

.sbp-news-row:hover,
.sbp-news-row:focus-visible {
	background: rgba(240, 247, 251, 0.88);
}

.sbp-role-card {
	display: block;
	text-decoration: none;
	transition: border-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

.sbp-role-card::before {
	position: absolute;
	z-index: 2;
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 50%;
	background: #d6fff5;
	color: #064541;
	font-size: 15px;
	line-height: 1;
	content: "↗";
}

.sbp-role-card:hover,
.sbp-role-card:focus-visible {
	border-color: currentColor;
	box-shadow: 0 20px 38px -8px rgba(0, 27, 27, 0.46), inset 0 1px 2px rgba(255, 255, 255, 0.2);
	transform: translateY(-7px);
}

.sbp-role-card:focus-visible {
	outline: 2px solid #c6f45b;
	outline-offset: 4px;
}

@media (max-width: 767px) {
	.sbp-role-card:hover,
	.sbp-role-card:focus-visible {
		transform: translateY(-3px);
	}

	.sbp-recruit-cta {
		min-height: 390px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sbp-news-row {
		transition-duration: 0.01ms !important;
	}
}

/* Subtle subpage interactions — shadow and micro-movement only. */
.sbp-culture-card,
.sbp-about-cta > a,
.sbp-role-card::before {
	transition: transform 0.32s var(--sb-ease), border-color 0.28s ease, box-shadow 0.32s var(--sb-ease), filter 0.32s ease;
}

.sbp-about-cta > a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.sbp-culture-card:hover,
	.sbp-culture-card:focus-within {
		border-color: currentColor;
		box-shadow: 0 18px 34px rgba(0, 45, 43, 0.16);
		filter: saturate(1.03);
	}

	.sbp-about-cta > a:hover,
	.sbp-about-cta > a:focus-visible {
		transform: translateY(-2px);
		box-shadow: 0 14px 28px rgba(0, 31, 29, 0.2);
	}

	.sbp-role-card:hover::before,
	.sbp-role-card:focus-visible::before {
		transform: translate(2px, -2px);
	}

	.sbp-role-card:hover,
	.sbp-role-card:focus-visible {
		transform: translateY(-3px);
	}
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
	.sbp-news-filters button:hover,
	.sbp-role-card:hover,
	.sbp-role-card:hover::before,
	.sbp-about-cta > a:hover {
		transform: none;
	}
}