/* =========================================================
   THE MARK A. BRADFORD COLLECTION — EDITION 1.1
   BUILD 1.1D — STUDIO
   ========================================================= */

.studio11-hero {
  position: relative;
  min-height: 92svh;
  display: grid;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
  background: #11100e;
  color: #fff;
}

.studio11-hero__media,
.studio11-hero__shade {
  position: absolute;
  inset: 0;
}

.studio11-hero__media {
  z-index: -2;
}

.studio11-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.studio11-hero__shade {
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(8,7,6,.10), rgba(8,7,6,.67) 68%, rgba(8,7,6,.91)),
    linear-gradient(0deg, rgba(8,7,6,.69), rgba(8,7,6,.08) 52%);
}

.studio11-hero__content {
  width: min(100%, 780px);
  margin-left: auto;
  padding: 180px 0 82px;
}

.studio11-hero__content h1 {
  margin: .55rem 0 1.1rem;
  font-size: clamp(4.2rem,7.4vw,8rem);
  line-height: .84;
}

.studio11-hero__content p:not(.eyebrow) {
  max-width: 650px;
  color: rgba(255,255,255,.78);
  font-size: 1.05rem;
}

.studio11-intro {
  background: var(--color-bg);
}

.studio11-intro__grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(58px,9vw,130px);
  align-items: start;
}

.studio11-intro h2 {
  margin-top: .55rem;
}

.studio11-intro__copy {
  max-width: 720px;
}

.studio11-intro__copy .lead {
  margin-bottom: 1.1rem;
}

.studio11-process {
  background: var(--color-paper);
}

.studio11-process__grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(52px,8vw,110px);
  align-items: center;
}

.studio11-video {
  overflow: hidden;
  background: #151412;
}

.studio11-video video {
  width: 100%;
  display: block;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.studio11-process__copy {
  max-width: 620px;
}

.studio11-process__copy h2 {
  margin: .55rem 0 1rem;
}

.studio11-process__copy p:not(.eyebrow) {
  color: var(--color-muted);
}

.studio11-outdoors {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  min-height: 760px;
  background: #e9dfd1;
}

.studio11-outdoors__image img {
  width: 100%;
  height: 100%;
  min-height: 760px;
  object-fit: cover;
  object-position: center;
}

.studio11-outdoors__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(54px,7vw,100px);
}

.studio11-outdoors__copy h2 {
  margin: .55rem 0 1rem;
}

.studio11-outdoors__copy p:not(.eyebrow) {
  max-width: 640px;
  color: #5f584f;
}

.studio11-language {
  background: var(--color-dark);
  color: #fff;
}

.studio11-language__head {
  max-width: 900px;
  margin-bottom: 52px;
}

.studio11-language__head h2 {
  margin-top: .55rem;
}

.studio11-language__head p:not(.eyebrow) {
  color: rgba(255,255,255,.65);
}

.studio11-language__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1px;
  background: rgba(255,255,255,.14);
}

.studio11-language__item {
  min-height: 280px;
  padding: clamp(28px,3vw,44px);
  background: var(--color-dark);
}

.studio11-language__item span {
  color: #efaa77;
  font-size: .61rem;
  font-weight: 600;
  letter-spacing: .15em;
}

.studio11-language__item h3 {
  margin: 1.8rem 0 .8rem;
  font-size: 2.25rem;
}

.studio11-language__item p {
  color: rgba(255,255,255,.62);
}

.studio11-filmstrip {
  background: var(--color-bg);
}

.studio11-filmstrip__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 44px;
}

.studio11-filmstrip__head h2 {
  margin-top: .55rem;
}

.studio11-filmstrip__grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}

.studio11-filmstrip video {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  background: #111;
}

.studio11-closing {
  background: #e9dfd1;
}

.studio11-closing__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(58px,8vw,120px);
}

.studio11-closing h2 {
  margin-top: .55rem;
}

.studio11-closing__copy {
  max-width: 650px;
  color: #5f584f;
}

@media (max-width: 1050px) {
  .studio11-intro__grid,
  .studio11-process__grid,
  .studio11-outdoors,
  .studio11-closing__grid {
    grid-template-columns: 1fr;
  }

  .studio11-outdoors__image img {
    min-height: 560px;
  }

  .studio11-language__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .studio11-hero {
    min-height: 760px;
  }

  .studio11-hero__shade {
    background: linear-gradient(0deg, rgba(8,7,6,.96), rgba(8,7,6,.12) 72%);
  }

  .studio11-hero__content {
    margin-left: 0;
    padding-top: 220px;
  }

  .studio11-outdoors__image img {
    min-height: 430px;
  }

  .studio11-outdoors__copy {
    padding: 44px 24px 52px;
  }

  .studio11-filmstrip__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .studio11-filmstrip__grid {
    grid-template-columns: 1fr;
  }
}