.technology-page{--accent:#1cff8a;--tech-wash:#e8fff3;--tech-blue:#dbeaff;background:#fff}
.technology-pad{padding:clamp(82px,9vw,148px) var(--gutter)}
.technology-hero{min-height:100svh;padding-top:var(--header);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);background:var(--accent);overflow:hidden}
.technology-hero-image{position:relative;min-height:calc(100svh - var(--header));overflow:hidden;background:#9b8c75}.technology-hero-image img{object-position:center 39%;animation:tech-hero-in .85s cubic-bezier(.2,.72,.2,1) both}.technology-hero-image figcaption{position:absolute;left:var(--gutter);bottom:18px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 9px rgba(0,0,0,.58)}
.technology-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(70px,8vw,124px) var(--gutter)}.technology-hero-copy h1{max-width:720px;margin:22px 0 30px;font-size:clamp(54px,4.9vw,78px);font-weight:700;line-height:.9;letter-spacing:-.052em}.technology-hero-copy>p:not(.section-index){max-width:620px;margin:0 0 34px;font-size:clamp(17px,1.3vw,21px);line-height:1.52}
.technology-choice{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(58px,9vw,156px);background:#fff}.technology-choice-heading{position:sticky;top:calc(var(--header) + 48px);align-self:start}.technology-choice-heading h2,.technology-chapter-heading h2,.technology-water-copy h2,.technology-check-heading h2{margin:22px 0 28px;font-size:clamp(48px,6vw,94px);line-height:.92;letter-spacing:-.052em}.technology-choice-heading>p:last-child,.technology-chapter-heading>p:last-child,.technology-water-copy>p:not(.section-index){max-width:620px;margin:0;font-size:clamp(16px,1.2vw,20px);line-height:1.58}
.technology-choice-list{border-top:1px solid var(--line)}.technology-choice-list a{display:grid;grid-template-columns:1.15fr .85fr 24px;gap:24px;align-items:center;min-height:100px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .18s ease,background .18s ease}.technology-choice-list a:hover,.technology-choice-list a:focus-visible{padding-left:16px;padding-right:16px;background:var(--accent)}.technology-choice-list span{font-size:clamp(14px,1.1vw,17px);line-height:1.4}.technology-choice-list strong{font-size:clamp(20px,2vw,32px);line-height:1.05}.technology-choice-list b{font-size:22px}
.technology-chapter{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);align-items:stretch}.technology-chapter-removable{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);background:var(--tech-blue)}.technology-chapter-construction{background:#f2f4f5}.technology-chapter-photo{position:relative;min-height:100%;overflow:hidden;background:#c6c6c6}.technology-chapter-photo img{position:sticky;top:var(--header);height:calc(100svh - var(--header));object-position:center 42%}.technology-chapter-support .technology-chapter-photo img{object-position:center center}.technology-packup-photo img{object-position:53% center}.technology-chapter-construction .technology-chapter-photo img{object-position:center 34%}.technology-chapter-content{min-width:0}.technology-chapter-heading{max-width:920px;margin-bottom:clamp(52px,7vw,100px)}
.technology-system-list{border-top:1px solid var(--line)}.technology-system{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);gap:clamp(26px,4vw,64px);align-items:center;padding:clamp(30px,4vw,58px) 0;border-bottom:1px solid var(--line)}.technology-system figure{aspect-ratio:25/18;overflow:hidden;background:#fff}.technology-system img{object-fit:contain}.technology-system span{font-size:9px;font-weight:700;letter-spacing:.14em;color:#087b46}.technology-system h3{margin:9px 0 13px;font-size:clamp(34px,4.2vw,66px);line-height:.92;letter-spacing:-.048em}.technology-system p{max-width:680px;margin:0;font-size:clamp(15px,1.14vw,18px);line-height:1.58}
.technology-water{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);background:var(--accent)}.technology-water-copy{align-self:center}.technology-water-copy h2{max-width:790px}.technology-water-diagram{width:min(520px,100%);margin-top:clamp(42px,5vw,72px);background:#fff}.technology-water-diagram img{height:auto;object-fit:contain}.technology-water-photo{min-height:760px;overflow:hidden}.technology-water-photo img{object-position:center 45%}
.technology-check{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:clamp(60px,9vw,150px);background:#fff}.technology-check-heading{position:sticky;top:calc(var(--header) + 48px);align-self:start}.technology-check-list{border-top:1px solid var(--line)}.technology-check-list article{display:grid;grid-template-columns:44px minmax(130px,.45fr) 1fr;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.technology-check-list span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#087b46}.technology-check-list h3{margin:0;font-size:clamp(21px,2vw,32px);line-height:1.08;letter-spacing:-.032em}.technology-check-list p{margin:0;font-size:clamp(15px,1.14vw,18px);line-height:1.58}.technology-shop-bridge{background:var(--tech-wash)}
@keyframes tech-hero-in{from{transform:scale(1.035);opacity:.82}to{transform:scale(1);opacity:1}}
@media(max-width:1100px){.technology-hero{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}.technology-hero-copy h1{font-size:clamp(50px,5.4vw,66px)}.technology-system{grid-template-columns:180px 1fr}.technology-choice,.technology-check{gap:58px}}
@media(max-width:960px){.technology-hero{grid-template-columns:1fr;min-height:0}.technology-hero-image{min-height:0;aspect-ratio:3/2}.technology-hero-image img{object-position:center 39%}.technology-hero-copy{min-height:470px}.technology-choice,.technology-check{grid-template-columns:1fr;gap:48px}.technology-choice-heading,.technology-check-heading{position:static}.technology-chapter,.technology-chapter-removable{grid-template-columns:1fr}.technology-chapter-removable .technology-chapter-photo{grid-row:1}.technology-chapter-photo{min-height:0;aspect-ratio:3/2}.technology-chapter-photo img{position:static;height:100%;object-position:center 40%}.technology-chapter-construction .technology-chapter-photo img{object-position:center 31%}.technology-water{grid-template-columns:1fr}.technology-water-photo{min-height:0;aspect-ratio:3/2;grid-row:1}.technology-water-photo img{object-position:center 47%}}
@media(max-width:620px){.technology-hero-image{aspect-ratio:4/3}.technology-hero-copy{min-height:0;padding:42px var(--gutter) 44px}.technology-hero-copy h1{margin:16px 0 20px;font-size:clamp(46px,13vw,54px);line-height:.9}.technology-hero-copy>p:not(.section-index){margin-bottom:24px;font-size:15.5px;line-height:1.46}.technology-choice-heading h2,.technology-chapter-heading h2,.technology-water-copy h2,.technology-check-heading h2{font-size:clamp(44px,13vw,64px)}.technology-choice-list a{grid-template-columns:1fr auto;gap:7px 16px;min-height:96px}.technology-choice-list span{grid-column:1/-1}.technology-choice-list strong{font-size:22px}.technology-system{grid-template-columns:1fr;gap:20px}.technology-system figure{aspect-ratio:25/18}.technology-system h3{font-size:46px}.technology-chapter-photo,.technology-water-photo{aspect-ratio:4/3}.technology-chapter-support .technology-chapter-photo img{object-position:center center}.technology-packup-photo img{object-position:center center}.technology-check-list article{grid-template-columns:34px 1fr;gap:9px 14px}.technology-check-list p{grid-column:2}.technology-water-diagram{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.technology-hero-image img{animation:none}}