:root{--dark:#111719;--red:#176BAE;--blue-bright:#2D9CDB;--blue-pale:#E9F4FC;--line:#d9dddf;--muted:#677074;--cream:#f3f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Segoe UI',sans-serif;color:#14191b;background:#fff;font-size:16px;line-height:1.65}img{width:100%;height:100%;object-fit:cover;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer} .wrap{width:min(1320px,calc(100% - 112px));margin:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.5vw,106px);line-height:.98;letter-spacing:-.065em;margin-bottom:34px}h2{font-size:clamp(35px,4vw,69px);line-height:1.08;letter-spacing:-.055em;margin:17px 0 28px}h3{font-size:clamp(22px,2vw,33px);line-height:1.17}.intro{font-size:19px;max-width:680px;color:#596165}.btn{display:inline-flex;align-items:center;gap:30px;background:var(--red);border:1px solid var(--red);color:#fff;padding:15px 23px;font-size:13px;font-weight:800}.btn.secondary{background:transparent;border-color:#fff9}.btn:hover{filter:brightness(.88)}.link{border:0;background:none;border-bottom:1px solid currentColor;padding:0 0 8px;font-size:13px;letter-spacing:.04em;font-weight:800}.nav{height:86px;position:absolute;top:0;left:0;width:100%;z-index:10;color:white;border-bottom:1px solid #ffffff33}.nav .wrap{height:100%;display:flex;align-items:center;gap:35px}.logo{font-size:27px;font-weight:900;letter-spacing:-.06em;white-space:nowrap}.logo span{color:#2D9CDB}.logo small{display:block;font-size:8px;letter-spacing:.21em;color:#ddd;font-weight:500}.navlinks{display:flex;gap:26px;margin-left:auto;align-items:center}.navlinks a{font-size:12px;font-weight:700}.navlinks a:hover{color:#75C6FF}.nav .btn{padding:12px 16px;white-space:nowrap}.menubtn{display:none;border:0;background:transparent;color:#fff;font-size:28px;margin-left:auto}.hero{height:max(850px,96vh);position:relative;display:flex;align-items:center;color:white;background:#080e11;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1116 5%,#0c1117ed 32%,#0c111680 66%,#0c111622),url("https://tbtmachining.com/_next/static/media/3.d7d9af15.png") center/cover no-repeat;filter:saturate(.72)}.hero .wrap{position:relative;padding-top:60px}.hero h1{max-width:920px}.hero h1 em{color:#36A9F4;font-style:normal}.hero p{max-width:540px;color:#d7dcde;font-size:19px}.hero-actions{display:flex;gap:17px;margin-top:40px}.hero-stamp{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #fff5;padding:24px 0;color:#dce1e3;font-size:12px;letter-spacing:.08em}.hero-stamp .wrap{display:flex;justify-content:space-between;padding:0}.section{padding:160px 0}.statement{background:#f2f2ef;overflow:hidden}.statement-grid{display:grid;grid-template-columns:45% 55%;min-height:750px;align-items:center;gap:0}.statement-text{padding:80px 10% 80px 0}.statement-text p{max-width:500px;color:#61696c}.statement-visual{height:650px;position:relative}.statement-visual img:first-child{position:absolute;right:-70px;top:0;width:85%;height:83%}.statement-visual img:last-child{position:absolute;left:-4%;bottom:0;width:47%;height:46%;border:13px solid #f2f2ef}.bigline{margin-top:40px;padding-top:30px;border-top:1px solid #c7cdcd;font-size:14px;font-weight:700}.dark{background:var(--dark);color:#fff}.dark .intro{color:#b6c1c5}.challenge{padding:145px 0 170px}.challenge-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:70px}.challenge-top h2{max-width:750px}.challenge-stage{display:grid;grid-template-columns:37% 63%;min-height:700px}.challenge-list{padding:15px 55px 15px 0}.challenge-list button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #ffffff3d;padding:26px 4px;color:#a9b5b9;font-size:21px;font-weight:700}.challenge-list button.active{color:#fff;border-color:#279CE5}.challenge-list button.active::after{content:'↗';color:#55B4F5}.challenge-stage article{position:relative;min-height:670px;overflow:hidden;background:#252e31}.challenge-stage article>img{position:absolute;inset:0;filter:brightness(.55)}.challenge-stage article:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#090d0dec,transparent 76%)}.challenge-description{position:absolute;z-index:2;bottom:60px;left:60px;right:60px}.challenge-description h3{font-size:clamp(29px,3vw,48px);max-width:620px;margin:16px 0}.challenge-description p{max-width:550px;color:#d8e0e0}.markers{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.markers span{border:1px solid #fff6;padding:7px 13px;font-size:12px}.proof{padding:150px 0;background:#fff}.proof-header{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:66px}.proof-header h2{max-width:730px}.proof-header p{align-self:end;color:#647077;max-width:460px}.feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:730px;background:#e9eceb}.feature-image{position:relative;min-height:730px}.feature-image img{filter:contrast(1.05)}.feature-label{position:absolute;left:35px;bottom:35px;background:#121b1ee8;color:#fff;padding:17px 24px;font-size:12px;letter-spacing:.1em}.feature-story{padding:85px 65px;display:flex;flex-direction:column;justify-content:center}.feature-story p{color:#586267}.story-lines{margin:25px 0 35px}.story-lines div{display:grid;grid-template-columns:115px 1fr;gap:20px;border-top:1px solid #c8d0d0;padding:18px 0;font-size:14px}.story-lines strong{font-size:12px;text-transform:uppercase;color:#1267B2;letter-spacing:.08em}.second-stories{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:95px}.second-stories figure{margin:0}.second-stories figure img{height:370px}.second-stories figure:nth-child(2){margin-top:100px}.second-stories figcaption{padding:22px 0 0;border-top:3px solid var(--red);margin-top:20px}.second-stories figcaption p{color:#647076}.capability{background:#efefec;padding:160px 0 135px}.capability-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:80px}.capability-photo{display:grid;grid-template-columns:1fr .7fr;grid-template-rows:390px 290px;gap:18px}.capability-photo .wide{grid-row:span 2}.capability-photo figure{position:relative;margin:0;overflow:hidden}.capability-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#070b0dcc);color:#fff;padding:45px 23px 23px;font-size:15px;font-weight:700}.capability-photo img{transition:transform .4s}.capability-photo figure:hover img{transform:scale(1.035)}.bridge{background:#1a2328;color:white;padding:100px 0}.bridge .wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.bridge blockquote{font-size:clamp(29px,3vw,48px);font-weight:750;line-height:1.22;letter-spacing:-.035em;margin:0}.bridge p{color:#bcc6c9}.workflow{padding:155px 0}.workflow h2{max-width:760px}.workflow-main{margin-top:85px;border-top:1px solid #bec7c9;display:grid;grid-template-columns:1fr 1fr}.workflow-main .steps{padding-right:12%}.step{padding:30px 0;border-bottom:1px solid #d5d9d9;display:grid;grid-template-columns:85px 1fr}.step b{color:var(--red)}.step h3{font-size:23px;margin-bottom:7px}.step p{font-size:14px;color:#667276;margin:0}.workflow-aside{padding:60px 0 0 12%;border-left:1px solid #d5d9d9}.workflow-aside img{height:440px;margin-bottom:27px}.workflow-aside p{color:#697276}.sectors{background:#12191d;color:#fff;padding:155px 0}.sectors-head{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:65px}.sector-scene{display:grid;grid-template-columns:1fr .53fr;gap:55px;align-items:center}.sector-photo{height:590px;position:relative}.sector-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060a0bba,transparent 65%)}.sector-photo strong{position:absolute;z-index:1;bottom:33px;left:37px;font-size:28px}.sector-menu button{background:none;border:0;border-bottom:1px solid #fff4;color:#9da9ad;font-size:22px;font-weight:700;display:flex;justify-content:space-between;padding:19px 0;width:100%;text-align:left}.sector-menu button.active{color:#fff}.sector-menu button.active span{color:#4BADEB}.sector-menu p{color:#c9d3d6;min-height:72px}.trust{padding:140px 0;background:#f2f3f1}.trust-top{display:grid;grid-template-columns:1fr 1fr;gap:70px}.trust-note{font-size:14px;color:#657075}.trust-visual{height:430px;position:relative;margin-top:55px}.trust-visual img{filter:brightness(.8)}.trust-visual div{position:absolute;bottom:25px;left:30px;color:#fff;font-size:23px;font-weight:700}.documents{padding:155px 0}.documents-top{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:65px}.doc{min-height:255px;padding:30px;background:#f2f3f2;border:1px solid #dee2e0;display:flex;flex-direction:column;justify-content:space-between}.doc .seal{border:2px solid #adb7b9;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:#7b8a8d}.doc small{color:#929da0}.doc b{font-size:16px}.contact{background:#0d1418;color:#fff;position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1418 8%,#0d1418ee 39%,#0d14187a 72%),url("https://www.machining-custom.com/uploadfile/2026/04/02/202604021922081dcbj0.jpg") center/cover no-repeat;filter:saturate(.6)}.contact .wrap{position:relative}.contact h2{max-width:740px}.contact p{max-width:590px;color:#bfc9cd}.footer{background:#080e11;color:#b3bec2;padding:70px 0 35px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:65px}.footer h4{color:#fff}.footer a{display:block;font-size:13px;margin:12px 0}.footer small{font-size:12px}.footer-bottom{border-top:1px solid #fff3;padding-top:25px;margin-top:55px;font-size:12px}.modal{position:fixed;inset:0;background:#05090bc7;z-index:50;display:none;place-items:center;padding:25px}.modal.open{display:grid}.dialog{background:#fff;color:#111;padding:45px;width:min(580px,100%);max-height:94vh;overflow:auto;position:relative}.dialog h2{font-size:34px}.dialog label{font-size:12px;font-weight:bold;display:block;margin-top:14px}.dialog input,.dialog textarea,.dialog select{width:100%;border:1px solid #ccd2d3;padding:11px;margin-top:6px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:29px}.notice{font-size:12px;color:#737d80}.mobile-only{display:none}
@media(max-width:950px){.wrap{width:calc(100% - 38px)}.navlinks{display:none;position:absolute;top:80px;left:0;right:0;background:#10191c;flex-direction:column;padding:25px;align-items:start}.navlinks.open{display:flex}.menubtn{display:block}.nav>.wrap>.btn{display:none}.section,.challenge,.proof,.capability,.workflow,.sectors,.trust,.documents{padding:85px 0}.statement-grid,.proof-header,.feature,.second-stories,.capability-head,.bridge .wrap,.workflow-main,.sector-scene,.trust-top,.documents-top,.footer-grid{grid-template-columns:1fr}.statement-text{padding:35px 0}.statement-visual{height:440px}.statement-visual img:first-child{right:0}.challenge-top,.sectors-head{display:block}.challenge-stage{grid-template-columns:1fr}.challenge-list{display:grid;grid-template-columns:1fr 1fr;padding-right:0}.challenge-list button{font-size:15px;padding:15px}.challenge-stage article{min-height:520px}.challenge-description{left:23px;right:23px;bottom:25px}.feature-story{padding:35px}.feature-image{min-height:460px}.second-stories figure:nth-child(2){margin-top:0}.capability-photo{grid-template-columns:1fr 1fr;grid-template-rows:240px 240px}.bridge .wrap{gap:35px}.workflow-aside{padding:30px 0;border:0}.sector-photo{height:430px}.doc-grid{grid-template-columns:1fr 1fr}.hero{min-height:760px}.hero-stamp{display:none}.footer-grid{gap:20px}}@media(max-width:600px){h1{font-size:53px}.hero{height:790px}.hero-actions{flex-wrap:wrap}.challenge-list{grid-template-columns:1fr}.statement-visual{height:350px}.second-stories figure img{height:230px}.capability-photo{display:block}.capability-photo figure{height:260px;margin:12px 0}.doc-grid{gap:10px}.doc{min-height:180px;padding:18px}.contact{min-height:620px}.nav .wrap{gap:10px}}

/* Full-resolution visual evaluation */ .hero::before{background-position:center center}.feature-image img,.statement-visual img,.capability-photo img,.challenge-stage article>img,.sector-photo img{image-rendering:auto;object-fit:cover}.photo-credit{padding:9px 15px;position:fixed;right:16px;bottom:16px;z-index:15;background:#111b1edf;color:#fff;font:12px/1.5 Arial,sans-serif;max-width:360px;border-left:3px solid #1267B2;box-shadow:0 10px 25px #0004}@media(max-width:600px){.photo-credit{bottom:5px;right:5px;left:5px;max-width:none}}
/* Redesigned independent sections: engineering map, feedback, manufacturing videos */
.capability-map{background:#0b121a;color:#fff;padding:145px 0 130px;overflow:hidden}.capability-map .intro{color:#acb9c6}.capability-map h2{color:#fff}
.system-map{position:relative;margin-top:58px;height:760px;background:radial-gradient(ellipse at 50% 48%,#27323c 0,#101923 41%,#080f18 83%);border:1px solid #33404a;overflow:hidden}
.orbit{position:absolute;left:50%;top:59%;transform:translate(-50%,-50%) rotateX(67deg);border:2px solid #3b4852;border-radius:50%;pointer-events:none}.orbit-one{width:86%;height:53%}.orbit-two{width:68%;height:38%;border-color:#66737b}
.map-main{z-index:3;position:absolute;top:27%;left:50%;transform:translateX(-50%);width:35%;text-align:center;pointer-events:none}.map-kicker{font-size:11px;letter-spacing:2px;color:#40A9EA}.map-core-image{margin:15px auto 5px;width:100%;height:178px;border:1px solid #6b757c;box-shadow:0 17px 45px #000a}.map-core-image img{width:100%;height:100%;object-fit:cover}.map-main h3{font-size:24px;margin:12px 0 7px}.map-main p{font-size:14px;color:#e7edf0;line-height:1.65;margin:0 auto;max-width:400px}.map-note{display:block;margin-top:15px;color:#8999a7;font-size:10px}.map-pins{position:absolute;inset:0;z-index:5}.map-pin{position:absolute;width:20%;background:#101923;color:white;border:1px solid #5d6a77;padding:8px;text-align:left;cursor:pointer;transition:.2s}.map-pin:hover,.map-pin.selected{border-color:#2997DA;transform:translateY(-5px);background:#1d242b}.map-pin img{height:100px;width:100%;object-fit:cover}.map-pin strong{display:block;font-size:15px;margin:9px 3px 5px}.map-pin small{display:block;color:#9dacb8;font-size:12px;margin:0 3px 5px}.map-number{position:absolute;right:13px;top:13px;padding:4px 6px;background:#197AC3;font-size:11px}.pos-one{left:3%;top:12%}.pos-two{right:3%;top:12%}.pos-three{left:3%;bottom:8%}.pos-four{right:3%;bottom:8%}.pos-five{left:40%;bottom:2%;width:20%}.pos-five img{height:66px}.map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.map-lines path{fill:none;stroke:#99a5ad;stroke-width:1.6;stroke-dasharray:6 5}.map-disclaimer{font-size:12px;color:#a2afba;margin-top:22px}
.video-feedback{padding:140px 0}.feedback-video{display:block;position:relative;width:100%;height:610px;margin-top:55px;cursor:pointer;border:0;padding:0;background:#111;overflow:hidden;color:white;text-align:left}.feedback-video img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.feedback-video:hover img{transform:scale(1.025)}.video-shadow{position:absolute;inset:0;background:linear-gradient(0deg,#03080bdb,transparent 65%)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:#187BC8;color:white;font-size:31px;padding-left:5px;box-shadow:0 0 0 17px #ffffff29}.feedback-caption{position:absolute;bottom:45px;left:45px;display:flex;flex-direction:column;gap:10px}.feedback-caption small{color:#8DD0FF;letter-spacing:2px;font-size:12px}.feedback-caption strong{font-size:34px;line-height:1.1}.feedback-caption em{font-style:normal;font-size:14px}
.process-gallery{padding:145px 0;background:#f3f5f5}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:58px}.process-video-card{border:0;background:white;padding:0;text-align:left;cursor:pointer;box-shadow:0 7px 24px #1426350f;overflow:hidden}.process-thumb{position:relative;display:block;height:180px;overflow:hidden}.process-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.process-video-card:hover img{transform:scale(1.05)}.mini-play{position:absolute;right:16px;bottom:16px;width:45px;height:45px;background:#1676C2;color:white;border-radius:50%;display:grid;place-items:center;padding-left:3px}.process-detail{display:flex;flex-direction:column;gap:11px;padding:21px;min-height:158px}.process-detail small{color:#1267B2;letter-spacing:1px}.process-detail strong{font-size:18px;color:#141b1d}.process-detail>span{font-size:13px;color:#667279;line-height:1.55}.process-placeholder{font-size:12px;color:#69777e;margin-top:20px}
.video-lightbox{position:fixed;inset:0;background:#050b12e9;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.video-lightbox.open{display:flex}.video-modal-inner{width:min(100%,980px);background:#17202a;color:white;padding:26px;position:relative}.video-modal-inner h3{font-size:21px;margin:0 35px 15px 0}.video-modal-inner video{width:100%;max-height:65vh;background:#060b10}.video-modal-inner p{font-size:14px;color:#c5cdd4;line-height:1.6}.video-close{position:absolute;right:13px;top:10px;background:none;color:white;border:0;font-size:31px;cursor:pointer}
@media(max-width:900px){.capability-map{padding:80px 0}.system-map{height:auto;padding:35px 18px}.map-main{position:relative;top:auto;left:auto;transform:none;width:100%;margin:0 auto 25px}.map-pins{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-pin,.pos-five{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%}.map-lines,.orbit{display:none}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-video{height:450px}.video-feedback,.process-gallery{padding:85px 0}}@media(max-width:600px){.process-grid,.map-pins{grid-template-columns:1fr}.map-core-image{height:175px}.feedback-video{height:320px}.feedback-caption{bottom:20px;left:20px;right:20px}.feedback-caption strong{font-size:22px}.play-circle{width:60px;height:60px;font-size:22px}.process-thumb{height:200px}}

/* 2026 editorial engineering homepage / improved rhythm */
.section{scroll-margin-top:70px}.eng-support{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.eng-support>div{border-top:2px solid var(--red);padding:20px 0}.eng-support b{font-size:14px}.eng-support p{font-size:13px;line-height:1.7;margin:8px 0 0}.evidence-note{font-size:12px!important;color:#6b7678!important;border-left:3px solid var(--red);padding-left:16px;margin-top:25px}.global-section{background:#edf0ee;padding:160px 0}.global-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;margin-bottom:65px}.global-heading>div:last-child p:not(.intro){color:#586467}.global-heading .btn{margin-top:16px}.global-photo{position:relative;height:570px;overflow:hidden;background:#151b1e}.global-photo img{filter:contrast(1.08) saturate(.75)}.global-overlay{position:absolute;left:0;bottom:0;width:100%;padding:120px 65px 55px;color:#fff;background:linear-gradient(0deg,#070d10ef,transparent)}.global-overlay span{display:block;color:#85C9F3;font-size:11px;letter-spacing:.16em;font-weight:bold}.global-overlay strong{display:block;font-size:35px;max-width:590px;line-height:1.14;margin:12px 0}.global-overlay small{color:#c4ced1}.global-points{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.global-points>div{border-top:1px solid #adb8b9;padding-top:25px}.global-points b{color:var(--red);display:block;margin-bottom:18px}.global-points strong{font-size:19px}.global-points p{color:#606a70;font-size:14px;max-width:340px}.cert-section{background:#fff;padding:165px 0 180px}.cert-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:90px;margin-bottom:60px}.cert-head p{color:#5c686d}.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.cert-card{padding:28px 24px 25px;background:#f2f3f1;border:1px solid #e0e4e2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.cert-card .paper{width:min(100%,230px);height:277px;background:linear-gradient(140deg,#fff,#f7f8f8);border:7px solid #d5dbdf;box-shadow:0 10px 22px #00000019;padding:25px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.paper-top{font-size:10px;letter-spacing:.18em;color:#7c858c}.paper-lines{width:80%;display:grid;gap:14px}.paper-lines i{height:6px;background:#e0e5e5}.paper-lines i:nth-child(2){width:70%;margin:auto}.paper-lines i:nth-child(3){width:85%;margin:auto}.paper-mark{border:2px solid #96B5CC;border-radius:50%;color:#538BB1;width:56px;height:56px;display:grid;place-items:center;font-size:15px}.cert-card strong{font-size:15px;line-height:1.3;margin-top:14px}.cert-card small{color:#899093}.cert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:35px;gap:24px;color:#647074;font-size:13px}.photo-credit{max-width:320px}@media(max-width:900px){.global-heading,.cert-head{grid-template-columns:1fr;gap:15px}.global-photo{height:450px}.global-points{grid-template-columns:1fr;gap:10px}.cert-grid{grid-template-columns:repeat(2,1fr)}.eng-support{grid-template-columns:1fr}}@media(max-width:520px){.global-section,.cert-section{padding:95px 0}.global-overlay{padding:100px 25px 30px}.global-overlay strong{font-size:25px}.cert-grid{gap:12px}.cert-card{padding:15px 9px}.cert-card .paper{height:190px}.cert-footer{display:block}}


/* Requested 150px side gutters, section rhythm, title size */
:root{--requested-gutter:150px}
@media(min-width:1300px){main > section > .wrap, main > section > .container, .nav .wrap, .footer .wrap{width:calc(100% - 300px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}}
@media(min-width:951px) and (max-width:1299px){main > section > .wrap, main > section > .container,.nav .wrap,.footer .wrap{width:calc(100% - 112px)!important;max-width:none!important}}
@media(min-width:951px){main section h2{font-size:45px!important;line-height:1.12!important;letter-spacing:-.035em!important}}
main > .section,main > .proof,main > .challenge,main > .capability-map,main > .process-gallery,main > .sectors,main > .workflow,main > .video-feedback,main > .cert-section,main > .global-experience,main > .services-feature{padding-top:100px!important;padding-bottom:100px!important}
main > .statement .statement-grid{min-height:600px} .challenge-top{margin-bottom:45px}.proof-header{margin-bottom:45px}.second-stories{margin-top:58px}.capability-head{margin-bottom:45px}.system-map{margin-top:30px}.process-grid{margin-top:36px}.sectors-head{margin-bottom:42px}.services-heading{margin-bottom:42px}.cert-head{margin-bottom:42px}.cert-grid{margin-top:25px}
/* case story headline alignment */
.second-stories{align-items:start}.second-stories figure:nth-child(2){margin-top:0!important}.second-stories figure{display:flex;flex-direction:column}.second-stories figure>img{height:350px;flex:none}.second-stories figcaption{margin-top:18px}.second-stories figcaption h3{min-height:2.4em;font-size:26px}
/* service: editorial wide photo + accordion */
.services-feature{background:#f3f4f3}.services-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:end}.services-heading h2{max-width:740px}.services-body{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;min-height:615px;background:white}.services-photo{position:relative;min-height:615px}.services-photo>img{height:100%;position:absolute;inset:0;object-fit:cover}.services-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#07101bdb,transparent 60%);color:white;display:flex;flex-direction:column;justify-content:end;gap:14px;padding:36px}.services-overlay span{color:#74C7FA;font-size:12px;letter-spacing:.13em;font-weight:bold}.services-overlay strong{font-size:28px;line-height:1.2;max-width:400px}.services-overlay small{font-size:12px;color:#d5dce0}.services-stack{padding:32px 48px 35px}.services-stack details{border-bottom:1px solid #d4dbdc}.services-stack details summary{cursor:pointer;display:flex;gap:20px;align-items:center;padding:24px 0;list-style:none}.services-stack summary::-webkit-details-marker{display:none}.services-stack summary span{color:var(--red);font-size:13px;font-weight:bold}.services-stack summary strong{flex:1;font-size:19px;line-height:1.3}.services-stack summary b{font-size:20px;font-weight:400;color:var(--red)}.services-stack details[open] summary b{transform:rotate(45deg)}.service-copy{padding:0 15px 22px 40px;color:#5c676e;font-size:15px;line-height:1.75}.service-ending{padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:15px}.service-ending span{max-width:160px;font-size:13px;color:#67737a}
/* global: dark full-map immersive view with four stat cards */
.global-experience{background:radial-gradient(ellipse at 50% 75%,#142536,#07111d 75%);color:white;overflow:hidden}.global-experience .global-content{max-width:1320px}.global-title{text-align:center;margin:0 auto 36px}.global-title h2{margin:16px auto;max-width:900px}.global-title p{max-width:720px;margin:0 auto;color:#bbcad4;font-size:16px}.global-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;z-index:2}.global-number{border:2px solid #607586;border-radius:8px;background:linear-gradient(140deg,#1b2b3c,#172535);min-height:135px;text-align:center;display:flex;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 4px #ffffff0a,0 8px 30px #0004}.global-number strong{color:#fff;font-family:Georgia,serif;font-size:48px;line-height:1.05}.global-number em{color:#319BDD;font-style:normal}.global-number span{font-size:12px;color:#e7eef1}.world-map-wrap{position:relative;margin:0 auto;max-width:1250px;height:auto}.world-geo{width:100%;height:auto;display:block}.landmass path{fill:#354656;stroke:#647887;stroke-width:.6;transition:fill .3s}.country-beacon{cursor:pointer}.country-beacon circle{fill:#60B6EB;stroke:#ffc9cb;stroke-width:1}.country-beacon .pulse{fill:#298ED0;opacity:.24;animation:pulse-map 2.3s infinite;transform-box:fill-box;transform-origin:center}.country-beacon:hover circle{fill:#fff}.map-tooltip{position:absolute;pointer-events:none;z-index:4;display:none;color:white;background:#145A98;padding:9px 13px;font-size:12px;box-shadow:0 7px 19px #0005}.global-visual-note{text-align:center;font-size:12px;color:#97aabb;margin:12px auto 0;max-width:700px}@keyframes pulse-map{0%{transform:scale(.5);opacity:.5}85%,100%{transform:scale(2.1);opacity:0}}
@media(max-width:950px){main > .section,main > .proof,main > .challenge,main > .capability-map,main > .process-gallery,main > .sectors,main > .workflow,main > .video-feedback,main > .cert-section,main > .global-experience,main > .services-feature{padding:65px 0!important}.services-heading,.services-body{grid-template-columns:1fr;gap:24px}.services-photo{min-height:360px}.services-stack{padding:20px}.global-numbers{grid-template-columns:repeat(2,1fr)}.global-number{min-height:115px}.world-map-wrap{margin-top:20px}.second-stories figcaption h3{min-height:0}}
@media(max-width:580px){.global-numbers{gap:10px}.global-number{min-height:94px}.global-number strong{font-size:36px}.global-number span{font-size:10px}.services-stack summary strong{font-size:16px}}

.nav{backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(7,13,18,.56),rgba(7,13,18,.38))}.nav .wrap{gap:22px}.navlinks{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;margin-left:auto;gap:clamp(12px,1.15vw,22px);padding:0 10px}.navlinks a{white-space:nowrap;font-size:16px;font-weight:700;line-height:1.35}.navlinks a:hover{color:#75C6FF}.nav .btn.quote{white-space:nowrap;padding:12px 18px;font-size:15px}.nav-anchor{display:block;height:0;scroll-margin-top:88px}#products,#blog{scroll-margin-top:88px}.menubtn{display:none}.mobile-quote{display:none}@media(max-width:1024px){.nav{height:82px}.nav .wrap{gap:14px}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:rgba(10,16,22,.96);backdrop-filter:blur(10px);flex-direction:column;padding:24px 26px 18px;align-items:flex-start;gap:18px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.28)}.navlinks.open{display:flex}.navlinks.open a{font-size:19px!important;line-height:1.45;font-weight:700}.menubtn{display:block;margin-left:auto}.nav>.wrap>.btn{padding:11px 16px;font-size:14px}.mobile-quote{display:inline-flex;margin-top:4px}}@media(max-width:640px){.nav>.wrap>.btn{display:none}.mobile-quote{display:inline-flex;width:100%;justify-content:center;margin-top:6px;padding:14px 18px}.logo{font-size:23px}.logo small{font-size:7px;letter-spacing:.18em}}

/* Expanded working area for desktop browsers viewed at 110% zoom.
   Visual gutters ~90 CSS px on wide screens; readable typography. */
@media (min-width: 1300px) {
  main > section > .wrap,
  main > section > .container,
  .footer .wrap {width: calc(100% - 180px) !important; max-width:none !important; margin-inline:auto !important;}
  .nav .wrap {width: calc(100% - 100px) !important; max-width:none !important; margin-inline:auto !important;}
}
@media (min-width: 951px) and (max-width: 1299px) {
  main > section > .wrap,
  main > section > .container,
  .footer .wrap {width:calc(100% - 88px) !important; max-width:none !important;}
  .nav .wrap {width:calc(100% - 60px) !important;max-width:none !important;}
}
@media (min-width: 1191px) {
  .navlinks {gap:clamp(10px, 1.12vw, 21px) !important;}
  .navlinks a {font-size:15px !important; line-height:1.35; font-weight:700; white-space:nowrap;}
  .nav .wrap {gap:clamp(12px,1.15vw,22px) !important;}
  .nav .btn.quote {font-size:13px; padding:12px 15px;}
  .nav .logo {font-size:25px;}
}
@media (min-width: 1191px) and (max-width: 1450px) {
  .navlinks {gap:10px !important;}
  .navlinks a {font-size:14px !important;}
  .nav .logo {font-size:23px;}
}
@media (max-width:1190px) {
  .navlinks.open a{font-size:16px !important; line-height:1.45;}
}


/* Keep desktop navigation on the top bar; use hamburger only on tablet/mobile. */
@media (min-width:1025px) {
 .nav .wrap {gap:clamp(16px,1.5vw,26px)!important;}
 .navlinks {display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:0;justify-content:flex-start!important;align-items:center;gap:clamp(12px,1.15vw,20px)!important;margin-left:auto!important;}
 .navlinks a {font-size:16px!important;font-weight:700;white-space:nowrap;line-height:1.35;}
 .nav .btn.quote {flex:0 0 auto;font-size:15px;padding:13px 17px;}
 .menubtn {display:none!important;}
}
@media (min-width:1025px) and (max-width:1380px) {
 .navlinks {gap:clamp(8px,.9vw,14px)!important;}
 .navlinks a {font-size:15px!important;}
 .nav .logo {font-size:24px;}
 .nav .btn.quote {font-size:14px;padding:12px 14px;}
}
@media (max-width:1024px) {
 .navlinks {display:none!important;position:absolute;top:82px;left:0;right:0;background:rgba(10,16,22,.96);backdrop-filter:blur(10px);flex-direction:column;padding:24px 26px 18px;align-items:flex-start;gap:20px!important;}
 .navlinks.open {display:flex!important;}
 .navlinks.open a {font-size:18px!important;}
 .menubtn {display:block!important;}
}



/* Soft-black technology theme: preserve black character while revealing industrial photography */
:root{--dark:#1b232b;}
.hero{background:#171d24;}
.hero::before{background:linear-gradient(90deg,rgba(9,14,19,.83) 0%,rgba(10,16,22,.65) 38%,rgba(11,18,25,.25) 78%,rgba(12,19,25,.11) 100%),url("https://tbtmachining.com/_next/static/media/3.d7d9af15.png") center/cover no-repeat;filter:saturate(.90) brightness(1.10);}
.nav{background:rgba(13,19,26,.44);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.dark{background:#1b232b;}
.challenge-stage article>img{filter:brightness(.78)}
.challenge-stage article:after{background:linear-gradient(0deg,rgba(8,14,19,.83),transparent 76%)}
.sectors{background:#1b252f;}
.sector-photo img{filter:brightness(1.10)}
.capability-map{background:linear-gradient(135deg,#1c2732,#111a24 78%)}
.system-map{background:radial-gradient(ellipse at 50% 45%,#354654 0%,#222f3b 44%,#131e29 86%)}
.contact{background:#19232d}
.contact:before{background:linear-gradient(90deg,rgba(12,19,26,.83) 0%,rgba(12,20,28,.65) 43%,rgba(13,21,28,.21) 90%),url("https://www.machining-custom.com/uploadfile/2026/04/02/202604021922081dcbj0.jpg") center/cover no-repeat;filter:saturate(.82) brightness(1.1)}
.footer{background:#17212b}
/* Softened black surfaces, without replacing the chosen blue accent. */


/* MAGWORK dedicated mobile layout; desktop stays unchanged */
@media (max-width: 1024px) {
  html,body{width:100%;overflow-x:clip}
  .wrap,.container,main>section>.wrap,main>section>.container,.footer .wrap{width:calc(100% - 44px)!important;max-width:none!important;margin-inline:auto!important}
  .nav .wrap{width:calc(100% - 40px)!important;max-width:none!important;margin-inline:auto!important}
  .nav{height:74px!important;position:absolute!important}
  .nav .wrap{height:74px!important}
  .navlinks{top:74px!important;max-height:calc(100dvh - 74px);overflow-y:auto}
  .nav .logo{font-size:24px!important;letter-spacing:-.04em}
  .nav .logo small{font-size:7px}
  .nav .btn.quote{font-size:12px!important;gap:6px!important;padding:10px 12px!important}
  .menubtn{font-size:30px!important;line-height:1;padding:6px;color:white}
  .hero{height:auto!important;min-height:780px!important;padding:128px 0 90px;align-items:flex-start}
  .hero:before{background-position:57% center!important}
  .hero .wrap{padding-top:0!important}
  .hero h1{font-size:clamp(47px,9vw,78px)!important;letter-spacing:-.055em;max-width:740px;line-height:1.03;margin:18px 0 24px}
  .hero p{font-size:17px;line-height:1.65;max-width:650px}
  .hero-actions{margin-top:30px;gap:12px}
  .hero-stamp{position:absolute;bottom:0;padding:15px 0}.hero-stamp .wrap{gap:12px;flex-wrap:wrap}
  .hero-stamp span{font-size:10px}
  .statement-grid{display:flex;flex-direction:column;min-height:unset;gap:0}
  .statement-text{width:100%;padding:0!important}.statement-visual{width:100%;height:460px}
  .statement-visual img:first-child{right:0;width:86%;height:88%}.statement-visual img:last-child{left:0;width:50%;height:48%;border-width:9px}
  main section h2{font-size:clamp(30px,5.6vw,44px)!important;line-height:1.14!important;letter-spacing:-.035em!important}
  .intro{font-size:16px!important;line-height:1.6}
  .challenge-top,.proof-header,.capability-head,.documents-top,.services-heading,.sectors-head,.trust-top,.cert-head{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-bottom:30px!important}
  .challenge-stage{grid-template-columns:1fr!important;gap:18px;min-height:unset}
  .challenge-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px;padding:0!important}
  .challenge-list button{border:1px solid #73818b66!important;padding:13px 9px!important;font-size:13px!important;min-height:58px;line-height:1.3}
  .challenge-stage article{min-height:520px!important}
  .challenge-description{bottom:26px!important;left:24px!important;right:24px!important}
  .challenge-description h3{font-size:clamp(24px,5vw,34px)}
  .proof-header,.feature,.second-stories{grid-template-columns:1fr!important}
  .feature-image{min-height:410px!important}.feature-story{padding:30px 26px 35px!important}
  .second-stories{gap:28px!important;margin-top:45px!important}
  .second-stories figure:nth-child(2){margin-top:0!important}
  .second-stories figure img{height:285px!important}
  .second-stories figcaption h3{min-height:unset!important}
  .system-map{height:auto!important;min-height:unset;padding:24px 16px!important}
  .map-main{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;margin-bottom:24px!important}
  .map-pins{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .map-pin,.pos-five{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;transform:none!important}
  .map-pin img{height:100px!important}.pos-five img{height:100px!important}
  .map-pin strong{font-size:13px!important}.map-pin small{font-size:11px!important}
  .map-lines,.orbit{display:none!important}
  .process-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin-top:24px!important}
  .process-thumb{height:150px!important}.process-detail{min-height:150px!important;padding:16px!important}.process-detail strong{font-size:15px!important}
  .sector-scene{grid-template-columns:1fr!important;gap:26px}.sector-photo{height:440px!important}.sector-menu button{font-size:18px!important}
  .services-heading,.services-body{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
  .services-photo{min-height:420px!important}.services-stack{padding:0!important}
  .services-stack summary{padding:19px 10px!important}
  .global-title h2{max-width:680px}.global-numbers{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .global-number{min-height:135px!important}.global-number strong{font-size:40px!important}
  .world-map-wrap{overflow:hidden;min-height:290px;display:flex;align-items:center}
  .world-geo{width:125%!important;max-width:none!important;height:auto!important;margin-left:-12%}
  .feedback-video{height:430px!important}.feedback-caption strong{font-size:27px!important}
  .cert-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .cert-card{padding:18px 10px!important}.cert-card .paper{height:230px!important;padding:16px 8px!important}
  .cert-footer{display:flex;flex-direction:column;align-items:flex-start}
  .contact{min-height:530px!important;padding:100px 0!important}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important}
  .footer-grid>div:first-child{grid-column:1/-1}
  .photo-credit{display:none!important}
}
@media(max-width:600px){
  .wrap,.container,main>section>.wrap,main>section>.container,.footer .wrap{width:calc(100% - 36px)!important}
  .nav .wrap{width:calc(100% - 30px)!important}
  .nav .logo{font-size:22px!important}
  .hero{min-height:735px!important;padding:113px 0 86px}.hero h1{font-size:clamp(43px,12vw,60px)!important}
  .hero p{font-size:15px;max-width:360px}
  .hero-actions{display:flex;flex-direction:column;align-items:stretch;max-width:320px}
  .hero-actions .btn{justify-content:center}
  .hero-stamp{display:none!important}
  .statement-visual{height:320px}.statement-visual img:first-child{width:91%;height:83%}.statement-visual img:last-child{width:56%;height:47%;border-width:7px}
  .eng-support{grid-template-columns:1fr!important}
  .challenge-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .challenge-stage article{min-height:470px!important}
  .challenge-description{left:18px!important;right:18px!important;bottom:19px!important}
  .challenge-description h3{font-size:25px}
  .feature-image{min-height:350px!important}.feature-story{padding:26px 20px!important}
  .story-lines div{grid-template-columns:95px 1fr!important;gap:8px!important}
  .second-stories figure img{height:235px!important}
  .map-pins{grid-template-columns:1fr!important}.map-pin img{height:130px!important}
  .map-core-image{height:180px!important}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .process-thumb{height:112px!important}.process-detail{min-height:155px!important;padding:12px!important;gap:7px!important}.process-detail strong{font-size:13px!important;line-height:1.3}.process-detail>span{font-size:11px!important}
  .sector-photo{height:290px!important}.sector-photo strong{font-size:23px!important;left:20px!important}
  .services-photo{min-height:300px!important}.services-overlay{padding:90px 20px 22px!important}
  .services-overlay strong{font-size:24px!important}
  .services-stack summary strong{font-size:15px!important}
  .global-numbers{gap:9px!important}.global-number{min-height:110px!important;padding:12px 6px}.global-number strong{font-size:33px!important}.global-number span{font-size:10px!important}
  .world-map-wrap{min-height:210px}.world-geo{width:155%!important;margin-left:-27%}
  .feedback-video{height:285px!important}.play-circle{height:56px!important;width:56px!important;font-size:20px!important}
  .feedback-caption{left:17px!important;right:17px!important;bottom:13px!important}.feedback-caption strong{font-size:21px!important}.feedback-caption small{font-size:10px}
  .cert-grid{gap:9px!important}.cert-card .paper{height:173px!important}.cert-card strong{font-size:12px!important}
  .cert-card small{font-size:10px}
  .contact{min-height:490px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}


/* Desktop top menu + accessible touch-friendly mobile accordion */
.nav {z-index:100;}
.nav .wrap {position:relative;}
.navlinks {gap:clamp(11px,1.1vw,21px)!important;}
.navitem{position:relative;display:flex;align-items:center;flex:0 0 auto;gap:3px;}
.navitem .nav-parent,.navlinks .nav-single{color:#fff;font-weight:700;white-space:nowrap;}
.submenu-toggle{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;width:19px;height:27px;background:none;border:0;color:#a9dfff;font-size:17px;line-height:1;transition:transform .18s;}
.navitem:hover .submenu-toggle,.navitem:focus-within .submenu-toggle,.navitem.open .submenu-toggle{transform:rotate(180deg);}
.submenu{display:none;position:absolute;left:0;top:100%;min-width:252px;padding:13px 0;background:rgba(17,26,35,.97);border:1px solid rgba(136,187,226,.25);border-top:2px solid #2D9CDB;box-shadow:0 20px 38px rgba(0,0,0,.34);backdrop-filter:blur(16px);z-index:130;}
.navitem:nth-child(3) .submenu{min-width:282px;}
.submenu a{display:block!important;padding:11px 17px;color:#e8eef4!important;font-size:14px!important;font-weight:500!important;white-space:nowrap;line-height:1.4;}
.submenu a:hover,.submenu a:focus-visible{background:rgba(45,156,219,.17);color:#77c7ff!important;}
.nav-mobile-quote{display:none!important;}
@media (min-width:1025px){
  .navitem:hover .submenu,.navitem:focus-within .submenu,.navitem.open .submenu{display:block;}
  .navlinks{align-items:center;}
}
@media (min-width:1025px) and (max-width:1380px){
  .navlinks{gap:8px!important;}
  .navitem{gap:0;}
  .submenu-toggle{width:15px;font-size:15px;}
}
@media (max-width:1024px){
  .navlinks{top:74px!important;left:0!important;right:0!important;display:none!important;gap:0!important;max-height:calc(100dvh - 74px);overflow-y:auto;padding:13px 22px 25px!important;}
  .navlinks.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .navitem{display:grid;grid-template-columns:minmax(0,1fr) 42px;width:100%;gap:0;border-bottom:1px solid rgba(255,255,255,.13);}
  .navitem .nav-parent{font-size:17px!important;padding:15px 2px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;}
  .navitem .submenu-toggle{width:42px;height:48px;font-size:21px;justify-self:end;align-self:start;}
  .navitem .submenu{position:static;grid-column:1/-1;display:none;min-width:0!important;padding:0 0 12px 12px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;}
  .navitem.open .submenu{display:block;}
  .navitem .submenu a{font-size:14px!important;white-space:normal;padding:10px 12px;line-height:1.4;}
  .navlinks .nav-single{font-size:17px!important;line-height:1.35;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.13);white-space:normal;}
  .navlinks .nav-mobile-quote{display:flex!important;margin-top:16px;width:100%;justify-content:center;font-size:15px!important;}
  .sector-menu button{font-size:16px!important;line-height:1.4!important;overflow-wrap:anywhere;gap:10px;}
  .sector-menu button span{flex:0 0 auto;}
}


.site-nav{position:relative;z-index:200;background:rgba(13,22,32,.95);backdrop-filter:blur(12px);color:white;border-bottom:1px solid #ffffff21}
.site-nav .container{width:min(1400px,calc(100% - 112px));margin:auto;display:flex;min-height:84px;align-items:center;gap:25px}
.site-nav .brand{font-size:29px;font-weight:900;letter-spacing:-1.5px;color:white;text-decoration:none;white-space:nowrap}
.site-nav .brand span{color:#39a7e8}
.site-nav .brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:-12px;color:#b8c4ce}
.site-nav .menus{margin-left:auto;display:flex;gap:21px;align-items:center}
.site-nav .menu{position:relative}
.site-nav .menu>button{background:none;color:white;border:0;font-weight:bold;font-size:15px;padding:21px 0;cursor:pointer}
.site-nav .menu>button:after{content:'⌄';color:#7fcaef;margin-left:7px}
.site-nav .drop{display:none;position:absolute;top:100%;left:0;min-width:255px;padding:12px 0;background:#172736;box-shadow:0 15px 32px #0006;border-top:3px solid #39a7e8}
.site-nav .menu:hover .drop,.site-nav .menu:focus-within .drop,.site-nav .menu.open .drop{display:block}
.site-nav .drop a{display:block;padding:10px 18px;color:#ecf5fb;font-size:14px;line-height:1.4}
.site-nav .drop a:hover{background:#294760}
.site-nav .menus>a{font-size:15px;font-weight:bold;white-space:nowrap}
.site-nav .desktop-cta{background:#1974b5;color:white;border:0;padding:13px 19px;font-size:14px;font-weight:bold;white-space:nowrap;cursor:pointer}
.site-nav .hamburger{display:none;margin-left:auto;color:white;background:none;border:0;font-size:27px;cursor:pointer}
@media(max-width:1250px){.site-nav .container{width:calc(100% - 48px)}.site-nav .hamburger{display:block}.site-nav .menus{display:none;position:absolute;top:84px;left:0;right:0;background:#121f2b;padding:18px 24px;max-height:calc(100dvh - 84px);overflow:auto;flex-direction:column;align-items:stretch;gap:0}.site-nav .menus.open{display:flex}.site-nav .menu>button{width:100%;text-align:left;padding:13px 0}.site-nav .menu>button:after{float:right}.site-nav .drop{position:static;min-width:0;box-shadow:none;background:#203142;padding:0 0 8px}.site-nav .menu:hover .drop,.site-nav .menu:focus-within .drop{display:none}.site-nav .menu.open .drop{display:block}.site-nav .menus>a{padding:13px 0}.site-nav .desktop-cta{display:none}}
@media(max-width:600px){.site-nav .container{width:calc(100% - 34px)}.site-nav .brand{font-size:24px}.site-nav .brand small{font-size:7px}}


:root{--custom-blue:#38aafa;--custom-navy:#15212c}
.custom-hero-shout{display:block!important;color:#9fd9ff;font-size:12px;font-weight:800;letter-spacing:.18em;margin:0 0 20px;text-transform:uppercase}
.hero .container{position:relative;z-index:1}.hero h1{max-width:920px}.hero p{max-width:710px!important}
.custom-editorial{position:relative;padding:115px 0 120px;background:#fff;overflow:hidden}.custom-editorial:nth-of-type(even){background:#edf1f3}
.custom-editorial .container{width:min(1400px,calc(100% - 112px));margin:auto}
.custom-eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:#1478b5;margin-bottom:22px}
.custom-editorial h2{font-size:clamp(34px,3.8vw,61px);letter-spacing:-.052em;line-height:1.08;max-width:870px;margin:0 0 27px}
.custom-intro{font-size:18px;color:#4d616f;max-width:760px;margin-bottom:48px}
.custom-story{display:grid;grid-template-columns:46% 54%;min-height:570px;align-items:stretch;background:#101c29;color:#fff}
.custom-story .story-copy{padding:68px 65px;display:flex;flex-direction:column;align-items:start;justify-content:center}
.custom-story h3{font-size:clamp(29px,2.8vw,44px);line-height:1.15;margin:0 0 20px;letter-spacing:-.03em}.custom-story p{color:#b9c9d4;font-size:16px;line-height:1.8}
.custom-story .story-photo{min-height:570px;position:relative;overflow:hidden}.custom-story .story-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}
.custom-story .story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101c29aa,transparent 46%)}
.custom-proof{border-left:2px solid var(--custom-blue);padding-left:18px;color:#ecf7ff;font-size:14px;margin:20px 0 30px}
.custom-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.custom-primary{background:#167abb;color:#fff;display:inline-block;padding:13px 22px;font-weight:800;font-size:13px}.custom-outline{border:1px solid #748b9e;color:#fff;display:inline-block;padding:13px 22px;font-size:13px;font-weight:800}
.custom-config{padding:125px 0;background:#f3f5f5}.custom-config .container{width:min(1400px,calc(100% - 112px));margin:auto}
.custom-config-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:50px}.custom-config-head h2{font-size:clamp(36px,3.6vw,57px);line-height:1.08;letter-spacing:-.04em;max-width:760px;margin:0}.custom-config-head p{max-width:420px;color:#667781}
.custom-config-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:start}
.custom-blueprint{background:#172532;color:white;padding:46px 45px;position:relative;min-height:540px;overflow:hidden}.custom-blueprint:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.custom-blueprint>*{position:relative}.custom-blueprint-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:55px}.custom-blueprint-head small{letter-spacing:.13em;color:#91bbd4}
.custom-drawing{height:240px;width:100%;max-width:590px;margin:auto;display:block}
.custom-config-list{border-top:1px solid #c7d0d5}.custom-config-list>div{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #c7d0d5}.custom-config-list b{font-size:12px;color:#1681c2}.custom-config-list strong{font-size:21px;color:#192d39;line-height:1.2}.custom-config-list p{font-size:14px;line-height:1.65;color:#61717a;margin:7px 0 0}
.custom-no-fake{font-size:12px;color:#68808e;margin:23px 0 0}.custom-journey{padding:100px 0 125px;background:#e7edef}.custom-journey .container{width:min(1400px,calc(100% - 112px));margin:auto}.custom-journey h2{font-size:clamp(35px,3.4vw,54px);max-width:850px;line-height:1.12;letter-spacing:-.04em;margin:0 0 25px}.custom-journey p{max-width:820px;color:#566b78}
.custom-journey-track{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bdc9d0}.custom-journey-track>div{background:#f8fafb;padding:30px 26px;min-height:194px}.custom-journey-track span{font-size:13px;font-weight:800;color:#1786c8}.custom-journey-track h3{font-size:21px;margin:17px 0 10px;line-height:1.25}.custom-journey-track p{font-size:13px;margin:0}
.custom-note-ribbon{font-weight:700;color:#1b3f58;background:#dcecf5;padding:19px 24px;margin:32px 0 0}
@media(max-width:900px){.custom-editorial,.custom-config,.custom-journey{padding:70px 0}.custom-editorial .container,.custom-config .container,.custom-journey .container{width:calc(100% - 44px)}.custom-story{grid-template-columns:1fr}.custom-story .story-copy{padding:40px 30px}.custom-story .story-photo{min-height:320px;height:320px}.custom-config-head{display:block}.custom-config-grid{grid-template-columns:1fr;gap:24px}.custom-journey-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.custom-editorial .container,.custom-config .container,.custom-journey .container{width:calc(100% - 36px)}.custom-editorial h2,.custom-config-head h2,.custom-journey h2{font-size:34px}.custom-intro{font-size:16px}.custom-story .story-copy{padding:34px 24px}.custom-story .story-photo{min-height:255px;height:255px}.custom-story h3{font-size:28px}.custom-blueprint{min-height:410px;padding:24px 20px}.custom-drawing{height:180px}.custom-config-list>div{grid-template-columns:35px 1fr}.custom-config-list strong{font-size:18px}.custom-journey-track{grid-template-columns:1fr}.custom-journey-track>div{min-height:auto}.custom-actions{flex-direction:column;width:100%}.custom-actions>*{width:100%;text-align:center}}


/* Editorial project evidence and product selection — responsive, blue/soft-black */
.showcase-block{padding:110px 0;background:#f0f3f4;color:#152332}.showcase-block .showcase-wrap,.selector-block .showcase-wrap{width:min(1300px,calc(100% - 112px));margin:0 auto}
.showcase-kicker{display:block;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#1974b5;font-weight:800;margin-bottom:13px}
.showcase-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;margin-bottom:40px}.showcase-heading h2,.selector-block h2{font-size:clamp(34px,3.4vw,51px);letter-spacing:-.045em;line-height:1.12;margin:0}.showcase-heading p,.selector-lead{color:#596a77;line-height:1.7;font-size:16px;margin:0}
.project-feature{display:grid;grid-template-columns:1.18fr .82fr;min-height:370px;background:#172635;color:white;overflow:hidden}.project-feature .project-image{min-height:370px;position:relative;overflow:hidden}.project-feature .project-image img{width:100%;height:100%;object-fit:cover}.project-feature .project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#172635bb)}.project-story{padding:43px 44px;display:flex;flex-direction:column;justify-content:center}.project-tag{color:#6cc2fc;font-weight:750;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.project-story h3{font-size:30px;letter-spacing:-.03em;line-height:1.18;margin:14px 0}.project-story p{font-size:15px;color:#c9d8df}.project-story .project-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;border-top:1px solid #ffffff3b;padding-top:20px;font-size:12px;color:#b4c5cf}.project-story a{font-size:13px;font-weight:750;color:#76ccff;margin-top:25px}
.project-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:25px}.project-small{display:grid;grid-template-columns:180px 1fr;min-height:170px;align-items:stretch;background:white;border:1px solid #d9e2e6;overflow:hidden}.project-small img{width:100%;height:100%;object-fit:cover}.project-small-content{padding:22px 24px}.project-small strong{font-size:20px;display:block;line-height:1.2;margin:7px 0}.project-small p{font-size:13px;color:#52626e;margin:0 0 9px}.project-small a{font-size:12px;font-weight:800;color:#126cad}.evidence-disclaimer{font-size:12px;color:#697785;margin-top:22px;max-width:850px}
.selector-block{padding:110px 0 120px;background:#fff}.selector-lead{max-width:800px;margin:18px 0 33px}.selector-workspace{display:grid;grid-template-columns:minmax(275px,.78fr) 1.22fr;border:1px solid #d8e2e9;background:#f4f7f8}.selector-controls{padding:38px;background:#172636;color:#f8fbff}.selector-controls h3{font-size:24px;margin:0 0 10px}.selector-controls p{color:#b6cbd7;font-size:13px;margin:0 0 28px}.selector-controls label{font-size:12px;letter-spacing:.03em;font-weight:750;display:block;margin:18px 0 7px}.selector-controls select{width:100%;min-height:46px;border:1px solid #73899c;border-radius:0;background:#263c4e;color:white;padding:10px 14px;appearance:auto}.selector-controls button{margin-top:25px;background:#2582bf;border:0;color:white;padding:13px 20px;font-weight:750;width:100%;cursor:pointer}.selector-result{padding:35px 42px;min-width:0}.selector-topline{display:flex;justify-content:space-between;gap:14px;color:#577083;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #d4dee5;padding-bottom:16px}.selector-result h3{font-size:27px;margin:27px 0 12px}.selector-result p{color:#536776;font-size:15px}.selection-display{display:grid;grid-template-columns:190px 1fr;gap:27px;margin-top:25px;align-items:start}.selection-display img{width:100%;aspect-ratio:4/3;object-fit:cover}.selection-display ul{margin:0;padding-left:18px;font-size:14px;line-height:1.9}.selection-display li{margin-bottom:8px}.selector-note{margin-top:25px;border-top:1px solid #d6e0e5;padding-top:20px;font-size:12px!important}.selection-cta{background:#1974b5;color:#fff;border:0;padding:12px 22px;margin-top:8px;font-weight:750;cursor:pointer}.selection-cta:hover{background:#115b91}.selection-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.selection-type{display:flex;flex-direction:column;background:#f1f4f5;border:1px solid #dae2e4;text-align:left;color:#142230;min-width:0;cursor:pointer;padding:0;transition:transform .2s,border-color .2s}.selection-type:hover{transform:translateY(-3px);border-color:#1974b5}.selection-type img{width:100%;height:175px;object-fit:cover}.selection-type span{padding:18px}.selection-type strong{font-size:17px;display:block;line-height:1.2}.selection-type small{display:block;color:#576977;margin-top:6px;line-height:1.5}.selection-type em{color:#1974b5;display:block;font-size:12px;font-style:normal;font-weight:750;margin-top:10px}
@media(max-width:950px){.showcase-block .showcase-wrap,.selector-block .showcase-wrap{width:min(100% - 44px,760px)}.showcase-heading{grid-template-columns:1fr;gap:16px}.showcase-block,.selector-block{padding:65px 0}.project-feature{grid-template-columns:1fr}.project-feature .project-image{min-height:280px;height:280px}.project-story{padding:28px}.project-strip{grid-template-columns:1fr}.selector-workspace{grid-template-columns:1fr}.selection-display{grid-template-columns:145px 1fr}.selection-types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.showcase-block .showcase-wrap,.selector-block .showcase-wrap{width:calc(100% - 36px)}.showcase-heading h2,.selector-block h2{font-size:34px}.project-feature .project-image{height:245px;min-height:245px}.project-story h3{font-size:25px}.project-small{grid-template-columns:114px 1fr;min-height:150px}.project-small-content{padding:16px}.project-small strong{font-size:17px}.project-small p{font-size:12px}.selector-controls,.selector-result{padding:25px 20px}.selection-display{grid-template-columns:1fr}.selection-display img{max-height:210px}.selection-types{grid-template-columns:1fr}.selection-type{display:grid;grid-template-columns:125px 1fr}.selection-type img{height:100%;min-height:136px}.selection-type span{padding:12px}}


/* Consistent editorial margins for desktop, laptop, tablet and phone. */
@media (min-width:1201px){
  main > section > .wrap,main > section > .container,
  main .custom-editorial .container,main .custom-config .container,main .custom-journey .container,
  .site-nav > .container,.site-nav .container,.nav > .wrap,.footer .wrap,.footer .container,
  main .container, main .wrap,
  .global-experience .global-content{
    width:calc(100% - 88px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
  }
}
@media (min-width:701px) and (max-width:1200px){
  main .container,main .wrap,.site-nav .container,.nav > .wrap,.footer .container,.footer .wrap,
  .global-experience .global-content{width:calc(100% - 64px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;}
}
@media (max-width:700px){
  main .container,main .wrap,.site-nav .container,.nav > .wrap,.footer .container,.footer .wrap,
  .global-experience .global-content{width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;}
}

/* User revision: video hero and tighter, aligned case captions. */
.hero.has-video{isolation:isolate;background:#080e11}
.hero.has-video .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.hero.has-video::before{z-index:1;background:linear-gradient(90deg,rgba(9,14,19,.74) 0%,rgba(10,16,22,.52) 38%,rgba(11,18,25,.18) 78%,rgba(12,19,25,.08) 100%);filter:none}
.hero.has-video>.wrap{z-index:2}
.hero-video-toggle{position:absolute;top:24px;right:28px;z-index:3;border:1px solid #ffffff70;border-radius:4px;background:#10191cb3;color:#fff;padding:7px 12px;font:12px/1.4 Arial,sans-serif;backdrop-filter:blur(8px)}
.hero-video-toggle:focus-visible{outline:2px solid #75c6ff;outline-offset:4px}
.second-stories figcaption h3{min-height:0!important;margin:0 0 8px;line-height:1.2}
.second-stories figcaption p{margin:0;line-height:1.55}
@media(max-width:700px){.hero.has-video .hero-video{object-position:57% center}.hero-video-toggle{top:16px;right:16px}}

/* Homepage image refresh: local workholding illustration for the closing section. Banner remains unchanged. */
.contact::before{background-image:linear-gradient(90deg,#0d1418 8%,#0d1418ee 39%,#0d14187a 72%),url("/assets/home/real-control-kit.webp")}