/* Comparison */
.compare-hero{min-height:100svh;display:grid;grid-template-columns:1fr .42fr;padding-top:82px;color:#fff;background:#0a0b0b}.compare-hero>div{display:flex;flex-direction:column;justify-content:center;padding:70px 7vw}.compare-hero>div>p:first-child,.compare-procurement>div>p:first-child,.process-hero>div>p:first-child,.process-thickness>div>p:first-child,.spec-hero>div>p:first-child,.spec-selection>div>p:first-child{font:600 9px var(--sans);letter-spacing:.17em;color:var(--acid)}.compare-hero h1{margin:38px 0;font-size:clamp(65px,7.5vw,112px);line-height:.94;letter-spacing:-.075em}.compare-hero h1 em{font-style:normal;color:var(--acid)}.compare-hero>div>p:last-child{max-width:560px;color:#b8bcba;font-size:14px;line-height:2}.compare-hero aside{display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid #444}.compare-hero aside span,.compare-hero aside strong{padding:30px;border-top:1px solid #444;font:700 14px var(--sans)}.compare-hero aside strong{color:#111;background:var(--acid)}.compare-cost{display:grid;grid-template-columns:.75fr 1.25fr;padding:120px max(32px,calc((100vw - 1320px)/2));background:var(--acid)}.compare-cost>div:first-child p{font:600 9px var(--sans);letter-spacing:.15em}.compare-cost h2{font-size:clamp(54px,5.8vw,85px);line-height:1.02;letter-spacing:-.07em}.cost-timeline{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.cost-timeline article{min-height:260px;padding:25px;border:1px solid rgba(17,19,19,.4)}.cost-timeline span{font:600 8px var(--sans)}.cost-timeline b{display:block;margin-top:100px;font-size:15px}.cost-timeline>strong{grid-column:1/-1;padding:17px;color:#fff;background:#111;font-size:12px}.compare-table{border-top:1px solid #4b4e4c;overflow-x:auto}.compare-table>div{display:grid;grid-template-columns:1.1fr repeat(4,1fr);min-width:850px;border-bottom:1px solid #4b4e4c}.compare-table span,.compare-table b,.compare-table strong{padding:20px;font-size:12px}.compare-table strong{color:#111;background:var(--acid)}.compare-difference{display:grid;grid-template-columns:.38fr 1.62fr}.compare-difference h2{margin:0 0 60px;font-size:clamp(58px,6.3vw,92px);line-height:1;letter-spacing:-.07em}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.difference-grid article{min-height:300px;padding:25px;border-right:1px solid var(--line)}.difference-grid span{font:600 9px var(--sans);color:#777}.difference-grid h3{margin:100px 0 12px;font-size:19px}.difference-grid p{font-size:11px;color:#777;line-height:1.8}.compare-procurement{display:grid;grid-template-columns:1.1fr .9fr;min-height:800px;background:var(--acid)}.compare-procurement figure{position:relative;overflow:hidden}.compare-procurement figure img{height:100%;object-fit:cover}.compare-procurement figcaption,.process-hero figcaption,.spec-selection figcaption{position:absolute;right:15px;bottom:15px;padding:10px;color:#111;background:var(--acid);font:700 8px var(--sans)}.compare-procurement>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.compare-procurement>div>p:first-child{color:#111}.compare-procurement h2{font-size:clamp(52px,5.5vw,82px);line-height:1.02;letter-spacing:-.07em}.compare-procurement ul{padding:0;list-style:none;border-top:1px solid rgba(17,19,19,.4)}.compare-procurement li{display:grid;grid-template-columns:45px 1fr;padding:14px 0;border-bottom:1px solid rgba(17,19,19,.4);font-size:12px}.compare-procurement li span{font:600 9px var(--sans)}.compare-procurement a{align-self:flex-start;margin-top:25px;padding:14px 17px;color:#fff;background:#111;font-size:11px;font-weight:800}.source-links{border-top:1px solid var(--ink)}.source-links a{display:grid;grid-template-columns:180px 1fr 40px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.source-links span{font:600 9px var(--sans);color:#777}.source-links h3{margin:0;font-size:21px}.source-links b{font-size:24px}

/* Process */
.process-hero{min-height:100svh;display:grid;grid-template-columns:1.15fr .85fr;padding-top:82px;color:#fff;background:#0a0b0b}.process-hero figure{position:relative;overflow:hidden}.process-hero figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 75%,#0a0b0b)}.process-hero figure img{height:100%;object-fit:cover}.process-hero>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.process-hero h1{margin:38px 0;font-size:clamp(58px,6.5vw,96px);line-height:.94;letter-spacing:-.075em}.process-hero h1 em{font-style:normal;color:var(--acid)}.process-hero>div>p:last-child{color:#b8bcba;font-size:14px;line-height:2}.process-principle{display:grid;grid-template-columns:.75fr 1.25fr;padding:115px max(32px,calc((100vw - 1320px)/2));background:var(--acid)}.process-principle>div:first-child p{font:600 9px var(--sans);letter-spacing:.15em}.process-principle h2{font-size:clamp(52px,5.5vw,82px);line-height:1.03;letter-spacing:-.07em}.reaction-line{display:flex;align-items:center}.reaction-line span,.reaction-line strong{flex:1;padding:25px;border:1px solid rgba(17,19,19,.4);font:700 15px/1.5 var(--sans)}.reaction-line strong{color:#fff;background:#111}.reaction-line i{padding:10px;font-style:normal}.step-list article{display:grid;grid-template-columns:1fr .8fr;min-height:450px;border-top:1px solid var(--ink)}.step-list article:nth-child(even){grid-template-columns:.8fr 1fr}.step-list article:nth-child(even) figure{order:2}.step-list figure{overflow:hidden}.step-list img{height:100%;object-fit:cover}.step-list article>div{display:flex;flex-direction:column;justify-content:center;padding:55px}.step-list span{font:600 9px var(--sans);color:#777}.step-list h3{font-size:30px}.step-list p{font-size:12px;line-height:1.8;color:#6f746f}.process-thickness{display:grid;grid-template-columns:1fr .65fr;padding:120px max(32px,calc((100vw - 1320px)/2));color:#fff;background:#111}.process-thickness h2{font-size:clamp(58px,6vw,88px);line-height:1;letter-spacing:-.07em}.process-thickness blockquote{margin:45px 0 0;padding-left:25px;border-left:4px solid var(--acid);font-size:15px;line-height:2}.process-thickness cite{display:block;margin-top:15px;color:#999;font-size:10px}.process-thickness aside{align-self:center;text-align:center}.process-thickness aside strong{display:block;font:700 clamp(85px,11vw,155px)/.8 var(--sans);color:var(--acid);letter-spacing:-.09em}.process-thickness aside span{font:700 30px var(--sans)}.process-thickness aside small{display:block;margin-top:15px;color:#777;font:600 8px var(--sans);letter-spacing:.15em}.use-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4b4e4c}.use-process-grid article{min-height:300px;padding:25px;border-right:1px solid #4b4e4c}.use-process-grid span{font:600 9px var(--sans);color:var(--acid)}.use-process-grid h3{margin:95px 0 12px;font-size:19px}.use-process-grid p{font-size:11px;color:#aeb2af;line-height:1.8}

/* Specification */
.spec-hero{min-height:100svh;display:grid;grid-template-columns:1fr .7fr;padding-top:82px;color:#fff;background:#0a0b0b}.spec-hero>div{display:flex;flex-direction:column;justify-content:center;padding:70px 7vw}.spec-hero h1{margin:38px 0;font-size:clamp(65px,7.2vw,108px);line-height:.94;letter-spacing:-.075em}.spec-hero h1 em{font-style:normal;color:var(--acid)}.spec-hero>div>p:last-child{max-width:550px;color:#b8bcba;font-size:14px;line-height:2}.spec-hero aside{display:grid;grid-template-columns:1fr 1fr}.spec-hero article{display:flex;flex-direction:column;justify-content:center;padding:30px;border-left:1px solid #444;border-bottom:1px solid #444}.spec-hero strong{font:700 clamp(45px,5vw,72px) var(--sans);color:var(--acid);letter-spacing:-.07em}.spec-hero small{font-size:.3em}.spec-hero span{margin-top:10px;font-size:10px}.spec-base{display:grid;grid-template-columns:.38fr 1.62fr}.spec-base h2{margin:0 0 60px;font-size:clamp(58px,6.3vw,92px);line-height:1;letter-spacing:-.07em}.spec-base dl{border-top:1px solid var(--ink)}.spec-base dl div{display:grid;grid-template-columns:.4fr 1.6fr;padding:18px 0;border-bottom:1px solid var(--line)}.spec-base dt{font:600 9px var(--sans);color:#777}.spec-base dd{margin:0;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4b4e4c}.product-grid article{min-height:270px;padding:24px;border-right:1px solid #4b4e4c;border-bottom:1px solid #4b4e4c}.product-grid span{font:600 9px var(--sans);color:var(--acid)}.product-grid h3{margin:80px 0 12px;font-size:19px}.product-grid p{font-size:11px;color:#aeb2af;line-height:1.8}.product-lines .sp-note{margin-top:18px}.spec-selection{display:grid;grid-template-columns:.85fr 1.15fr;min-height:800px;background:var(--acid)}.spec-selection>div{display:flex;flex-direction:column;justify-content:center;padding:70px 5vw}.spec-selection>div>p:first-child{color:#111}.spec-selection h2{font-size:clamp(52px,5.5vw,82px);line-height:1.02;letter-spacing:-.07em}.spec-selection ol{padding:0;list-style:none;border-top:1px solid rgba(17,19,19,.4)}.spec-selection li{display:grid;grid-template-columns:45px 100px 1fr;padding:13px 0;border-bottom:1px solid rgba(17,19,19,.4);font-size:11px}.spec-selection li span{font:600 9px var(--sans)}.spec-selection figure{position:relative;overflow:hidden}.spec-selection figure img{height:100%;object-fit:cover}.example-board{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.example-board article{min-height:250px;padding:25px;border-right:1px solid var(--line)}.example-board strong{display:block;margin-top:55px;font:700 48px var(--sans);letter-spacing:-.07em}.example-board small{font-size:.3em}.example-board span{font-size:10px}.spec-example .sp-note{margin-top:15px}.spec-process ol{display:grid;grid-template-columns:repeat(5,1fr);padding:0;list-style:none;border-top:1px solid #4b4e4c}.spec-process li{min-height:260px;padding:24px;border-right:1px solid #4b4e4c}.spec-process li span{font:600 9px var(--sans);color:var(--acid)}.spec-process h3{margin:80px 0 12px;font-size:18px}.spec-process p{font-size:11px;color:#aeb2af}

@media(max-width:960px){.compare-hero,.process-hero,.spec-hero{padding-top:70px}.compare-cost,.compare-difference,.compare-procurement,.process-principle,.process-thickness,.spec-base,.spec-selection{grid-template-columns:1fr}.compare-cost>div:last-child,.compare-difference>div:last-child,.reaction-line,.spec-base>div:last-child{margin-top:35px}.compare-procurement figure,.spec-selection figure{min-height:65vw}.product-grid{grid-template-columns:1fr 1fr}.step-list article,.step-list article:nth-child(even){grid-template-columns:1fr 1fr}}
@media(max-width:640px){.compare-hero,.process-hero,.spec-hero{display:block;min-height:0}.compare-hero>div,.process-hero>div,.spec-hero>div{min-height:650px;padding:120px 20px 80px}.compare-hero h1,.process-hero h1,.spec-hero h1{font-size:54px}.compare-hero aside{display:grid;grid-template-columns:1fr 1fr}.compare-cost,.process-principle{padding:80px 20px}.compare-cost h2,.process-principle h2{font-size:48px}.cost-timeline{grid-template-columns:1fr}.difference-grid{display:block}.compare-procurement figure,.spec-selection figure{min-height:80vw}.compare-procurement>div,.spec-selection>div{padding:70px 20px}.source-links a{grid-template-columns:1fr 30px}.source-links span{grid-column:1}.source-links h3{grid-column:1}.source-links b{grid-column:2;grid-row:1/3}.process-hero figure{height:85vw}.reaction-line{display:block}.reaction-line i{display:block;text-align:center}.step-list article,.step-list article:nth-child(even){display:block;min-height:0}.step-list article:nth-child(even) figure{order:0}.step-list figure{height:70vw}.step-list article>div{padding:40px 20px}.process-thickness{padding-inline:20px}.use-process-grid{grid-template-columns:1fr 1fr}.spec-hero aside{grid-template-columns:1fr 1fr}.spec-base{padding-inline:20px}.spec-base dl div{grid-template-columns:1fr;gap:7px}.product-grid{grid-template-columns:1fr 1fr}.product-grid article{min-height:230px}.product-grid h3{margin-top:55px}.spec-selection li{grid-template-columns:35px 80px 1fr}.example-board{grid-template-columns:1fr 1fr}.spec-process ol{grid-template-columns:1fr 1fr}.spec-process li{min-height:220px}.spec-process h3{margin-top:55px}}
