/* Box-only recorded dynamics; the traces come from the same source trajectory. */
.box-study{margin-top:90px;padding-top:55px;border-top:1px solid var(--line);scroll-margin-top:110px}
.box-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
.box-heading .micro{color:var(--blue);margin-bottom:22px}.box-heading h3{font-size:clamp(38px,4vw,60px);line-height:1.08}
.box-heading>p{font-size:18px;line-height:1.65;color:#a5a9b2;max-width:350px;justify-self:end}
.box-study-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:35px;align-items:start}
.box-render{aspect-ratio:4/3;position:relative;background:#596573;overflow:hidden;border-top:1px solid #6280ff70}
.box-render video{width:100%;height:100%;object-fit:contain}.box-render>.micro{position:absolute;top:18px;left:20px;font-size:9px;color:#e5eaff;text-shadow:0 1px 8px #08090b}
.box-film figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-top:17px}.box-film figcaption>span{font-size:17px;letter-spacing:-.025em}.box-film figcaption>small{font-size:10px;color:#8e98ac;line-height:1.5;text-align:right}
.box-response{min-width:0;border-top:1px solid #6280ff70;padding-top:18px}.box-trace-head{display:flex;justify-content:space-between;gap:12px}.box-trace-head .micro{font-size:9px;color:#92a3ce}.box-trace-head .micro:last-child{color:#c8d3f1;text-align:right}
.box-angle{display:flex;gap:22px;align-items:center;margin:24px 0 12px}.box-angle>strong{font-size:clamp(43px,4.1vw,64px);font-weight:450;letter-spacing:-.065em;line-height:1.1;font-variant-numeric:tabular-nums;min-width:150px}.box-angle strong>span{color:#6280ff}.box-angle>div{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#bec5d1}.box-angle small{font:10px var(--mono);color:#788aa9;font-variant-numeric:tabular-nums}
.box-chart{display:block;width:100%;height:auto;overflow:visible}.box-chart text{fill:#8d98ac;font:11px var(--mono)}
.box-legend{display:flex;justify-content:flex-end;gap:20px;color:#aab3c2;font-size:10px}.box-legend>span{display:flex;gap:7px;align-items:center}.box-legend i{display:block;width:15px;height:0;border-top:2px solid #6280ff}.box-legend>span:last-child i{border-color:#aeb5c1;border-top-style:dashed}
.box-recovery{font-size:13px;color:#919caf;line-height:1.6;border-top:1px solid #ffffff20;padding-top:17px;margin-top:22px}.box-recovery strong{font-weight:500;color:#d8e0f2}
.box-parameters{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:25px;margin:32px 0 0;padding-top:22px;border-top:1px solid #ffffff25}.box-parameters dt{font:9px/1.5 var(--mono);letter-spacing:.04em;color:#8093bf}.box-parameters dd{margin:10px 0 0;font-size:21px;letter-spacing:-.03em;color:#d5dbe6}.box-parameters dd span{font-size:13px;color:#949eaf;letter-spacing:0}
.box-scope{font-size:12px;line-height:1.7;color:#7d889c;max-width:840px;margin-top:24px}
@media(max-width:1000px){.box-study-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px}.box-angle{gap:15px}.box-angle>strong{min-width:130px}.box-film figcaption{display:block}.box-film figcaption>small{display:block;margin-top:6px;text-align:left}}
@media(max-width:760px){.box-study{margin-top:55px;padding-top:38px;scroll-margin-top:90px}.box-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.box-heading h3{font-size:38px}.box-heading .micro{font-size:10px;margin-bottom:18px}.box-heading>p{justify-self:start;font-size:16px;max-width:320px}.box-study-grid{grid-template-columns:1fr;gap:32px}.box-render>.micro{font-size:8px;top:13px;left:13px}.box-film figcaption>span{font-size:17px}.box-trace-head .micro{font-size:9px}.box-angle>strong{font-size:56px;min-width:150px}.box-angle{margin-top:20px}.box-recovery{font-size:13px}.box-parameters{grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:28px}.box-parameters>div:nth-child(2){grid-column:1/-1;grid-row:2}.box-parameters dd{font-size:21px}.box-parameters dt{font-size:8px}.box-scope{font-size:11px;margin-top:22px}}

@media(min-width:761px){.box-response{grid-column:1;grid-row:1}.box-film{grid-column:2;grid-row:1}}

/* Supplied impact studies retain their full framing and native playback speed. */
.box-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.box-impact-grid figure{min-width:0}
.box-impact-grid video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#747d80;border-top:1px solid #6280ff70}
.box-impact-grid figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:16px}
.box-impact-grid figcaption>span{font-size:18px;letter-spacing:-.025em}
.box-impact-grid figcaption>small{font:11px/1.5 var(--mono);color:#9aaedc;white-space:nowrap}
@media(max-width:760px){.box-impact-grid{grid-template-columns:1fr;gap:32px}.box-impact-grid figcaption{padding-top:12px}.box-impact-grid figcaption>span{font-size:18px}}

/* One material study: closure examples, impact tests, and measured replay output. */
.box-group{margin-top:42px;scroll-margin-top:110px}
.box-group-title{font-size:23px;font-weight:450;letter-spacing:-.035em;margin:0 0 22px}
.box-closing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
.box-group-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:22px}
.box-group-heading .box-group-title{margin:0}
.box-group-heading>p{max-width:390px;font-size:14px;line-height:1.6;color:#a5a9b2}
.box-recovery-study{margin-top:50px;padding-top:32px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .box-group{margin-top:32px;scroll-margin-top:90px}
 .box-group-title{font-size:21px;margin-bottom:18px}
 .box-closing-grid{grid-template-columns:1fr;gap:28px}
 .box-group-heading{display:block;margin-bottom:24px}
 .box-group-heading>p{margin-top:12px}
 .box-recovery-study{margin-top:38px;padding-top:26px}
}