.bi-hero{height:470px;position:relative;overflow:hidden;background:var(--olive)}
.bi-hero-photo{position:absolute;inset:0 0 0 29%;background:url('assets/builtins_hero.webp') center/cover no-repeat}
.bi-hero-panel{position:absolute;inset:0 auto 0 0;width:43%;padding:50px 48px;color:#fff;background:linear-gradient(90deg,rgba(36,43,30,.99),rgba(36,43,30,.95) 80%,rgba(36,43,30,.72))}
.bi-hero h1,.bi-solutions h2,.bi-featured h2,.bi-reimagine h2,.bi-process h2,.bi-cta h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.bi-hero h1{font-size:54px;line-height:.98}
.bi-hero-panel>p:not(.eyebrow):not(.bi-micro){font-size:15px;line-height:1.5;max-width:350px}
.bi-micro{margin-top:25px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:#d8c8aa}
.bi-side-note{position:absolute;right:42px;bottom:30px;color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:10px;line-height:1.5;text-shadow:0 1px 8px #000}

.bi-solutions,.bi-featured,.bi-process{padding:34px 42px;background:#fffdf8}
.split-head{align-items:start}.split-head>p{max-width:360px;font-size:13px;line-height:1.5;color:#5d594f}
.section-label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.22em;font-size:9px;color:#886b49}
.bi-solutions h2,.bi-featured h2,.bi-process h2{font-size:35px}
.solution-grid,.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.solution-grid article{position:relative;min-height:210px;overflow:hidden}
.solution-grid img,.project-grid img{width:100%;height:100%;object-fit:cover}
.solution-grid article>div{position:absolute;inset:auto 0 0;padding:18px;color:#fff;background:linear-gradient(0deg,rgba(20,20,18,.78),rgba(20,20,18,0))}
.solution-grid h3,.project-grid h3,.process-steps h3{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.solution-grid p{margin:0;font-size:12px}
.project-grid img{height:150px}
.project-grid h3{margin-top:10px}
.project-grid p{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#8a8175;margin:0}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}
.section-head>a{font-size:9px;text-transform:uppercase;letter-spacing:.14em}

.bi-reimagine{display:grid;grid-template-columns:31% 47% 22%;background:#f4efe5}
.bi-reimagine-copy{padding:38px 38px}
.bi-reimagine h2{font-size:39px;line-height:1.05}
.bi-reimagine-copy>p:not(.section-label){font-size:13px;line-height:1.5}
.bi-compare{position:relative;min-height:260px}
.bi-compare img{width:100%;height:100%;object-fit:cover}
.bi-reimagine blockquote{margin:0;padding:38px 26px;display:flex;flex-direction:column;justify-content:center;background:#f0eadf}
.bi-reimagine blockquote p{font:italic 26px/1.05 Georgia,serif;margin:0 0 22px}
.bi-reimagine blockquote cite{text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:#857766}

.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.process-steps article{padding:16px 18px;border-left:1px solid var(--line)}
.process-steps article:first-child{border-left:0}
.process-steps span{font:28px Georgia,serif;color:#90714e}
.process-steps p{font-size:11px;line-height:1.4;color:#615d54;margin:0}

.bi-testimonial{display:grid;grid-template-columns:22% 1fr auto;align-items:center;background:#fffdf8;min-height:145px}
.bi-testimonial-photo{height:145px;background:url('assets/builtins_library.webp') center/cover no-repeat}
.bi-testimonial blockquote{margin:0;padding:22px 28px}
.bi-testimonial blockquote p{font:italic 15px/1.45 Georgia,serif;margin:0 0 8px}
.bi-testimonial blockquote cite{font-size:10px;color:#7b746a}
.bi-testimonial .testimonial-rating{margin-right:34px}

.bi-cta{display:grid;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:28px;padding:34px 42px;color:#fff;background:
linear-gradient(90deg,rgba(37,45,31,.95),rgba(37,45,31,.88))}
.bi-cta h2{font-size:32px;line-height:1.05}
.bi-values{display:flex;justify-content:center;gap:42px;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.bi-values span{white-space:nowrap}

@media(max-width:900px){
  .bi-hero{height:640px}.bi-hero-photo{inset:0;background-position:60% center}
  .bi-hero-panel{width:100%;inset:auto 0 0;padding:34px 22px;background:linear-gradient(0deg,rgba(36,43,30,.99),rgba(36,43,30,.91) 82%,rgba(36,43,30,.18))}
  .bi-hero h1{font-size:44px}.bi-side-note{display:none}
  .bi-solutions,.bi-featured,.bi-process{padding:32px 18px}
  .section-head,.split-head{display:block}.split-head>p{margin-top:14px}
  .solution-grid,.project-grid{grid-template-columns:1fr 1fr}
  .solution-grid article{min-height:190px}.project-grid img{height:145px}
  .bi-reimagine{grid-template-columns:1fr}
  .bi-reimagine-copy{padding:34px 20px}.bi-compare{min-height:250px}
  .bi-reimagine blockquote{padding:30px 20px}
  .process-steps{grid-template-columns:1fr 1fr}.process-steps article:nth-child(odd){border-left:0}
  .bi-testimonial{grid-template-columns:1fr}.bi-testimonial-photo{height:150px}
  .bi-testimonial .testimonial-rating{margin:0;padding:0 22px 24px}
  .bi-cta{grid-template-columns:1fr;padding:34px 22px}.bi-values{justify-content:flex-start;gap:16px;flex-wrap:wrap}
}