/* V115 — editorial copy and film, balanced through generous whitespace. */
.eyelash-film-v115{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(340px,1.12fr);
  align-items:center;
  gap:clamp(52px,7vw,104px);
  width:min(100%,1040px);
  margin:clamp(76px,9vw,120px) auto 0;
}

.eyelash-film-v115__copy{
  max-width:430px;
  padding-left:clamp(0px,1.5vw,18px);
}

.eyelash-film-v115__eyebrow{
  margin:0 0 clamp(22px,2.4vw,30px);
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.2em;
  color:#755f4d;
}

.eyelash-film-v115__copy h3{
  font-size:clamp(36px,4vw,54px);
  line-height:1.5;
  letter-spacing:.035em;
}

.eyelash-film-v115__copy h3 span{
  display:block;
  white-space:nowrap;
}

.eyelash-film-v115__text{
  margin:clamp(28px,3.4vw,40px) 0 0;
  font-size:clamp(16px,1.45vw,18px);
  line-height:2.05;
  color:#665e57;
}

.eyelash-film-v115__text span{
  display:inline-block;
  white-space:nowrap;
}

.eyelash-film-v115__visual{
  width:min(100%,460px);
  margin:0;
  justify-self:end;
}

.eyelash-film-v115__frame{
  position:relative;
  aspect-ratio:1;
  padding:clamp(8px,1vw,12px);
  overflow:hidden;
  border:1px solid rgba(130,108,88,.26);
  background:rgba(246,242,236,.72);
}

.eyelash-film-v115 video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#d7ccc1;
}

.eyelash-film-v115__toggle{
  position:absolute;
  right:clamp(16px,2vw,22px);
  bottom:clamp(16px,2vw,22px);
  min-width:58px;
  min-height:30px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(41,37,34,.62);
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:9px;
  line-height:1;
  letter-spacing:.14em;
  cursor:pointer;
  backdrop-filter:blur(7px);
}

.eyelash-film-v115__toggle:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}

@media(max-width:1000px) and (min-width:821px){
  .eyelash-film-v115{
    grid-template-columns:minmax(0,.9fr) minmax(330px,1.1fr);
    gap:clamp(38px,5vw,58px);
  }

  .eyelash-film-v115__visual{
    max-width:410px;
  }
}

@media(max-width:820px){
  .eyelash-film-v115{
    grid-template-columns:1fr;
    gap:clamp(42px,7vw,58px);
    width:100%;
    margin-top:clamp(64px,11vw,88px);
  }

  .eyelash-film-v115__copy{
    max-width:590px;
    padding-left:0;
  }

  .eyelash-film-v115__visual{
    width:min(calc(100% - 32px),420px);
    justify-self:center;
  }
}

@media(max-width:430px){
  .eyelash-film-v115{
    gap:40px;
  }

  .eyelash-film-v115__copy h3{
    font-size:34px;
  }

  .eyelash-film-v115__text{
    font-size:16px;
    line-height:2;
  }

  .eyelash-film-v115__frame{
    padding:8px;
  }
}

@media(prefers-reduced-motion:reduce){
  .eyelash-film-v115__toggle{
    background:rgba(41,37,34,.76);
  }
}