/* HRI Robot Sheet — dedicated styles
   Works together with the existing style.css. */

.robot-page{overflow:hidden}
.robot-loading,.robot-error{min-height:60vh;display:grid;place-items:center;text-align:center;padding:60px 20px}
.robot-error h1{margin-bottom:20px}
.robot-hero{min-height:calc(100vh - 76px);padding:8vh 4.5vw 70px;display:grid;grid-template-columns:52% 48%;gap:20px;align-items:center;border-bottom:1px solid var(--line)}
.robot-hero-copy{padding-bottom:4vh}
.robot-hero h1{font-size:clamp(70px,10vw,150px);margin:28px 0 32px}
.robot-hero h1 em,.section-title h2 em,.robot-cta h2 em{font-style:normal;color:#777}
.robot-intro{max-width:560px;font-size:17px;line-height:1.55;color:#5f6165}
.robot-actions{display:flex;align-items:center;gap:25px;margin-top:35px}
.robot-hero-media{min-height:560px;position:relative;display:grid;place-items:center;border-left:1px solid var(--line)}
.robot-placeholder{width:min(100%,560px);aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:linear-gradient(135deg,#e8e8e2,#f7f7f3);position:relative;text-align:center}
.robot-placeholder:before{content:"";position:absolute;width:62%;height:62%;border:1px solid #bbb;border-radius:50%}
.robot-placeholder span,.robot-placeholder small,.robot-placeholder strong{position:relative;z-index:1}
.robot-placeholder span,.robot-placeholder small{font:9px "DM Mono";color:#777;letter-spacing:.12em}
.robot-placeholder strong{font-size:clamp(42px,6vw,90px);letter-spacing:-.08em;margin:18px 0}
.robot-hero-media img{display:block;width:min(100%,620px);max-height:620px;object-fit:contain}
.robot-score-band{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:white;padding:50px 4.5vw}
.robot-score-band>div{padding:15px 30px 15px 0}
.robot-score-band>div+div{border-left:1px solid #3a3b3e;padding-left:30px}
.mono-label{font:9px "DM Mono";letter-spacing:.12em;color:#777}
.robot-score-band .mono-label{color:#85878a}
.robot-score-band strong{display:block;font-size:clamp(80px,11vw,150px);line-height:.8;letter-spacing:-.08em;margin-top:25px}
.robot-score-band strong small{font-size:20px;letter-spacing:0;color:#85878a}
.score-confidence b{display:block;font-size:28px;margin-top:22px}
.score-confidence p{max-width:420px;color:#929397;font-size:13px;line-height:1.5}
.robot-section{padding-top:110px;padding-bottom:110px}
.robot-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.robot-stat-grid>div{padding:28px 20px 35px 0}
.robot-stat-grid>div+div{padding-left:20px;border-left:1px solid var(--line)}
.robot-stat-grid span{font:9px "DM Mono";color:#888}
.robot-stat-grid strong{display:block;font-size:clamp(40px,5vw,70px);letter-spacing:-.06em;margin-top:40px}
.robot-stat-grid small{font-size:18px;color:#777}
.robot-dark{background:var(--dark);color:white}
.robot-dark .section-title p,.robot-dark .mono-label{color:#929397}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #3a3b3e}
.application-card{min-height:180px;padding:25px;border-bottom:1px solid #3a3b3e;display:flex;flex-direction:column;justify-content:space-between}
.application-card:nth-child(3n+2),.application-card:nth-child(3n+3){border-left:1px solid #3a3b3e}
.application-card span{font:9px "DM Mono";color:#85878a}
.application-card strong{font-size:28px;line-height:1.05}
.spec-grid{border-top:1px solid var(--line)}
.spec-row{display:grid;grid-template-columns:1fr 1fr;padding:22px 0;border-bottom:1px solid var(--line)}
.spec-row span{font:10px "DM Mono";color:#777}
.spec-row strong{font-size:18px}
.robot-score-section{background:#e8e8e2}
.score-list{max-width:900px;border-top:1px solid var(--line)}
.score-row{padding:22px 0;border-bottom:1px solid var(--line)}
.score-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}
.score-row span,.score-row b{font:10px "DM Mono"}
.score-track{height:8px;background:#d2d3ce;overflow:hidden}
.score-track i{display:block;height:100%;background:var(--ink)}
.robot-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.robot-two-col h2{font-size:clamp(55px,7vw,105px);line-height:.86;letter-spacing:-.065em;margin:25px 0 35px}
.robot-two-col h2 em{font-style:normal;color:#777}
.status-box{display:inline-block;border:1px solid #555;padding:12px 15px;font:10px "DM Mono";color:var(--acid)}
.large-note{max-width:500px;color:#b1b2b4;font-size:17px;line-height:1.55;margin-top:35px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.media-box{min-height:420px;border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}
.media-box img{width:100%;height:100%;object-fit:contain}
.media-3d{background:#e8e8e2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.media-3d span,.media-3d small{font:9px "DM Mono";color:#777}
.media-3d strong{font-size:40px;letter-spacing:-.05em;margin:20px 0}
.media-3d small{max-width:300px;line-height:1.5}
.robot-cta{padding-top:110px;padding-bottom:110px}
.robot-cta h2{font-size:clamp(65px,9vw,145px);line-height:.8;letter-spacing:-.07em;margin:25px 0 35px}
.robot-cta p{font-size:15px}
@media(max-width:850px){
  .robot-hero{display:block;padding:65px 20px 40px}
  .robot-hero h1{font-size:clamp(65px,19vw,105px)}
  .robot-hero-media{min-height:400px;margin-top:40px;border-left:0;border-top:1px solid var(--line)}
  .robot-score-band{grid-template-columns:1fr;padding:35px 20px}
  .robot-score-band>div{padding:15px 0}
  .robot-score-band>div+div{border-left:0;border-top:1px solid #3a3b3e;padding:25px 0 0}
  .robot-stat-grid,.application-grid,.media-grid,.robot-two-col{grid-template-columns:1fr}
  .robot-stat-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .application-card:nth-child(3n+2),.application-card:nth-child(3n+3){border-left:0}
  .application-card{min-height:140px}
  .robot-section{padding-top:75px;padding-bottom:75px}
  .spec-row{grid-template-columns:1fr;gap:8px}
  .media-box{min-height:320px}
}