.tech-page{--tech-ink:#24342f;--tech-soft:#f1f5f2;--tech-line:#cbd8d1;color:var(--tech-ink)}
.tech-page h1,.tech-page h2,.tech-page h3{letter-spacing:0}
.tech-page p{line-height:1.68}
.tech-kicker,.tech-title>span{display:block;color:#9b5a3c;font-size:.72rem;font-weight:700;text-transform:uppercase}
.tech-lead{font-size:1.03rem;line-height:1.7}
.tech-section{padding-block:82px}
.tech-title{max-width:880px;margin-bottom:34px}
.tech-title h2{max-width:820px;margin:10px 0 13px;font-size:2.5rem}
.tech-title p{max-width:760px;margin:0}
.tech-page .text-link .icon{width:16px;height:16px}
.tech-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:29px}
.tech-anchor-nav{border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);background:#fff}
.tech-anchor-nav>.wrap{display:flex;gap:32px;overflow:auto;scrollbar-width:thin}
.tech-anchor-nav a{flex:none;padding:16px 0;font-size:.77rem;font-weight:700;white-space:nowrap}
.tech-anchor-nav a:hover{color:#9b5a3c}
.tech-page figure{min-width:0;margin:0}
.tech-page figcaption{padding-top:9px;color:#64736c;font-size:.72rem;line-height:1.5}
.tech-page figure img{display:block;width:100%;height:auto;object-fit:cover}
.tech-rule{margin:29px 0 0;padding:15px 20px;border-left:3px solid #b86c4b;background:#f7f2ee;color:#4c5853;font-size:.83rem}
.tech-sustain-hero{padding-block:65px 59px;background:#edf3ef}
.tech-sustain-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:6%}
.tech-sustain-hero h1,.tech-finish-hero h1{max-width:680px;margin:13px 0 19px;font-size:3.4rem;line-height:1.06}
.tech-sustain-hero .tech-lead{max-width:570px}
.tech-sustain-hero figure img{height:490px;object-position:center}
.tech-claim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--tech-line)}
.tech-claim-grid article{padding:25px 26px 6px 0}
.tech-claim-grid article+article{padding-left:26px;border-left:1px solid var(--tech-line)}
.tech-claim-grid span,.tech-finish-intro-grid b,.tech-approval-grid span{font-size:.69rem;font-weight:700;color:#a35d3e}
.tech-claim-grid h3{margin:14px 0 9px;font-size:1.2rem}
.tech-claim-grid p{font-size:.82rem}
.tech-sustain-matrix{background:#e8efed}
.tech-matrix,.tech-method-table{border-top:2px solid #344d45}
.tech-matrix-head,.tech-matrix-row{display:grid;grid-template-columns:1.05fr 1.24fr 1.12fr 1.35fr;gap:20px;align-items:start}
.tech-matrix-head{padding:12px 15px;color:#fff;background:#2c473d;font-size:.7rem;font-weight:700;text-transform:uppercase}
.tech-matrix-row{padding:21px 15px;border-bottom:1px solid #becdc6;background:#fff;font-size:.8rem;line-height:1.6}
.tech-matrix-row:nth-child(odd){background:#f6f8f6}
.tech-matrix-row strong,.tech-method-row strong{font-size:.99rem;line-height:1.3}
.tech-matrix-row small,.tech-method-row small{display:block;margin-bottom:7px;color:#a35d3e;font-size:.67rem}
.tech-anatomy-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.tech-anatomy-layout figure img{aspect-ratio:1.08}
.tech-anatomy-layout ol{padding:0;margin:0;list-style:none}
.tech-anatomy-layout li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-top:1px solid var(--tech-line)}
.tech-anatomy-layout li b{color:#a35d3e;font-size:.8rem}
.tech-anatomy-layout h3,.tech-anatomy-layout p{margin:0}
.tech-anatomy-layout h3{font-size:1.02rem}
.tech-anatomy-layout p{margin-top:5px;font-size:.8rem}
.tech-choice-band{background:#23463d;color:#fff}
.tech-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.tech-choice-grid>div{padding-block:30px}
.tech-choice-band h2{max-width:560px;margin:12px 0;font-size:2.6rem;color:#fff}
.tech-choice-band p{max-width:520px;color:#d5e5dd}
.tech-choice-band .text-link{color:#fff}
.tech-choice-band .icon{filter:invert(1)}
.tech-choice-band figure img{height:420px;object-fit:cover}
.tech-choice-band figcaption{color:#d5e5dd}
.tech-case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;border-top:1px solid var(--tech-line)}
.tech-case-grid>div{padding-top:18px}
.tech-case-grid strong{color:#a35d3e;font-size:.7rem}
.tech-case-grid p{margin:10px 0 0;font-size:.79rem}
.tech-proof{background:#f1f3ee}
.tech-proof-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:9%}
.tech-proof-list{border-top:2px solid #2d463f}
.tech-proof-list>div{display:grid;grid-template-columns:48px .7fr 1.3fr;gap:15px;align-items:start;padding:18px 0;border-bottom:1px solid #cbd5ca}
.tech-proof-list span{color:#a35d3e;font-weight:700;font-size:.8rem}
.tech-proof-list h3{margin:0;font-size:.98rem}
.tech-proof-list p{margin:0;font-size:.79rem}
.tech-sustain-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px;padding:0;margin:0;list-style:none}
.tech-sustain-process li{display:grid;grid-template-columns:36px 1fr;gap:12px;min-height:130px;padding-top:17px;border-top:1px solid var(--tech-line)}
.tech-sustain-process li b{color:#a35d3e;font-size:.83rem}
.tech-sustain-process h3{margin:0 0 8px;font-size:1.02rem}
.tech-sustain-process p{margin:0;font-size:.8rem}
.tech-quantity{background:#dceae5}
.tech-quantity>.wrap{display:flex;justify-content:space-between;align-items:end;gap:40px}
.tech-quantity h2{max-width:580px;margin:10px 0 13px;font-size:2.5rem}
.tech-quantity p{max-width:850px;margin:0;font-size:.86rem}
.tech-quantity .text-link{flex:none}
.tech-faq-list{border-top:2px solid #2e4740}
.tech-faq-list details{border-bottom:1px solid var(--tech-line)}
.tech-faq-list summary{padding:18px 4px;font-size:.92rem;font-weight:700;cursor:pointer}
.tech-faq-list details p{max-width:850px;margin:0;padding:0 4px 18px;font-size:.82rem}
.tech-related{background:#f4f6f3}
.tech-related h2{max-width:760px;margin:10px 0 28px;font-size:2.35rem}
.tech-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tech-related-grid a{display:flex;flex-direction:column;align-items:start;padding:22px 0;border-top:2px solid #38534a;border-bottom:1px solid #cbd8d1}
.tech-related-grid strong{font-size:1.1rem;line-height:1.3}
.tech-related-grid p{margin:12px 0 22px;font-size:.82rem}
.tech-related-grid a>span{margin-top:auto;color:#86543e;font-size:.78rem;font-weight:700}
.tech-related-grid a:hover strong,.tech-related-grid a:focus-visible strong{color:#86543e}
@media(max-width:700px){.tech-related-grid{grid-template-columns:1fr;gap:12px}.tech-related-grid a{padding:16px 0}.tech-related-grid p{margin:8px 0 12px}.tech-related h2{font-size:1.9rem}}
.tech-final{background:#203b35;color:#fff}
.tech-final>.wrap{display:flex;align-items:center;justify-content:space-between;gap:60px}
.tech-final h2{max-width:690px;margin:10px 0 12px;color:#fff;font-size:2.5rem}
.tech-final p{max-width:710px;margin:0;color:#d8e7df;font-size:.87rem}
.tech-final .tech-kicker{color:#e6b397}
.tech-final>div>div:last-child{display:flex;flex-direction:column;align-items:start;gap:12px;flex:none}
.tech-final .button{background:#fff;color:#203b35}
.tech-final .button .icon{filter:none}
.tech-final>div>div:last-child>a{color:#fff;font-size:.77rem;text-decoration:underline}
.tech-finish{--tech-ink:#252d2c;--tech-line:#d6d9d6}
.tech-finish .tech-kicker,.tech-finish .tech-title>span{color:#ae654b}
.tech-finish-hero{background:#f3f1ef}
.tech-finish-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:600px;gap:5%;align-items:center}
.tech-finish-hero-grid>div{padding-block:55px}
.tech-finish-hero .tech-lead{max-width:570px}
.tech-finish-hero figure{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-block:30px}
.tech-finish-hero figure img{height:510px;object-fit:cover}
.tech-finish-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.tech-finish-intro-grid>div{border-top:2px solid #313938;padding-top:18px}
.tech-finish-intro-grid h3{max-width:340px;margin:15px 0 9px;font-size:1.22rem}
.tech-finish-intro-grid p{max-width:370px;margin:0;font-size:.8rem}
.tech-finish-gallery{background:#ecf0f0}
.tech-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.tech-gallery-grid figure img{aspect-ratio:4/4.25;background:#e5e8e5}
.tech-gallery-grid figcaption{display:flex;flex-direction:column;gap:5px;padding:14px 0 0}
.tech-gallery-grid figcaption strong{color:#252d2c;font-size:.89rem}
.tech-gallery-grid figcaption span{font-size:.76rem}
.tech-method-head,.tech-method-row{display:grid;grid-template-columns:1.15fr 1fr 1.55fr;gap:28px;align-items:start}
.tech-method-head{padding:13px 16px;background:#2e3936;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase}
.tech-method-row{padding:22px 16px;border-bottom:1px solid var(--tech-line);font-size:.82rem;line-height:1.6}
.tech-method-row:nth-child(odd){background:#f7f7f5}
.tech-look-band{background:#f4efec}
.tech-look-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tech-look-grid article{display:flex;flex-direction:column;min-height:325px;padding:24px;background:#e5e7e5;color:#1d2b29}
.tech-look-grid article.tech-look-color{background:#bfd6c8}
.tech-look-grid article.tech-look-metal{background:#ddcdb7}
.tech-look-grid span{font-size:.69rem;font-weight:700}
.tech-look-grid h3{max-width:270px;margin:70px 0 12px;font-size:1.34rem}
.tech-look-grid p{margin:0 0 16px;color:#33453f;font-size:.81rem}
.tech-look-grid strong{margin-top:auto;font-size:.75rem}
.tech-stack-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}
.tech-stack-layout ol{padding:0;margin:0;list-style:none}
.tech-stack-layout li{display:grid;grid-template-columns:74px 1fr;gap:15px;padding:19px 0;border-top:1px solid var(--tech-line)}
.tech-stack-layout li span{color:#ae654b;font-size:.68rem;font-weight:700}
.tech-stack-layout h3{grid-column:2;margin:0;font-size:1.02rem}
.tech-stack-layout p{grid-column:2;margin:0;font-size:.8rem}
.tech-stack-layout figure img{aspect-ratio:4/4.5}
.tech-artwork{background:#293a36;color:#fff}
.tech-artwork-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}
.tech-artwork .tech-title h2{color:#fff}
.tech-artwork .tech-title p{color:#d0ddd6}
.tech-artwork .text-link{color:#fff}
.tech-artwork .icon{filter:invert(1)}
.tech-artwork-layout>div:last-child>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:17px 0;border-top:1px solid #71847b}
.tech-artwork-layout b{color:#e6b397;font-size:.69rem}
.tech-artwork-layout p{margin:0;color:#d3e1da;font-size:.81rem}
.tech-approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 45px;margin-bottom:27px}
.tech-approval-grid>div{border-top:1px solid var(--tech-line);padding-top:17px}
.tech-approval-grid h3{margin:9px 0;font-size:1.11rem}
.tech-approval-grid p{margin:0;font-size:.81rem}
.tech-order{background:#e6ebea}
.tech-order>.wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center}
.tech-order h2{margin:10px 0;font-size:2.5rem}
.tech-order p{max-width:750px;margin:0;font-size:.86rem}
.tech-order>.wrap>div:last-child{padding:25px;border-left:2px solid #ae654b}
.tech-order strong{display:block;font-size:2.1rem}
.tech-order span{display:block;max-width:320px;color:#5b6b63;font-size:.79rem}
.tech-repeat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tech-repeat-grid>div{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:2px solid #4b5d56}
.tech-repeat-grid b{color:#ae654b;font-size:.77rem}
.tech-repeat-grid strong{font-size:1rem}
.tech-repeat-grid p{margin:0;font-size:.78rem}
.tech-finish .tech-faq{background:#f5f6f4}
.tech-final-finish{background:#604339}
@media(max-width:900px){.tech-sustain-hero-grid,.tech-finish-hero-grid{gap:4%}.tech-sustain-hero h1,.tech-finish-hero h1{font-size:2.65rem}.tech-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tech-sustain-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-repeat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-proof-grid{gap:5%}}
@media(max-width:700px){.tech-section{padding-block:58px}.tech-title{margin-bottom:25px}.tech-sustain-hero{padding-block:42px}.tech-sustain-hero-grid,.tech-finish-hero-grid,.tech-anatomy-layout,.tech-choice-grid,.tech-proof-grid,.tech-stack-layout,.tech-artwork-layout,.tech-order>.wrap{grid-template-columns:1fr}.tech-sustain-hero figure img,.tech-finish-hero figure img{height:auto;aspect-ratio:4/3}.tech-finish-hero-grid{min-height:0}.tech-finish-hero-grid>div{padding:50px 0 15px}.tech-finish-hero figure{padding:0 0 36px}.tech-claim-grid,.tech-finish-intro-grid,.tech-gallery-grid,.tech-look-grid{grid-template-columns:1fr 1fr}.tech-claim-grid article{border-left:0!important;padding:20px 15px 7px 0!important}.tech-choice-grid>div{padding:0}.tech-choice-band figure img{height:auto;aspect-ratio:4/3}.tech-quantity>.wrap,.tech-final>.wrap{align-items:start;flex-direction:column;gap:24px}.tech-matrix-head{display:none}.tech-matrix-row{grid-template-columns:1fr 1fr;gap:10px}.tech-matrix-row>*:first-child{grid-column:1/-1}.tech-method-head{display:none}.tech-method-row{grid-template-columns:1fr 1fr;gap:10px}.tech-method-row>*:first-child{grid-column:1/-1}.tech-stack-layout figure img{aspect-ratio:4/3}.tech-artwork-layout>div:last-child>div{grid-template-columns:100px 1fr}.tech-finish-hero h1,.tech-sustain-hero h1{font-size:2.65rem}}
@media(max-width:500px){.tech-anchor-nav>.wrap{gap:22px}.tech-hero-actions{align-items:start;flex-direction:column;gap:14px}.tech-sustain-hero figure img,.tech-finish-hero figure img{height:190px;aspect-ratio:auto}.tech-claim-grid,.tech-finish-intro-grid,.tech-gallery-grid,.tech-look-grid,.tech-case-grid,.tech-sustain-process ol,.tech-approval-grid,.tech-repeat-grid{grid-template-columns:1fr}.tech-claim-grid article{padding:20px 0 3px!important;border-top:1px solid var(--tech-line)}.tech-claim-grid{border-top:0}.tech-proof-list>div{grid-template-columns:36px 1fr;gap:7px}.tech-proof-list p{grid-column:2}.tech-matrix-row,.tech-method-row{grid-template-columns:1fr}.tech-matrix-row>*:first-child,.tech-method-row>*:first-child{grid-column:auto}.tech-matrix-row>*:not(:first-child),.tech-method-row>*:not(:first-child){border-top:1px solid #e1e7e2;padding-top:9px}.tech-look-grid article{min-height:240px}.tech-look-grid h3{margin-top:40px}.tech-finish-hero h1,.tech-sustain-hero h1{font-size:2.3rem}.tech-artwork-layout>div:last-child>div{grid-template-columns:1fr;gap:6px}.tech-order>.wrap>div:last-child{padding:10px 0 10px 18px}}
