/* Only the fourth method slide gains cumulative, scroll-driven paper motion. */
#metod{--paper-style-ready:1}
#metod.method-paper-ready #method-3{transition:none;transform:none}
#metod.method-paper-ready #method-3 .paper-viewport{position:absolute;top:calc(var(--method-header) + var(--method-banner) + 16px);bottom:var(--method-bottom);left:5vw;right:5vw;display:flex;flex-direction:column;overflow:hidden;padding:8px 0;perspective:1400px}
#metod.method-paper-ready #method-3 .paper-layout{position:relative;flex:none;margin:auto;transform:translateY(var(--paper-pan,0px));perspective:1400px;transition:none}
#metod.method-paper-ready #method-3 .paper-sheet{opacity:var(--paper-opacity,0);transform:translateY(var(--paper-y,-26px)) rotateX(var(--paper-x-tilt,9deg)) rotateZ(var(--paper-z-tilt,-.7deg)) scale(var(--paper-scale,.985));transform-origin:50% 85%;transition:none;backface-visibility:hidden;will-change:transform,opacity;box-shadow:0 var(--paper-shadow,18px) 26px rgba(0,0,0,.12)}
#metod.method-paper-ready #method-3 .paper-argument{position:relative;margin-top:14px;perspective:1000px;border-radius:8px}
#metod.method-paper-ready #method-3 .paper-argument p{margin:0}
#metod.method-paper-ready #method-3:not(.active) .paper-sheet{will-change:auto}
@media(max-width:820px){
 #metod.method-paper-ready #method-3 .paper-viewport{left:4vw;right:4vw;top:calc(var(--method-header) + var(--method-banner) + 8px);bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 #metod.method-paper-ready #method-3 .paper-layout{gap:12px}
 #metod.method-paper-ready #method-3 .paper-layout>div{padding:14px;border-radius:15px}
 #metod.method-paper-ready #method-3 h2{font-size:25px;line-height:1.18;margin:5px 0 10px}
 #metod.method-paper-ready #method-3 h3{font-size:20px;line-height:1.3}
 #metod.method-paper-ready #method-3 .objections{font-size:15px;line-height:1.45;margin-top:8px}
 #metod.method-paper-ready #method-3 .paper-argument{margin-top:12px}
 #metod.method-paper-ready #method-3 .paper-argument p{font-size:14px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){#metod.method-paper-ready #method-3 .paper-sheet{transform:none;box-shadow:none;will-change:auto}}

/* Owner-provided photographs behind the two review cards. */
#metod #method-4 .rating-grid a{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate;text-shadow:0 2px 12px rgba(0,0,0,.65)}
#metod #method-4 .rating-grid a[href*="2gis.ru"]{background-image:linear-gradient(90deg,rgba(6,16,10,.76),rgba(6,16,10,.12)),url("assets/review-entrance-20260915.png")}
/* Keep the complete wordmark in its own photo area, beside the score and label. */
#metod #method-4 .rating-grid a[href*="yandex.ru"]{background-image:none;background-color:#202a1f}
#metod #method-4 .rating-grid a[href*="yandex.ru"]::before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;background:url("assets/review-sign-20260915.png") center/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);pointer-events:none}
#metod #method-4 .rating-grid a[href*="yandex.ru"]>b,#metod #method-4 .rating-grid a[href*="yandex.ru"]>span{width:48%;max-width:48%;overflow-wrap:normal}
#metod #method-4 .rating-grid a[href*="yandex.ru"]>span{font-size:clamp(13px,1.2vw,16px);line-height:1.5}
#metod #method-4 .rating-grid b{color:#e7edcd}
#metod #method-4 .rating-grid span{color:#fff6e6;font-weight:500}