/* Comparison Version 3. Approved versions retain their own styles. */
body { background:#fbfdfd; }
.meet-scene { position:relative; height: min(75vw,850px); min-height:580px; overflow:hidden; color:#fff; }
.meet-scene picture,.meet-scene picture img { width:100%; height:100%; display:block; }
.meet-scene picture img { object-fit:cover; object-position:58% 65%; }
.meet-scene__shade { position:absolute; inset:0; background:linear-gradient(90deg,#092c4366,transparent 65%),linear-gradient(180deg,#082b4740,transparent 35%); }
.meet-scene__title { position:absolute; top:24%; left:7%; }
.meet-scene h1 { font:400 clamp(56px,7vw,104px)/.97 Garamond,"Times New Roman",serif; letter-spacing:-.045em; margin:14px 0 0; }
.meet-scene h1 em { font-weight:400; }
.meet-training { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:clamp(32px,7vw,100px); max-width:1060px; padding-block:clamp(56px,7vw,100px); }
.meet-training figure { margin:0; width:min(100%,300px); justify-self:center; }
.meet-training video { display:block; width:100%; height:auto; aspect-ratio:9/16; object-fit:contain; background:#163e48; }
.meet-training figcaption { font-size:11px; letter-spacing:.12em; margin-top:14px; text-align:center; text-transform:uppercase; }
.meet-training h2,.meet-questions h2,.meet-wonder h2 { font:400 clamp(36px,4vw,58px)/1.08 Garamond,"Times New Roman",serif; letter-spacing:-.025em; margin:0 0 26px; }
.meet-training p:not(.kicker),.meet-questions p:not(.kicker),.meet-wonder p:not(.kicker) { font-size:clamp(16px,1.25vw,18px); line-height:1.7; }
.meet-training__copy { max-width:540px; }
.meet-questions { display:grid; grid-template-columns:1fr 1fr; gap:7vw; padding-block:clamp(48px,6vw,80px); border-top:1px solid #153e4926; }
.meet-questions h2 em,.meet-wonder h2 em { color:#437487; font-weight:400; }
.meet-questions p { margin-top:0; }
.meet-wonder { background:#eaf2f2; padding-block:clamp(48px,6vw,80px); text-align:center; }
.meet-wonder .content-width { max-width:780px; }
.meet-wonder__last { font:italic 400 clamp(26px,3vw,38px)/1.3 Garamond,"Times New Roman",serif!important; margin:30px 0 0; }
.partner-tease { padding-block:clamp(60px,7vw,100px); }
@media(max-width:760px) {
 .meet-scene { height:76svh; min-height:540px; }
 .meet-scene picture img { object-position:59% 60%; }
 .meet-scene__title { top:20%; left:24px; }
 .meet-scene h1 { font-size:54px; }
 .meet-training,.meet-questions { grid-template-columns:1fr; gap:24px; }
 .meet-training figure { width:min(76%,280px); }
 .meet-questions h2 { margin-bottom:0; }
}

/* Curiosity and preparation revision. */
.meet-scene picture img { object-position:50% 77%; }
.meet-scene__title { top:auto; bottom:7%; max-width:48%; }
.meet-scene__shade { background:linear-gradient(0deg,#092c4375,transparent 65%),linear-gradient(180deg,#082b4735,transparent 22%); }
.meet-questions { border-top:0; row-gap:36px; }
.meet-questions__photos { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,2vw,28px); }
.meet-questions__photos img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:3px; }
.meet-training { border-top:1px solid #153e4926; grid-template-columns:1.15fr .85fr; max-width:1160px; }
.meet-training figure { width:min(100%,370px); }
.meet-training video { height:auto; aspect-ratio:auto; background:transparent; border-radius:12px; box-shadow:0 12px 32px #153e4918; }
.meet-training figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; letter-spacing:.06em; }
.training-toggle { font:inherit; color:inherit; background:transparent; border:0; border-bottom:1px solid currentColor; padding:5px 0; cursor:pointer; white-space:nowrap; }
.training-toggle:focus-visible { outline:2px solid #437487; outline-offset:5px; }
@media(max-width:760px) {
 .meet-scene picture img { object-position:57% 74%; }
 .meet-scene__title { top:auto; bottom:6%; max-width:70%; }
 .meet-scene h1 { font-size:clamp(38px,9vw,54px); }
 .meet-questions__photos { gap:10px; }
 .meet-questions__photos img { aspect-ratio:3/4; }
 .meet-training { grid-template-columns:1fr; }
 .meet-training figure { width:min(90%,340px); }
}

/* Wider film, retaining the previous desktop height. */
.meet-training figure { width:min(100%,430px); justify-self:start; }
.training-frame { position:relative; aspect-ratio:430 / 658; overflow:hidden; border-radius:12px; box-shadow:0 12px 32px #153e4918; }
.meet-training .training-frame video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:0; box-shadow:none; }
.meet-training figcaption { display:block; margin-top:14px; text-align:center; font-size:11px; font-weight:400; letter-spacing:.06em; text-transform:uppercase; }
.meet-training .training-toggle { position:absolute; right:12px; bottom:12px; padding:6px 4px; border:0; border-radius:0; background:transparent; color:white; font:10px "Century Gothic",Futura,sans-serif; text-shadow:0 1px 4px #102c3d; }
.meet-training .training-toggle:focus-visible { outline:2px solid white; outline-offset:2px; }
.meet-questions__photos img:nth-child(2) { object-position:center 58%; }
@media(max-width:760px) {
 .meet-training figure { width:min(100%,370px); justify-self:center; }
 .training-frame { aspect-ratio:370 / 604; }
}
