/* Two full-frame portraits, one shared thought. */
.apple-edition #imagine-first {
  position:relative; isolation:isolate; height:100svh; min-height:100svh;
  padding:0; overflow:hidden; background:#17191d; color:#fff;
}
.apple-edition #imagine-first .section-title {
  position:absolute; inset:72% 0 auto; translate:0 -50%; z-index:2;
  width:100%; max-width:none; margin:0; padding-inline:5vw;
  color:#fff; font-size:clamp(30px,4.2vw,72px); font-weight:400;
  text-align:center; text-shadow:0 3px 16px #000c,0 1px 3px #000a;
}
.apple-edition #imagine-first .section-title strong { color:var(--yellow); font-weight:750; text-shadow:inherit; }
.apple-edition #imagine-first .imagination-portraits { position:absolute; inset:0; width:100%; max-width:none; margin:0; display:grid; grid-template-columns:1fr 1fr; }
.apple-edition #imagine-first .imagination-portraits figure { position:relative; margin:0; min-width:0; overflow:hidden; }
.apple-edition #imagine-first .imagination-portraits figure > img { width:100%; height:100%; object-fit:cover; object-position:var(--portrait-position,50% 25%); }
.apple-edition #imagine-first .imagination-portraits figure::after { content:""; position:absolute; inset:0; background:linear-gradient(#0005,transparent 25%,#0003 55%,#000b); }
.apple-edition #imagine-first figcaption { padding:0 clamp(16px,3vw,50px) clamp(20px,3svh,40px); background:none; color:#fff; font-size:clamp(18px,2vw,30px); text-shadow:0 2px 12px #000b; }
.apple-edition #imagine-first .imagination-quote { order:-2; max-width:650px; margin:0 0 20px; padding:0; border:0; text-align:left; text-shadow:0 2px 10px #0009; }
.apple-edition #imagine-first .imagination-quote p { margin:0 0 10px; font:italic clamp(14px,1.5vw,22px)/1.45 'Portrait Mincho',serif; color:#fff; }
.apple-edition #imagine-first .imagination-quote cite { font-family:var(--font); font-size:clamp(10px,1vw,14px); font-style:normal; color:#ffffffb3; }
.apple-edition #imagine-first .imagination-quote a { color:inherit; }
.apple-edition #imagine-first .imagination-proposals { order:-2; display:flex; align-items:end; gap:20px; margin-bottom:14px; font:12px/1.4 var(--font); }
.apple-edition #imagine-first .imagination-proposals a { color:inherit; text-decoration:none; }
.apple-edition #imagine-first .imagination-proposals img { display:block; width:auto; height:clamp(50px,8svh,96px); max-width:100%; margin-bottom:6px; object-fit:contain; box-shadow:0 2px 10px #0005; }
.apple-edition #imagine-first .imagination-proposals a:hover span { text-decoration:underline; }
@media (max-height:760px), (max-width:600px) {
  .apple-edition #imagine-first .imagination-quote { margin-bottom:12px; }
  .apple-edition #imagine-first .imagination-quote p { font-size:13px; }
}
@media (max-width:600px) {
  .apple-edition #imagine-first .imagination-proposals { flex-direction:column; align-items:start; gap:6px; margin-bottom:10px; font-size:11px; }
  .apple-edition #imagine-first .imagination-proposals img { display:none; }
  .apple-edition #imagine-first .imagination-quote { margin-bottom:8px; }
  .apple-edition #imagine-first .imagination-quote p { font-size:12px; line-height:1.35; margin-bottom:6px; }
  .apple-edition #imagine-first .imagination-quote cite { display:block; font-size:10px; line-height:1.25; }
}
@media (max-width:600px) and (max-height:700px) {
  .apple-edition #imagine-first figcaption { padding-bottom:12px; }
  .apple-edition #imagine-first .imagination-quote p { font-size:11px; line-height:1.25; }
}