.alt-refined{
  --alt-paper:#f7f7f4;
  --alt-blue:#3f4ed7;
  --alt-line:rgba(17,17,19,.18);
  background:#fff
}
.alt-refined .alt-header{
  height:5.75rem;
  background:rgba(247,247,244,.94);
  backdrop-filter:blur(12px)
}
.alt-refined .alt-wordmark{font-size:clamp(1.15rem,1.55vw,1.75rem)}
.alt-refined .refined-split-wordmark{display:inline-flex;align-items:baseline;font-weight:400;letter-spacing:-.065em}
.alt-refined .refined-split-wordmark b{font-weight:800}
.alt-refined .refined-split-wordmark span{font-weight:400}
.alt-refined .alt-header nav{gap:2rem}
.alt-refined .alt-header-cta{
  padding:.72rem 1rem;
  border:1px solid rgba(17,17,19,.35);
  border-radius:2rem;
  transition:background .25s ease,color .25s ease,border-color .25s ease
}
.alt-refined .alt-header-cta:after{display:none}
.alt-refined .alt-header-cta:hover,.alt-refined .alt-header-cta:focus-visible{background:var(--alt-blue);border-color:var(--alt-blue);color:#fff}

.alt-refined .refined-hero{
  min-height:100svh;
  padding-top:8.5rem;
  padding-bottom:4rem;
  background:var(--alt-paper)
}
.alt-refined .refined-hero h1{
  margin:13vh 0 9vh;
  max-width:none;
  font-size:clamp(4.5rem,11vw,11.5rem);
  font-weight:500;
  line-height:.84;
  letter-spacing:-.085em;
  text-transform:none
}
.alt-refined .refined-hero h1 span{color:var(--alt-blue)}
.alt-refined .alt-hero-bottom p{max-width:36rem;font-size:clamp(1.2rem,1.65vw,1.65rem)}

.alt-refined .refined-belief{
  padding-top:13rem;
  padding-bottom:13rem;
  background:#fff;
  color:var(--alt-ink);
  border-bottom:1px solid var(--alt-line)
}
.alt-refined .refined-belief h2,
.alt-refined .alt-section-head h2,
.alt-refined .alt-people h2,
.alt-refined .alt-index-head h2{
  font-family:var(--alt-sans);
  font-style:normal;
  font-weight:500
}
.alt-refined .refined-belief p{max-width:36rem;margin-left:0;color:#5e5a55}

.alt-refined .refined-work{padding-top:13rem;padding-bottom:5rem;background:#fff}
.alt-refined .alt-section-head{margin-bottom:9rem}
.alt-refined .alt-section-head p{max-width:30rem}
.alt-refined .alt-case{margin-bottom:13rem}
.alt-refined .alt-case figure{aspect-ratio:16/8.4}
.alt-refined .alt-case-meta{padding:1.1rem 0}

.alt-refined .refined-clients{
  padding-top:11rem;
  padding-bottom:12rem;
  background:#fff;
  border-top:1px solid var(--alt-line)
}
.alt-refined .alt-clients-intro{margin-bottom:6rem}
.alt-refined .alt-clients-intro h2{
  max-width:54rem;
  font-size:clamp(2.8rem,4.7vw,5.4rem);
  font-family:var(--alt-sans);
  font-style:normal;
  font-weight:500
}
.alt-refined .alt-client-grid>div{
  min-height:10.5rem;
  color:#77726d;
  border-color:rgba(16,16,17,.17)
}
.alt-refined .alt-client-grid>div:hover{background:#f2f1ed;color:var(--alt-ink)}

.alt-refined .refined-proof{padding:2rem 3.2vw 12rem;background:#fff}
.alt-refined .refined-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:3rem;
  border-top:1px solid var(--alt-ink)
}
.alt-refined .refined-proof article{
  min-height:13rem;
  padding:1.5rem 2rem 1.5rem 0;
  border-right:1px solid var(--alt-line);
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.alt-refined .refined-proof article+article{padding-left:2rem}
.alt-refined .refined-proof strong{
  font:500 clamp(3.2rem,5.2vw,6rem)/1 var(--alt-sans);
  letter-spacing:-.065em
}
.alt-refined .refined-proof p{margin:0;color:#6b6660}

.alt-refined .refined-services{padding-top:12rem;padding-bottom:13rem;background:var(--alt-paper)}
.alt-refined .refined-services .alt-service-list a{min-height:8rem}
.alt-refined .refined-services .alt-service-list p{color:#74706a}

.alt-refined .refined-people{min-height:48rem;background:#fff;border-top:1px solid var(--alt-line)}
.alt-refined .refined-people .alt-people-image{min-height:48rem}
.alt-refined .refined-people .alt-people-copy{padding:8rem 6vw}
.alt-refined .refined-people h2{
  font-size:clamp(2.7rem,4.3vw,5rem);
  line-height:.96
}
.alt-refined .refined-people p{max-width:29rem}

.alt-refined .refined-footer{padding-top:11rem;background:var(--alt-paper)}
.alt-refined .refined-footer .alt-index-head{padding-bottom:7rem}
.alt-refined .refined-footer .alt-index-head h2{font-size:clamp(3.4rem,6.2vw,7rem)}
.alt-refined .reveal-alt{transform:translateY(1.25rem);transition-duration:.75s}
.alt-refined .reveal-alt.is-visible{transform:none}

@media(max-width:800px){
  .alt-refined .alt-header{height:5.2rem}
  .alt-refined .refined-hero{min-height:48rem;padding-top:7rem}
  .alt-refined .refined-hero h1{font-size:16vw;margin:8rem 0 5rem}
  .alt-refined .refined-belief,
  .alt-refined .refined-work,
  .alt-refined .refined-services{padding-top:7rem;padding-bottom:7rem}
  .alt-refined .alt-section-head{margin-bottom:5rem}
  .alt-refined .alt-case{margin-bottom:7rem}
  .alt-refined .alt-case figure{aspect-ratio:4/5}
  .alt-refined .refined-clients{padding-top:7rem;padding-bottom:7rem}
  .alt-refined .refined-proof{padding:1rem 1.25rem 7rem}
  .alt-refined .refined-proof-grid{grid-template-columns:1fr}
  .alt-refined .refined-proof article{min-height:9rem;padding:1.25rem 0;border-right:0;border-bottom:1px solid var(--alt-line)}
  .alt-refined .refined-proof article+article{padding-left:0}
  .alt-refined .refined-people,
  .alt-refined .refined-people .alt-people-image{min-height:32rem}
  .alt-refined .refined-people .alt-people-copy{padding:6rem 1.25rem}
  .alt-refined .refined-footer{padding-top:7rem}
}