/* Страница «space»: собрано build_css.sh из redesigne/css/space.css (.redesign → .body.rd-page). Правки стилей — в /Users/andrejkulikov/projects/mh/www/mhave-rd/local/templates/mhave/redesign/pages/space.local.css или в вёрстке с пересборкой. */
.body.rd-page .sp-hero{display:flex;flex-direction:column;margin-top:4px;background:#fff;border-radius:26.6px;overflow:hidden;}
.body.rd-page .sp-hero__media{display:block;height:520px;background:var(--rp-beige);}
.body.rd-page .sp-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.body.rd-page .sp-hero__body{display:flex;flex-direction:column;align-items:flex-start;padding:44px 48px 48px;}
.body.rd-page .sp-badge{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;background:var(--rp-new);
	color:#fff;font-size:14px;line-height:19px;font-weight:500;white-space:nowrap;}
.body.rd-page .sp-hero__title{margin:20px 0 0;font-size:48px;line-height:66px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .sp-hero__text{display:flex;flex-direction:column;gap:16px;max-width:1080px;margin-top:22px;
	font-size:20px;line-height:32px;color:var(--rp-muted);}
.body.rd-page .sp-hero__text p{margin:0;}
.body.rd-page .sp-subscribe{display:flex;flex-direction:column;gap:10px;margin-top:32px;max-width:100%;}
.body.rd-page .sp-subscribe__title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.body.rd-page .sp-subscribe__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px;}
.body.rd-page .sp-subscribe__field{flex:0 1 420px;width:420px;gap:6px;}
.body.rd-page .sp-subscribe__input{height:56px;padding:0 20px;font-size:17px;}
.body.rd-page .sp-subscribe__btn{flex:0 0 224px;width:224px;height:56px;padding:0 20px;border-radius:16px;font-size:17px;}
.body.rd-page .sp-subscribe__btn.is-loading{opacity:.7;pointer-events:none;}
.body.rd-page .sp-subscribe__error{margin:0;padding-left:4px;}
.body.rd-page .sp-subscribe__done{margin:0;padding:16px 20px;border-radius:14px;background:var(--rp-beige);
	font-size:17px;line-height:24px;color:var(--rp-ink);}
.body.rd-page .sp-subscribe.is-done .sp-subscribe__row{display:none;}
.body.rd-page .sp-inside{margin-top:96px;}
.body.rd-page .sp-inside__title{margin:0 0 40px;font-size:48px;line-height:66px;font-weight:400;color:var(--rp-ink);}
.body.rd-page .sp-dirs{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none;}
.body.rd-page .sp-dir{flex:0 0 calc((100% - 40px) / 3);min-width:0;display:flex;flex-direction:column;gap:12px;
	padding:32px 32px 34px;border-radius:20px;background:#fff;}
.body.rd-page .sp-dir__title{margin:0;font-size:22px;line-height:30px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .sp-dir__text{margin:0;font-size:16px;line-height:25px;color:var(--rp-muted);}
@media (max-width:1440px){
.body.rd-page .sp-hero__media{height:440px;}
}
@media (max-width:1200px){
.body.rd-page .sp-hero__media{height:380px;}
.body.rd-page .sp-hero__title,
.body.rd-page .sp-inside__title{font-size:40px;line-height:54px;}
.body.rd-page .sp-hero__text{font-size:18px;line-height:29px;}
.body.rd-page .sp-dir{padding:28px 26px 30px;}
.body.rd-page .sp-dir__title{font-size:20px;line-height:27px;}
.body.rd-page .sp-inside{margin-top:80px;}
}
@media (max-width:900px){
.body.rd-page .sp-hero{margin-top:0;background:none;border-radius:0;overflow:visible;gap:14px;}
.body.rd-page .sp-hero__media{order:2;height:auto;aspect-ratio:358 / 240;border-radius:22px;overflow:hidden;background:#EFEAE3;}
.body.rd-page .sp-hero__body{order:1;padding:0;}
.body.rd-page .sp-badge{padding:7px 13px;border-radius:100px;background:var(--rp-line);color:var(--rp-body);font-size:12px;line-height:16px;}
.body.rd-page .sp-hero__title{margin-top:14px;font-size:28px;line-height:34px;letter-spacing:-.0214em;}
.body.rd-page .sp-hero__text{gap:14px;max-width:none;margin-top:14px;font-size:13px;line-height:20px;color:var(--rp-body);}
.body.rd-page .sp-subscribe{align-self:stretch;margin-top:14px;padding:18px;border:1px solid var(--rp-line-3);border-radius:20px;background:#fff;}
.body.rd-page .sp-subscribe__title{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;
		font-size:14px;line-height:20px;font-weight:500;color:var(--rp-ink);}
.body.rd-page .sp-subscribe__row{flex-direction:column;align-items:stretch;gap:10px;}
.body.rd-page .sp-subscribe__field{flex:0 0 auto;width:100%;}
.body.rd-page .sp-subscribe__input{height:47px;padding:0 15px;font-size:13.5px;line-height:19px;}
.body.rd-page .sp-subscribe__btn{flex:0 0 auto;width:100%;height:47px;border-radius:15px;font-size:13.5px;}
.body.rd-page .sp-subscribe__done{padding:14px 15px;font-size:13.5px;line-height:19px;}
.body.rd-page .sp-inside{margin-top:36px;}
.body.rd-page .sp-inside__title{margin-bottom:14px;font-size:24px;line-height:30px;letter-spacing:-.0208em;}
.body.rd-page .sp-dirs{flex-direction:column;gap:12px;}
.body.rd-page .sp-dir{flex:0 0 auto;gap:7px;padding:18px;border:1px solid var(--rp-line-3);}
.body.rd-page .sp-dir__title{font-size:17px;line-height:23px;}
.body.rd-page .sp-dir__text{font-size:12.5px;line-height:19px;color:var(--rp-body);}
}