/* v20 polish: one grid, readable body text, distinct sections, consistent headings. */
:root{--wrap:1120px;--sec-pad:clamp(72px,10vh,120px);--cream-dim:rgba(255,246,227,.92)}

/* eyebrow labels: one gold style everywhere */
.eyebrow,.robot-eyebrow,.crowd-eyebrow,.sec-eyebrow{font:500 13px/1.4 'Inter',Arial,sans-serif;letter-spacing:.32em;color:var(--gold);text-transform:uppercase}
.eyebrow{text-indent:.32em}
.crowd-eyebrow{text-indent:.32em}
.robot-eyebrow{margin:0 0 20px}
.sec-eyebrow{margin:0 0 20px;pointer-events:none}

/* section headings: same case, same Anton voice */
.panel-title,.robot-title,.crowd-title{text-transform:uppercase;font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:.015em}
.panel-title{font-size:clamp(44px,5.6vw,76px);line-height:1.02}
.robot-title{font-size:clamp(52px,6.4vw,92px);line-height:.98;letter-spacing:.01em;margin:0 0 26px}

/* body copy: 17-18px, 1.55 line height, max ~42ch, high contrast */
.panel-text,.robot-copy .panel-text,.robot-panel .panel-text{font-size:clamp(16px,1.45vw,18px);line-height:1.55;max-width:42ch;color:rgba(255,246,227,.94);margin-top:20px}
.subline{font-size:clamp(16px,1.7vw,19px);line-height:1.55;color:rgba(255,246,227,.94);max-width:42ch}
.crowd-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.55;max-width:42ch;color:rgba(255,246,227,.94)}
.note-hint{font-size:13px;color:rgba(255,246,227,.9)}

/* one content width */
.panel,.note-panel{max-width:var(--wrap)}
.meet{padding:var(--sec-pad) clamp(16px,4vw,64px) clamp(56px,8vh,96px)}
.note{padding-bottom:var(--sec-pad)}

/* Built to respond: bigger figure, less dead black */
.panel{height:clamp(520px,82vh,740px);grid-template-columns:.9fr 1.1fr;border-radius:24px;
  background:radial-gradient(60% 75% at 72% 62%,#5a0f15 0%,#2b070c 48%,#0d0204 100%)}
.panel-copy{padding-left:clamp(28px,5.5vw,72px)}
.figure-wrap{padding:0}
.fig{height:97%}
.panel::after{content:'';position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35));pointer-events:none;z-index:1}
.note-panel{border-radius:24px}

/* Interactive 3D: full-bleed dark stage */
.robot-section{padding:0;position:relative;background:#050102}
.robot-section::before,.robot-section::after{content:'';position:absolute;left:0;right:0;height:140px;pointer-events:none;z-index:3}
.robot-section::before{top:0;background:linear-gradient(180deg,#1a0307,rgba(5,1,2,0))}
.robot-section::after{bottom:0;background:linear-gradient(0deg,#5c0d12,rgba(92,13,18,0))}
.robot-panel{max-width:none;width:100%;border:0;border-radius:0;box-shadow:none;margin:0;
  min-height:clamp(620px,92vh,860px);
  padding-inline:max(clamp(20px,4vw,64px),calc((100% - var(--wrap))/2));
  grid-template-columns:.85fr 1.15fr;
  background:radial-gradient(55% 70% at 70% 52%,rgba(245,204,52,.13) 0%,rgba(122,18,24,.18) 45%,rgba(5,1,2,0) 75%),#050102}
.robot-copy{padding:clamp(88px,12vh,140px) 20px clamp(88px,12vh,140px) 0}
.spline-view,.robot-view{height:auto;min-height:clamp(620px,92vh,860px)}
.robot-view{margin-right:calc(-1 * max(clamp(20px,4vw,64px),(100vw - var(--wrap))/2))}

/* crowd: unchanged from v19 (restored in v21) */
.crowd-sub{font-size:clamp(16px,1.6vw,19px);line-height:1.55;max-width:42ch;color:rgba(255,246,227,.94)}

@media (max-width:760px){
  .panel{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:620px}
  .panel-copy{padding:40px 24px 0}
  .figure-wrap{height:440px}
  .robot-panel{grid-template-columns:1fr;min-height:0;padding-inline:24px}
  .robot-copy{padding:72px 0 0}
  .robot-view,.spline-view{margin-right:-24px;margin-left:-24px;height:440px;min-height:440px}
  .note-copy{padding:40px 24px 0}
}
/* bigger Spline figure inside the full-bleed stage (real larger canvas, not a blurry scale) */
.spline-view{overflow:hidden;position:relative}
.spline-view spline-viewer{position:absolute;width:140%;height:136%;left:-20%;top:-34%}
.robot-section::after{height:70px}
@media (max-width:760px){.spline-view spline-viewer{width:125%;height:125%;left:-12%;top:-14%}}