:root{--navy:#051535;--blue:#037ef8;--blue-light:#edf7ff;--ink-soft:#566477;--line:#dce5ef;--panel:#f5f9fd}
.brand{width:205px}
.brand img{width:100%;height:60px;object-fit:contain}
.site-footer img{height:52px;object-fit:contain;object-position:left}
.site-header nav a:hover{color:#037ef8}
.header-contact{background:#037ef8}
.header-contact:hover{background:#0061bf}
.hero{background:linear-gradient(180deg,#fff 0%,#fff 61%,#f3f9ff 100%)}
.hero-copy{padding-top:88px}
.hero h1{font-size:clamp(57px,7.7vw,112px)}
.hero h1 span{color:#037ef8}
.hero-lead{max-width:690px}
.hero-art{max-width:1510px;margin:39px auto 0}
.hero-image-wrap{max-width:1210px;max-height:620px;overflow:hidden;background:#e6f2fc}
.hero-image{width:100%;height:620px;max-height:none;object-fit:cover}
.visual-caption{max-width:1210px;margin:0 auto;padding:16px 4px 25px}
.intro-statement{max-width:1130px}
.intro-statement em{color:#037ef8}
.products{background:#f5f9fd}
.mode-tabs button{font-size:clamp(23px,2.2vw,30px);padding-top:23px;padding-bottom:23px}
.mode-tabs button[aria-selected=true]{background:#e8f4ff}
.mode-detail{min-height:395px}
.workshop{background:#e9f4fc;min-height:570px}
.workshop-image img{object-position:center}
.process{grid-template-columns:.78fr 1.22fr}
.process-item{padding:36px 0}
.process-item h3{font-size:clamp(27px,2.9vw,38px)}
.process-item p{max-width:520px}
.quality{background:#f4f9fd}
.quality h2 span{color:#037ef8}
.contact{background:#037ef8}
.contact-button{color:#0061bf}
.contact-button:hover{background:#051535}
.site-footer{padding-top:40px;padding-bottom:40px}
@media(max-width:950px){.brand{width:175px}.hero-image{height:500px}}
@media(max-width:700px){.brand{width:155px}.brand img{height:52px}.hero-copy{padding-top:60px}.hero-art{margin-top:35px;padding:0 14px}.hero-image{height:330px}.visual-caption{font-size:8px}.mode-detail{min-height:320px}.process-item{padding:29px 0}.site-footer img{height:48px}}
@media(max-width:400px){.brand{width:143px}.hero-image{height:260px}.hero h1{font-size:47px}}
@media(min-width:701px){
  .hero{position:relative;min-height:730px;text-align:left;background:#f1f4f6}
  .hero-copy{position:absolute;z-index:3;top:50%;left:max(6vw,calc((100vw - 1380px)/2));transform:translateY(-55%);width:min(47vw,650px);padding:0}
  .hero h1{font-size:clamp(58px,6.7vw,102px);margin:19px 0 25px}
  .hero-lead{margin:0;max-width:550px}
  .hero-art{max-width:none;margin:0;padding:0}
  .hero-image-wrap{max-width:none;max-height:none;overflow:hidden;background:#f1f4f6}
  .hero-image{height:690px;max-height:none;object-fit:cover;object-position:center}
  .visual-caption{max-width:none;padding:14px 6vw 20px;margin:0;background:#fff}
}
@media(min-width:701px) and (max-width:1050px){.hero{min-height:650px}.hero-image{height:600px}.hero-copy{width:49vw;left:5vw}.hero h1{font-size:clamp(55px,6.5vw,70px)}.hero-lead{font-size:17px}}
@media(max-width:700px){.hero{background:#fff}.hero-art{margin-top:28px}.hero-image-wrap{background:#f1f4f6}.hero-image{height:clamp(250px,55vw,340px);aspect-ratio:auto;object-fit:cover;object-position:72% 63%}.visual-caption{background:#fff}}