/* V21 consolidates the selected Slide 02 and Slide 03 into one calm F3 system. */

/* Shared section typography. Corresponding roles are deliberately identical. */
.slide-02-v21 .slide-02-copy h2,
.slide-03-v21 .slide-03-copy h2{
  margin:0;
  color:var(--f3-ink-strong);
  font-family:var(--f3-serif);
  font-size:58px;
  font-weight:300;
  line-height:.98;
  letter-spacing:-.035em;
}
.slide-02-v21 .slide-02-intro,
.slide-03-v21 .slide-03-copy>p{
  max-width:520px;
  margin:26px 0 0;
  color:#35322e;
  font-family:var(--f3-sans);
  font-size:16.5px;
  font-weight:400;
  line-height:1.55;
  letter-spacing:-.004em;
}
.slide-02-v21 .slide-02-figure figcaption,
.slide-03-v21 .slide-03-figure figcaption{
  margin-top:12px;
  color:var(--f3-bronze);
  font-family:var(--f3-sans);
  font-size:9px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Slide 02: a larger image with a stronger nondestructive crop of gray wall only. */
.slide-02-v21 .slide-02-f3-container{
  grid-template-columns:minmax(0,73fr) minmax(0,27fr);
  gap:46px;
  align-items:start;
}
.slide-02-v21 .slide-02-image-frame{aspect-ratio:3200/1968}
.slide-02-v21 .slide-02-image-frame>img,

.slide-02-v21 .slide-02-image-frame>picture>img{
  right:0;
  height:100%;
  width:auto;
  object-fit:contain;
  object-position:right center;
}

/* Slide 03: the same editorial rhythm, mirrored to text-left / image-right. */
.slide-03-v21 .slide-03-f3-container{
  display:grid;
  grid-template-columns:minmax(0,36fr) minmax(0,64fr);
  gap:56px;
  align-content:center;
  align-items:start;
  padding-block:28px;
}
.slide-03-v21 .slide-03-copy{min-width:0}
.slide-03-v21 .slide-03-render{
  min-width:0;
  min-height:0;
  margin:0;
}
.slide-03-v21 .slide-03-frame{
  width:100%;
  height:auto;
  aspect-ratio:3500/1968;
  overflow:hidden;
  border:1px solid var(--f3-bronze);
  background:var(--f3-paper);
}
.slide-03-v21 .slide-03-render .slide-03-frame>img,

.slide-03-v21 .slide-03-render .slide-03-frame>picture>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media(max-width:1550px){
  .slide-02-v21 .slide-02-copy h2,
  .slide-03-v21 .slide-03-copy h2{font-size:50px}
  .slide-02-v21 .slide-02-intro,
  .slide-03-v21 .slide-03-copy>p{
    margin-top:22px;
    font-size:15px;
    line-height:1.52;
  }
  .slide-02-v21 .slide-02-f3-container{gap:40px}
  .slide-03-v21 .slide-03-f3-container{gap:44px;padding-block:22px}
}

@media(max-width:1400px){
  .slide-02-v21 .slide-02-copy h2,
  .slide-03-v21 .slide-03-copy h2{font-size:44px}
  .slide-02-v21 .slide-02-intro,
  .slide-03-v21 .slide-03-copy>p{
    margin-top:18px;
    font-size:13.75px;
    line-height:1.48;
  }
  .slide-02-v21 .slide-02-figure figcaption,
  .slide-03-v21 .slide-03-figure figcaption{
    margin-top:9px;
    font-size:8.25px;
  }
  .slide-02-v21 .slide-02-f3-container{gap:34px}
  .slide-03-v21 .slide-03-f3-container{
    grid-template-columns:minmax(0,37fr) minmax(0,63fr);
    gap:34px;
    padding-block:18px;
  }
}