/* Large project imagery with a quiet, optional camera move. */
main{max-width:1680px;padding-inline:4.5%}
.project-heading{padding-top:32px;gap:32px}
.project-summary{max-width:760px;margin-bottom:28px}
.editorial-hero{aspect-ratio:16/9;background:#14171b;margin:0 0 48px}
.motion-stage{position:relative;overflow:hidden;isolation:isolate}
.motion-image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);animation:camera-drift 20s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.motion-stage[data-running="true"] .motion-image{animation-play-state:running}
@keyframes camera-drift{from{transform:scale(1.035) translateX(-.7%)}to{transform:scale(1.095) translateX(.7%)}}
.motion-toggle,.art-label{position:absolute;z-index:2;background:#171918da;color:#fff8e9;border:1px solid #fff4;font:14px Space,Arial,sans-serif;line-height:1.25;padding:10px 14px;backdrop-filter:blur(12px)}
.motion-toggle{right:20px;top:20px;min-height:42px}
.art-label{left:20px;bottom:20px;font-size:12px;letter-spacing:.04em;border:0}
.hero-film{margin-bottom:24px;background:#11151b}
.hero-film video{aspect-ratio:16/9;object-fit:contain}
.hero-film .motion-toggle{top:20px;bottom:auto}
.instrument-cover{height:auto;aspect-ratio:16/10}
.instrument-cover>.motion-image{height:100%;position:absolute;inset:0;object-position:top;opacity:1}
.instrument-shell{min-height:0}
.instrument-cover .launch-instrument{z-index:2}
.more{margin-top:48px;padding-top:26px}
.stage-caption{margin-top:16px;font-size:14px}
.card-visual{aspect-ratio:16/10}
.card-visual img{object-fit:cover}
.card-label .eyebrow,.card-label>span{font-size:12px}
.project-card>p{font-size:16px}
.mast nav{font-size:14px}
.project-stage+.more{margin-top:48px}
.rout-story{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,96px);padding:64px 0 56px;align-items:start}
.rout-story h2,.rout-experience h2,.rout-takeaway h2{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em}
.rout-story .eyebrow,.rout-experience .eyebrow,.rout-takeaway .eyebrow{margin-bottom:18px}
.rout-story-copy{max-width:650px;font-size:18px;line-height:1.7}
.rout-story-copy p:last-child{margin-bottom:0}
.rout-experience{padding:48px 0 36px;border-top:1px solid var(--line)}
.rout-experience-list{list-style:none;padding:0;margin:36px 0 0}
.rout-experience-list li{display:grid;grid-template-columns:50px .9fr 1.2fr;gap:24px;align-items:baseline;padding:26px 0;border-top:1px solid var(--line)}
.rout-step{font:14px ui-monospace,monospace;color:#8c351f}
.rout-experience-list h3{font-size:24px;line-height:1.25;margin:0;max-width:320px}
.rout-experience-list p{font-size:17px;line-height:1.65;margin:0;max-width:650px}
.rout-takeaway{padding:40px clamp(24px,4vw,64px);background:#ded7c5;border-left:3px solid #8c351f;max-width:1100px;margin:8px 0 0}
.rout-takeaway p:last-child{font-size:18px;line-height:1.7;max-width:850px;margin:0}
@media(min-width:1550px){main{max-width:1760px;padding-inline:4.5%}}
@media(max-width:760px){
 main{padding-inline:5%}
 .project-heading{gap:18px;padding-top:28px}
 .project-summary{font-size:16px;margin-bottom:24px}
 .editorial-hero{aspect-ratio:4/3;margin-bottom:28px}
 .hardware-pm-art .motion-image{object-position:46% center}
 .prompt-lab-art .motion-image{object-position:54% center}
 .motion-toggle{top:12px;right:12px;font-size:13px;padding:10px 12px}
 .art-label{left:12px;bottom:12px;font-size:12px;padding:7px 10px}
 .instrument-cover{aspect-ratio:4/3;height:auto;min-height:330px}
 .instrument-cover>.motion-image{object-position:25% top}
 .launch-instrument{padding:16px 22px;font-size:18px}
 .more{margin-top:32px}
 .card-label{flex-wrap:wrap}
 .stage-caption{font-size:14px}
 .rout-story{grid-template-columns:1fr;gap:12px;padding:34px 0}
 .rout-story-copy,.rout-takeaway p:last-child{font-size:17px}
 .rout-experience{padding-top:32px;padding-bottom:24px}
 .rout-experience-list{margin-top:24px}
 .rout-experience-list li{grid-template-columns:30px 1fr;gap:12px;padding:22px 0}
 .rout-experience-list h3{font-size:23px;max-width:none}
 .rout-experience-list p{grid-column:2;font-size:16px}
 .rout-takeaway{padding:28px 24px}
}
@media(prefers-reduced-motion:reduce){.motion-image{animation:none;transform:none;will-change:auto}}

@media(min-width:1121px) and (max-width:1320px){.mast{flex-wrap:wrap}.mast nav{width:100%;justify-content:space-between}.mast .collection{margin-left:auto}}

.rout-film video{aspect-ratio:8/5}
.rout-film .motion-toggle{position:static;flex-shrink:0}.rout-film figcaption{align-items:flex-start}