/* Keep the closing statement inside the artwork, with live accessible text. */
#robot-posture { background:#000; color:#fff; }
#robot-posture figure { position:relative; isolation:isolate; overflow:hidden; aspect-ratio:1536 / 900; }
#robot-posture figure > img { display:block; width:100%; height:113.777778%; max-width:none; margin:0; object-fit:cover; object-position:center top; clip-path:none; -webkit-clip-path:none; }
#robot-posture figure::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.55) 73%,rgba(0,0,0,.92) 100%); }
#robot-posture .posture-message { position:absolute; z-index:2; inset:auto 0 0; box-sizing:border-box; padding:70px 6vw 46px; background:none; text-align:center; }
#robot-posture .posture-message p { max-width:1200px; margin:0 auto; color:#fff; line-height:1.6; text-wrap:balance; text-shadow:0 2px 18px rgba(0,0,0,.4); }
#robot-posture .posture-message p:first-child { font-size:clamp(24px,2.5vw,38px); font-weight:650; }
#robot-posture .posture-message p + p { margin-top:15px; max-width:1100px; font-size:clamp(16px,1.45vw,23px); color:#e2e5e4; font-weight:500; }
@media(max-width:760px) {
 #robot-posture figure { aspect-ratio:1.28; }
 #robot-posture figure > img { height:auto; clip-path:inset(0 0 12.109375% 0); -webkit-clip-path:inset(0 0 12.109375% 0); }
 #robot-posture figure::after { background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.1) 35%,rgba(0,0,0,.65) 58%,rgba(0,0,0,.95) 100%); }
 #robot-posture .posture-message { padding:30px 22px 24px; text-align:left; }
 #robot-posture .posture-message p { text-wrap:pretty; }
 #robot-posture .posture-message p:first-child { font-size:clamp(18px,4.6vw,26px); line-height:1.5; }
 #robot-posture .posture-message p + p { margin-top:10px; font-size:clamp(13px,3.35vw,17px); line-height:1.65; }
}