:root{
  --coal:#111315;
  --coal-2:#1c2024;
  --steel:#606a72;
  --fog:#e8ebec;
  --paper:#f6f4ef;
  --white:#fff;
  --signal:#ff6a1f;
  --signal-dark:#d84b06;
  --blue:#2e5c7a;
  --line:#cfd3d5;
  --rail:232px;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--coal);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.78;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.section{padding:112px 0}
.kicker{margin:0 0 18px;color:var(--signal);font:900 11px/1.3 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.display-title{margin:0;font-size:clamp(44px,6.6vw,88px);font-weight:900;line-height:1.02;letter-spacing:-.055em}
.lead{max-width:780px;margin:26px 0 0;color:#616970;font-size:16px;line-height:2.05}
.sample-note{margin:0;padding:14px 18px;border:1px solid #e1c4b5;background:#fff8f3;color:#755444;font-size:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:16px 22px;border:2px solid currentColor;background:transparent;font-size:12px;font-weight:900;letter-spacing:.04em;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button-signal{background:var(--signal);border-color:var(--signal);color:#fff}
.button-signal:hover{background:var(--signal-dark);border-color:var(--signal-dark)}
.button-dark{background:var(--coal);border-color:var(--coal);color:#fff}
.button-light{border-color:#fff;color:#fff}

/* fixed industrial rail */
.site-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:60;display:flex;flex-direction:column;background:var(--coal);color:#fff;border-right:1px solid rgba(255,255,255,.08)}
.rail-brand{padding:34px 26px 28px;border-bottom:1px solid rgba(255,255,255,.14)}
.rail-brand img{width:180px;filter:brightness(0) invert(1)}
.rail-code{margin:22px 0 0;color:#8c959c;font:700 9px/1.7 Arial,sans-serif;letter-spacing:.18em}
.rail-nav{display:flex;flex-direction:column;padding:18px 0}
.rail-nav a{position:relative;padding:16px 26px;color:#c9ced2;font-size:12px;font-weight:900;letter-spacing:.04em;border-left:5px solid transparent}
.rail-nav a::before{content:attr(data-no);display:inline-block;width:28px;color:#68717a;font:900 9px Arial,sans-serif;letter-spacing:.08em}
.rail-nav a:hover,.rail-nav a[aria-current="page"]{color:#fff;background:#202429;border-left-color:var(--signal)}
.rail-nav a[aria-current="page"]::before{color:var(--signal)}
.rail-foot{margin-top:auto;padding:24px 26px 28px;border-top:1px solid rgba(255,255,255,.14)}
.rail-foot span{display:block;color:#777f86;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.18em}
.rail-foot strong{display:block;margin-top:6px;font-size:14px;line-height:1.5}
.rail-contact{display:block;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.13);color:#fff;font-size:11px;font-weight:900}
.rail-contact::after{content:" ↗";color:var(--signal)}
.menu-button{display:none}
.site-main{margin-left:var(--rail);min-width:0}

/* home hero: industrial poster */
.hero-poster{position:relative;min-height:780px;overflow:hidden;color:#fff;background-image:linear-gradient(180deg,rgba(8,10,12,.12) 0%,rgba(8,10,12,.22) 42%,rgba(8,10,12,.88) 100%),url("https://images.pexels.com/photos/27354191/pexels-photo-27354191/free-photo-of-welder-s-job.jpeg?auto=compress&dpr=1&w=1800");background-size:cover;background-position:center}
.hero-poster::before{content:"";position:absolute;left:0;top:0;width:18px;height:100%;background:var(--signal)}
.hero-poster::after{content:"";position:absolute;right:-70px;top:120px;width:230px;height:230px;border:26px solid rgba(255,106,31,.72);transform:rotate(45deg)}
.hero-content{position:relative;z-index:2;min-height:780px;display:flex;flex-direction:column;justify-content:flex-end;padding:92px 0 76px}
.hero-kicker{margin:0 0 20px;font:900 12px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#fff}
.hero-poster h1{max-width:1080px;margin:0;font-size:clamp(66px,9.4vw,138px);font-weight:900;line-height:.88;letter-spacing:-.075em;text-shadow:0 5px 24px rgba(0,0,0,.28)}
.hero-poster h1 em{display:inline;color:var(--signal);font-style:normal}
.hero-text{max-width:720px;margin:30px 0 0;color:#e4e6e8;font-size:16px;line-height:2}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero-stamp{position:absolute;z-index:3;right:5.5%;top:58px;width:170px;height:170px;border:2px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(5deg);background:rgba(10,12,14,.36);backdrop-filter:blur(3px)}
.hero-stamp span{font:900 10px/1.3 Arial,sans-serif;letter-spacing:.2em}
.hero-stamp strong{display:block;margin-top:8px;font-size:29px;line-height:1.1}
.hero-stamp small{margin-top:7px;color:#d9dde0;font-size:10px}

/* barcode facts */
.fact-strip{background:#fff;border-bottom:1px solid var(--line)}
.fact-strip-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:stretch}
.fact-cell{padding:24px 28px;border-left:1px solid var(--line)}
.fact-cell:first-child{border-left:0}
.fact-cell small{display:block;color:#858d93;font:900 9px/1.3 Arial,sans-serif;letter-spacing:.18em}
.fact-cell strong{display:block;margin-top:6px;font-size:19px;line-height:1.4}
.fact-bars{width:110px;min-height:82px;background:repeating-linear-gradient(90deg,var(--coal) 0 3px,transparent 3px 8px,var(--coal) 8px 10px,transparent 10px 16px);opacity:.14}

/* manifesto */
.manifesto{background:var(--paper)}
.manifesto-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:0;border-top:1px solid var(--coal);border-bottom:1px solid var(--coal)}
.manifesto-mark{position:relative;min-height:500px;background:var(--signal);overflow:hidden}
.manifesto-mark span{position:absolute;left:-8px;bottom:8px;color:#fff;font:900 clamp(100px,15vw,210px)/.8 Arial,sans-serif;letter-spacing:-.11em;writing-mode:vertical-rl;transform:rotate(180deg)}
.manifesto-copy{padding:68px 72px 72px;background:#fff}
.manifesto-copy h2{max-width:830px;margin:0;font-size:clamp(42px,5.8vw,76px);line-height:1.08;font-weight:900;letter-spacing:-.055em}
.manifesto-copy p{max-width:730px;margin:26px 0 0;color:#626a70;font-size:15px;line-height:2.1}

/* service rails */
.service-run{background:#171a1d;color:#fff}
.service-run-head{display:grid;grid-template-columns:1fr 260px;gap:60px;align-items:end;margin-bottom:52px}
.service-run-head p:last-child{margin:0;color:#aeb5ba;font-size:12px;line-height:2}
.service-run-list{border-top:1px solid rgba(255,255,255,.22)}
.service-run-item{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 280px;gap:38px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.service-run-item::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:3px;background:var(--signal);transition:.25s}
.service-run-item:hover::before{width:100%}
.service-run-item .num{font:900 48px/1 Arial,sans-serif;color:#555d63}
.service-run-item h3{margin:0;font-size:31px;font-weight:900;line-height:1.35}
.service-run-item p{margin:8px 0 0;color:#adb4b9;font-size:13px}
.service-run-item aside{padding-left:24px;border-left:1px solid rgba(255,255,255,.2);color:#9da5aa;font-size:11px;line-height:1.8}

/* diagonal photo block */
.photo-cut{position:relative;min-height:660px;overflow:hidden;background:#d6d9da}
.photo-cut-bg{position:absolute;inset:0;background-image:url("https://images.pexels.com/photos/16509869/pexels-photo-16509869/free-photo-of-close-up-of-man-using-a-spanner.jpeg?auto=compress&dpr=1&w=1800");background-size:cover;background-position:center}
.photo-cut-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.06),rgba(10,12,14,.14))}
.photo-cut-panel{position:absolute;left:0;top:0;bottom:0;width:min(58%,760px);display:flex;align-items:center;padding:70px 8vw 70px 6vw;background:var(--coal);color:#fff;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}
.photo-cut-copy{max-width:590px;padding-right:80px}
.photo-cut h2{margin:0;font-size:clamp(46px,6.2vw,82px);font-weight:900;line-height:1.02;letter-spacing:-.06em}
.photo-cut p{margin:26px 0 0;color:#cbd0d4;line-height:2}

/* subpage hero - half photo / title plate */
.page-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);min-height:510px;background:var(--coal)}
.page-hero-photo{min-height:510px;background-size:cover;background-position:center;position:relative}
.page-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.12),rgba(10,12,14,.5))}
.page-hero.about .page-hero-photo,.page-hero.contact .page-hero-photo{background-image:url("https://images.pexels.com/photos/29931974/pexels-photo-29931974/free-photo-of-construction-worker-inspecting-pipe-installation.jpeg?auto=compress&dpr=1&w=1800")}
.page-hero.service .page-hero-photo{background-image:url("https://images.pexels.com/photos/16509869/pexels-photo-16509869/free-photo-of-close-up-of-man-using-a-spanner.jpeg?auto=compress&dpr=1&w=1800")}
.page-hero.business .page-hero-photo{background-image:url("https://images.pexels.com/photos/27354191/pexels-photo-27354191/free-photo-of-welder-s-job.jpeg?auto=compress&dpr=1&w=1800")}
.page-hero-title{display:flex;flex-direction:column;justify-content:flex-end;padding:58px 52px 62px;background:var(--signal);color:#fff}
.page-hero-title small{font:900 10px/1.4 Arial,sans-serif;letter-spacing:.2em;opacity:.8}
.page-hero-title h1{margin:18px 0 0;font-size:clamp(54px,7vw,98px);line-height:.94;font-weight:900;letter-spacing:-.065em}
.page-hero-title p{margin:22px 0 0;font-size:13px;line-height:1.9;color:#fff0e9}

/* about */
.company-lead{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;align-items:start}
.vertical-label{position:sticky;top:34px;padding-top:8px;border-top:8px solid var(--signal);font:900 13px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#7d858b}
.company-copy h2{max-width:840px;margin:0;font-size:clamp(42px,5.5vw,72px);line-height:1.12;font-weight:900;letter-spacing:-.05em}
.company-copy p{max-width:760px;color:#626a70;line-height:2.1}
.company-sheet{margin-top:58px;border:1px solid var(--coal);background:#fff}
.company-row{display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid var(--line)}
.company-row:last-child{border-bottom:0}
.company-row dt,.company-row dd{margin:0;padding:18px 22px;font-size:14px}
.company-row dt{background:#1c2024;color:#fff;font-weight:900;border-right:1px solid var(--coal)}
.company-row dd{color:#50585f}

/* service page */
.service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border:1px solid var(--coal);background:#fff}
.service-column{min-height:420px;padding:34px 30px;border-left:1px solid var(--line);display:flex;flex-direction:column}
.service-column:first-child{border-left:0}
.service-column .service-no{font:900 70px/1 Arial,sans-serif;color:#e1e4e6}
.service-column small{margin-top:22px;color:var(--signal);font:900 10px Arial,sans-serif;letter-spacing:.18em}
.service-column h2{margin:34px 0 0;font-size:31px;line-height:1.35}
.service-column p{margin:16px 0 0;color:#687077;font-size:13px}
.service-column .service-foot{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);color:#858d92;font-size:11px}

/* business page */
.business-road{margin-top:56px;position:relative;padding-left:84px}
.business-road::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:10px;background:var(--coal)}
.business-road::after{content:"";position:absolute;left:30px;top:0;height:34%;width:10px;background:var(--signal)}
.business-node{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding:0 0 58px}
.business-node:last-child{padding-bottom:0}
.business-node::before{content:attr(data-no);position:absolute;left:-77px;top:-3px;width:54px;height:54px;border:8px solid var(--paper);background:var(--signal);color:#fff;display:flex;align-items:center;justify-content:center;font:900 12px Arial,sans-serif}
.business-node:nth-child(n+2)::before{background:var(--coal)}
.business-node h2{margin:0;font-size:38px;line-height:1.25}
.business-node p{margin:12px 0 0;color:#626a70}
.business-node aside{padding:18px 0 0 24px;border-left:1px solid var(--line);color:#7d858b;font-size:12px}

/* contact */
.contact-stage{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr);gap:0;border:1px solid var(--coal);background:#fff}
.contact-info{padding:40px 36px;background:var(--coal);color:#fff}
.contact-info h2{margin:0;font-size:42px;line-height:1.2}
.contact-info p{color:#c5cbd0;font-size:13px}
.contact-data{margin-top:32px;border-top:1px solid rgba(255,255,255,.22)}
.contact-data div{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.contact-data span{display:block;color:#ff9b68;font:900 10px Arial,sans-serif;letter-spacing:.16em}
.contact-data strong{display:block;margin-top:5px;font-size:16px}
.contact-form{padding:44px 48px}
.form-head{display:grid;grid-template-columns:120px 1fr;align-items:end;gap:28px;padding-bottom:24px;border-bottom:6px solid var(--signal)}
.form-head span{font:900 42px/1 Arial,sans-serif;color:#d9dcde}
.form-head h2{margin:0;font-size:38px;line-height:1.25}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-top:30px}
.contact-form label{display:block;font-size:12px;font-weight:900}
.contact-form .full{grid-column:1/-1}
.contact-form input,.contact-form textarea{width:100%;margin-top:9px;padding:14px 12px;border:1px solid #bfc4c7;background:#fafafa;outline:none;border-radius:0}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--signal);box-shadow:0 0 0 2px rgba(255,106,31,.12)}
.form-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px}
.form-note{margin:0;color:#747c82;font-size:11px}

/* CTA and footer */
.cta{background:var(--signal);color:#fff}
.cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center;padding:62px 0}
.cta h2{margin:0;font-size:clamp(38px,5vw,66px);line-height:1.05;font-weight:900;letter-spacing:-.05em}
.cta p{margin:12px 0 0;color:#fff0e8}
.site-footer{margin-left:var(--rail);background:#090b0d;color:#fff}
.footer-main{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:52px 0 30px}
.footer-logo img{width:250px;filter:brightness(0) invert(1)}
.footer-nav{display:flex;gap:18px 26px;flex-wrap:wrap;justify-content:flex-end;color:#cdd2d6;font-size:11px;font-weight:800}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.15);color:#848d93;font-size:10px}

@media(max-width:1040px){
  :root{--rail:0px}
  .site-rail{position:sticky;top:0;width:100%;height:auto;display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--coal);border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}
  .rail-brand{padding:16px 22px;border:0}
  .rail-brand img{width:190px}
  .rail-code,.rail-foot{display:none}
  .menu-button{display:block;margin-right:18px;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;padding:10px 13px;font:900 10px Arial,sans-serif;letter-spacing:.14em}
  .rail-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--coal);padding:10px 0 14px;box-shadow:0 18px 34px rgba(0,0,0,.22)}
  .rail-nav.open{display:flex}
  .rail-nav a{padding:14px 22px}
  .site-main,.site-footer{margin-left:0}
  .hero-poster,.hero-content{min-height:700px}
  .manifesto-grid{grid-template-columns:220px 1fr}
  .service-run-item{grid-template-columns:90px 1fr}
  .service-run-item aside{grid-column:2}
  .page-hero{grid-template-columns:1.15fr .85fr}
  .company-lead{grid-template-columns:190px 1fr;gap:44px}
  .service-columns{grid-template-columns:1fr}
  .service-column{min-height:0;border-left:0;border-top:1px solid var(--line)}
  .service-column:first-child{border-top:0}
  .business-node{grid-template-columns:1fr}
  .contact-stage{grid-template-columns:1fr}
}

@media(max-width:760px){
  .container{width:min(calc(100% - 30px),var(--max))}
  .section{padding:76px 0}
  .rail-brand img{width:166px}
  .hero-poster,.hero-content{min-height:640px}
  .hero-content{padding:80px 0 58px}
  .hero-poster h1{font-size:clamp(58px,18vw,92px)}
  .hero-stamp{display:none}
  .fact-strip-inner{grid-template-columns:1fr 1fr}
  .fact-cell{border-bottom:1px solid var(--line)}
  .fact-bars{display:none}
  .manifesto-grid{grid-template-columns:1fr}
  .manifesto-mark{min-height:150px}
  .manifesto-mark span{writing-mode:horizontal-tb;transform:none;font-size:94px;left:14px;bottom:-10px}
  .manifesto-copy{padding:44px 24px 50px}
  .service-run-head{grid-template-columns:1fr;gap:18px}
  .service-run-item{grid-template-columns:64px 1fr;gap:22px}
  .service-run-item .num{font-size:36px}
  .service-run-item h3{font-size:24px}
  .service-run-item aside{grid-column:2;padding-left:0;border-left:0}
  .photo-cut{min-height:580px}
  .photo-cut-panel{width:88%;clip-path:polygon(0 0,86% 0,100% 100%,0 100%);padding:50px 34px 50px 20px}
  .photo-cut-copy{padding-right:30px}
  .page-hero{grid-template-columns:1fr;min-height:620px}
  .page-hero-photo{min-height:360px}
  .page-hero-title{padding:38px 22px 42px}
  .company-lead{grid-template-columns:1fr;gap:30px}
  .vertical-label{position:static}
  .company-row{grid-template-columns:1fr}
  .company-row dt{border-right:0;border-bottom:1px solid var(--coal);padding-bottom:10px}
  .company-row dd{padding-top:12px}
  .business-road{padding-left:58px}
  .business-road::before,.business-road::after{left:18px}
  .business-node::before{left:-57px;width:42px;height:42px;border-width:6px}
  .contact-form{padding:34px 22px}
  .form-head{grid-template-columns:1fr;gap:10px}
  .form-grid{grid-template-columns:1fr}
  .contact-form .full{grid-column:auto}
  .form-actions,.cta-inner,.footer-main,.footer-bottom{display:flex;flex-direction:column;align-items:flex-start}
  .footer-nav{justify-content:flex-start}
}