:root{--coal:#1d2525;--ash:#e6e5dc;--orange:#f16a3b;--line:#76807e;--white:#f5f3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ash);color:var(--coal);font-family:"Arial Narrow","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:absolute;top:-100px;left:10px;z-index:20;background:white;padding:8px}.skip:focus{top:8px}.demo{background:var(--orange);color:#171e1d;text-align:center;font:800 .67rem/1.4 Arial,sans-serif;letter-spacing:.07em;padding:8px}.header{background:var(--coal);color:var(--white);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px clamp(20px,5vw,75px);border-bottom:3px solid var(--orange)}.brand{text-decoration:none;font-weight:900;font-size:1.7rem;letter-spacing:-.09em;line-height:1}.brand small{display:block;font:700 .55rem/1.4 Arial,sans-serif;letter-spacing:.19em;margin-top:9px}.header nav{display:flex;gap:27px;font-size:.79rem;font-weight:700}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.back{justify-self:end;font-size:.78rem}.hero{background:var(--coal);color:var(--white);display:grid;grid-template-columns:43% 57%;min-height:690px;overflow:hidden}.hero-copy{padding:clamp(60px,8vw,120px) 20px 60px clamp(25px,7vw,115px);position:relative;z-index:1}.eyebrow{font:800 .68rem/1.5 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.hero .eyebrow{color:var(--orange)}.hero h1{font-weight:900;font-size:clamp(4rem,7.2vw,8.7rem);line-height:1.04;letter-spacing:-.12em;margin:50px 0 30px;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--orange);font-size:.9em}.hero-copy>p:not(.eyebrow):not(.hero-number){max-width:390px;font-size:.91rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;margin-top:25px;min-width:245px;padding:15px 20px;background:var(--orange);color:var(--coal);font-weight:800;text-decoration:none}.button:hover{background:#ff9e6f}.hero-number{display:flex;align-items:end;gap:10px;margin-top:75px;color:#a9afaa}.hero-number strong{font:900 5.5rem/.8 Arial,sans-serif;letter-spacing:-.1em;color:var(--white)}.hero-number span{font:700 .6rem/1.4 Arial,sans-serif;letter-spacing:.14em}.hero-photo{position:relative;overflow:hidden;min-height:690px;background:#584e43;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:45% center;filter:grayscale(.25) contrast(1.16)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1d252565,transparent 35%)}.hero-photo b{position:absolute;right:20px;bottom:25px;background:var(--coal);color:white;padding:7px 10px;z-index:2;font:700 .58rem Arial,sans-serif;letter-spacing:.16em}.photo-rule{position:absolute;z-index:2;left:15%;top:0;bottom:0;border-left:2px dashed var(--orange)}.bench{padding:clamp(70px,8vw,130px) clamp(20px,6vw,100px);background:#d4d4ca;display:grid;grid-template-columns:32% 1fr;gap:25px 5vw}.bench-head h2,.section-heading h2,.process h2,.about h2{font-size:clamp(2.6rem,4vw,5.2rem);letter-spacing:-.095em;line-height:1.2;font-weight:900;margin:20px 0}.bench-head>p:last-child{font-size:.86rem;max-width:330px}.compare{--cut:50%;position:relative;min-height:520px;overflow:hidden;background:#a69e89;box-shadow:15px 15px 0 var(--coal)}.compare-base,.compare-overlay{position:absolute;inset:0}.compare img{width:100%;height:100%;object-fit:cover;object-position:center}.compare-base img{filter:grayscale(1) contrast(1.35) brightness(.68)}.compare-overlay{clip-path:inset(0 calc(100% - var(--cut)) 0 0)}.compare-overlay img{filter:saturate(.9) contrast(1.05)}.compare-cut{position:absolute;left:var(--cut);top:0;bottom:0;border-left:5px solid var(--orange);transition:left .08s}.compare-cut:after{content:"↔";position:absolute;left:-21px;top:50%;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:1.4rem;font-weight:800;color:var(--coal)}.compare-label{position:absolute;bottom:18px;background:var(--coal);color:white;padding:8px 13px;font-weight:800;font-size:.72rem;letter-spacing:.08em}.compare-label.before{left:15px}.compare-label.after{right:15px}.compare-control{grid-column:2;display:flex;align-items:center;gap:20px;margin-top:8px}.compare-control label{font-size:.82rem;font-weight:800;white-space:nowrap}.compare-control input{flex:1;accent-color:var(--orange)}.compare-control output{font:800 .82rem Arial,sans-serif;width:38px}.compare-note{grid-column:2;margin:0;color:#424a48;font-size:.72rem}.cases{background:#eef0e9;padding:clamp(80px,9vw,145px) clamp(20px,6vw,100px)}.section-heading{border-top:3px solid var(--coal);padding-top:15px}.section-heading h2{font-size:clamp(3rem,5vw,6.2rem)}.section-heading>p:last-child{max-width:660px;font-size:.86rem}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);margin-top:45px;min-height:600px;background:#d9ddd5}.case-image{position:relative;min-height:570px;overflow:hidden}.case-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.55) contrast(1.1);transition:object-position .4s}.case-image span{position:absolute;bottom:17px;left:20px;background:var(--coal);color:white;padding:7px 10px;font:700 .6rem Arial,sans-serif;letter-spacing:.12em}.case-lines{position:absolute;top:25px;right:20px;display:flex;gap:7px}.case-lines i{width:40px;height:40px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font:800 .7rem Arial,sans-serif;font-style:normal}.case-panel{padding:clamp(25px,4vw,55px);display:flex;flex-direction:column;align-items:start;border-left:7px solid var(--orange)}.case-tabs{display:flex;gap:7px;flex-wrap:wrap}.case-tabs button{cursor:pointer;background:transparent;color:var(--coal);border:2px solid var(--coal);padding:9px 11px;font-weight:800;font-size:.75rem}.case-tabs button[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}#case-label{font:800 .66rem Arial,sans-serif;letter-spacing:.2em;margin-top:45px}.case-panel h3{font-size:clamp(1.8rem,2.6vw,3rem);letter-spacing:-.08em;line-height:1.3;margin:6px 0}.case-panel>p:not(#case-label){font-size:.86rem}.case-detail{margin-top:25px;border-top:3px solid var(--coal);padding-top:15px;width:100%;font-size:.85rem}.case-detail span{font-weight:800;color:#b44c27}.case-warning{margin-top:auto;font-size:.71rem!important}.process{background:var(--coal);color:var(--white);padding:clamp(75px,8vw,130px) clamp(20px,6vw,100px)}.process-intro{display:flex;align-items:end;gap:5vw}.process h2{font-size:clamp(2.5rem,4vw,5rem)}.process ol{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#75807d}.process li{background:var(--coal);padding:30px;min-height:240px;display:flex;flex-direction:column;gap:15px}.process li b{font:900 4rem/1 Arial,sans-serif;color:var(--orange)}.process li strong{font-size:1.5rem}.process li span{font-size:.84rem}.guide{padding:clamp(75px,9vw,140px) clamp(20px,6vw,100px);background:#d3d8d1}.guide-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:6vw;margin-top:50px}.selections fieldset{border:0;border-top:2px solid var(--coal);padding:17px 0 30px;margin:0}.selections legend{font-weight:800;font-size:1.06rem}.selections legend span{font:900 1.4rem Arial,sans-serif;color:var(--orange);margin-right:12px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.choices button{background:transparent;border:2px solid #75807d;padding:10px 16px;cursor:pointer;font-size:.82rem;color:var(--coal)}.choices button[aria-pressed=true]{background:var(--coal);color:white;border-color:var(--coal)}.reset{margin-top:25px;background:transparent;border:0;border-bottom:2px solid;padding:7px 0;cursor:pointer;font-size:.81rem}.note{background:var(--white);padding:clamp(25px,4vw,50px);align-self:start;box-shadow:13px 13px 0 var(--orange)}.note-top{display:flex;justify-content:space-between;gap:10px;border-bottom:3px solid var(--coal);padding-bottom:12px;font:800 .62rem Arial,sans-serif;letter-spacing:.13em}.note h3{font-size:clamp(1.8rem,2.4vw,3rem);letter-spacing:-.07em;line-height:1.2}.note>p{font-size:.82rem}.note dl{border-top:1px solid var(--line);margin:25px 0}.note dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:.8rem}.note dd{margin:0;text-align:right;font-weight:800}.note strong{color:#b34c28;font-size:.84rem}.note-foot{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:.7rem!important}.about{background:var(--orange);padding:clamp(80px,10vw,150px) clamp(20px,6vw,100px);display:grid;grid-template-columns:1.2fr .8fr;gap:10px 7vw}.about>span{grid-column:1/-1;font:800 .68rem Arial,sans-serif;letter-spacing:.2em}.about h2{grid-row:2/4;font-size:clamp(3rem,5.5vw,7rem)}.about p{font-size:.9rem;max-width:500px}.about a{align-self:start;justify-self:start;background:var(--coal);color:white;padding:12px 20px;text-decoration:none;font-weight:800;font-size:.82rem}footer{background:var(--coal);color:white;display:flex;justify-content:space-between;padding:25px clamp(20px,6vw,100px);font-size:.73rem}footer a{text-decoration:none;border-bottom:1px solid}@media(max-width:1050px){.header nav{display:none}.hero h1{font-size:clamp(3.5rem,6vw,5.5rem)}.hero-copy{padding-left:35px}.hero-photo{min-height:600px}.compare{min-height:430px}}@media(max-width:760px){.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 25px 45px}.hero h1{font-size:clamp(3.4rem,10vw,6rem);margin:30px 0}.hero-number{margin-top:35px}.hero-photo{height:330px;min-height:0;clip-path:none}.bench{display:block}.bench-head>p:last-child{max-width:550px}.compare{min-height:350px;margin-top:35px}.compare-control{margin-top:30px}.compare-note{margin-top:12px}.case-layout,.guide-grid,.about{grid-template-columns:1fr}.case-image{min-height:0;height:340px}.case-panel{min-height:500px}.process-intro{display:block}.process ol{grid-template-columns:1fr}.process li{min-height:0}.about h2{grid-row:auto}footer{display:block}footer a{display:inline-block;margin-top:10px}}@media(max-width:430px){.brand{font-size:1.35rem}.brand small{font-size:.45rem}.back{font-size:.66rem}.hero h1{font-size:3.5rem}.hero-photo{height:280px}.compare{min-height:260px}.compare-label{font-size:.58rem;padding:6px}.compare-control{gap:9px}.compare-control label{font-size:.7rem}.case-image{height:270px}.case-panel{padding:25px;min-height:560px}.case-tabs button{font-size:.68rem;padding:8px}.choices button{font-size:.75rem;padding:8px 10px}.note{margin-right:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Japanese line breaks: avoid isolated particles and short endings. */
h1, h2, h3, p { text-wrap: pretty; line-break: strict; }

/* Workbench cover: the craft photo opens the page; the title is an orange shop-sign panel below it. */
.hero{display:flex;flex-direction:column;min-height:0;background:var(--coal)}
.hero-photo{order:1;min-height:0;height:clamp(400px,32vw,480px);clip-path:none}
.hero-photo img{display:block;object-position:50% 52%;filter:saturate(.85) contrast(1.05)}
.hero-photo:after{background:linear-gradient(0deg,#1d252540,transparent 40%)}
.photo-rule{left:auto;right:4%;border-left-color:var(--white)}
.hero-copy{order:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);grid-template-rows:auto auto auto auto;gap:0 clamp(25px,6vw,90px);align-items:center;padding:28px clamp(25px,6vw,95px) 34px;background:var(--orange);color:var(--coal)}
.hero .eyebrow{grid-column:1/-1;color:var(--coal);margin:0 0 10px}
.hero h1{grid-column:1;grid-row:2/5;font-size:clamp(3.8rem,7vw,7.2rem);line-height:1.04;letter-spacing:-.09em;margin:0;white-space:nowrap}
.hero h1 em{color:var(--white)}
.hero-copy>.hero-phrase{grid-column:2;grid-row:2;margin:0;font-size:clamp(1.2rem,2vw,1.8rem)!important;font-weight:900}
.hero-copy>p:not(.eyebrow):not(.hero-number):not(.hero-phrase){grid-column:2;grid-row:3;margin:8px 0;font-size:.84rem}
.hero-copy>.button{grid-column:2;grid-row:4;justify-self:start;margin:10px 0 0;background:var(--coal);color:var(--white)}
.hero-copy>.button:hover{background:#3e4b48}
.hero-number{display:none}
@media(max-width:900px){.hero-photo{height:clamp(340px,50vw,500px)}.hero-copy{grid-template-columns:1fr 260px;padding:27px 32px}.hero h1{font-size:clamp(3.8rem,7vw,5rem)}}
@media(max-width:760px){.hero-photo{order:1;height:clamp(280px,78vw,430px);min-height:0}.hero-copy{order:2;display:block;padding:25px 24px 34px}.hero .eyebrow{font-size:.56rem}.hero h1{font-size:clamp(3.35rem,12vw,5rem);margin:12px 0}.hero-copy>.hero-phrase{font-size:1.25rem!important}.hero-copy>.button{margin-top:14px}.hero-photo b{font-size:.48rem;bottom:12px;right:12px}}
@media(max-width:430px){.hero-photo{height:clamp(270px,78vw,330px)}.hero h1{font-size:clamp(3.2rem,12vw,3.9rem)}}