/* Локальная проба по визуальному образцу. Подключена только к individual.html. */
body.reference-page{--milk:#f8f1e7;--ink:#2c3c28;--terra:#b75b36;--olive:#7d8860;background:#f9f9f6;color:var(--ink);padding:0 0 28px;margin:34px auto;max-width:min(1320px,calc(100% - 48px));border-radius:32px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 0 1px #e6e1d655}
.reference-page:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:#fafaf8}
.reference-page>.site-header,.reference-page>main,.reference-page>.site-footer{background:#faf3e9}
.reference-page>.site-header{border-radius:32px 32px 0 0}
.reference-page>.site-footer{border-radius:0 0 32px 32px}
.reference-page .wrap{width:calc(100% - 76px);max-width:1244px}
.reference-page .site-header{width:100%;padding:20px 38px 0;border-bottom:0}
.reference-page .site-header-top{gap:16px;padding-bottom:5px;align-items:center}
.reference-page .brand{font-size:20px;gap:10px;line-height:1.15}
.reference-page .brand-icon{font-size:44px;color:var(--terra)}
.reference-page .brand small{font-size:10px;max-width:330px;font-weight:400;line-height:1.4;margin-top:5px}
.reference-page .header-professional{font-size:10px;line-height:1.5;max-width:670px;margin:3px 0 8px 50px;color:#4f5549}
.reference-page .header-location{font-size:10px;margin-left:auto;white-space:nowrap}
.reference-page .header-location:before{content:'⌖';font-size:20px;margin-right:5px;color:var(--terra);vertical-align:middle}
.reference-header-cta{display:inline-flex;align-items:center;gap:10px;border-radius:25px;background:var(--ink);color:#fff9ee;padding:12px 17px;font-size:11px;white-space:nowrap}
.reference-page .site-header nav{font-size:10px;gap:12px;border-bottom:1px solid #b8b49f55}
.reference-page .site-header nav a{padding-block:12px 13px}
.reference-page .site-header nav a:after{height:2px;background:var(--terra)}
.reference-page .breadcrumbs{padding-top:17px;font-size:10px;gap:12px}
.reference-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:32px 35px;align-items:start;position:relative}
.reference-copy{padding-top:5px;min-width:0}
.reference-page .eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700}.reference-page h2,.reference-page h3{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-weight:400;letter-spacing:-.045em}
.reference-hero h1{margin:16px 0 28px;position:relative;max-width:max-content}
.reference-hero h1:after{content:'';display:block;width:225px;height:16px;border-top:2px solid var(--terra);border-radius:50%;position:absolute;bottom:-24px;left:0;rotate:-4deg}
.reference-lead{font-size:15px;line-height:1.7;max-width:450px;margin:35px 0 0;color:#343d30}
.reference-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;gap:0}
.reference-highlights>div{padding:0 15px;border-left:1px solid #baae944d;min-width:0}
.reference-highlights>div:first-child{border-left:0;padding-left:0}
.reference-icon{display:grid;place-items:center;width:40px;height:40px;background:#e3e3c8;border-radius:50%;color:#4e5b3a}
.reference-highlights>div:nth-child(2) .reference-icon{background:#f2cca2;color:#a34f2d}
.reference-icon svg{width:28px;height:28px}
.reference-highlights p{font-size:12px;line-height:1.4;margin:12px 0 0;color:#283325}
.reference-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:29px}
.reference-page .reference-actions .button{margin:0;padding:16px 21px;gap:22px;}
.reference-page .reference-actions .button:hover{}
.reference-question{font-size:11px;text-decoration:underline;text-underline-offset:4px}
.reference-photo{margin:0;position:relative;border-radius:28px 28px 10px 28px;overflow:hidden;background:#e5ddc9;isolation:isolate}
.reference-photo img{display:block;width:100%;height:326px;object-fit:contain;position:relative;z-index:1}
.reference-botanical{position:absolute;height:210px;width:160px;right:-27px;bottom:-35px;color:#6c7952;opacity:.32;z-index:0;rotate:15deg}
.reference-conditions{display:grid;grid-template-columns:.95fr 1.1fr .9fr;gap:0;background:#e5e4cc;border-radius:20px;margin-top:22px;padding:20px 12px;color:#2d3826}
.reference-conditions>div{padding:0 14px;border-left:1px solid #b6b79d80;min-width:0}
.reference-conditions>div:first-child{border:0}
.reference-conditions svg{width:22px;height:22px;display:block;margin-bottom:6px;color:#52613f}
.reference-conditions>div>span{display:block;font-size:10px;font-weight:600;margin-bottom:9px}
.reference-conditions strong{display:block;font-size:20px;line-height:1.1;font-weight:500;letter-spacing:-.035em;white-space:nowrap}
.reference-conditions p{font-size:11px;line-height:1.4;margin:0}
.reference-conditions strong.reference-price{color:#ad4d29;font-size:26px}
.reference-conditions small{display:block;font-size:9px;margin-top:4px}
.reference-time-note{font-size:10px;margin:10px 4px 0;color:#606850}
.reference-detail-copy{border-top:1px solid #c3b9a055;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:25px 32px}
.reference-detail-copy p{font-size:14px;line-height:1.8;color:#4d5645;margin:0}
.reference-page .service-audience{padding-block:25px 55px;background:transparent}
.reference-page .audience-grid{padding-top:35px;border-top:1px solid #c3b9a055;gap:60px}
.reference-page h2{font-size:44px;line-height:1.08}
.reference-page .audience-grid h2{margin-top:17px}
.reference-page .audience-grid ol{gap:22px 25px}
.reference-page .audience-grid li>p{font-size:14px;line-height:1.75}
.reference-page .service-process{padding-block:55px;gap:60px}
.reference-page .service-process .steps h3{font-size:24px}
.reference-page .service-practitioner-photo{rotate:0;max-width:210px}
.reference-page .service-practitioner-photo img{border-radius:18px;border-width:5px;box-shadow:none}
.reference-page .related{padding-block:45px}
.reference-page .related-links>a{font-size:17px}
.reference-page .contact-section{background:#35442f}
.reference-page .contact-intro h2,.reference-page .contact-intro h2 em{color:#fbf1de}
.reference-page .contact-intro h2{font-size:58px}
.reference-page .contact-intro h2>span{color:#c98d65}
.reference-page .contact-layout{gap:45px}
.reference-page .contact-link{border-radius:16px;min-height:130px}
.reference-page .contact-link-text strong{font-family:Arial,sans-serif;font-size:20px}
.reference-page .contact-email{min-height:100px}
.reference-page .site-footer{width:100%;padding:30px 38px;border-color:#c3b9a055}
@media(max-width:1100px){body.reference-page{margin:20px auto;max-width:calc(100% - 32px)}.reference-page .site-header .menu-toggle{display:flex}.reference-page .site-header nav{display:none}.reference-page .site-header nav.open{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.reference-page .site-header nav a{font-size:12px}.reference-header-cta{font-size:10px;padding:10px 13px}.reference-page .header-location{display:none}.reference-hero{gap:28px}.reference-hero h1{}.reference-photo img{height:310px}.reference-conditions{padding:17px 7px}.reference-conditions>div{padding-inline:10px}.reference-conditions strong{font-size:18px}.reference-conditions strong.reference-price{font-size:23px}.reference-highlights>div{padding-inline:9px}.reference-actions{gap:17px}}
@media(max-width:760px){body.reference-page{margin:12px auto;max-width:calc(100% - 20px);border-radius:24px}.reference-page .wrap{width:calc(100% - 38px)}.reference-page .site-header{padding:17px 19px 0;border-radius:24px 24px 0 0}.reference-page .brand{font-size:15px;gap:8px}.reference-page .brand-icon{font-size:34px}.reference-page .brand small{font-size:8px;max-width:210px}.reference-page .site-header-top{gap:10px}.reference-header-cta{display:none}.reference-page .site-header .menu-toggle{padding:8px 11px;font-size:11px}.reference-page .header-professional{font-size:10px;margin:8px 0 9px;line-height:1.6}.reference-page .site-header nav.open{grid-template-columns:1fr}.reference-page .breadcrumbs{font-size:9px;padding-top:16px;gap:8px}.reference-hero{grid-template-columns:1fr;padding-block:25px 28px;gap:29px}.reference-hero h1{margin-top:14px;letter-spacing:-.045em}.reference-hero h1:after{width:180px;bottom:-22px}.reference-lead{font-size:14px;line-height:1.75;margin-top:32px}.reference-highlights{margin-top:25px}.reference-icon{width:35px;height:35px}.reference-icon svg{width:24px;height:24px}.reference-highlights>div{padding-inline:9px}.reference-highlights p{font-size:10px;line-height:1.45;margin-top:10px}.reference-actions{margin-top:25px;gap:19px}.reference-page .reference-actions .button{padding:15px 19px;gap:15px}.reference-question{font-size:11px}.reference-photo{border-radius:22px}.reference-photo img{height:auto;max-height:340px;object-fit:contain;aspect-ratio:800/799}.reference-conditions{margin-top:15px;padding:17px 6px;border-radius:16px;grid-template-columns:.95fr 1.15fr .95fr}.reference-conditions>div{padding-inline:8px}.reference-conditions svg{width:20px;height:20px}.reference-conditions>div>span{font-size:9px;margin-bottom:8px}.reference-conditions p{font-size:10px}.reference-conditions strong{font-size:16px}.reference-conditions strong.reference-price{font-size:21px}.reference-conditions small{font-size:8px}.reference-time-note{font-size:9px;line-height:1.6}.reference-detail-copy{grid-template-columns:1fr;gap:17px;padding-block:25px}.reference-detail-copy p{font-size:14px}.reference-page h2{font-size:34px}.reference-page .audience-grid{gap:25px;padding-top:30px}.reference-page .service-audience{padding-bottom:35px}.reference-page .service-process{gap:25px;padding-block:40px}.reference-page .service-process>div:first-child>h2{font-size:30px}.reference-page .service-process .steps h3{font-size:23px}.reference-page .service-process .steps p{font-size:14px}.reference-page .contact-intro h2{font-size:43px}.reference-page .contact-layout{gap:28px}.reference-page .contact-link{min-height:145px}.reference-page .contact-email{min-height:100px}.reference-page .contact-link-text strong{font-size:18px}.reference-page .contact-email .contact-link-text>span{font-size:14px}.reference-page .site-footer{padding:25px 19px;border-radius:0 0 24px 24px}.reference-page .footer-name{font-size:20px}.reference-page .site-footer>div{font-size:10px}}
@media(max-width:360px){.reference-page .brand{font-size:13px}.reference-page .brand small{font-size:7px}.reference-hero h1{}.reference-highlights p{font-size:9px}.reference-highlights>div{padding-inline:6px}.reference-conditions strong{font-size:14px}.reference-conditions strong.reference-price{font-size:18px}.reference-conditions p{font-size:9px}.reference-conditions>div{padding-inline:6px}}
.reference-page .site-header,.reference-page .site-footer{max-width:none;margin-inline:0}
body.reference-page>.site-header,body.reference-page>.site-footer{width:100%;max-width:none;margin-inline:0}
/* Горизонтальный кадр без боковых полей. Масштабирование сохраняет пропорции. */
.reference-photo{aspect-ratio:1.65;overflow:hidden;background:transparent}
.reference-photo img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 65%}
.room-illustration-caption{font-size:10px;line-height:1.5;margin:8px 3px 0;color:#606850}
.reference-right .reference-conditions{margin-top:15px}
@media(max-width:760px){.reference-photo{aspect-ratio:1.4}.reference-photo img{height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 65%}.room-illustration-caption{font-size:9px}}
/* Согласованная система для всех четырёх услуг. */
.reference-photo-couple{aspect-ratio:735/616}
.reference-photo-couple img{object-fit:cover;object-position:center!important}
.reference-photo-supervision{aspect-ratio:735/490}
.reference-photo-body{aspect-ratio:1.22}
.reference-page #body-heading{}
.reference-page .service-process>div:first-child{display:block}
.reference-page .service-process>div:first-child>h2{margin-top:18px}
.reference-page .supervision-extra{padding-block:25px 45px}
.reference-page .supervision-extra>.wrap{background:#eeeedf;border-radius:25px;padding:35px}
.reference-highlights p{max-width:140px}
@media(max-width:760px){.reference-photo-couple{aspect-ratio:735/616}.reference-photo-supervision{aspect-ratio:735/490}.reference-photo-body{aspect-ratio:1.05}.reference-page #body-heading{}.reference-page .service-process>div:first-child>h2{font-size:33px}.reference-page .supervision-extra>.wrap{padding:26px 22px}.reference-page .supervision-extra h2{font-size:31px}}

/* Одинаковая геометрия четырёх новых иллюстраций услуг. */
.reference-page .reference-photo{aspect-ratio:1.72;border-radius:24px;background:transparent;border:0;padding:0;box-shadow:none}
.reference-page .reference-photo img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
@media(max-width:760px){.reference-page .reference-photo{aspect-ratio:1.72;border-radius:24px}.reference-page .reference-photo img{height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}}