.therm-studio .ot-real-photo{display:grid;grid-template-columns:1.1fr 1fr;margin:42px 0 0;border:1px solid #b0d6d330;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#17313a,#0e2029);min-width:0}
.ot-real-photo-media{position:relative;min-height:290px;overflow:hidden}
.therm-studio .ot-real-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:saturate(.78);display:block}
.therm-studio .ot-real-photo[data-photo="adhesive-block"] img{object-position:50% 70%}
.ot-real-photo-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 60%,#10263080),linear-gradient(0deg,#10263060,transparent 50%)}
.therm-studio .ot-real-photo figcaption{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:36px 40px;min-width:0}
.therm-studio .ot-real-photo figcaption strong{font:400 clamp(26px,2.5vw,35px)/1.18 OYTI,Arial,sans-serif;color:#eaf4f2;letter-spacing:-.025em}
.therm-studio .ot-real-photo figcaption p{margin:0;color:#fff}
@media(max-width:760px){.therm-studio .ot-real-photo{grid-template-columns:1fr;margin-top:30px}.ot-real-photo-media{min-height:0;aspect-ratio:16/10}.therm-studio .ot-real-photo figcaption{padding:26px;gap:14px}}
/* The format photograph spans the outer packaging grid instead of occupying one column. */
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"]{grid-column:1 / -1;grid-template-columns:1fr;margin-top:0}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{min-height:0;aspect-ratio:16/10}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] img{object-position:50% 50%}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption{padding:28px 36px}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption p{max-width:850px}
@media(max-width:760px){.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption{padding:24px}}
/* Compact format strip keeps both outer grid columns occupied without a large photo. */
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{aspect-ratio:auto;min-height:240px}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption{padding:26px 32px;gap:14px}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption strong{font-size:28px}
@media(max-width:760px){.therm-studio #packaging .ot-real-photo[data-photo="block-formats"]{grid-template-columns:1fr}.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{min-height:0;aspect-ratio:16/10}.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] figcaption{padding:22px}}
/* Preserve the complete carton photograph in the compact media area. */
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] img{object-fit:contain;object-position:center}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{background:#14252b}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media::after{background:linear-gradient(0deg,#10263025,transparent 40%)}
/* Natural photo proportions: no fixed image stage and no letterbox bars. */
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;background:#101f28}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{min-height:0;aspect-ratio:auto;background:transparent;align-self:center}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] img{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:initial;filter:none}
.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media::after{display:none}
@media(max-width:760px){.therm-studio #packaging .ot-real-photo[data-photo="block-formats"]{grid-template-columns:1fr}.therm-studio #packaging .ot-real-photo[data-photo="block-formats"] .ot-real-photo-media{aspect-ratio:auto}}