html,body{margin:0;background:#f8f5ef;color:#20231f}body{min-height:100svh;overflow-x:hidden}
.site-header.unified-header{height:106px;margin:0;padding:0 5%;border:0;position:relative;z-index:3}.site-header .brand{font-size:31px;letter-spacing:-1.4px;font-weight:650;gap:18px}.site-header .brand-dot{width:7px;height:7px;background:#65775c;border-radius:0;margin:0}
.engineering-hero{position:relative;min-height:calc(100svh - 106px);display:flex;align-items:center;isolation:isolate;overflow:hidden}
.engineering-copy{position:relative;z-index:2;width:43%;margin:0 0 9% 5%;pointer-events:none}.engineering-copy a{pointer-events:auto}
.engineering-kicker{font:650 11px Satoshi,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#536b48;margin:0 0 26px}
.engineering-copy h1{font:700 clamp(64px,5.55vw,94px)/.98 BigShoulders,Impact,sans-serif;letter-spacing:-.038em;margin:0 0 28px;max-width:none}
.engineering-intro{font:400 18px/1.5 Satoshi,sans-serif;color:#62625d;max-width:380px;margin:0}
.explore{display:inline-flex;gap:20px;align-items:center;font:600 13px Satoshi,sans-serif;letter-spacing:.03em;border-bottom:1px solid #65775c;padding:12px 0 7px;margin-top:28px;text-decoration:none;color:#20231f}
.engineering-scene{position:absolute;inset:-25px 0 40px 45%;z-index:0}.engineering-scene iframe{display:block;border:0;width:100%;height:100%;background:#f8f5ef}
.specimen-controls{position:fixed;z-index:5;bottom:18px;left:5%;right:5%;display:flex;align-items:center;gap:10px;font:11px Satoshi,sans-serif;color:#65775c}.specimen-controls span{margin-right:auto;letter-spacing:.08em;text-transform:uppercase}.specimen-controls button{font:inherit;min-height:40px;padding:9px 15px;border:1px solid #65775c55;border-radius:24px;background:#f8f5ef;color:#52614b;cursor:pointer}.specimen-controls button:focus-visible{outline:2px solid #52614b;outline-offset:3px}.specimen-controls button:disabled{opacity:.5;cursor:default}
@media(max-width:1100px){.site-header.unified-header{height:84px}.engineering-hero{min-height:calc(100svh - 84px)}.engineering-copy{width:45%;margin-bottom:14%}.engineering-copy h1{font-size:clamp(54px,5.3vw,72px)}.engineering-scene{inset:0 0 40px 46%}.engineering-intro{font-size:16px;max-width:320px}}
@media(max-width:760px){.site-header.unified-header{height:76px;padding:0 22px}.site-header .brand{font-size:27px}.engineering-hero{display:block;min-height:0}.engineering-copy{width:auto;margin:0;padding:34px 22px 0}.engineering-kicker{margin-bottom:18px;font-size:10px}.engineering-copy h1{font-size:clamp(36px,11.8vw,64px);max-width:none;margin-bottom:23px}.engineering-intro{font-size:15px;max-width:33ch}.explore{margin-top:15px;padding-top:10px}.engineering-scene{position:relative;inset:auto;width:100%;height:390px;margin-top:-3px}.specimen-controls{position:relative;bottom:auto;left:auto;right:auto;margin:5px 22px 22px;flex-wrap:wrap;justify-content:flex-start}.specimen-controls span{width:100%;margin-bottom:5px;font-size:9px}.specimen-controls button{font-size:11px}}
@media(max-width:360px){.engineering-copy{padding-top:26px}.engineering-copy h1{font-size:11.8vw}.engineering-scene{height:325px}}

[hidden]{display:none!important}

.engineering-copy h1 span{display:block;white-space:nowrap}

/* Keep model and headline in separate space at compact desktop widths. */
@media (min-width:761px) and (max-width:900px){
 .engineering-hero{display:block;min-height:0}
 .engineering-copy{width:auto;margin:0;padding:44px 5% 0}
 .engineering-copy h1{font-size:58px}
 .engineering-intro{max-width:48ch}
 .engineering-scene{position:relative;inset:auto;width:100%;height:440px;margin-top:12px}
}