/* A compact portrait and inline vertical video share the existing media column. */
.about-photos.about-media{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);max-width:500px;align-items:center;gap:16px}
.about-media .photo-portrait{align-self:center}
.about-photos .about-video{min-width:0;margin:0;padding:7px;border:1px solid #bbc3ac;border-radius:19px;background:var(--paper-light);box-shadow:0 12px 30px #293c2e0c}
.about-video video{display:block;width:100%;height:auto;aspect-ratio:512/910;object-fit:contain;background:#162b28;border-radius:12px}
.about-video figcaption{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:61px;padding:10px 2px 1px}
.about-video figcaption>div{min-width:0}
.about-video figcaption strong{display:block;font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:break-word}
.video-duration{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.6px}
.video-expand{width:44px;height:44px;min-width:0;padding:11px;border:1px solid #aab99e;border-radius:50%;background:transparent;color:var(--navy);display:grid;place-items:center;touch-action:manipulation;transition:background .18s}
.video-expand:hover{background:#dfe6d3}
.video-expand svg{display:block;width:20px;height:20px;pointer-events:none}
.video-status{padding:8px 4px 4px;font-size:11px;line-height:1.6;color:var(--muted)}
.about-video video:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;object-fit:contain;background:#101b19}
@media(max-width:900px){.about-photos.about-media{gap:12px}.about-photos .about-video{padding:6px;border-radius:16px}.about-video video{border-radius:10px}.about-video figcaption{gap:5px;padding-inline:0}.about-video figcaption strong{font-size:11px}}
@media(max-width:600px){.about-photos.about-media{max-width:440px;padding-inline:0;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:12px}.about-video figcaption strong{font-size:12px}}
@media(max-width:360px){.about-photos.about-media{gap:10px}.about-media .photo-portrait{padding:6px}.about-media .photo-portrait figcaption{font-size:18px;padding-inline:1px}.about-video figcaption{grid-template-columns:minmax(0,1fr) 44px;gap:4px}.about-video figcaption strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.video-expand{transition:none}}