/* Блок отзывов No Drama Padel. Вставляется скриптом reviews.js перед #faq. */
.ndr{background:var(--color-sand)}
.ndr-head{display:grid;gap:24px;align-items:end}
.ndr-meta{font-family:var(--font-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-earth)}
.ndr-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;max-width:640px}
.ndr-vid{margin:0}
.ndr-frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--color-green-deep);border:1px solid var(--color-sand-dark)}
.ndr-frame img,.ndr-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ndr-play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;border:0;background:linear-gradient(to top,rgba(22,40,28,.55),rgba(22,40,28,0) 45%);cursor:pointer;color:var(--color-cream);font:inherit}
.ndr-play span{display:inline-flex;align-items:center;gap:10px;background:var(--color-cream);color:var(--color-green-deep);font-family:var(--font-label);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;transition:background-color .15s,color .15s}
.ndr-play span::before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ndr-play:hover span,.ndr-play:focus-visible span{background:var(--color-green);color:var(--color-cream)}
.ndr-play:focus-visible{outline:2px solid var(--color-clay);outline-offset:-2px}
.ndr-cap{margin-top:12px}
.ndr-name{font-family:var(--font-display);font-size:20px;line-height:1.2;font-weight:500}
.ndr-who{display:block;margin-top:4px;font-family:var(--font-label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-earth)}
.ndr-list{margin-top:56px;border-top:1px solid var(--color-green)}
.ndr-item{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:32px;border-bottom:1px solid var(--color-sand-dark)}
.ndr-photo{width:150px}
.ndr-photo{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--color-sand-dark);align-self:start}
.ndr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ndr-lead{font-family:var(--font-display);font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.4;text-wrap:pretty;margin:0}
.ndr-lead--long{font-size:clamp(1.125rem,1.3vw,1.25rem);line-height:1.5}
.ndr-rest p{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--color-earth);text-wrap:pretty;max-width:68ch}
.ndr-text{max-width:68ch}
.ndr-clip{position:relative;max-height:9.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.ndr-clip.ndr-open{max-height:none;-webkit-mask-image:none;mask-image:none}
.ndr-more{margin-top:14px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-label);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-clay-deep);text-decoration:underline;text-underline-offset:4px}
.ndr-more:hover{color:var(--color-green)}
.ndr-more:focus-visible{outline:2px solid var(--color-clay);outline-offset:3px}
.ndr-sign{margin-top:20px;padding-top:14px;border-top:1px solid var(--color-sand-dark)}
@media (min-width:640px){.ndr-item{grid-template-columns:180px minmax(0,1fr);gap:32px}.ndr-photo{width:auto}}
@media (min-width:1024px){
 .ndr-head{grid-template-columns:repeat(12,minmax(0,1fr))}
 .ndr-head>div{grid-column:span 7}
 .ndr-head .ndr-meta{grid-column:9/span 4;justify-self:end}
 .ndr-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:64px;align-items:start}
 .ndr-videos{grid-column:span 5;grid-template-columns:1fr 1fr;margin-top:0;position:sticky;top:112px}
 .ndr-list{grid-column:7/span 6;margin-top:0}
 .ndr-vid .ndr-name{font-size:18px}
 .ndr-item{grid-template-columns:200px minmax(0,1fr);gap:40px;padding-block:40px}
 .ndr-item:first-child{padding-top:32px}
}
@media (min-width:1280px){.ndr-videos{grid-column:span 4}.ndr-list{grid-column:6/span 7}}
@media (prefers-reduced-motion:reduce){.ndr *{transition:none!important}}
/* Календарь: зелёная кнопка «Как это было» у прошедших кэмпов */
.nd-report-badge{background:var(--color-green);color:var(--color-cream);transition:background-color .15s,color .15s}
.group:hover .nd-report-badge,.group:focus-visible .nd-report-badge{background:var(--color-cream);color:var(--color-green-deep)}