:root{font-family:'Noto Sans JP',sans-serif;color:#f1eee5;background:#17222b;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}img{display:block;max-width:100%}a{color:inherit}.skip{position:absolute;top:-60px;left:12px;z-index:20;background:#fff;color:#222;padding:10px}.skip:focus{top:10px}.fiction{margin:0;padding:8px 4vw;text-align:center;background:#d8dce0;color:#29343a;font-size:10px;line-height:1.8}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4vw;background:#17222b}.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:700}.mark{display:grid;place-items:center;width:45px;height:45px;background:#d76b37;color:#fff;font:700 15px 'DM Sans',sans-serif}.wordmark small{display:block;color:#adc0c9;font-size:9px;font-weight:400;letter-spacing:.1em}nav{display:flex;gap:27px;font-size:11px}nav a{text-decoration:none}.hero{position:relative;min-height:780px;background:#1b2b35;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f1a21db 0%,#0f1a2180 42%,transparent 80%)}.hero-copy{position:relative;z-index:1;max-width:900px;padding:150px 7vw 120px}.serial{font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em;color:#f0a375}.industry{font-size:16px;font-weight:700;margin:65px 0 18px;color:#f6be9e}.hero h1{font-size:clamp(52px,6vw,92px);line-height:1.4;letter-spacing:-.07em;margin:0}.hero-copy>p:last-of-type{font-size:13px;line-height:2.1;max-width:440px;margin:30px 0}.hero-copy a,.metal-copy a,.statement a{display:inline-flex;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid currentColor;text-decoration:none;font-size:12px;font-weight:700}.hero-copy a span{font-size:21px;font-weight:400}.hero-label{position:absolute;z-index:2;right:3vw;bottom:24px;background:#17222b;padding:10px 14px;font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em}.intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:center;padding:75px 7vw;background:#d86c3e;color:#211d1c}.intro span{font:700 11px 'DM Sans',sans-serif;letter-spacing:.16em}.intro span:last-child{text-align:right}.intro p{margin:0;font-size:clamp(35px,4vw,60px);font-weight:900;line-height:1.4;letter-spacing:-.06em}.metal{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;padding:105px 7vw;background:#e3e1da;color:#1b2930}.metal-copy{max-width:460px}.metal h2,.statement h2{font-size:clamp(41px,4.8vw,70px);line-height:1.45;letter-spacing:-.065em;margin:25px 0}.metal-copy>p:not(.serial),.statement p:not(.serial){font-size:13px;line-height:2.2}.metal-copy button{display:block;margin:25px 0 10px;padding:14px 18px;border:1px solid #315161;background:#315161;color:#fff;font:700 12px 'Noto Sans JP',sans-serif;cursor:pointer}.metal-copy button:hover{background:#183541}.metal figure{position:relative;margin:0}.metal figure img{width:100%;height:clamp(500px,50vw,730px);object-fit:cover}.metal figcaption{position:absolute;right:15px;bottom:15px;background:#e3e1da;padding:9px 12px;font:700 9px 'DM Sans',sans-serif;letter-spacing:.1em}.statement{display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;padding:110px 9vw;background:#283b45}.statement h2{margin-top:0}.statement p:not(.serial){max-width:640px}.statement a{margin-top:20px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4vw;font-size:10px}footer a{text-decoration:none}dialog{max-width:min(95vw,1150px);max-height:95vh;border:0;padding:15px;background:#e8e5dd;color:#1b2930;box-shadow:0 20px 90px #0009}dialog::backdrop{background:#071219dc}dialog img{width:100%;max-height:75vh;object-fit:contain}dialog button{display:block;margin:0 0 10px auto;padding:8px 12px;border:1px solid #1b2930;background:#1b2930;color:#fff;cursor:pointer}dialog p{font-size:11px}a:focus-visible,button:focus-visible{outline:3px solid #f1a66b;outline-offset:4px}
@media(max-width:1000px){.hero{min-height:700px}.hero-copy{padding-top:120px}.metal{grid-template-columns:1fr 1fr;gap:3vw}.metal h2{font-size:42px}.statement h2{font-size:46px}}
@media(max-width:760px){.hero{min-height:700px}.hero>img{object-position:55% center}.hero:after{background:linear-gradient(0deg,#0f1a21e8 0%,#0f1a219e 43%,transparent 85%)}.hero-copy{padding:230px 6vw 75px;max-width:100%}.industry{margin-top:25px}.hero h1{font-size:clamp(48px,8vw,66px)}.intro{grid-template-columns:1fr 1fr;padding:50px 6vw}.intro p{grid-column:1/-1;grid-row:2;margin-top:18px}.intro span:last-child{text-align:right}.metal{display:flex;flex-direction:column;align-items:stretch;padding:70px 6vw}.metal-copy{max-width:650px}.metal figure img{height:520px}.statement{display:block;padding:75px 6vw}.statement .serial{margin-bottom:28px}}
@media(max-width:480px){.fiction{font-size:9px}.top{display:block}.wordmark{font-size:18px}nav{justify-content:space-between;gap:8px;margin-top:17px;font-size:10px}.hero{min-height:700px}.hero>img{object-position:54% center}.hero-copy{padding:260px 5vw 65px}.hero h1{font-size:44px}.industry{font-size:13px}.hero-copy>p:last-of-type{font-size:12px;margin:20px 0}.hero-label{right:5vw;bottom:10px;font-size:8px}.intro{padding:45px 5vw}.intro p{font-size:36px}.metal{padding:65px 5vw}.metal h2,.statement h2{font-size:40px}.metal figure img{height:350px}.metal figcaption{font-size:8px;right:8px;bottom:8px}.statement{padding:70px 5vw}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:761px) and (max-width:900px){.intro{grid-template-columns:1fr 1fr}.intro p{grid-column:1/-1;grid-row:2;margin-top:18px}.intro span:last-child{text-align:right}.statement{display:block}.statement .serial{margin-bottom:28px}}

/* A bright editorial panel sits opposite the welder. */
.hero{display:flex;align-items:center;justify-content:flex-end}
.hero:after{background:linear-gradient(90deg,#0f1a2155,transparent 60%)}
.hero-copy{width:43%;max-width:610px;margin:34px 5vw 34px 0;padding:38px 3.2vw 40px;background:#e18a52;color:#17222b;box-shadow:18px 18px 0 #17222b}
.hero-copy .serial{color:#553526}
.hero-copy .industry{margin:30px 0 14px;color:#292526;font-size:13px}
.hero h1{font-size:clamp(49px,5vw,76px);line-height:1.16;letter-spacing:-.075em}
.hero h1 span{display:block;text-align:right}
.hero-lead{margin:22px 0 0;font-size:clamp(24px,2.3vw,35px);font-weight:900;line-height:1.45;letter-spacing:-.055em}
.hero-copy>p:last-of-type{margin:18px 0 10px}
.hero-label{right:auto;left:3vw}
@media(max-width:1000px){.hero-copy{width:47%;margin-right:3vw;padding:30px 3vw}.hero h1{font-size:clamp(42px,5vw,58px)}.hero-lead{font-size:25px}}
@media(max-width:760px){.hero{display:block;min-height:0;padding-top:360px}.hero>img{height:360px;bottom:auto;object-position:50% 46%}.hero:after{height:360px;bottom:auto;background:linear-gradient(0deg,#0f1a2170,transparent 55%)}.hero-copy{width:100%;max-width:none;margin:0;padding:30px 6vw 42px;box-shadow:none}.hero-copy .industry{margin-top:20px}.hero h1{font-size:clamp(47px,8vw,62px)}.hero-label{top:316px;bottom:auto;left:auto;right:5vw}}
@media(max-width:480px){.hero{padding-top:320px}.hero>img,.hero:after{height:320px}.hero-copy{padding:26px 5vw 38px}.hero h1{font-size:clamp(43px,12vw,52px)}.hero-lead{font-size:25px}.hero-label{top:278px}}