body { background:#e8e5df }
.section--case,.section--collections,.section--news { position:relative;box-shadow:0 0 0 100vmax var(--section-bg);clip-path:inset(0 -100vmax) }
.section--case { --section-bg:#edf1ed;background:#edf1ed }
.section--collections { --section-bg:#cbdad4;background:#cbdad4 }
.section--news { --section-bg:#f2e4d1;background:#f2e4d1 }
.section--case { padding-top:110px;padding-bottom:110px }
.section--collections { padding-top:105px;padding-bottom:110px }
.section--news { padding-top:110px;background:#f2e4d1 }
.section__head--center { position:relative;justify-content:center;text-align:center }
.section__head--center .carousel-actions { position:absolute;right:0;bottom:0 }
.section__head--center h2 { font-size:clamp(34px,4.6vw,62px);font-weight:800 }
.section-title__primary { color:var(--ink) }
.section-title__accent { color:#b77b44;margin-left:.06em }
.section__head--center .eyebrow { margin-bottom:10px }
.section--about { background:#273839;color:#fff }
.section--about .about__content { padding:80px clamp(40px,8vw,130px);text-align:center }
.section--about .about__content h2 { font-size:clamp(31px,4vw,52px) }
.section--about .about__content .section-title__primary { color:#fff }
.section--about .about__content .section-title__accent { color:#dbac75 }
.section--about .about__line { margin-left:auto;margin-right:auto }
.section--about .about__content>p:not(.eyebrow) { color:#d4ddd5 }
.section--about .more-link { color:#fff }
.project-carousel--layered { width:80%;margin:0 auto;overflow:visible }
.project-carousel--layered .project-card { height:270px }
.project-carousel--layered .project-card:nth-child(n+4) { opacity:.4;transform:scale(.84);filter:saturate(.7);transition:opacity .3s,transform .3s }
.project-carousel--layered .project-card:hover { opacity:1;transform:scale(.9) }
.site-header--inner .has-children:hover>a:after { width:100% }
@media(max-width:900px) {
  .section--case,.section--collections,.section--news { padding-top:80px;padding-bottom:80px }
  .project-carousel--layered { width:86% }
  .project-carousel--layered .project-card { height:230px }
  .section__head--center .carousel-actions { position:static;justify-content:center;margin-top:18px }
}
@media(max-width:560px) {
  .project-carousel--layered { width:100% }
  .project-carousel--layered .project-card { height:230px }
  .section--about .about__content { padding:60px 25px }
}
