@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--orange:#ff7100;--white:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c1115;color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ffb66e;outline-offset:4px}.site{min-height:100dvh;display:flex;flex-direction:column;background:#0b1014}.header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px clamp(22px,4vw,70px);border-bottom:1px solid #ffffff22;background:#10151a;z-index:10}.brand{text-decoration:none;display:flex;flex-direction:column;letter-spacing:.1em}.brand-word{font:italic 900 clamp(21px,2.15vw,31px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em}.brand-word span{color:var(--orange)}.brand small{font-weight:800;font-size:9px;letter-spacing:.14em;color:#b9c2ca;margin-top:5px}.language{display:flex;align-items:center;border:1px solid #fe790d;border-radius:99px;padding:4px;background:#0d0d0f;flex-shrink:0;gap:2px}.language button{padding:9px 16px;border:0;border-radius:99px;color:white;font-size:12px;font-weight:800;letter-spacing:.06em;background:transparent;cursor:pointer}.language button[aria-pressed=true]{background:var(--orange);color:#101010;box-shadow:0 0 0 2px white}
/* Two-column responsive WEBSITE, not a stretched poster. Welder gets a real, visible photo panel. */
.hero{min-height:650px;flex:1;display:grid;grid-template-columns:minmax(320px,38%) minmax(0,62%);background:#11171c}.visual-left{position:relative;min-height:650px;background: url('welding.jpg') center 48% / cover no-repeat;border-right:2px solid #ff710055}.visual-left:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#10151a44 100%);pointer-events:none}.hero-inner{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;min-width:0;padding:45px clamp(28px,5vw,85px);overflow:hidden}.hero-inner:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#121920f5 0%,#121920e8 65%,#121920c8 100%),url('steel.jpg') right center/auto 100% no-repeat}.hero-inner:after{content:"";position:absolute;z-index:-1;right:-50px;bottom:-50px;width:220px;height:220px;border-right:48px solid var(--orange);transform:skew(-30deg);opacity:.9}.visual-right{display:none}.logo{display:block;width:min(100%,590px);height:auto;object-fit:contain;margin:0 0 24px}.tag{display:flex;gap:10px;align-items:center;justify-content:flex-start;font-size:12px;letter-spacing:.18em;font-weight:800;color:#ff9a40;margin:0 0 12px}.dot{height:8px;width:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #ff710030}h1{font-family:'Barlow Condensed',Impact,Arial,sans-serif;line-height:1.02;letter-spacing:.008em;font-size:clamp(52px,5vw,88px);font-weight:900;text-transform:uppercase;margin:6px 0 14px;color:white;max-width:780px}.lead{font-size:clamp(19px,1.7vw,26px);line-height:1.35;font-weight:750;margin:0 0 14px}.detail{font-size:clamp(14px,1.1vw,17px);line-height:1.7;color:#d1d7dd;margin:0 0 26px;max-width:630px}.actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}.actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;border-radius:6px;padding:17px 21px;font-size:14px;font-weight:800;transition:transform .15s,background .15s}.actions a:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#171717}.primary:hover{background:#ff9b48}.secondary{border:1px solid #63717a;background:#182027}.secondary:hover{background:#26343f}.contact{width:min(100% - 48px,1120px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:24px 0;border-bottom:1px solid #ffffff22;border-top:1px solid #ffffff22}.contact>div{display:flex;flex-direction:column;gap:7px;min-width:0}.contact strong{font-size:11px;color:#aeb9c3;letter-spacing:.11em}.contact a{font-size:clamp(13px,1.25vw,17px);font-weight:700;text-decoration:none;overflow-wrap:anywhere}.contact a:hover{color:#ff9b48}.footer{display:flex;justify-content:space-between;gap:14px;padding:18px clamp(24px,5vw,86px);font-size:11px;color:#a6afb7}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.visual-left{min-height:300px;height:38vh;max-height:410px;background-position:center 40%;border-right:0;border-bottom:3px solid #ff7100}.visual-left:after{background:linear-gradient(0deg,#10151a55,transparent 45%)}.hero-inner{padding:40px 26px 60px;align-items:center;text-align:center}.logo{width:min(100%,500px)}.tag,.actions{justify-content:center}.detail{max-width:620px}.contact{grid-template-columns:1fr 1fr}}@media(max-width:540px){.header{height:70px;padding:12px 18px}.brand-word{font-size:22px}.brand small{font-size:7px}.language button{padding:8px 12px}.visual-left{height:280px;min-height:280px;background-position:50% 42%}.hero-inner{padding:34px 20px 60px}.logo{width:100%;margin-bottom:16px}.tag{font-size:10px;letter-spacing:.12em}h1{font-size:clamp(48px,12vw,68px)}.detail{line-height:1.6}.contact{grid-template-columns:1fr;gap:18px;padding:24px 0}.footer{flex-direction:column;text-align:center;align-items:center;padding:19px 20px}.actions{width:100%}.actions a{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}