/* Photography and original product captures. Screen text remains in source images. */
.player-learning-scene{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:56px}
.player-learning-scene figure{margin:0}
.player-learning-scene img{display:block;width:100%;height:auto;border-radius:20px}
@media(max-width:760px){.player-learning-scene{grid-template-columns:1fr;gap:28px}}
.photo-figure,.photo-hero figure,.player-photo-grid figure{margin:0}
.photo-brand.hero-art{height:auto;min-height:0;transform:none;padding:0;isolation:auto}
.photo-brand .scene-image{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 24px 60px #00345340}
.photo-brand figcaption{color:#e3f4fc;font-size:12px;line-height:1.7;margin-top:12px}
.photo-product-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.photo-product-links a{display:flex;flex-direction:column;gap:8px;padding:15px 12px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff12;color:white;font-size:14px;font-weight:700}
.photo-product-links span{font-size:12px;font-weight:400;color:#e3f4fc}
.photo-brand .photo-motion{margin-top:12px;border:0;background:transparent;color:#e3f4fc;text-decoration:underline;text-underline-offset:4px;font-size:12px;cursor:pointer}
.product-visual.photo-product{display:block;position:relative;overflow:hidden;border-radius:12px;height:220px;margin:20px 0;background:#e5e9eb}
.photo-product img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.photo-product.vision-visual img{object-position:center 12%;}
.photo-product .capture-label{position:absolute;bottom:10px;left:10px;background:#fffef2f0;border-radius:5px;padding:6px 9px;font-size:11px;color:#31414e}
.hero-art.photo-hero{position:relative;height:auto;min-height:0;padding:0;background:none;border:0;transform:none;box-shadow:none}
.photo-hero:before,.photo-hero:after{display:none}
.photo-collage{position:relative;height:560px;width:100%;isolation:isolate}
.photo-collage>.lifestyle-image{position:absolute;top:0;left:0;width:100%;height:74%;object-fit:cover;border-radius:24px;display:block}
.vision-photo .lifestyle-image{object-position:30% center}
.capture-device{position:absolute;right:0;top:110px;width:43%;height:420px;overflow:hidden;background:#13131e;border:6px solid #20232a;border-radius:23px;box-shadow:0 16px 40px #15241c38;z-index:2;display:block}
.capture-device img{display:block;width:100%;height:auto}
.photo-live{position:absolute;bottom:35px;left:0;width:53%;border:1px solid #ccd5c9;background:#fafcf7;padding:18px;border-radius:16px;box-shadow:0 12px 26px #32463315;color:#294b37}
.photo-live>span{display:block;font-size:10px;letter-spacing:.7px;line-height:1.5}
.photo-live>strong{display:block;font-size:clamp(26px,3vw,38px);line-height:1.8;font-variant-numeric:tabular-nums;letter-spacing:-1px}
.live-progress{display:flex;align-items:center;gap:8px}
.live-progress svg{width:24px;height:24px;flex-shrink:0;transform:rotate(-90deg)}
.live-progress circle{fill:none;stroke:#608367;stroke-width:20}
.live-progress .ring-caption{font-size:10px;line-height:1.5}
.live-progress button{border:0;background:transparent;color:inherit;padding:8px;cursor:pointer}
.photo-note{font-size:12px!important;line-height:1.75;color:#64716a;margin:4px 0 0!important;letter-spacing:0}
.photo-note a{text-decoration:underline;text-underline-offset:3px}
.speech-photo .photo-collage{height:590px}
.speech-photo .lifestyle-image{height:65%;object-position:75% center}
.capture-browser{position:absolute;top:225px;left:0;width:67%;height:330px;overflow:hidden;border:1px solid #e1dcda;border-radius:15px;background:#f8f9fb;box-shadow:0 20px 40px #45375122;display:block;z-index:2}
.capture-browser-bar{display:block;padding:13px 14px;background:white;color:#514560;font-size:10px;border-bottom:1px solid #e4e0e8}
.capture-browser img{display:block;width:190%;max-width:none;height:auto;margin-left:-45%}
.photo-audio{position:absolute;right:0;bottom:36px;width:29%;padding:14px 8px;text-align:center;border-radius:15px;background:#e9e1f4;color:#615078}
.photo-audio>span{font-size:12px;line-height:1.6;display:block;font-weight:600}
.photo-audio .wave{margin:10px 0;height:55px;gap:5px;padding:0}
.photo-audio .wave i{width:4px}
.photo-audio .wave-toggle{position:static;font-size:10px;margin:0;padding:6px 0;max-width:100%}
.photo-lesson.lesson-stage{padding:0;overflow:hidden;min-height:300px;aspect-ratio:4/3}
.photo-lesson>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}
.photo-lesson .subtitle{z-index:1;background:#111b;width:max-content;max-width:90%;left:50%;transform:translateX(-50%);bottom:20px;color:white;padding:8px 12px}
.photo-lesson .watermark{color:white;z-index:1;text-shadow:0 1px 3px black}
.player-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.player-photo-grid img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #dbe3ec}
.player-photo-grid figcaption{margin-top:12px;font-size:12px;line-height:1.7;color:#607082}
.player-photo-grid figcaption a{text-decoration:underline}
@media(max-width:900px){.photo-collage{max-width:580px;margin:auto}.photo-hero .photo-note{max-width:580px;margin:4px auto 0!important}.photo-brand.hero-art{max-width:650px;width:100%;margin:30px auto 0}.photo-product-links a{font-size:13px}.player-photo-grid{gap:16px}}
@media(max-width:600px){.photo-collage{height:455px}.photo-collage>.lifestyle-image{height:65%;border-radius:16px}.capture-device{top:90px;height:335px;width:43%;border-width:4px;border-radius:16px}.photo-live{bottom:30px;padding:12px 10px}.photo-live>strong{font-size:25px}.photo-live>span{font-size:8px}.live-progress{gap:3px}.live-progress .ring-caption{font-size:9px}.live-progress svg{width:19px;height:19px}.photo-note{font-size:11px!important}.speech-photo .photo-collage{height:490px}.speech-photo .lifestyle-image{height:58%}.capture-browser{top:195px;height:270px;width:69%;border-radius:10px}.capture-browser-bar{font-size:8px;padding:10px}.photo-audio{bottom:26px;width:27%;padding:12px 5px}.photo-audio>span{font-size:10px}.photo-audio .wave{gap:3px}.photo-audio .wave-toggle{font-size:8px}.photo-product-links{gap:6px;margin-top:14px}.photo-product-links a{font-size:11px;padding:12px 8px}.photo-product-links span{font-size:10px}.photo-brand figcaption{font-size:10px}.photo-brand .scene-image{border-radius:14px}.player-photo-grid{grid-template-columns:1fr;gap:25px}.photo-lesson.lesson-stage{min-height:200px}.photo-lesson .subtitle{font-size:11px;bottom:15px}.photo-product.vision-visual img{object-position:center 15%}}