:root{--red:#e3062c;--deep:#171717;--soft:#f3f3f1;--green:#24b34b;--text:#191919;--muted:#666;--font:"IBM Plex Sans JP",sans-serif;--display:"Roboto Slab","IBM Plex Sans JP",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font);background:#fff}a{color:inherit;text-decoration:none}.topbar{height:38px;background:#3d3d3d;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 4.5vw;gap:30px;font-size:11px}.topbar span{margin-right:auto;color:#d9d9d9}.header{height:86px;background:#080808;color:#fff;display:flex;align-items:center;padding:0 4.5vw;position:sticky;top:0;z-index:20}.logo{display:flex;flex-direction:column;line-height:1}.logo-type{font:800 31px/1 var(--font);letter-spacing:.08em;position:relative}.logo-type:after{content:"";display:inline-block;width:11px;height:22px;background:var(--red);margin-left:-62px;transform:skew(-12deg);vertical-align:-2px}.logo small{font-size:7px;letter-spacing:.2em;color:#aaa;margin-top:5px}.header nav{display:flex;gap:28px;margin-left:auto;align-items:center}.header nav a{font-size:13px;font-weight:600}.header nav b{color:var(--red);font-size:18px}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 27px;font-size:13px;font-weight:700;transition:.25s;border:0}.pill:hover{transform:translateY(-2px)}.red{background:var(--red);color:#fff}.white{background:#fff;color:#111}.header-cta{margin-left:28px;padding:13px 24px}.menu{display:none}.hero{height:calc(100vh - 124px);min-height:650px;position:relative;color:#fff;background:url("assets/site/88630584-img20240226102544923643.webp") center 48%/cover;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.26) 60%,rgba(0,0,0,.03)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.hero-content{position:absolute;left:4.5vw;bottom:10%;z-index:2;max-width:830px}.kicker,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--red);margin:0 0 16px}.hero h1{font:800 clamp(58px,7vw,104px)/1.04 var(--display);margin:0 0 25px;letter-spacing:-.035em}.hero-content>p:not(.kicker){font-size:15px;line-height:1.9;text-shadow:0 1px 4px #000}.actions{display:flex;gap:13px;margin-top:28px}.hero-badge{position:absolute;right:4.5vw;bottom:8%;background:var(--red);border-radius:50%;width:124px;height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(7deg)}.hero-badge strong{font-size:14px}.hero-badge span{font-size:9px;line-height:1.4}.hero-scroll{position:absolute;right:4.5vw;top:8%;font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.hero-scroll i{font-style:normal;margin-top:12px}.section{padding:120px 5.5vw}.family h2,.hoeflon h2,.section-heading h2,.process h2,.contact h2{font:800 clamp(42px,5vw,72px)/1.14 var(--display);letter-spacing:-.03em;margin:0}.family h2 em,.hoeflon h2 em{font-style:normal;color:var(--red)}.family-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px;margin-top:62px}.family-card{background:var(--soft);border-radius:18px;overflow:hidden;transition:.3s}.family-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.family-image{height:335px;background-size:cover;background-position:center}.building{background-image:url("assets/site/90518666-pxt00011843096003_r.jpg")}.heavy{background-image:url("assets/site/90518668-pxt00008386131903_r.jpg")}.survey{background-image:url("assets/site/90518672-pxt00012084642903_r.jpg")}.family-copy{padding:25px 27px 28px;position:relative}.family-copy>span{font-size:10px;color:var(--red);font-weight:700}.family-copy h3{font:700 25px var(--display);margin:7px 0}.family-copy p{font-size:11px;color:var(--muted);margin:0}.family-copy i{position:absolute;right:25px;top:38px;background:#fff;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font:normal 28px/1 sans-serif}.hoeflon{background:var(--soft);display:grid;grid-template-columns:43% 57%;min-height:760px;align-items:center;overflow:hidden}.hoeflon-copy{padding-left:2vw;position:relative;z-index:3}.hoeflon-copy>p:not(.section-kicker){font-size:13px;line-height:2;color:var(--muted);max-width:550px;margin:27px 0}.hoeflon-copy ul{list-style:none;padding:0;margin:0 0 35px}.hoeflon-copy li{font-size:12px;font-weight:600;margin:13px 0}.hoeflon-copy li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;background:var(--red);color:#fff;border-radius:50%;font-size:10px;margin-right:12px}.machine-stage{position:relative;height:620px;display:grid;place-items:center}.machine-stage img{position:relative;z-index:2;max-width:92%;max-height:590px;object-fit:contain;filter:drop-shadow(0 30px 25px rgba(0,0,0,.22))}.machine-halo{position:absolute;width:520px;height:520px;border-radius:50%;background:#fff}.spec{position:absolute;right:3%;bottom:4%;z-index:3;background:var(--red);color:#fff;border-radius:50%;width:138px;height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center}.spec strong{font:800 31px var(--display)}.spec span{font-size:8px;text-align:center;line-height:1.4}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.text-arrow{font-size:12px;font-weight:700;border-bottom:1px solid #aaa;padding:10px 0}.text-arrow b{font-size:20px;color:var(--red);margin-left:12px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-photo{height:300px;border-radius:16px;background-size:cover;background-position:center}.p1{background-image:url("assets/site/88630581-img20240226102545081294.webp")}.p2{background-image:url("assets/site/88630582-img20240226102544997593.webp")}.p3{background-image:url("assets/site/88630586-img20240226102544798772.webp")}.project-grid article>span{display:inline-block;margin-top:21px;color:var(--red);font-size:10px;font-weight:700}.project-grid h3{font:700 21px/1.5 var(--display);margin:8px 0 13px}.project-grid article>a{font-size:11px;font-weight:700}.process{background:#171717;color:#fff;padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.process-copy>p:not(.section-kicker){max-width:480px;font-size:13px;line-height:2;color:#aaa;margin-top:28px}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid #444}.process li>b{font:700 20px var(--display);color:var(--red)}.process li span{font-size:11px;color:#999}.process li strong{display:block;color:#fff;font:700 20px var(--display);margin-bottom:8px}.news-list{border-top:1px solid #ddd}.news-list a{display:grid;grid-template-columns:130px 90px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #ddd;padding:25px 12px;transition:.2s}.news-list a:hover{background:var(--soft);padding-left:23px}.news-list time{font-size:12px;color:#777}.news-list span{font-size:9px;font-weight:700;color:var(--red)}.news-list p{font-size:13px}.news-list b{color:var(--red);font-size:24px}.contact{padding:100px 8vw;background:var(--red);color:#fff;display:flex;align-items:end;justify-content:space-between}.contact .section-kicker{color:#fff;opacity:.7}.contact-links{display:flex;gap:13px}.contact-links .red{background:#111}footer{background:#080808;color:#fff;padding:60px 5vw 40px;display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end}.white-logo .logo-type:after{background:var(--red)}footer strong{font-size:13px}footer p{font-size:9px;color:#888}footer>small{font-size:8px;color:#777}
@media(max-width:980px){.header nav,.header-cta{display:none}.menu{display:flex;margin-left:auto;background:transparent;border:0;flex-direction:column;gap:5px}.menu span{width:27px;height:2px;background:#fff}.hero{height:720px}.family-grid{grid-template-columns:1fr 1fr}.family-card.large{grid-column:1/-1}.hoeflon{grid-template-columns:1fr}.machine-stage{height:520px;grid-row:1}.hoeflon-copy{padding:40px 0}.project-photo{height:240px}.contact{align-items:start;flex-direction:column;gap:45px}}@media(max-width:650px){.topbar{padding:0 18px}.topbar span,.topbar a:first-of-type{display:none}.header{height:70px;padding:0 18px}.logo-type{font-size:25px}.hero{height:680px;min-height:0}.hero-content{left:22px;right:22px;bottom:11%}.hero h1{font-size:55px}.hero-content>p:not(.kicker){font-size:12px}.hero-badge{display:none}.section{padding:80px 22px}.family h2,.hoeflon h2,.section-heading h2,.process h2,.contact h2{font-size:40px}.family-grid{grid-template-columns:1fr;margin-top:40px}.family-card.large{grid-column:auto}.family-image{height:270px}.machine-stage{height:380px}.machine-halo{width:330px;height:330px}.spec{width:98px;height:98px}.spec strong{font-size:23px}.project-grid{grid-template-columns:1fr}.project-photo{height:300px}.section-heading{align-items:start;gap:20px}.process{padding:80px 22px;grid-template-columns:1fr;gap:50px}.news-list a{grid-template-columns:95px 1fr}.news-list p{grid-column:1/-1;margin:0}.news-list b{display:none}.contact{padding:80px 22px}.contact-links{flex-direction:column;width:100%}.contact-links .pill{width:100%}footer{grid-template-columns:1fr}.hero-scroll{display:none}}
.language-switch{display:inline-flex!important;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 11px;border:1px solid currentColor;border-radius:999px;font:700 10px/1 var(--font);letter-spacing:.08em;white-space:nowrap}
html[lang="en"] body{font-family:"Inter","Helvetica Neue",Arial,sans-serif}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{word-break:normal;overflow-wrap:break-word;line-break:auto;letter-spacing:0}
html[lang="en"] main :where(h1,h2,h3,p,li,dt,dd,figcaption,strong){word-break:normal;overflow-wrap:break-word;hyphens:auto}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{text-wrap:balance}
html[lang="en"] .header nav a{white-space:nowrap}