.machines-page { padding-top:30px; padding-bottom:70px; }
.machines-home { margin:48px 0 64px; }
.machine-breadcrumb { font:11px var(--tech-font); color:#737876; margin-bottom:30px; }
.machine-breadcrumb a { color:inherit; }
.machine-feature { display:grid; grid-template-columns:1.25fr 1fr; background:#f4f1eb; border:1px solid #c7c5bf; }
.machine-feature__visual { display:block; background:#142933; min-width:0; }
.machine-feature__visual img { display:block; width:100%; height:100%; object-fit:cover; }
.machine-feature__copy { padding:clamp(24px,4vw,58px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.machine-feature__copy h3 { font-size:clamp(28px,3vw,42px); line-height:1.15; font-weight:500; margin:18px 0; letter-spacing:-1px; }
.machine-feature__copy p { color:#626566; font-size:15px; line-height:1.8; max-width:450px; }
.machine-formats { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0 28px; font:10px var(--tech-font); text-transform:uppercase; letter-spacing:1px; }
.machine-formats span { border:1px solid #c7c5bf; padding:5px 9px; }
.machine-preview-note { background:#e4e9e8; border-left:3px solid #4b6269; padding:12px 16px; margin-bottom:24px; font-size:12px; color:#43585e; }
.machine-topic-hero { grid-template-columns:1fr 1.25fr; margin-bottom:64px; }
.machine-topic-hero h1,.machines-intro h1 { font-size:clamp(48px,6vw,80px); font-weight:500; line-height:1.05; letter-spacing:-3px; margin:20px 0; }
.machine-topic-hero h2 { font-size:21px; font-weight:400; line-height:1.4; margin-bottom:16px; }
.machine-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:28px; }
.machine-text-link { color:#855035; font-size:13px; border-bottom:1px solid #ad8b70; padding-bottom:4px; }
.machine-watch,.machine-principles,.machines-upcoming { margin:64px 0; scroll-margin-top:28px; }
.machine-media-pair { display:grid; grid-template-columns:1.2fr 1fr; background:#f4f1eb; border:1px solid #c7c5bf; }
.machine-video-panel { position:relative; background:#142933; color:#ecf1ee; }
.machine-video-panel img { display:block; width:100%; }
.machine-video-caption { padding:22px 28px; border-top:1px solid #48606a; }
.machine-video-caption .eyebrow { color:#a7c0c8; }
.machine-video-caption h3 { font-size:23px; font-weight:400; margin:10px 0; }
.machine-video-caption p { font-size:12px; color:#a7b9be; }
.machine-video-panel > a { display:block; color:inherit; }
.machine-play { display:block; padding:20px; }
.machine-explainer { padding:36px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.machine-explainer h3 { font-size:30px; font-weight:500; line-height:1.2; margin:16px 0; }
.machine-explainer p,.machine-explainer li { color:#626566; font-size:14px; line-height:1.8; }
.machine-explainer ul { padding-left:18px; margin:20px 0 28px; }
.machine-explainer .machine-small-note { font-size:11px; margin-top:16px; }
.machine-principle-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #b9b9b2; }
.machine-principle-grid article { padding:28px 26px; border-right:1px solid #c7c5bf; }
.machine-principle-grid article:first-child { padding-left:0; }
.machine-principle-grid article:last-child { border-right:0; }
.machine-number { display:block; font:36px var(--tech-font); color:#adb6b4; margin-bottom:30px; }
.machine-principle-grid h3 { font-size:23px; line-height:1.3; font-weight:500; margin:12px 0; }
.machine-principle-grid p { font-size:14px; line-height:1.8; color:#626566; }
.machine-context { padding:34px; background:#dce2df; }
.machine-context h2 { font-size:28px; font-weight:500; margin:12px 0; }
.machine-context p { color:#626566; margin-bottom:18px; }
.machine-context a { display:inline-block; color:#435b60; margin-right:28px; font-size:13px; }
.machines-upcoming-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.machines-upcoming-grid article { border:1px solid #c7c5bf; padding:28px; }
.machines-upcoming-grid h3 { font-size:30px; font-weight:400; margin:18px 0 12px; }
.machines-upcoming-grid p { color:#626566; font-size:14px; }
.machine-status { display:inline-block; margin-top:24px; font:10px var(--tech-font); text-transform:uppercase; letter-spacing:1px; border:1px solid #b8bcb6; padding:5px 8px; }
.machines-intro p { color:#626566; line-height:1.8; }
@media(max-width:850px) { .machine-feature,.machine-topic-hero,.machine-media-pair { grid-template-columns:1fr; } .machine-topic-hero .machine-feature__visual { grid-row:1; } .machine-feature__visual img { max-height:440px; object-fit:contain; } .machine-principle-grid { grid-template-columns:1fr; } .machine-principle-grid article,.machine-principle-grid article:first-child { padding:24px 0; border-right:0; border-bottom:1px solid #c7c5bf; } .machine-number { margin-bottom:16px; } }
@media(max-width:540px) { .machines-upcoming-grid { grid-template-columns:1fr; } .machine-explainer { padding:24px; } .machine-context { padding:24px; } .machines-home { margin-top:32px; } }