:root{--bg:#080808;--panel:#111;--text:#f3f0eb;--muted:#9e9a95;--red:#be251d}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Helvetica Neue","Yu Gothic","Hiragino Sans","Noto Sans JP","Noto Sans CJK JP",sans-serif}
a{color:inherit;text-decoration:none}
header{height:78px;display:flex;align-items:center;padding:0 4vw;gap:34px;position:absolute;width:100%;z-index:10;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{font-size:22px;font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:8px;letter-spacing:.2em;margin-top:2px;color:#b6b2ad}
nav{display:flex;gap:26px;margin-left:auto;font-size:11px;letter-spacing:.12em}.contact{background:var(--red);padding:15px 22px;font-size:12px}
.hero{height:800px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.18)),url("../assets/paint_repair.jpg") center/cover;display:flex;align-items:center}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 50%,rgba(177,16,12,.18),transparent 34%)}
.hero-copy{padding-left:7vw;position:relative;z-index:2}.hero-copy>p{font-size:10px;letter-spacing:.22em;color:#c6c0ba}
.hero h1{font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;font-size:clamp(54px,7vw,104px);font-weight:400;line-height:1.05;margin:24px 0}
.hero h2{font-size:16px;font-weight:400;color:#d8d3ce}
.slide-index{position:absolute;left:7vw;bottom:30px;font-size:11px;letter-spacing:.2em}.slide-index span{color:#67635f;margin-left:18px}
.service{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.service-copy{padding:100px 8vw}.red-label{font-size:10px;letter-spacing:.22em;color:#d84439}
.service h2,.works h2,.statement h2,footer h2{font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;font-weight:400}.service h2{font-size:clamp(38px,4.5vw,64px);line-height:1.25;margin:16px 0 28px}
.service-copy>p{color:#b5b0aa;line-height:2;max-width:560px}.service-copy>a{display:inline-block;margin-top:28px;border:1px solid #4b4743;padding:14px 18px;font-size:12px}
.service-photo{background:url("../assets/polishing.jpg") center/cover}
.works{padding:100px 5vw;background:#0e0e0e}.works-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.works-head h2{font-size:58px;margin:10px 0}.works-head>a{font-size:11px;letter-spacing:.16em}
.works-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.works-grid article{height:480px;background-size:cover;background-position:center;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:end}
.works-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.8))}
.works-grid span,.works-grid h3{position:relative;z-index:2}.works-grid span{font-size:9px;letter-spacing:.18em;color:#c8c2bc}.works-grid h3{font-size:24px;margin:10px 0}
.w1{background-image:url("../assets/body_repair.jpg")}.w2{background-image:url("../assets/paint_repair.jpg")}.w3{background-image:url("../assets/engine_service.jpg")}
.statement{padding:150px 7vw;text-align:center;background:var(--red)}.statement p{font-size:10px;letter-spacing:.24em}.statement h2{font-size:clamp(48px,6vw,86px);line-height:1.2;margin:18px 0}.line{width:1px;height:80px;background:#fff;margin:35px auto 0}
footer{padding:80px 5vw;display:flex;justify-content:space-between;align-items:end}.footer-links{display:flex;gap:18px;align-items:center}.red-btn{background:var(--red);padding:16px 22px}.footer-links>a:first-child{font-size:22px}
@media(max-width:900px){nav{display:none}.hero{height:700px}.service{grid-template-columns:1fr}.service-photo{min-height:380px}.works-grid{grid-template-columns:1fr}.works-grid article{height:360px}footer{flex-direction:column;align-items:flex-start;gap:30px}.footer-links{flex-direction:column;align-items:flex-start}}

/* High-resolution image rendering */
.hero,.hero-car,.hero-photo,.about-photo,.promise-photo,.service-photo,.work-img,.thumb,.pimg,.works-grid article,.works-cards article,.sky-banner{background-repeat:no-repeat;}
img{max-width:100%;height:auto;}

/* Additional sections (staff / flow / company) */
.staff{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--bg)}
.staff-photo{background:url("../assets/mechanic_hero.jpg") center/cover}
.staff-copy{padding:100px 8vw}
.staff h2,.flow h2,.company h2{font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;font-weight:400}
.staff h2{font-size:clamp(34px,4vw,58px);line-height:1.25;margin:16px 0 28px}
.staff-copy>p{color:#b5b0aa;line-height:2;max-width:560px}
.license{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.license li{display:flex;gap:18px;align-items:center;padding:16px 2px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.license span{font-size:10px;letter-spacing:.18em;color:#d84439}
.flow{padding:100px 5vw;background:#0e0e0e}
.flow-head{margin-bottom:36px}
.flow h2{font-size:clamp(34px,4vw,58px);margin:10px 0 0}
.flow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.flow-grid li{border:1px solid rgba(255,255,255,.12);padding:30px 24px 34px}
.flow-grid span{font-size:10px;letter-spacing:.2em;color:#d84439}
.flow-grid h3{font-size:20px;font-weight:400;font-family:"Times New Roman","Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;margin:14px 0 10px}
.flow-grid p{margin:0;font-size:13px;line-height:1.95;color:#b5b0aa}
.company{padding:100px 5vw}
.company-head{margin-bottom:36px}
.company h2{font-size:clamp(34px,4vw,58px);margin:10px 0 0}
.company-body{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.company dl{margin:0;border-top:1px solid rgba(255,255,255,.12)}
.company dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.12)}
.company dt{font-size:11px;letter-spacing:.16em;color:#9e9a95;padding-top:3px}
.company dd{margin:0;font-size:14px;line-height:1.9}
.company-photo{min-height:420px;background:url("../assets/garage_exterior.jpg") center/cover}
@media(max-width:900px){
  .staff{grid-template-columns:1fr}
  .staff-photo{min-height:380px}
  .staff-copy{padding:70px 7vw}
  .flow-grid{grid-template-columns:1fr}
  .company-body{grid-template-columns:1fr;gap:28px}
  .company dl>div{grid-template-columns:110px 1fr;gap:14px}
  .company-photo{min-height:280px}
}