:root {
--a-seam-l: 8px;
--a-seam-r: 28px;
--a-seam-cyan: 2px;
--a-seam-lap: 1px;
}


.fund {
position: relative;
isolation: isolate;
background-color: var(--t-bone);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;

--f-gutter: 5%;
--f-pad: 40px;


--f-edge-top: 34.03%;
--f-edge-apex: 38.19%;
--f-edge-bot: 34.24%;
--f-apex-y: 47.4%;
--f-edge-w: 3px;

padding: var(--f-pad) 0;
}
.fund::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}


.fund-slab {
position: absolute; z-index: 1;
top: 0; bottom: 0; left: 0; right: 0;
pointer-events: none;
background-color: var(--h-black);
clip-path: polygon(var(--f-edge-top) 0, var(--f-edge-apex) var(--f-apex-y),
var(--f-edge-bot) 100%, 100% 100%, 100% 0);
}
.fund-slab::before {
content: ''; position: absolute; inset: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
background-blend-mode: normal, overlay;
opacity: .07;
mix-blend-mode: screen;
}


.fund-edge {
position: absolute; z-index: 3;
top: 0; bottom: 0; left: 0; right: 0;
pointer-events: none;
background: var(--h-cyan);
clip-path: polygon(
var(--f-edge-top) 0, var(--f-edge-apex) var(--f-apex-y), var(--f-edge-bot) 100%,
calc(var(--f-edge-bot) + var(--f-edge-w)) 100%,
calc(var(--f-edge-apex) + var(--f-edge-w)) var(--f-apex-y),
calc(var(--f-edge-top) + var(--f-edge-w)) 0);
filter: drop-shadow(0 0 6px rgba(8, 169, 221, .5));
}

.fund-inner {
position: relative; z-index: 2;
display: grid;
grid-template-columns: 43.3% minmax(0, 1fr);
align-items: start;
}



.fund-copy { padding: 93px 0 0 11.55%; }
.f-eyebrow {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 14.5px; letter-spacing: .08em;

color: var(--t-ink);
text-transform: uppercase;
}
.fund-h2 {
margin: 17px 0 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
font-size: 47.5px;
line-height: 1.10;
letter-spacing: -.004em;
text-transform: uppercase;
color: var(--t-ink);
}
.fund-h2 .l { display: block; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.fund-h2 .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.f-lede {
margin: 10px 0 0; max-width: 356px;

font-size: 15.5px; line-height: 1.57;
color: var(--t-ink-soft);
}
.f-rule {
width: 255px; height: 2px;
margin: 23px 0 0;
border: 0;
background: var(--h-cyan);
}


.fund-panel {
position: relative;

padding: 102px 8.7% 84px 0;
color: var(--h-bone);
}
.fund-halftone {
position: absolute; z-index: 0;
top: 4px; right: 0;
width: 202px; height: 285px;
pointer-events: none;
}
.fund-list {
position: relative; z-index: 1;
list-style: none; margin: 0; padding: 0;
}
.fund-item {
position: relative;
display: grid;
grid-template-columns: 131px minmax(0, 1fr);
align-items: start;
padding: 0 0 31px;
margin: 0 0 26px;
border-bottom: 1px solid rgba(231, 229, 223, .2);
}
.fund-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }


.f-icon {
grid-column: 1; grid-row: 1 / span 2;
align-self: start;
display: block;
width: 91px; height: 91px;
color: var(--h-bone);
-webkit-user-select: none; user-select: none;
}
.f-icon svg { display: block; width: 100%; height: 100%; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.f-icon {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 190px 190px; mask-size: 190px 190px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.f-title {
grid-column: 2; grid-row: 1;
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800;
font-size: 18px;
line-height: 1.1;
letter-spacing: .005em;
text-transform: uppercase;
color: var(--h-bone);
}
.f-text {
grid-column: 2; grid-row: 2;
margin: 8px 0 0;
max-width: 472px;
font-size: 15px; line-height: 1.62;
color: var(--h-muted);
}

.f-tick {
position: absolute; top: 37px; right: 0;
width: 3px; height: 37px;
background: var(--h-cyan);
}



@media (max-width: 1200px) {
.fund-inner { grid-template-columns: 40% minmax(0, 1fr); }
.fund-h2 { font-size: 3.576vw; }
.fund-copy { padding-top: 72px; }
.fund-panel { padding-top: 81px; padding-right: 6%; }
.fund-item { grid-template-columns: 108px minmax(0, 1fr); }
.f-icon { width: 90px; height: 90px; -webkit-mask-size: 165px 165px; mask-size: 165px 165px; }
.f-title { font-size: 17px; }
}

@media (max-width: 980px) {
.fund { --f-pad: 0px; padding: 0; }
.fund-inner { grid-template-columns: 1fr; }

.fund-slab, .fund-edge { display: none; }
.fund-copy { padding: 47px var(--f-gutter) 39px; }
.fund-h2 { font-size: clamp(25px, 4.67vw, 41px); }
.f-lede { max-width: 420px; }
.fund-panel {
position: relative;
padding: 45px var(--f-gutter) 49px;
background-color: var(--h-black);
border-top: 3px solid var(--h-cyan);
}
.fund-panel::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
background-blend-mode: normal, overlay;
opacity: .07;
mix-blend-mode: screen;
}
.fund-halftone { top: 10px; width: 150px; height: 212px; }
.f-tick { right: 0; }
}

@media (max-width: 620px) {
.fund { --f-gutter: 22px; }
.fund-h2 { font-size: clamp(21.5px, 6.129vw, 32px); }
.f-eyebrow { font-size: 14px; letter-spacing: .07em; }
.fund-item { grid-template-columns: 62px minmax(0, 1fr); padding-bottom: 28px; margin-bottom: 24px; }
.f-icon { width: 54px; height: 54px; -webkit-mask-size: 105px 105px; mask-size: 105px 105px; }
.f-title { font-size: 15px; }
.f-text { font-size: 15.5px; }
.f-tick { top: 24px; height: 26px; }
.fund-halftone { width: 110px; height: 155px; }
}


.apps {
position: relative;
isolation: isolate;
background-color: var(--h-panel);
color: var(--h-bone);

font-family: 'Inter', Helvetica, Arial, sans-serif;
--a-gutter: 5%;

margin-top: calc(-1 * var(--a-seam-lap));
padding: 51px 0 0;
}

.apps::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
background-blend-mode: normal, overlay;
opacity: .07;
mix-blend-mode: screen;
}

.apps::after {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background: radial-gradient(120% 100% at 50% 46%, rgba(0,0,0,0) 42%, rgba(0,0,0,.5) 100%);
}

.apps-seam {
position: absolute; z-index: 2; left: 0; right: 0; top: 0; height: 34px;
pointer-events: none;
background: var(--h-black);
clip-path: polygon(0 0, 100% 0, 100% var(--a-seam-r), 0 var(--a-seam-l));
}
.apps-seam::after {
content: ''; position: absolute; inset: 0;
background: var(--h-cyan);
opacity: .72;

clip-path: polygon(
0 calc(var(--a-seam-l) - var(--a-seam-cyan)), 100% calc(var(--a-seam-r) - var(--a-seam-cyan)),
100% var(--a-seam-r), 0 var(--a-seam-l));
}

.apps-inner { position: relative; z-index: 3; padding: 0 var(--a-gutter); }

.a-eyebrow {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 14.5px; letter-spacing: .08em;
color: var(--h-cyan);
text-transform: uppercase;
}
.apps-h2 {
margin: 9px 0 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
font-size: 39px;
line-height: 1.06;
letter-spacing: -.004em;
text-transform: uppercase;
color: var(--h-bone);
}
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.apps-h2 {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}


.apps-row {
display: flex; align-items: center;
list-style: none; margin: 30px 0 0; padding: 0;
height: 76px;
}
.apps-row li {
display: flex; align-items: center; justify-content: center;
margin: 0; padding: 0 18px;
align-self: stretch;
min-width: 0;
}
.apps-row li + li { border-left: 1px solid rgba(231, 229, 223, .3); }
.apps-row li:nth-child(1) { flex: 242 1 0; justify-content: flex-start; padding-left: 0; }
.apps-row li:nth-child(2) { flex: 225 1 0; }
.apps-row li:nth-child(3) { flex: 276 1 0; }
.apps-row li:nth-child(4) { flex: 269 1 0; }
.apps-row li:nth-child(5) { flex: 225 1 0; justify-content: flex-end; padding-right: 0; }

.apps-row img { display: block; width: 100%; height: auto; }
.apps-row li:nth-child(1) img { max-width: 194px; }
.apps-row li:nth-child(2) img { max-width: 118px; }
.apps-row li:nth-child(3) img { max-width: 181px; }
.apps-row li:nth-child(4) img { max-width: 169px; }
.apps-row li:nth-child(5) img { max-width: 178px; }


.apps { padding-bottom: 62px; }


@media (max-width: 1200px) {
.apps-h2 { font-size: 3.181vw; }
.apps-row { margin-top: 36px; min-height: 66px; }
.apps-row li { padding: 0 12px; }
.apps-row img { max-width: 100%; }
}

@media (max-width: 980px) {
.apps { padding-top: 52px; }
.apps-h2 { font-size: clamp(20px, 3.543vw, 33px); }
.apps-row {
flex-wrap: wrap; justify-content: center; align-content: center;
column-gap: 44px; row-gap: 30px;
margin-top: 32px; height: auto; min-height: 0;
}

.apps-row li:nth-child(1),
.apps-row li:nth-child(2),
.apps-row li:nth-child(3),
.apps-row li:nth-child(4),
.apps-row li:nth-child(5) {
flex: 0 0 auto; align-self: auto;
padding: 0; justify-content: center;
}
.apps-row li + li { border-left: 0; }

.apps-row li:nth-child(1) img { max-width: 155px; }
.apps-row li:nth-child(2) img { max-width: 94px; }
.apps-row li:nth-child(3) img { max-width: 145px; }
.apps-row li:nth-child(4) img { max-width: 135px; }
.apps-row li:nth-child(5) img { max-width: 142px; }
}

@media (max-width: 620px) {
.apps { --a-gutter: 22px; padding-top: 44px; }
.apps-h2 { font-size: clamp(19px, 5.35vw, 27.5px); }
.a-eyebrow { font-size: 14px; letter-spacing: .07em; }
.apps-row { column-gap: 30px; row-gap: 26px; margin-top: 28px; }

.apps-row li:nth-child(1) img { max-width: 130px; }
.apps-row li:nth-child(2) img { max-width: 79px; }
.apps-row li:nth-child(3) img { max-width: 121px; }
.apps-row li:nth-child(4) img { max-width: 113px; }
.apps-row li:nth-child(5) img { max-width: 119px; }
}


.peace {
position: relative;
isolation: isolate;
background-color: var(--t-concrete);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;

--p-gutter: 5%;

--p-lift: 0.99vw;
--p-cut-top: 46.37%;
--p-cut-bot: 50.88%;

--p-cut-top-box: 91.14%;
--p-edge-w: 2px;


margin-top: 0;

padding: 0 0 72px;
}
.peace::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}


.p-photo {
position: absolute; z-index: 2;
left: 0;
top: calc(-1 * var(--p-lift));
bottom: var(--p-lift);
width: var(--p-cut-bot);

filter: drop-shadow(var(--slab-contact)) drop-shadow(var(--slab-ambient));
}
.p-photo picture {
clip-path: polygon(0 0, var(--p-cut-top-box) 0, 100% 100%, 0 100%);
}
.p-photo picture, .p-photo img { display: block; width: 100%; height: 100%; }
.p-photo img {
object-fit: cover;

object-position: 32% 50%;
}


.p-edge {
position: absolute; z-index: 3;
left: 0;
top: calc(-1 * var(--p-lift));
bottom: var(--p-lift);
width: var(--p-cut-bot);
pointer-events: none;
background: var(--h-cyan);
clip-path: polygon(
0 0, var(--p-cut-top-box) 0, 100% 100%,
calc(100% - var(--p-edge-w)) 100%,
calc(var(--p-cut-top-box) - var(--p-edge-w)) var(--p-edge-w),
0 var(--p-edge-w));
filter: drop-shadow(0 0 6px rgba(8, 169, 221, .45));
}


.p-halftone {
position: absolute; z-index: 1;
top: 28px; right: 0;
width: 141px; height: 199px;
pointer-events: none;
opacity: .85;
}


.peace-inner {
position: relative; z-index: 2;

padding: 93px var(--p-gutter) 0 51.1%;
}
.p-eyebrow {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 14.5px; letter-spacing: .08em;

color: var(--t-ink);
text-transform: uppercase;
}
.peace-h2 {
margin: 8px 0 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
font-size: 44px;
line-height: 1.138;
letter-spacing: -.004em;
text-transform: uppercase;
color: var(--t-ink);
}
.peace-h2 .l { display: block; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.peace-h2 .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.p-lede {
margin: 13px 0 0; max-width: 528px;
font-size: 16.5px; line-height: 1.56;
color: var(--t-ink-soft);
}


.p-list {
list-style: none; margin: 14px 0 0; padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));

grid-template-rows: repeat(2, auto);
grid-auto-flow: column;
column-gap: 22px;
}
.p-list li {
position: relative;
margin: 0 0 16px;

padding: 0 66px 9px 23px;
border-bottom: 1px solid var(--t-hair);
font-size: 15px; line-height: 1.5;
color: var(--t-ink-soft);
}
.p-list li::before {
content: ''; position: absolute; left: 0; top: 3px;
width: 4px; height: 23px;
background: var(--h-cyan);
}



@media (max-width: 1200px) {
.peace-inner { padding-left: 49%; padding-top: 74px; }
.peace-h2 { font-size: 3.564vw; }
.p-lede { max-width: none; }
.p-list { column-gap: 18px; }
.p-halftone { display: none; }
}

@media (max-width: 980px) {

.peace { padding-bottom: 56px; }
.p-photo {
position: relative; width: auto; height: auto;

top: 0; bottom: auto;
aspect-ratio: 16 / 10;
clip-path: none;

filter: none;
margin-bottom: 38px;
}
.p-photo picture { clip-path: none; }
.p-photo img { object-position: 44% 46%; }
.p-photo::after {
content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
background: var(--h-cyan); pointer-events: none;
}
.p-edge { display: none; }
.peace-inner { padding: 0 var(--p-gutter); }
.peace-h2 { font-size: clamp(23.5px, 4.364vw, 39.5px); }
}

@media (max-width: 620px) {
.peace { --p-gutter: 22px; }
.peace-h2 { font-size: clamp(20.5px, 5.818vw, 30.5px); }
.p-eyebrow { font-size: 14px; letter-spacing: .07em; }
.p-photo { aspect-ratio: 3 / 2; margin-bottom: 30px; }
.p-list { grid-template-columns: 1fr; grid-auto-flow: row; }
}


.comms {
position: relative;
isolation: isolate;

background-color: #ADA398;
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;


--c-gutter: 9.93%;
--c-rule-out: 32px;
--c-slab-tl: 76px;
--c-slab-tr: 164px;
--c-slab-br: 104px;
--c-cut-top: 63.13%;
--c-cut-bot: 71.87%;
--c-edge-w: 3px;

padding: 149px 0 82px;
}
.comms::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}


.comms-slab {
position: absolute; z-index: 1;
inset: 0;
background-color: var(--h-black);
clip-path: polygon(0 var(--c-slab-tl), 100% var(--c-slab-tr),
100% calc(100% - var(--c-slab-br)), 0 100%);
}
.comms-slab::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
background-blend-mode: normal, overlay;
opacity: .07;
mix-blend-mode: screen;
}
.c-halftone {
position: absolute; z-index: 1;
left: 0; top: 76px;
width: 110px; height: 767px;
pointer-events: none;
}


.c-edge-foot {
position: absolute; z-index: 2; inset: 0;
pointer-events: none;
background: var(--h-cyan);
clip-path: polygon(
0 calc(100% - var(--c-edge-w)),
100% calc(100% - var(--c-slab-br) - var(--c-edge-w)),
100% calc(100% - var(--c-slab-br)),
0 100%);
filter: drop-shadow(0 0 6px rgba(8, 169, 221, .45));
}

.c-edge {
position: absolute; z-index: 2; inset: 0;
pointer-events: none;
background: var(--h-cyan);
clip-path: polygon(
0 var(--c-slab-tl), 100% var(--c-slab-tr),
100% calc(var(--c-slab-tr) + var(--c-edge-w)),
0 calc(var(--c-slab-tl) + var(--c-edge-w)));
filter: drop-shadow(0 0 6px rgba(8, 169, 221, .45));
}


.c-photo {
position: absolute; z-index: 3;
right: 0; top: 120px; bottom: 60px;
width: 36.87%;


clip-path: polygon(0 0, 100% 0, 100% 100%, 23.7% 100%);
}
.c-photo picture, .c-photo img { display: block; width: 100%; height: 100%; }
.c-photo img {
object-fit: cover;
object-position: 42% 45%;
}

.c-photo-edge {
position: absolute; z-index: 4; inset: 0;
pointer-events: none;
background: var(--h-cyan);
clip-path: polygon(
0 0, var(--c-edge-w) 0,
calc(23.7% + var(--c-edge-w)) 100%, 23.7% 100%);
filter: drop-shadow(0 0 6px rgba(8, 169, 221, .45));
}


.comms-inner {
position: relative; z-index: 5;
padding: 0 34.4% 0 var(--c-gutter);
}
.c-eyebrow {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 15px; letter-spacing: .08em;
color: var(--h-cyan);
text-transform: uppercase;
}
.comms-h2 {
margin: 8px 0 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
font-size: 52px;
line-height: 1.22;
letter-spacing: -.004em;
text-transform: uppercase;
color: var(--h-bone);
}
.comms-h2 .l { display: block; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.comms-h2 .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.c-lede {
margin: 13px 0 0; max-width: 528px;
font-size: 16.5px; line-height: 1.7;
color: var(--h-muted);
}


.c-cols {
list-style: none;
display: flex;
margin: 42px 0 0 calc(-1 * var(--c-rule-out));
padding: 0;
}
.c-col {

flex: 200 1 0;
margin: 0;

padding: 19px 0 27px var(--c-rule-out);
border-left: 1px solid rgba(231, 229, 223, .5);
min-width: 0;
}
.c-col:nth-child(1) { border-left-color: var(--h-cyan); }
.c-col:nth-child(2) { flex-grow: 212; }
.c-col:nth-child(3) { flex-grow: 238; }
.c-col:nth-child(4) { flex-grow: 182; }
.c-num {
display: block;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 15px; letter-spacing: .02em;
line-height: 1;
color: var(--h-cyan);
}
.c-title {
margin: 15px 0 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 17px; letter-spacing: .01em;
line-height: 1.1;
text-transform: uppercase;
color: var(--h-bone);
}
.c-text {
margin: 12px 0 0;

font-size: 15px; line-height: 1.52;
color: var(--h-muted);
}

.comms-link {
display: flex; align-items: center; gap: 16px;
width: fit-content;
margin: 22px 0 0 auto;
padding-bottom: 9px;
border-bottom: 1px solid var(--h-cyan);
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 14.5px; letter-spacing: .075em;
text-transform: uppercase; text-decoration: none;
color: var(--h-cyan);
}
.comms-link svg { width: 44px; height: 13px; flex: 0 0 auto; }
.comms-link:hover { color: #4fd0ff; border-bottom-color: #4fd0ff; }
.comms-link:focus-visible { outline: 3px solid var(--h-cyan); outline-offset: 4px; }


@media (max-width: 1200px) {
.comms { --c-gutter: 8%; --c-rule-out: 22px; padding-top: 150px; }
.comms-h2 { font-size: 4.197vw; }

.comms-inner { padding-right: 33%; }
.c-lede { max-width: none; }

.c-halftone { display: none; }
.c-title { font-size: 15.5px; }
}

@media (max-width: 980px) {
.comms {
--c-gutter: 5%;
background-color: var(--h-black);
border-top: 3px solid var(--h-cyan);
padding: 0 0 58px;
}
.comms::before {
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-blend-mode: normal, overlay;
mix-blend-mode: screen;
opacity: .07;
}

.comms-slab {
position: static;
background: none;
clip-path: none;
}
.comms-slab::before, .c-halftone, .c-edge, .c-photo-edge { display: none; }
.c-photo {
position: relative; z-index: 1;
width: auto; height: auto;
aspect-ratio: 16 / 10;
clip-path: none;
}
.c-photo img { object-position: 48% 42%; }
.c-photo::after {
content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
background: var(--h-cyan); pointer-events: none;
}
.comms-inner { padding: 46px var(--c-gutter) 0; }
.comms-h2 { font-size: clamp(24.5px, 4.631vw, 43.5px); }
.c-cols { flex-wrap: wrap; margin-left: 0; row-gap: 30px; }
.c-col:nth-child(1), .c-col:nth-child(2),
.c-col:nth-child(3), .c-col:nth-child(4) { flex: 0 0 50%; padding: 4px 16px 8px 20px; }
.c-photo { top: auto; bottom: auto; }
.c-col:nth-child(1) { border-left-color: var(--h-cyan); }
}

@media (max-width: 620px) {
.comms { --c-gutter: 22px; }
.comms-h2 { font-size: clamp(20px, 6.079vw, 32px); }
.c-eyebrow { font-size: 14px; letter-spacing: .07em; }
.c-photo { aspect-ratio: 3 / 2; }
.c-cols { row-gap: 24px; }
.c-col:nth-child(1), .c-col:nth-child(2),
.c-col:nth-child(3), .c-col:nth-child(4) { flex: 0 0 100%; padding: 0 0 0 20px; }
.comms-link { margin: 30px auto 0 0; font-size: 14.5px; }
}


.blognotes {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: #ADA398;
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
padding: 0 0 62px;

--bn-gutter: 5.6%;
--bn-edge-l: 345px;
--bn-edge-r: 242px;
--bn-seam-l: 7px;
--bn-seam-r: 27px;


--bn-rise: calc(var(--bn-edge-l) - var(--bn-edge-r));
--bn-feature-frac: .4479;
--bn-top-drop: calc(var(--bn-rise) * var(--bn-feature-frac));
}


.bn-seam {
position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 34px;
pointer-events: none;
background: #A3998D;
clip-path: polygon(0 var(--bn-seam-l), 100% var(--bn-seam-r), 100% 100%, 0 100%);
}
.bn-seam::after {
content: ''; position: absolute; inset: 0;
background: var(--h-cyan);
opacity: .62;
clip-path: polygon(
0 var(--bn-seam-l), 100% var(--bn-seam-r),
100% calc(var(--bn-seam-r) + 1.8px), 0 calc(var(--bn-seam-l) + 1.8px));
}


.blognotes::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}


.bn-field {
position: absolute; inset: 0; z-index: 1; pointer-events: none;

background-color: var(--h-panel);
clip-path: polygon(0 var(--bn-edge-l), 100% var(--bn-edge-r), 100% 100%, 0 100%);
}

.bn-field::before {
content: ''; position: absolute; inset: 0;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
background-blend-mode: normal, overlay;
opacity: .12;
mix-blend-mode: screen;
}

.bn-field::after {
content: ''; position: absolute; inset: 0;
background: var(--h-cyan);
clip-path: polygon(
0 var(--bn-edge-l), 100% var(--bn-edge-r),
100% calc(var(--bn-edge-r) + 3px), 0 calc(var(--bn-edge-l) + 3px));
}

.bn-halftone {
position: absolute; z-index: 2; pointer-events: none;
left: 0; bottom: 40px; width: 150px; height: auto;
opacity: .5;
}

.bn-inner { position: relative; z-index: 3; padding: 0 var(--bn-gutter); }


.bn-head { padding: 52px 0 0; }

.bn-eyebrow {
margin: 0 0 16px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 14.5px; letter-spacing: .22em;

color: #1A1A18; text-transform: uppercase;
}

.bn-h2 {
margin: 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
font-size: 52px;
line-height: .96;
letter-spacing: -.012em;
text-transform: uppercase;
color: #1A1A18;
}
.bn-h2 .l { display: block; }

@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.bn-h2 .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 460px 460px; mask-size: 460px 460px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}

.bn-lede {
margin: 18px 0 0;
max-width: 30em;
font-size: 19px; line-height: 1.5;
color: #2E2E2B;
}


.bn-grid {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
gap: 58px;
margin-top: 54px;
align-items: start;
}

.bn-media { display: block; overflow: hidden; }
.bn-media picture, .bn-media img { display: block; width: 100%; height: 100%; }
.bn-media img { object-fit: cover; }


.bn-feature .bn-media {
aspect-ratio: 4 / 3;


clip-path: polygon(0 var(--bn-top-drop), 100% 0, 97.5% 100%, 0 100%);
}
.bn-feature .bn-body { padding: 26px 0 0; }


.bn-stack { display: flex; flex-direction: column; gap: 30px; padding-top: 6px; }
.bn-card {
display: grid;
grid-template-columns: minmax(0, 236px) minmax(0, 1fr);
gap: 26px;
align-items: start;
}
.bn-card + .bn-card { border-top: 1px solid rgba(231,229,223,.18); padding-top: 30px; }
.bn-card .bn-media { aspect-ratio: 3 / 2; }


.bn-tag {
margin: 0 0 10px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 15px; letter-spacing: .18em;
color: var(--h-cyan); text-transform: uppercase;
}
.bn-title {
margin: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; letter-spacing: .005em; line-height: 1.14;
color: #fff;
}
.bn-feature .bn-title { font-size: 23.5px; }
.bn-card .bn-title { font-size: 17px; }
.bn-title a { color: inherit; text-decoration: none; }
.bn-title a:hover { color: var(--h-cyan); text-decoration: none; }

.bn-blurb {
margin: 14px 0 0;
color: var(--h-muted);
line-height: 1.55;
}
.bn-feature .bn-blurb { font-size: 18px; max-width: 34em; }
.bn-card .bn-blurb { font-size: 16px; }

.bn-more {
display: inline-flex; align-items: center; gap: 14px;
margin-top: 20px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 14px; letter-spacing: .16em;
color: var(--h-cyan); text-decoration: none; text-transform: uppercase;
border-bottom: 1px solid rgba(8,169,221,.45); padding-bottom: 7px;
}
.bn-more:hover { color: #23bdec; border-bottom-color: #23bdec; text-decoration: none; }
.bn-more svg { width: 38px; height: 11px; flex: 0 0 auto; }

.bn-viewall {
display: inline-flex; align-items: center; gap: 16px;
float: right; margin-top: 46px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 15.5px; letter-spacing: .16em;
color: var(--h-bone); text-decoration: none; text-transform: uppercase;
border-bottom: 1px solid rgba(231,229,223,.4); padding-bottom: 9px;
}
.bn-viewall:hover { color: var(--h-cyan); border-bottom-color: var(--h-cyan); text-decoration: none; }
.bn-viewall svg { width: 42px; height: 13px; flex: 0 0 auto; }
.bn-inner::after { content: ''; display: block; clear: both; }

.blognotes a:focus-visible { outline: 3px solid #7fdcff; outline-offset: 3px; }


@media (max-width: 1199px) {

.blognotes { --bn-edge-l: 320px; --bn-edge-r: 236px; --bn-feature-frac: .4487; }
.bn-h2 { font-size: 4.047vw; }
.bn-grid { gap: 40px; }
.bn-feature .bn-title { font-size: 19.5px; }
.bn-card { grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 20px; }
.bn-card .bn-title { font-size: 14.5px; }
}

@media (max-width: 899px) {


.blognotes { --bn-edge-l: 300px; --bn-edge-r: 264px; padding-bottom: 56px; --bn-feature-frac: .888; }
.bn-grid { grid-template-columns: 1fr; gap: 38px; margin-top: 40px; }
.bn-h2 { font-size: clamp(27.5px, 5.348vw, 44.5px); }
.bn-feature .bn-media { aspect-ratio: 16 / 9; }
.bn-stack { gap: 26px; padding-top: 0; }
.bn-card + .bn-card { padding-top: 26px; }
}

@media (max-width: 620px) {

.blognotes { --bn-gutter: 22px; --bn-edge-l: 268px; --bn-edge-r: 244px; --bn-feature-frac: .9081; }
.bn-head { padding-top: 44px; }
.bn-h2 { font-size: clamp(23px, 6.504vw, 33px); }
.bn-lede { font-size: 17px; }
.bn-halftone { display: none; }
.bn-card { grid-template-columns: 1fr; gap: 16px; }
.bn-card .bn-media { aspect-ratio: 16 / 9; }
.bn-feature .bn-title { font-size: 17px; }
.bn-card .bn-title { font-size: 15px; }
.bn-viewall { float: none; display: flex; width: 100%; justify-content: space-between; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
.blognotes * { transition: none !important; animation: none !important; }
}