.atlas-projects-page {
  --atlas-wine: #812632;
  --atlas-wine-dark: #681c27;
  --atlas-ink: #292e37;
  --atlas-slate: #687381;
  --atlas-line: #d9dde2;
  --atlas-cloud: #f2f4f5;
  --atlas-white: #fff;
  color: var(--atlas-ink);
  font-family: "Space Grotesk", Arial, sans-serif;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.atlas-projects-page * { box-sizing: border-box; }
.atlas-projects-page a { text-decoration: none; }
.atlas-projects-page img { display: block; max-width: 100%; }
.atlas-projects-shell { margin: 0 auto; max-width: 1280px; padding-left: 40px; padding-right: 40px; }
.atlas-eyebrow { color: var(--atlas-wine); font-size: 12px; font-weight: 600; letter-spacing: .14em; margin: 0 0 24px; text-transform: uppercase; }
.atlas-eyebrow.is-light { color: rgba(255,255,255,.82); }

.atlas-projects-hero {
  background-image: var(--atlas-hero-image);
  background-position: center 42%;
  background-size: cover;
  color: var(--atlas-white);
  min-height: 700px;
  position: relative;
}
.atlas-projects-hero__overlay { background: linear-gradient(90deg,rgba(14,16,21,.94) 0%,rgba(28,27,31,.76) 50%,rgba(65,36,42,.28) 100%); inset: 0; position: absolute; }
.atlas-projects-hero__content { padding-bottom: 110px; padding-top: clamp(180px,19vw,250px); position: relative; z-index: 1; }
.atlas-projects-hero h1 { color: var(--atlas-white); font-size: clamp(48px,6vw,84px); font-weight: 400; letter-spacing: -.045em; line-height: 1; margin: 0; max-width: 940px; text-transform: none; }
.atlas-projects-hero__content > p:not(.atlas-eyebrow) { color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.65; margin: 34px 0 38px; max-width: 720px; }
.atlas-projects-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.atlas-projects-hero__actions a { align-items: center; display: inline-flex; font-size: 14px; gap: 20px; padding: 16px 22px; }
.atlas-projects-hero__actions .is-primary { background: var(--atlas-wine); color: var(--atlas-white); }
.atlas-projects-hero__actions .is-secondary { background: var(--atlas-white); color: var(--atlas-wine-dark); }

.atlas-service-index { background: var(--atlas-ink); color: var(--atlas-white); position: sticky; top: 0; z-index: 20; }
.atlas-service-index__inner { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
.atlas-service-index a { border-left: 1px solid rgba(255,255,255,.14); color: var(--atlas-white); font-size: 12px; line-height: 1.25; min-height: 79px; padding: 19px 15px 15px; }
.atlas-service-index a:first-child,.atlas-service-index a:nth-child(4) { border-left: 0; }
.atlas-service-index a:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,.14); }
.atlas-service-index a span { color: #dfa2aa; display: block; font-size: 10px; margin-bottom: 7px; }
.atlas-service-index a:hover,.atlas-service-index a:focus-visible { background: var(--atlas-wine); }

.atlas-service { background: var(--atlas-white); padding: 116px 0 128px; scroll-margin-top: 158px; }
.atlas-service--alternate { background: var(--atlas-cloud); }
.atlas-service__heading { align-items: end; border-bottom: 1px solid var(--atlas-line); display: grid; gap: 64px; grid-template-columns: minmax(0,1.4fr) minmax(300px,.6fr); margin-bottom: 52px; padding-bottom: 35px; }
.atlas-service__heading h2,.atlas-projects-cta h2 { color: var(--atlas-ink); font-size: clamp(40px,4.5vw,66px); font-weight: 500; letter-spacing: -.04em; line-height: 1.02; margin: 0; text-transform: none; }
.atlas-service__heading > p { color: var(--atlas-slate); font-size: 16px; line-height: 1.7; margin: 0; }

.atlas-featured { background: var(--atlas-ink); color: var(--atlas-white); display: grid; grid-template-columns: minmax(0,1.45fr) minmax(350px,.55fr); margin-bottom: 64px; min-height: 520px; }
.atlas-featured__image { min-height: 520px; overflow: hidden; }
.atlas-featured__image img { height: 100%; object-fit: cover; width: 100%; }
.atlas-featured__copy { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 52px 44px; }
.atlas-featured__label { color: #dfa2aa; font-size: 11px; font-weight: 600; letter-spacing: .12em; margin: 0 0 38px; text-transform: uppercase; }
.atlas-featured__meta { color: rgba(255,255,255,.58); font-size: 11px; letter-spacing: .08em; margin: 0 0 14px; text-transform: uppercase; }
.atlas-featured__copy h3 { color: var(--atlas-white); font-size: clamp(28px,3vw,43px); font-weight: 500; letter-spacing: -.035em; line-height: 1.09; margin: 0; text-transform: none; }
.atlas-featured__copy > p:not(.atlas-featured__label):not(.atlas-featured__meta) { color: rgba(255,255,255,.74); font-size: 15px; line-height: 1.7; margin: 24px 0 31px; }
.atlas-featured__copy > a,.atlas-featured__pending { border-bottom: 1px solid rgba(255,255,255,.55); color: var(--atlas-white); display: inline-flex; font-size: 13px; gap: 18px; padding-bottom: 6px; width: fit-content; }
.atlas-featured.is-placeholder .atlas-featured__image img,.atlas-project-card.is-placeholder .atlas-project-card__image img { filter: grayscale(1); opacity: .46; }

.atlas-carousel { overflow: hidden; }
.atlas-carousel__toolbar { align-items: center; display: flex; justify-content: space-between; margin-bottom: 22px; }
.atlas-carousel__toolbar > p { color: var(--atlas-ink); font-size: 13px; font-weight: 500; margin: 0; }
.atlas-carousel__controls { display: flex; gap: 8px; }
.atlas-carousel__controls button { align-items: center; background: transparent; border: 1px solid var(--atlas-line); color: var(--atlas-ink); cursor: pointer; display: flex; font: inherit; height: 42px; justify-content: center; padding: 0; width: 42px; }
.atlas-carousel__controls button:hover,.atlas-carousel__controls button:focus-visible { background: var(--atlas-wine); border-color: var(--atlas-wine); color: var(--atlas-white); }
.atlas-carousel__rail { display: flex; gap: 20px; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; scroll-snap-type: x mandatory; }
.atlas-carousel__rail::-webkit-scrollbar { display: none; }
.atlas-project-card { background: var(--atlas-white); border: 1px solid var(--atlas-line); flex: 0 0 calc((100% - 40px)/3); scroll-snap-align: start; }
.atlas-project-card__image { display: block; height: 270px; overflow: hidden; position: relative; }
.atlas-project-card__image img { height: 100%; object-fit: cover; transition: transform .5s ease; width: 100%; }
.atlas-project-card:hover .atlas-project-card__image img { transform: scale(1.035); }
.atlas-project-card__image > span { background: rgba(41,46,55,.88); bottom: 14px; color: var(--atlas-white); font-size: 10px; left: 14px; letter-spacing: .08em; padding: 8px 10px; position: absolute; text-transform: uppercase; }
.atlas-project-card__body { padding: 24px 23px 27px; }
.atlas-project-card__meta { color: var(--atlas-wine); font-size: 10px; font-weight: 600; letter-spacing: .08em; margin: 0 0 13px; text-transform: uppercase; }
.atlas-project-card h3 { color: var(--atlas-ink); font-size: 22px; font-weight: 500; letter-spacing: -.025em; line-height: 1.2; margin: 0; text-transform: none; }
.atlas-project-card h3 a { color: inherit; }
.atlas-project-card__body > p:not(.atlas-project-card__meta) { color: var(--atlas-slate); font-size: 14px; line-height: 1.62; margin: 15px 0 21px; }
.atlas-project-card__link { border-bottom: 1px solid var(--atlas-wine); color: var(--atlas-wine); display: inline-flex; font-size: 12px; gap: 14px; padding-bottom: 5px; }

.atlas-projects-cta { background: var(--atlas-wine); color: var(--atlas-white); }
.atlas-projects-cta__inner { align-items: center; display: grid; gap: 60px; grid-template-columns: minmax(0,1fr) auto; padding-bottom: 92px; padding-top: 92px; }
.atlas-projects-cta h2 { color: var(--atlas-white); }
.atlas-projects-cta__inner > a { background: var(--atlas-white); color: var(--atlas-ink); font-size: 13px; padding: 17px 22px; }

@media (max-width:1020px) {
  .atlas-service-index { position: relative; }
  .atlas-service__heading { align-items: start; grid-template-columns: 1fr; }
  .atlas-featured { grid-template-columns: 1.1fr .9fr; }
  .atlas-project-card { flex-basis: calc((100% - 20px)/2); }
}

@media (max-width:720px) {
  .atlas-projects-shell { padding-left: 24px; padding-right: 24px; }
  .atlas-projects-hero { min-height: 650px; }
  .atlas-projects-hero__content { padding-bottom: 84px; padding-top: 150px; }
  .atlas-projects-hero__content > p:not(.atlas-eyebrow) { font-size: 17px; }
  .atlas-projects-hero__actions { align-items: stretch; flex-direction: column; }
  .atlas-projects-hero__actions a { justify-content: space-between; }
  .atlas-service-index__inner { grid-template-columns: repeat(2,minmax(0,1fr)); padding-left: 0; padding-right: 0; }
  .atlas-service-index a { border-bottom: 1px solid rgba(255,255,255,.14); border-top: 0; padding-left: 20px; }
  .atlas-service-index a:nth-child(4) { border-left: 1px solid rgba(255,255,255,.14); }
  .atlas-service-index a:nth-child(odd) { border-left: 0; }
  .atlas-service { padding: 80px 0 90px; scroll-margin-top: 0; }
  .atlas-featured { display: block; }
  .atlas-featured__image { min-height: 360px; }
  .atlas-featured__copy { padding: 38px 28px 42px; }
  .atlas-featured__label { margin-bottom: 28px; }
  .atlas-project-card { flex-basis: 84%; }
  .atlas-project-card__image { height: 245px; }
  .atlas-projects-cta__inner { grid-template-columns: 1fr; padding-bottom: 72px; padding-top: 72px; }
}

@media (prefers-reduced-motion:reduce) {
  .atlas-projects-page,.atlas-carousel__rail { scroll-behavior: auto; }
  .atlas-project-card__image img { transition: none; }
}