/*
Theme Name: Стройнадзор — проекты
Version: 1.0.0
Description: Лендинг с анкетой промышленного объекта.
*/
body{font-family:Arial,sans-serif} .project-form{max-width:1180px;margin:auto;padding:70px 6vw;background:#f1f5f9;color:#152b38}.project-form h2{font-size:clamp(30px,4vw,48px);line-height:1.15}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-form label{display:block;font-size:16px;font-weight:600}.project-form input,.project-form select,.project-form textarea{display:block;width:100%;margin-top:9px;border:1px solid #bac8d4;border-radius:12px;padding:15px;background:white;color:#152b38;font:inherit;box-sizing:border-box}.project-form button{padding:18px 28px;border:0;border-radius:12px;background:#1559dc;color:white;font-size:18px;font-weight:bold;cursor:pointer}.project-form .wide{grid-column:1/-1}.project-form .consent{font-weight:400;display:flex;align-items:start;gap:12px;margin:24px 0}.project-form .consent input{width:20px;flex:none;margin:4px 0}.project-form .trap{position:absolute;left:-10000px}.notice{padding:20px;border-radius:12px;background:#e3f3dc}header{position:sticky;top:0;z-index:20;box-shadow:0 4px 24px #102b3510}a.button{border-radius:12px;transition:transform .2s,box-shadow .2s}a.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #122b3520}.card,.case{border-radius:18px;padding:26px;box-shadow:0 10px 40px #102b3509}img{border-radius:18px}details{background:#ffffff0a;border-radius:12px;margin:10px 0}html{scroll-padding-top:110px}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.project-form{padding:40px 6vw}}
/* Cohesive landing layout: section gutters must not inherit card padding. */
body{overflow-x:clip}main{display:block}img{max-width:100%;height:auto}section{padding-top:64px;padding-bottom:64px}section.case{padding:64px max(6vw,calc((100vw - 1180px)/2));border-radius:0;box-shadow:none}section.case>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}figure{margin:0}.hero>* ,.grid>*,.case>*,.split>*{min-width:0}.landing-document{background:radial-gradient(ellipse at 90% 5%,#dce9ff 0,transparent 45%),#f4f7fc}.landing-document .hero{background:radial-gradient(ellipse at 85% 10%,#bed7ff80,transparent 58%),linear-gradient(120deg,#f5f8ff,#edf3ff)}.landing-zos .hero{background:radial-gradient(ellipse at 85% 15%,#377e6077,transparent 60%),linear-gradient(130deg,#102c2a,#173e36)}.hero{position:relative}.sheet{border-radius:18px;box-shadow:16px 20px 0 #d7e5fc99,0 22px 65px #183d7212}.white{background:#ffffffd9}.light{background:linear-gradient(130deg,#edf5ed,#e4eee9)}.card{transition:transform .2s,box-shadow .2s;border-radius:18px}.landing-zos .card{background:white}.card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #183d7214}.project-form{max-width:none;padding:72px max(6vw,calc((100vw - 1180px)/2));background:radial-gradient(ellipse at 100% 0,#d4e5ff,transparent 55%),#edf3fa}.landing-zos .project-form{background:radial-gradient(ellipse at 100% 0,#dceab9,transparent 55%),#edf4ed}.landing-zos .project-form button{background:#cbf47c;color:#142d28}.button,.project-form button{transition:background .2s,color .2s,transform .2s,box-shadow .2s!important}.landing-document a.button:hover,.landing-document .project-form button:hover{background:#0c40a8;color:#fff;box-shadow:0 12px 26px #1559dc40;transform:translateY(-3px)}.landing-zos a.button:hover,.landing-zos .project-form button:hover{background:#e1ffac;color:#102c2a;box-shadow:0 12px 28px #8cb93c45;transform:translateY(-3px)}a.button:active,.project-form button:active{transform:translateY(0)}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{outline:3px solid #1559dc33;border-color:#1559dc}.project-form button:focus-visible{outline:3px solid #e7a231;outline-offset:5px}nav a:hover{color:#3779df;text-decoration:underline;text-underline-offset:6px}.landing-zos nav a:hover{color:#cbf47c}.admin-bar header{top:32px}.project-form .trap{width:1px;height:1px;overflow:hidden}details{padding:22px 18px;background:#ffffff70}summary:hover{color:#1559dc}@media(max-width:760px){section.case{padding:40px 6vw}.project-form{padding:44px 6vw}.hero{gap:30px}section{padding-top:40px;padding-bottom:40px}.sheet{box-shadow:8px 10px 0 #d7e5fc99}.row{flex-wrap:wrap;gap:6px}h1{letter-spacing:-1px}.button{max-width:100%}.admin-bar header{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.button,.project-form button{transition:none!important;transform:none!important}}
/* ZOS: light architectural palette. */
.landing-zos{background:#f5f7fb;color:#192c45}.landing-zos header{background:#fff;color:#192c45;border-bottom:1px solid #dde5f0}.landing-zos .brand span{color:#1559dc}.landing-zos .hero{background:radial-gradient(ellipse at 85% 10%,#c6ddff88,transparent 58%),linear-gradient(130deg,#f7f9ff,#eaf1fc);color:#192c45}.landing-zos .hero p,.landing-zos .photo figcaption{color:#52657d}.landing-zos .eyebrow,.landing-zos .hero .eyebrow{color:#1559dc}.landing-zos .button,.landing-zos .project-form button{background:#1559dc;color:white;border-radius:12px}.landing-zos .button:hover,.landing-zos .project-form button:hover{background:#0c40a8!important;color:white!important;box-shadow:0 12px 26px #1559dc40!important}.landing-zos .label{background:#dbe9ff;color:#143c73;border-radius:12px}.landing-zos .light{background:linear-gradient(130deg,#eef3fc,#e5edfa)}.landing-zos .card{border-color:#b9d0f0}.landing-zos .number{color:#1559dc}.landing-zos .contact{background:linear-gradient(120deg,#172a46,#243e61);color:white}.landing-zos .project-form{background:radial-gradient(ellipse at 100% 0,#d4e5ff,transparent 55%),#edf3fa}.landing-zos footer{background:#e8eef7;color:#51627a}.landing-zos nav a:hover{color:#1559dc}
/* Document-focused hero inspired by the supplied composition. */
.document-intro{max-width:1320px;margin:0 auto;padding:40px 36px 58px}.document-banner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;background:linear-gradient(120deg,#234b69,#357995);border-radius:52px 52px 100px 52px;overflow:hidden;box-shadow:0 22px 60px #213f6015;min-height:560px}.document-copy{position:relative;z-index:2;padding:58px 20px 48px 54px;color:white}.document-kicker{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#b9e5f7;margin:0 0 23px}.document-copy h1{font-size:clamp(34px,3.4vw,48px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 20px}.document-price{font-size:46px;line-height:1.1;font-weight:800;letter-spacing:-1px}.document-price span{display:block;font-size:17px;font-weight:400;letter-spacing:0;margin-top:7px;color:#d4e9f3}.document-description{font-size:17px;line-height:1.5;max-width:490px;color:#e6f0f5;margin:24px 0 16px}.document-art{position:relative;min-height:100%;overflow:hidden}.document-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% center;border-radius:0}.document-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#32678360,transparent 24%);pointer-events:none}.document-copy a.document-cta{border-radius:40px;background:white;color:#24617d;padding:18px 25px;font-size:15px;display:inline-flex;gap:20px;align-items:center}.document-copy a.document-cta:hover{background:#def3ff!important;color:#17455e!important;box-shadow:0 12px 25px #0a263b50!important}.document-region{font-size:12px;color:#c2dbe8;line-height:1.5}.document-support{position:relative;z-index:3;display:flex;gap:30px;align-items:center;justify-content:space-between;background:white;margin:-10px 42px 0 26px;border-radius:0 0 32px 32px;padding:28px 32px;box-shadow:0 16px 40px #183d7210;border:1px solid #edf0f4}.support-number{font-size:11px;letter-spacing:1.5px;color:#327896;font-weight:700}.document-support h2{font-size:24px;letter-spacing:-.4px;margin:6px 0}.document-support p{font-size:14px;line-height:1.5;color:#617080;margin:0;max-width:600px}.document-support a.button{flex-shrink:0;border-radius:40px;font-size:14px;margin:0}.document-intro .button span{font-size:21px}body{background:#f8fafc}.document-intro+section{border-top:1px solid #e9edf2}@media(max-width:900px){.document-intro{padding:25px 20px 40px}.document-copy{padding:38px 20px 36px 30px}.document-copy h1{font-size:34px}.document-price{font-size:40px}.document-support{margin:0 15px;gap:20px;padding:24px;flex-wrap:wrap}}@media(max-width:600px){.document-intro{padding:16px 14px 36px}.document-banner{grid-template-columns:1fr;border-radius:28px 28px 52px 28px;min-height:0}.document-copy{padding:30px 24px}.document-copy h1{font-size:34px}.document-kicker{font-size:10px;letter-spacing:1.1px}.document-price{font-size:38px}.document-description{font-size:16px}.document-art{height:240px;min-height:0;grid-row:2}.document-art img{object-position:center 57%}.document-art:after{display:none}.document-copy a.document-cta{font-size:13px;padding:16px 19px;gap:12px}.document-support{margin:0 8px;padding:22px 18px}.document-support h2{font-size:22px}.document-support a.button{width:100%;text-align:center}}
.document-banner{border-bottom-right-radius:0;min-height:530px}.document-notch{position:absolute;z-index:4;right:0;bottom:0;background:#f8fafc;padding:20px 0 0 20px;border-radius:38px 0 0 0}.document-notch:before{content:'';position:absolute;right:0;top:-30px;width:30px;height:30px;border-radius:0 0 30px 0;box-shadow:0 15px 0 #f8fafc}.document-notch:after{content:'';position:absolute;bottom:0;left:-30px;width:30px;height:30px;border-radius:0 0 30px 0;box-shadow:15px 0 0 #f8fafc}.document-notch a.notch-cta{margin:0;border-radius:40px;padding:18px 34px;background:linear-gradient(135deg,#2c627a,#57a6c4);color:white;display:flex;gap:24px;align-items:center;font-size:16px;box-shadow:0 7px 18px #2b719625}.document-notch a.notch-cta:hover{background:#194b65!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 12px 24px #265c9440!important}.document-support{margin-top:18px;border-radius:28px}.document-copy{align-self:center}@media(max-width:600px){.document-banner{min-height:0;border-bottom-right-radius:0}.document-art{height:300px}.document-notch{padding:14px 0 0 14px;border-top-left-radius:30px}.document-notch a.notch-cta{padding:15px 24px;font-size:14px}.document-support{margin-top:16px}}
.document-notch a.notch-cta{font-size:14px;padding:18px 24px;gap:14px}@media(max-width:600px){.document-notch{max-width:94%}.document-notch a.notch-cta{font-size:12px;padding:16px 18px;gap:10px}}
/* Distinct landing identities */
body.landing-document{--accent:#1555c4;background:#fff;color:#182337}
body.landing-zos{--accent:#bc4a17;background:#fcfaf6;color:#262626}
.document-intro{max-width:1320px;padding:48px 32px}
.document-banner{background:#f0f5ff;box-shadow:none;border-radius:36px 36px 0 36px;gap:24px}
.document-copy{padding:44px 12px 44px 40px;color:#172b4a}
.document-copy h1{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-1.8px}
.document-kicker,.document-region{color:#406085}
.document-description{color:#4b5d76;line-height:1.65}
.hero-benefits{padding:0;list-style:none;font-size:14px;line-height:1.6}
.hero-benefits li{margin:10px 0;padding-left:22px;position:relative}
.hero-benefits li:before{content:'✓';position:absolute;left:0;color:var(--accent)}
.document-art{border-radius:24px 24px 0 24px;align-self:stretch}
.document-art:after{display:none}
.document-notch{background:#fff}.document-notch:before{box-shadow:0 15px 0 #fff}.document-notch:after{box-shadow:15px 0 0 #fff}
.document-notch a.notch-cta{background:#1555c4}
.task-options{max-width:1256px;margin:0 auto;padding:35px 32px 64px}
.section-eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.5px;color:var(--accent)}
.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.task-card{display:block;padding:28px;border:1px solid #dce3ed;border-radius:20px;text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.task-card span{display:flex;justify-content:space-between;color:var(--accent);font-size:13px}
.task-card h3{font-size:23px;margin:24px 0 12px}.task-card p{font-size:16px;color:#566374;margin:0}
.task-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 30px #20345112}
body .button:hover,body button[type=submit]:hover{filter:brightness(.88);transform:translateY(-2px)}
body a:focus-visible,body button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.landing-zos .document-banner{background:#292b30;border-radius:8px;grid-template-columns:1.1fr 1fr;padding:22px;gap:32px}
.landing-zos .document-copy{color:#fff;padding:30px 18px}
.landing-zos .document-description,.landing-zos .document-region{color:#d2d3d6}
.landing-zos .document-kicker,.landing-zos .hero-benefits li:before{color:#ffb27f}
.readiness{background:#fff8ee;border-radius:4px;padding:30px;color:#292b30;align-self:center}
.route-label{font-size:11px;letter-spacing:1.5px;color:#8f411e}
.readiness ol{list-style:none;margin:20px 0;padding:0}.readiness li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #dfd7cd}.readiness li>span{font-size:14px;color:#bc4a17;padding-top:4px}.readiness h3{margin:0;font-size:22px}.readiness p{margin:5px 0;font-size:13px}.readiness small{display:block;font-size:11px;line-height:1.5;color:#665a4c}
.landing-zos .readiness .button,.landing-zos .project-form button[type=submit],.landing-zos .contact .button{background:#bc4a17!important;color:#fff!important;border-radius:5px}
.landing-zos .brand span,.landing-zos .number,.landing-zos .eyebrow{color:#bc4a17}
.landing-zos .light{background:#f2ede5}.landing-zos .task-card{border-radius:4px;border-top:3px solid #bc4a17}.landing-zos .contact{background:#292b30}.landing-zos footer{background:#eeebe5;color:#4f4b45}
.form-extra{grid-column:1/-1}.form-extra summary{font-size:16px;color:var(--accent);padding:10px 0}.form-extra .form-grid{margin-top:18px}
@media(max-width:800px){.document-banner,.landing-zos .document-banner{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr}.document-art{height:350px}.document-copy{padding:30px}.document-intro{padding:22px 16px}.task-options{padding:25px 20px 40px}.landing-zos .document-banner{padding:12px}.readiness{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body a,body button{transition:none!important;transform:none!important}}
.portfolio-showcase{max-width:1256px;margin:0 auto;padding:64px 32px}.portfolio-showcase>h2{text-align:center;margin:10px 0 30px}.portfolio-showcase>.section-eyebrow{text-align:center}.portfolio-slide{display:grid;grid-template-columns:1.25fr 1fr;border-radius:28px;overflow:hidden;background:#f0f4fa;min-height:370px}.portfolio-slide[hidden]{display:none!important}.portfolio-copy{padding:38px;position:relative}.portfolio-copy:before{content:'';position:absolute;top:0;left:0;width:55px;height:55px;border-top:5px solid var(--accent);border-left:5px solid var(--accent)}.portfolio-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.portfolio-top h3{font-size:27px;margin:0}.portfolio-top small{display:block;font-size:10px;letter-spacing:1px;color:#657183}.portfolio-top strong{display:block;font-size:22px;line-height:1.35;margin-top:7px}.portfolio-location{font-size:15px;margin:25px 0 15px}.portfolio-status{display:inline-block;background:white;border-radius:20px;padding:6px 12px;font-size:13px;color:var(--accent)}.portfolio-description{font-size:16px;line-height:1.7;margin-top:22px;color:#4f5c6c}.portfolio-slide img{width:100%;height:100%;max-height:470px;min-height:370px;object-fit:cover;object-position:center 42%}.portfolio-controls{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:20px}.portfolio-controls button{border:0;background:var(--accent);color:#fff;border-radius:50%;width:46px;height:46px;cursor:pointer;font-size:24px}.portfolio-dots{display:flex;gap:10px}.portfolio-dots button{width:14px;height:14px;padding:0;background:#d7dce4}.portfolio-dots button[aria-pressed=true]{background:var(--accent)}.portfolio-count{font-size:12px;color:#627083}.landing-zos .portfolio-slide{background:#eee9e0;border-radius:5px}.landing-zos .portfolio-copy:before{border-color:#bc4a17}@media(max-width:700px){.portfolio-showcase{padding:40px 16px}.portfolio-slide{grid-template-columns:1fr}.portfolio-copy{padding:28px 22px}.portfolio-top{gap:15px}.portfolio-top h3{font-size:23px}.portfolio-top strong{font-size:19px}.portfolio-slide img{height:260px;min-height:0;max-height:none}.portfolio-controls{gap:12px}}