/* Технологический сдвиг: персональная разработка стала доступнее */
.site[data-theme="rivera"] .technology{position:relative;overflow:hidden;padding:122px 0 116px;border-top:1px solid rgba(214,181,88,.14);border-bottom:1px solid rgba(214,181,88,.16);background:radial-gradient(circle at 8% 30%,rgba(214,181,88,.12),transparent 30%),radial-gradient(circle at 92% 75%,rgba(214,181,88,.07),transparent 25%),#10100f}
.site[data-theme="rivera"] .technology::before{content:"";position:absolute;right:-260px;top:-310px;width:720px;height:720px;border:1px solid rgba(214,181,88,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(214,181,88,.025),0 0 0 150px rgba(214,181,88,.016);pointer-events:none}
.technology-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(44px,7vw,110px);align-items:end;margin-bottom:62px}
.site[data-theme="rivera"] .technology-intro h2{max-width:850px;margin:20px 0 0;color:#f7f4ec;font:400 clamp(48px,5.1vw,76px)/.98 "DM Serif Display",Georgia,serif;letter-spacing:-.035em}
.technology-intro>p{max-width:510px;margin:0 0 8px;color:#aaa498;font-size:17px;line-height:1.64}
.technology-case{position:relative;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:16px}
.technology-claim{display:flex;min-height:470px;flex-direction:column;justify-content:flex-end;padding:46px 45px;border:1px solid rgba(214,181,88,.45);border-radius:30px;background:linear-gradient(145deg,rgba(214,181,88,.2),rgba(214,181,88,.06) 50%,rgba(255,255,255,.025));box-shadow:0 26px 75px rgba(0,0,0,.24)}
.technology-claim small{margin-bottom:auto;color:#e1c56d;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.technology-claim strong{display:block;color:#f7f2e6;font:400 clamp(38px,3.7vw,56px)/1.02 "DM Serif Display",Georgia,serif;letter-spacing:-.025em}
.technology-claim p{margin:25px 0 0;color:#bbb4a6;font-size:14px;line-height:1.65}
.technology-route{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.technology-route article{position:relative;overflow:hidden;min-height:470px;padding:40px 36px;border-radius:30px}
.technology-route article>span{display:inline-flex;padding:7px 12px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.site[data-theme="rivera"] .technology-route h3{max-width:300px;margin:92px 0 36px;font:400 34px/1.05 "DM Serif Display",Georgia,serif;letter-spacing:-.02em}
.technology-route ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.technology-route li{position:relative;padding:15px 0 15px 20px;border-top:1px solid;font-size:13px;line-height:1.4}
.technology-route li::before{content:"";position:absolute;left:1px;top:21px;width:5px;height:5px;border-radius:50%}
.technology-then{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#908b82}
.technology-then>span{border:1px solid rgba(255,255,255,.13);color:#9e998f}
.site[data-theme="rivera"] .technology-then h3{color:#d0cbc1}
.technology-then li{border-color:rgba(255,255,255,.09)}.technology-then li::before{background:#77736c}
.technology-now{border:1px solid rgba(214,181,88,.34);background:linear-gradient(160deg,#f1ead7,#d7c79b);color:#423d32;box-shadow:0 25px 80px rgba(0,0,0,.24)}
.technology-now::after{content:"";position:absolute;right:-110px;top:-110px;width:260px;height:260px;border:1px solid rgba(92,73,25,.15);border-radius:50%;box-shadow:0 0 0 38px rgba(92,73,25,.045)}
.technology-now>span{position:relative;z-index:1;border:1px solid rgba(91,71,23,.22);color:#705819;background:rgba(255,255,255,.28)}
.site[data-theme="rivera"] .technology-now h3{position:relative;z-index:1;color:#211e18}
.technology-now li{border-color:rgba(77,61,25,.18)}.technology-now li::before{background:#9d7b20}
.technology-bottom{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;margin-top:36px;padding-top:28px;border-top:1px solid rgba(214,181,88,.22)}
.technology-bottom p{max-width:800px;margin:0;color:#9f998e;font-size:14px;line-height:1.6}
.technology-bottom a{display:inline-flex;flex:0 0 auto;gap:18px;align-items:center;padding:12px 0;color:#e3c66e;border-bottom:1px solid rgba(214,181,88,.42);font-size:11px;font-weight:900;letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
.technology-bottom a span{font-size:16px}

@media(min-width:1051px){
  .technology-intro{grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:clamp(56px,6vw,92px);align-items:start}
  .site[data-theme="rivera"] .technology-intro h2{max-width:920px;font-size:clamp(58px,4.8vw,72px)}
  .technology-intro>p{max-width:450px;margin:80px 0 0;padding-left:28px;border-left:1px solid rgba(214,181,88,.35)}
}

@media(max-width:1050px){.technology-intro{grid-template-columns:1fr}.technology-intro>p{max-width:760px}.technology-case{grid-template-columns:1fr}.technology-claim{min-height:400px}.technology-route article{min-height:430px}}
@media(max-width:760px){.site[data-theme="rivera"] .technology{padding:82px 0 78px}.technology-intro{display:block;margin-bottom:35px}.site[data-theme="rivera"] .technology-intro h2{font-size:43px;line-height:.99}.technology-intro>p{margin-top:25px;font-size:15px;line-height:1.58}.technology-case{display:block}.technology-claim{min-height:0;padding:30px 25px;border-radius:23px}.technology-claim small{margin-bottom:76px}.technology-claim strong{font-size:40px}.technology-claim p{font-size:13px}.technology-route{display:grid;grid-template-columns:1fr;margin-top:14px}.technology-route article{min-height:0;padding:28px 25px;border-radius:23px}.site[data-theme="rivera"] .technology-route h3{margin:58px 0 25px;font-size:31px}.technology-route li{padding:13px 0 13px 18px}.technology-bottom{display:block;margin-top:28px;padding-top:24px}.technology-bottom a{margin-top:24px;font-size:10px}.technology::before{display:none}}