/* Product evidence is the visual subject; controls remain quiet and precise. */
#services .section-intro{margin-bottom:68px}
.service-gallery{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(470px,.87fr);gap:clamp(36px,4vw,82px);align-items:start}
.service-stage{position:sticky;top:112px;min-height:650px;overflow:hidden;background:#1a2a33;color:#eef2f3;border:1px solid rgba(238,242,243,.13);display:flex;flex-direction:column;isolation:isolate}
.service-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 76% 62% at 53% 46%,rgba(213,231,238,.12),transparent 78%);pointer-events:none;z-index:-1}
.service-stage:after{content:"";position:absolute;right:0;top:0;width:2px;height:138px;background:linear-gradient(#5b3b1e,#c69752 38%,#a07436 68%,#6a481f);opacity:.9}
.service-stage-top,.service-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 34px;font:500 10px/1.4 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.service-stage-top{color:#adc0c9}
.service-stage-count{color:#c69752}
.service-stage-scenes{position:relative;flex:1;min-height:420px;display:grid;place-items:center;padding:15px 0}
.service-scene{position:absolute;inset:0;display:grid;place-items:center;margin:0;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);transition:opacity .4s ease,transform .4s ease,visibility .4s;pointer-events:none}
.service-scene.is-active{opacity:1;visibility:visible;transform:none}
.service-scene-screen{width:88%;aspect-ratio:2/1;overflow:hidden;background:#0a1319;border:1px solid rgba(238,242,243,.2);box-shadow:0 32px 75px rgba(0,0,0,.33),0 0 0 11px rgba(255,255,255,.025);display:grid;place-items:center}
.service-scene img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.93)}
.service-scene[data-service-scene="0"] img,.service-scene[data-service-scene="4"] img{object-position:center top}
.service-scene[data-service-scene="1"] .service-scene-screen,.service-scene[data-service-scene="5"] .service-scene-screen{background:#f6f7f7}
.service-stage-bottom{border-top:1px solid rgba(238,242,243,.14);letter-spacing:.02em;text-transform:none;font-size:13px}
.service-stage-material{color:#eef2f3}
.service-stage-hint{color:#a8bac3;font-size:11px;white-space:nowrap}
.service-gallery-list{border-top:1px solid rgba(238,242,243,.25)}
.service-item{display:grid;grid-template-columns:30px minmax(0,1fr) 138px;gap:16px;padding:20px 12px 19px 19px;border-left:2px solid transparent;border-bottom:1px solid rgba(238,242,243,.2);transition:background-color .25s ease,border-color .25s ease}
.service-item.is-active{background:rgba(213,231,238,.07);border-left-color:#a07436}
.service-item-number{font:500 11px/1.6 Inter,sans-serif;color:#a7bac5;padding-top:5px}
.service-item:first-child{grid-template-columns:minmax(0,1fr) 138px;grid-template-rows:auto auto;row-gap:5px}
.service-item:first-child .service-item-number{grid-column:1;grid-row:1;padding-top:0;letter-spacing:.08em}
.service-item:first-child .service-item-body{grid-column:1;grid-row:2}
.service-item:first-child .service-item-trigger{grid-column:2;grid-row:1 / 3}
.service-item h3,.service-item h4{font:500 clamp(21px,1.35vw,27px)/1.18 Geologica,sans-serif;color:#eef2f3;letter-spacing:-.025em;margin:0 0 8px}
.service-item p{font:400 15px/1.55 Inter,sans-serif;color:#bacbd2;margin:0;max-width:530px}
.service-item .wwb-tags{margin-top:8px;gap:14px;color:#a7bac5;font-size:10px}
.service-item-price{display:block;margin-top:7px;font:500 11px/1.4 Inter,sans-serif;color:#a7bac5}
.service-item-title-link{display:inline-block;text-decoration:none}
.service-item-title-link:hover h4{text-decoration:underline;text-decoration-color:#a07436;text-underline-offset:5px}
.service-item-trigger{align-self:start;display:flex;align-items:center;justify-content:space-between;gap:8px;width:138px;min-height:38px;padding:8px 10px;border:1px solid rgba(238,242,243,.28);background:transparent;color:#eef2f3;font:500 11px/1.25 Inter,sans-serif;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.service-item-trigger i{font:400 18px/1 Inter,sans-serif;font-style:normal}
.service-item-link{display:inline-flex;gap:10px;margin-top:12px;color:#d5e7ee;font:500 12px/1.4 Inter,sans-serif;text-decoration:none}
.service-item-link:hover{text-decoration:underline;text-underline-offset:4px}
.service-item-trigger:hover,.service-item-trigger:focus-visible,.service-item.is-active .service-item-trigger{background:#eef2f3;color:#111c23;border-color:#eef2f3}
.service-item-trigger:hover{transform:none}
.service-item-trigger:focus-visible,.service-item-title-link:focus-visible{outline:2px solid #d5e7ee;outline-offset:4px}
@media(max-width:1250px){.service-gallery{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:34px}.service-stage{min-height:610px}.service-item p{font-size:14px}}
@media(max-width:940px){.service-gallery{grid-template-columns:1fr;gap:30px}.service-stage{position:relative;top:auto;grid-column:1/-1;min-height:460px;margin-top:20px}.service-gallery-list{display:grid;grid-template-columns:1fr;column-gap:0}.service-item:first-child,.service-item:nth-child(2){border-top:1px solid rgba(238,242,243,.2)}}
@media(max-width:700px){#services .section-intro{margin-bottom:40px}.service-stage{min-height:320px}.service-stage-top,.service-stage-bottom{padding:18px 20px}.service-stage-scenes{min-height:230px}.service-scene-screen{width:90%;aspect-ratio:2/1}.service-item{padding:18px 8px 18px 12px;grid-template-columns:25px minmax(0,1fr) 85px}.service-item:first-child{grid-template-columns:minmax(0,1fr) 85px}.service-item h3,.service-item h4{font-size:21px}.service-item p{font-size:15px}.service-item-trigger{width:85px}.service-item-trigger span{font-size:0}.service-item-trigger span:after{content:'Пример';font-size:11px}.service-stage-hint{display:none}}
@media(prefers-reduced-motion:reduce){.service-scene,.service-item,.service-item-trigger{transition:none}}