#every-project-starts-on-the-wall{position:relative;overflow:hidden;padding-block:var(--sp-6) var(--sp-8)}
#every-project-starts-on-the-wall figure{margin:0}
#every-project-starts-on-the-wall .hero__container{width:100%}
#every-project-starts-on-the-wall .hero__board{display:grid;gap:2px}
#every-project-starts-on-the-wall .hero__copy{background:var(--c-surface);border:1px solid var(--c-border);border-top:3px solid var(--c-primary);border-radius:var(--radius);padding:clamp(1.25rem,1rem + 2.4vw,2.25rem);display:flex;flex-direction:column;justify-content:center}
#every-project-starts-on-the-wall h1{margin-bottom:0}
#every-project-starts-on-the-wall .hero__accent{color:var(--c-primary)}
#every-project-starts-on-the-wall .marker-rule{margin:14px 0 var(--sp-5)}
#every-project-starts-on-the-wall .hero__subhead{color:var(--c-text);margin-bottom:var(--sp-4);max-width:34ch}
#every-project-starts-on-the-wall .hero__body{color:var(--c-secondary);font-size:1rem;max-width:46ch;margin-bottom:var(--sp-3)}
#every-project-starts-on-the-wall .hero__body:last-of-type{margin-bottom:var(--sp-5)}
#every-project-starts-on-the-wall .hero__ctas{display:flex;flex-direction:column;gap:12px}
#every-project-starts-on-the-wall .hero__ctas .btn{width:100%}
#every-project-starts-on-the-wall .hero__tile{display:block}
#every-project-starts-on-the-wall .hero__tile--main img{width:100%;height:auto;aspect-ratio:1320 / 916;object-fit:cover;object-position:50% 45%}
#every-project-starts-on-the-wall .hero__insets{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:0}
#every-project-starts-on-the-wall .hero__tile--inset img{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}
@media (min-width:560px){#every-project-starts-on-the-wall .hero__ctas{flex-direction:row;flex-wrap:wrap}#every-project-starts-on-the-wall .hero__ctas .btn{width:auto;min-width:240px}}
@media (min-width:1100px){#every-project-starts-on-the-wall{display:flex;align-items:center;min-height:calc(100svh - var(--header-h));padding-block:var(--sp-6)}
#every-project-starts-on-the-wall .hero__board{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;align-items:start;gap:2px 12px;width:100%}
#every-project-starts-on-the-wall .hero__tile--main{grid-column:1 / 8;grid-row:1;min-width:0}
#every-project-starts-on-the-wall .hero__insets{grid-column:1 / 8;grid-row:2}
#every-project-starts-on-the-wall .hero__copy{grid-column:8 / 13;grid-row:1 / 3;align-self:center;position:relative;top:-8px;min-width:0}}

#what-we-make .offers__head{margin-bottom:var(--sp-6)}
#what-we-make h2{margin-bottom:0}
#what-we-make .marker-rule{margin:14px 0 var(--sp-5)}
#what-we-make .offers__lede{color:var(--c-secondary);max-width:54ch;margin-bottom:0}
#what-we-make .offers{display:grid;gap:12px;align-items:start}
#what-we-make .offer{padding:20px}
#what-we-make .offer h3{margin-bottom:var(--sp-2)}
#what-we-make .offer p{color:var(--c-secondary);font-size:0.9375rem;max-width:48ch;margin-bottom:0}
#what-we-make .offer svg,#what-we-make .offer img{display:none}
@media (min-width:768px){#what-we-make .offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#what-we-make .offer{padding:28px}}
@media (min-width:1100px){#what-we-make .offers{grid-template-columns:repeat(3,minmax(0,1fr))}
#what-we-make .offers > [data-offer]:nth-child(3n+2){margin-top:18px}
#what-we-make .offers > [data-offer]:nth-child(3n+3){margin-top:36px}}

#who-s-in-the-room{padding-block:clamp(2.25rem,1.6rem + 2vw,3.25rem)}
#who-s-in-the-room .audience__head{margin-bottom:var(--sp-5)}
#who-s-in-the-room h2{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);margin-bottom:var(--sp-3)}
#who-s-in-the-room .audience__lede{color:var(--c-secondary);max-width:62ch;margin-bottom:0}
#who-s-in-the-room .audience__strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#who-s-in-the-room .audience__cell{padding:var(--sp-5) var(--sp-4);border-top:1px solid var(--c-border);min-height:88px;display:flex;align-items:center}
#who-s-in-the-room .audience__cell:nth-child(2n){border-left:1px solid var(--c-border);padding-left:var(--sp-5)}
#who-s-in-the-room .audience__who{position:relative;display:inline-block;padding-left:22px;font-family:var(--ff-display);font-weight:700;font-size:1.25rem;letter-spacing:-0.01em;color:var(--c-text)}
#who-s-in-the-room .audience__who::before{content:"";position:absolute;left:0;top:0.45em;width:9px;height:9px;border-radius:1px;background:var(--c-primary);transform:rotate(-6deg)}
@media (min-width:768px){#who-s-in-the-room .audience__strip{grid-template-columns:repeat(4,minmax(0,1fr));min-height:150px}
#who-s-in-the-room .audience__cell{padding:var(--sp-5);border-left:1px solid var(--c-border)}
#who-s-in-the-room .audience__cell:first-child{border-left:0;padding-left:0}}

#how-it-starts .steps__head{margin-bottom:var(--sp-6)}
#how-it-starts h2{margin-bottom:0}
#how-it-starts .marker-rule{margin:14px 0 0}
#how-it-starts .steps{display:grid;gap:var(--sp-5);padding-bottom:var(--sp-5)}
#how-it-starts .step{min-height:190px}
#how-it-starts .ordinal{display:block;font-size:3.25rem;margin-bottom:var(--sp-3)}
#how-it-starts .step h3{margin-bottom:var(--sp-2);color:var(--c-text)}
#how-it-starts .step p{color:var(--c-secondary);max-width:52ch;margin-bottom:0}
@media (min-width:900px){#how-it-starts .steps__wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--sp-7)}
#how-it-starts .steps__head{margin-bottom:0}
#how-it-starts .ordinal{font-size:5rem}
#how-it-starts .step{min-height:220px}}

#the-standard{padding-block:clamp(2.75rem,2rem + 3vw,5rem)}
#the-standard .statement{min-height:min(48vh,360px);justify-content:center}
#the-standard .statement__line{font-family:var(--ff-display);font-weight:700;letter-spacing:-0.02em;line-height:1.2;font-size:clamp(1.375rem,0.6rem + 2.4vw,2rem);max-width:none;color:var(--c-text);margin:0}
@media (min-width:768px){#the-standard .statement{min-height:max(520px,60vh)}
#the-standard .statement__line{font-size:clamp(2.25rem,1rem + 4vw,4rem);line-height:1.1;max-width:26ch}}
@media (min-width:1100px){#the-standard .statement{min-height:max(620px,70vh)}}