@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-medium-v7.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-bold-v7.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#1e3038;--muted:#5a6a70;--paper:#f3f4ef;--line:#c6cfcc;--accent:#c16b48;--light:#f6f4ec;--gutter:clamp(24px,5.5vw,100px);--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 Manrope,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(64px,7.6vw,116px)}h2{font-size:clamp(40px,4.7vw,74px)}h3{font-size:30px;line-height:1.15}img{display:block;width:100%;height:auto}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#dca17c;color:#17272e}.wrap{width:calc(100% - var(--gutter)*2);max-width:1580px;margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;font-weight:500}.intro{font-size:17px;line-height:1.65;color:var(--muted)}.micro{font-size:11px;line-height:1.65;color:var(--muted)}.skip{position:fixed;left:24px;top:-100px;z-index:30;padding:15px;background:white}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.image-surface{position:relative;isolation:isolate;overflow:hidden}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:19px 25px;min-height:64px;background:#f2efe2;color:#21333a;border:1px solid transparent;border-radius:2px;font-size:17px;font-weight:500;transition:transform 160ms var(--ease-out),background 180ms ease}.button span{font-size:23px;line-height:1}.button:active{transform:scale(.97)}.button-dark{background:var(--ink);color:var(--light)}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:17px}.brand{font-size:30px;font-weight:600;letter-spacing:-.06em;line-height:1}.brand span{display:block;margin-top:10px;font-size:9px;letter-spacing:.035em;font-weight:400}.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:30px var(--gutter);color:var(--light);gap:25px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.site-header nav a{padding-block:8px}.nav-action{border-bottom:1px solid #e1dfd1}.menu-toggle{display:none}.hero{height:min(980px,96dvh);min-height:820px;color:var(--light)}.hero-picture,.hero-picture img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:66% 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,18,22,.85),rgba(9,18,22,.55) 34%,transparent 74%),linear-gradient(0deg,rgba(9,18,22,.94),transparent 32%),linear-gradient(180deg,rgba(9,18,22,.6),transparent 25%)}.hero-copy{position:absolute;left:var(--gutter);top:23%;max-width:850px}.hero-copy .eyebrow{color:#e5d5c4}.hero-lead{font-size:19px;line-height:1.55;color:#e1e4de;max-width:570px;margin-top:28px;letter-spacing:-.01em}.hero-copy .button{margin-top:32px}.hero-index{position:absolute;bottom:88px;right:var(--gutter);display:flex;gap:40px}.hero-index>div{display:grid;gap:4px}.hero-index strong{font-size:39px;font-weight:400;letter-spacing:-.05em;line-height:1.2}.hero-index strong span{font-size:15px}.hero-index>div>span{font-size:10px;color:#d1d8d3}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:25px;border-top:1px solid #ffffff40;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#d9dfda}
/* Чертёж и площадь занимают основную поверхность раздела. */
.drawing-surface{background-color:var(--paper);background-image:linear-gradient(#23404e08 1px,transparent 1px),linear-gradient(90deg,#23404e08 1px,transparent 1px);background-size:40px 40px}.plan-section{padding:105px 0 75px}.plan-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px 6%;align-items:start}.plan-copy .intro{max-width:430px;margin-top:29px}.plan-board{position:relative;margin-top:16px}.plan-board>img{mix-blend-mode:multiply}.plan-hotspot{position:absolute;width:36px;height:36px;display:grid;place-items:center;border:1px solid #233b44;background:#f3f4ef;color:#233b44;border-radius:50%;font-size:11px;font-weight:600;box-shadow:0 0 0 6px #f3f4ef75;transition:transform 180ms var(--ease-out),background 180ms ease,color 180ms ease}.plan-hotspot.active{background:#b66040;color:white;border-color:#b66040;transform:scale(1.1)}.hotspot-living{left:48%;top:56%}.hotspot-bedroom{left:24%;top:24%}.hotspot-terrace{left:82%;top:52%}.plan-zoom{background:transparent;border:0;border-bottom:1px solid #87959a;padding:6px 0;font-size:12px;color:var(--ink);margin-left:11.5%}.room-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-top:32px}.room-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:12px;color:var(--muted)}.room-tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}.room-panel{margin-top:22px;max-width:430px;min-height:230px}.room-size{font-size:64px;letter-spacing:-.055em;line-height:1.1;color:#aa563b}.room-size span{font-size:24px}.room-panel h3{font-size:24px;letter-spacing:-.035em;margin-top:12px}.room-panel>p:last-child{font-size:14px;color:var(--muted);line-height:1.65;margin-top:14px}.area-infographic{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:50px;border-top:1px solid var(--line);padding-top:45px}.area-ring{position:relative;flex:0 0 190px;width:190px;height:190px}.area-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.area-ring circle{fill:none;stroke-width:8}.ring-base{stroke:#d3dcd6}.ring-inside{stroke:#2d4a55;stroke-dasharray:68.98 31.02}.ring-terrace{stroke:#bf704d;stroke-dasharray:31.02 68.98;stroke-dashoffset:-68.98}.area-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.area-ring strong{font-size:34px;font-weight:500;letter-spacing:-.045em}.area-ring>div>span{font-size:11px}.area-description{max-width:640px}.area-description .eyebrow{margin-bottom:12px}.area-description h3{font-size:31px}.area-legend{display:flex;gap:28px;flex-wrap:wrap;margin-top:20px;font-size:12px}.area-legend>span{display:flex;align-items:center;gap:7px}.area-legend i{width:8px;height:8px;border-radius:50%}.inside-key{background:#2d4a55}.terrace-key{background:#bf704d}.area-description .micro{max-width:570px;margin-top:16px}
/* Четыре этапа переключаются без автопрокрутки и таймера. */
.build-section{color:var(--light);min-height:920px;background:#18262b}.build-background,.build-background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-3}.build-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(11,26,32,.24),rgba(11,26,32,.18) 32%,rgba(11,26,32,.92) 71%),linear-gradient(180deg,rgba(11,26,32,.87),transparent 45%),linear-gradient(0deg,rgba(11,26,32,.86),transparent 35%)}.build-layout{padding-block:75px 45px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px 9%;min-height:920px}.build-heading{grid-column:1/-1;max-width:1000px}.build-heading h2{font-size:clamp(39px,4.1vw,64px)}.build-heading>p:last-child{font-size:14px;max-width:520px;color:#d3ddd9;margin-top:22px}.build-story{grid-column:2;display:grid;grid-template-columns:58px 1fr;gap:14px;align-self:center}.scene-number{font-size:31px;font-weight:500;line-height:1;letter-spacing:-.04em}.scene-number>span:last-child{display:block;font-size:11px;color:#a5b9bc;letter-spacing:0;margin-top:12px}.scene-copy .eyebrow{font-size:10px;color:#dfb399;margin-bottom:20px}.scene-copy h3{font-size:clamp(30px,2.5vw,40px)}.scene-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#e0e6de;margin-top:22px}.scene-copy .scene-fact{font-size:12px!important;border-left:1px solid #b58d73;padding-left:16px;color:#b9c8c8!important}.scene-zoom{grid-column:2;justify-self:start;margin-top:12px;background:none;color:var(--light);border:0;border-bottom:1px solid #a1b3b1;padding:0 0 8px;font-size:12px}.stage-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-self:end;margin-top:35px}.stage-tabs button{background:transparent;color:#e0e8df;border:0;text-align:left;padding:15px 0 0;font-size:13px;position:relative}.stage-tabs button>span{font-size:10px;display:inline-block;margin-right:15px;color:#cba58a}.stage-tabs i{display:block;margin-top:18px;height:2px;background:#b0c4c54d;position:relative;overflow:hidden}.stage-tabs i::after{content:'';position:absolute;inset:0;background:#dcac88;transform:scaleX(0);transform-origin:left;transition:transform 250ms var(--ease-out)}.stage-tabs .active i::after{transform:scaleX(1)}.stage-tabs .active{color:white}.gallery-sources{display:none}
.character-section{background:#e5e9e5}.character-heading{display:grid;grid-template-columns:1fr .75fr;gap:25px 11%;padding:85px 0 50px;align-items:end}.character-heading .eyebrow{grid-column:1/-1;margin-bottom:0}.character-heading>p:last-child{font-size:16px;color:var(--muted);max-width:440px;line-height:1.7}.facade-canvas{position:relative}.facade-photo{display:block;padding:0;border:0;width:100%;background:#24343a}.facade-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}.material-tag{position:absolute;background:#f1f2e9ee;color:#22353c;border:1px solid #fff7;padding:15px 21px;box-shadow:0 10px 30px #00000010;pointer-events:none}.material-tag span,.material-tag small{display:block;font-size:10px;line-height:1.5}.material-tag span{text-transform:uppercase;letter-spacing:.055em;color:#586c73;margin-bottom:4px}.material-tag strong{display:block;font-size:18px;line-height:1.5;letter-spacing:-.02em;font-weight:500}.material-tag small{color:#53686e}.material-tag i{position:absolute;width:1px;height:70px;background:#ecede1;bottom:-70px;left:22px;transform-origin:top}.material-tag i::after{content:'';position:absolute;width:7px;height:7px;background:#eeefe6;border-radius:50%;bottom:-3px;left:-3px;box-shadow:0 0 0 5px #ffffff30}.tag-roof{left:49%;top:4%}.tag-roof i{height:65px;bottom:-65px;transform:rotate(12deg)}.tag-window{left:15%;top:43%}.tag-window i{height:55px;bottom:-55px}.tag-wood{right:5.5%;top:64%}.tag-wood i{top:-90px;height:90px;transform:rotate(160deg)}.photo-caption{position:absolute;bottom:20px;left:var(--gutter);font-size:10px;color:#fff;background:#17272baf;padding:6px 12px}.character-bottom{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center;padding-block:55px 80px}.character-bottom>p{font-size:23px;line-height:1.5;letter-spacing:-.03em;max-width:370px}.character-bottom figure{max-width:650px}.image-button{display:block;background:none;border:0;padding:0;width:100%}.character-bottom img{aspect-ratio:16/9;object-fit:cover}.character-bottom figcaption{font-size:10px;color:var(--muted);margin-top:12px}
.terrace-section{color:#faf6e9;min-height:800px;display:grid;align-items:center}.terrace-background{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}.terrace-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(14,29,34,.83),rgba(14,29,34,.5) 48%,rgba(14,29,34,.15)),linear-gradient(0deg,rgba(14,29,34,.8),transparent 35%)}.terrace-layout{display:grid;grid-template-columns:1fr .6fr;gap:17%;padding-block:100px;align-items:end}.terrace-copy h2{font-size:clamp(42px,4.8vw,74px)}.terrace-copy>p:not(.eyebrow){font-size:20px;max-width:500px;line-height:1.6;color:#e1e1d5;margin-top:30px}.terrace-copy .text-link{margin-top:35px;font-size:14px;color:#f5d7bd}.terrace-measure{align-self:end}.terrace-measure>span{font-size:11px}.terrace-measure>strong{display:block;font-size:86px;letter-spacing:-.055em;font-weight:400;line-height:1.25;white-space:nowrap}.terrace-measure small{font-size:30px}.terrace-outline{position:relative;width:235px;height:170px;margin-top:24px;border:1px solid #f8e5c3;background:linear-gradient(0deg,#ebc99835 1px,transparent 1px);background-size:10px 10px}.terrace-outline span{position:absolute;inset:0 45px 35px 0;display:grid;place-items:center;background:#e5e5d9e8;color:#243c43;font-size:13px}.terrace-outline b{position:absolute;right:8px;bottom:8px;font-size:10px;font-weight:400}.terrace-outline i{position:absolute;inset:0;border:1px solid #ffe6b1}.terrace-caption{position:absolute;left:var(--gutter);bottom:24px;font-size:10px;color:#e1e3d5;max-width:650px}
/* Единственный раздел без основной фотографии или чертежа. */
.cost-section{padding:100px 0 90px;background:#f5f4ef}.cost-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:55px}.cost-heading>p{font-size:16px;color:var(--muted);line-height:1.65}.packages{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;margin:0;gap:35px}.package-card{position:relative;display:flex;flex-direction:column;align-items:stretch;border-top:2px solid #87979a;padding:25px 0 0;cursor:pointer}.package-card.active{border-top-color:var(--accent)}.package-card input{position:absolute;top:25px;right:0;width:18px;height:18px;accent-color:#a85539}.package-number{font-size:11px;color:var(--muted);margin-bottom:22px}.package-top{display:grid;gap:22px}.package-top>span{font-size:32px;line-height:1.14;letter-spacing:-.04em}.package-top strong{font-size:48px;font-weight:500;letter-spacing:-.055em;line-height:1.15}.package-top small{font-size:25px;font-weight:400}.package-body{display:block;margin-top:25px}.package-desc{display:block;font-size:15px;line-height:1.7;max-width:430px;min-height:76px;color:var(--muted)}.scope-line{display:flex;align-items:center;gap:8px;margin-top:25px}.scope-line b{font-size:10px;font-weight:500}.scope-line i{height:1px;background:#a4b3b5;width:24px;position:relative}.scope-line i::after{content:'';position:absolute;right:0;top:-2px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:4px solid #a4b3b5}.package-features{display:block;font-size:12px;color:var(--muted);margin-top:22px;max-width:460px;line-height:1.9;min-height:70px}.package-select{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #b2bfbd;font-size:13px;padding-block:16px;margin-top:25px}.package-select b{font-size:22px;font-weight:400}.package-card.active .package-select{color:#a65336}.cost-foot{display:grid;grid-template-columns:1fr auto;gap:10%;align-items:center;margin-top:42px}.cost-foot>p{font-size:11px;color:var(--muted);max-width:700px;line-height:1.75}.cost-foot .button{font-size:15px;gap:20px}.faq{display:grid;grid-template-columns:.7fr 1fr;gap:15%;margin-top:80px;border-top:1px solid var(--line);padding-top:45px}.faq h3{font-size:28px;line-height:1.2}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;font-size:16px;line-height:1.5;padding:20px 28px 20px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:0;top:16px;font-size:24px;color:#a25739}.faq details[open] summary::after{content:'−'}.faq details:first-child summary{padding-top:0}.faq details:first-child summary::after{top:-4px}.faq details p{padding:0 20px 20px 0;font-size:13px;color:var(--muted);line-height:1.8}
.request-section{color:var(--light);padding-top:100px;background:#14272e}.request-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;z-index:-3}.request-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,26,31,.64),rgba(11,26,31,.88) 53%,rgba(11,26,31,.96)),linear-gradient(0deg,rgba(11,26,31,.9),transparent 35%);z-index:-2}.request-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-bottom:65px}.request-copy h2{font-size:clamp(46px,5.2vw,78px)}.request-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:400px;color:#d7ded8;margin-top:30px}.request-summary{display:grid;gap:7px;margin-top:50px;border-top:1px solid #b4c5c166;padding-top:23px;max-width:350px}.request-summary>span{font-size:12px;color:#b5c8c7}.request-summary strong{font-size:29px;font-weight:500}.form-mode,.form-operator{font-size:10px;line-height:1.7;color:#c2cfc9}.form-mode{margin-bottom:18px}.form-operator{margin-top:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form label{display:block;font-size:12px;line-height:1.4;margin:19px 0 9px}.form-row label{min-height:31px}form label span{display:block;font-size:10px;color:#b4c7c6;margin-top:3px}input,select,textarea{display:block;width:100%;border:1px solid #8da6a180;background:#263a40b3;color:#f4f3e9;border-radius:2px;padding:14px;font-size:16px;line-height:1.45}select{color-scheme:dark}input::placeholder,textarea::placeholder{color:#aebfbd}textarea{resize:vertical}form .button{width:100%;margin-top:25px;font-size:15px}.field-error{font-size:11px;color:#f4c7a5;margin-top:7px}.field-error:empty,.form-result:empty{display:none}[aria-invalid="true"]{border:2px solid #efbd93}.form-result{font-size:12px;margin-top:18px;border-left:2px solid #d6ab8d;padding-left:14px}.footer{border-top:1px solid #9ab3b24d;display:grid;grid-template-columns:.6fr 1.2fr auto;align-items:center;gap:25px;padding-block:30px;color:#c3d1cd}.footer p,.footer>a:last-child{font-size:10px;line-height:1.7}.footer .brand{font-size:26px}
/* Движение даёт иерархию и связь выбора с изображением. */
@keyframes appear{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-copy .eyebrow{animation:appear 650ms var(--ease-out) both}.hero-copy h1{animation:appear 800ms var(--ease-out) 60ms both}.hero-lead{animation:appear 800ms var(--ease-out) 120ms both}.hero-copy .button{animation:appear 800ms var(--ease-out) 180ms both}.js .reveal{opacity:.4;transform:translateY(14px);transition:transform 700ms var(--ease-out),opacity 700ms var(--ease-out)}.js .reveal.in-view{opacity:1;transform:translateY(0)}.js .area-ring.reveal{transform:scale(.94)}.js .area-ring.in-view{transform:scale(1)}
@media(hover:hover) and (pointer:fine){.button:hover{background:#e2cfb8}.button-dark:hover{background:#344f59}.site-header nav a:hover,.text-link:hover{color:#efc29a}.plan-hotspot:hover{transform:scale(1.12)}.image-button img,.facade-photo img{transition:transform 700ms var(--ease-out)}.image-button:hover img{transform:scale(1.015)}}
dialog{width:min(1240px,calc(100% - 28px));max-height:96dvh;margin:auto;padding:20px;border:1px solid #a4b2b3;border-radius:2px;background:#f3f4ef;color:var(--ink)}dialog::backdrop{background:#07151bea}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:15px}.close-dialog,.gallery-arrow{border:1px solid #b4c0bf;background:#e7ebe4;color:var(--ink);padding:8px 13px;border-radius:2px;font-size:13px}.dialog-media{display:grid;grid-template-columns:40px 1fr 40px;gap:15px;align-items:center}.dialog-media.single{grid-template-columns:1fr}.dialog-media img{width:auto;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.gallery-arrow[hidden]{display:none}#photo-caption{font-size:12px;margin-top:15px;color:var(--muted)}
@media(max-width:1100px){.site-header nav{gap:22px}.hero-index{gap:28px}.hero-index strong{font-size:33px}.hero-copy h1{font-size:82px}.plan-layout{grid-template-columns:.9fr 1.1fr;gap:35px 4%}.room-size{font-size:55px}.build-layout{gap:35px 5%;grid-template-columns:1fr 1fr}.build-story{grid-template-columns:45px 1fr}.material-tag{padding:11px 15px}.material-tag strong{font-size:15px}.terrace-layout{gap:9%;grid-template-columns:1fr .65fr}.terrace-measure>strong{font-size:70px}.cost-foot{gap:35px}.request-layout{gap:7%}.package-top strong{font-size:43px}}
@media(max-width:760px){
:root{--gutter:24px}body{font-size:16px}h2{font-size:40px}.eyebrow{font-size:10px;margin-bottom:22px}.site-header{padding:24px;align-items:start}.brand{font-size:26px}.brand span{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:22px;min-height:40px;padding:9px 12px;border:1px solid #ffffff66;background:#11242cc4;border-radius:2px;color:var(--light);font-size:11px}.menu-toggle span{font-size:18px;line-height:1}.site-header nav{display:none;position:absolute;top:87px;left:24px;right:24px;padding:18px 22px;background:#1b3039;border:1px solid #8ca5a666}.site-header nav.is-open{display:grid;gap:8px}.site-header nav a{padding-block:10px;width:fit-content}.hero{min-height:875px;height:100dvh;max-height:1000px}.hero-picture,.hero-picture img{object-fit:cover;object-position:62% top;height:57%;min-height:470px}.hero-shade{background:linear-gradient(0deg,#15272e 1%,#15272ef5 30%,transparent 69%),linear-gradient(180deg,#07171b44,transparent 30%)}.hero-copy{top:auto;bottom:230px;left:24px;right:24px;max-width:none}.hero-copy .eyebrow{font-size:9px;letter-spacing:.035em;margin-bottom:19px}.hero-copy h1{font-size:53px;line-height:1.02;letter-spacing:-.06em}.hero-lead{font-size:15px;line-height:1.6;margin-top:20px;max-width:370px}.hero-lead br{display:none}.hero-copy .button{width:100%;font-size:14px;margin-top:23px;min-height:58px;padding:15px 19px}.hero-index{left:24px;right:24px;bottom:104px;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:15px;border-top:1px solid #ffffff3d;padding-top:19px}.hero-index strong{font-size:30px}.hero-index strong span{font-size:12px}.hero-index>div>span{font-size:9px;line-height:1.5}.hero-bottom{left:24px;right:24px;bottom:20px;font-size:9px;display:block;padding-top:14px}.hero-bottom a{display:block;margin-top:7px;color:#e5c3a8}.plan-section{padding:65px 0 55px}.plan-layout{display:flex;flex-direction:column;gap:28px}.plan-copy h2{font-size:44px}.plan-copy h2 br:nth-child(2){display:none}.plan-copy .intro{font-size:15px;margin-top:24px}.room-tabs{gap:25px;margin-top:20px}.room-tabs button{font-size:12px;padding-block:14px}.room-panel{min-height:210px;margin-top:22px}.room-size{font-size:58px}.room-panel h3{font-size:23px}.room-panel>p:last-child{font-size:14px}.plan-board{width:calc(100% + 28px);margin:0 -14px}.plan-hotspot{width:30px;height:30px;font-size:10px;box-shadow:0 0 0 3px #f3f4ef75}.plan-zoom{font-size:10px}.area-infographic{width:100%;display:grid;grid-template-columns:1fr;gap:22px;padding-top:30px;justify-items:start;margin-top:10px}.area-ring{width:170px;height:170px;justify-self:center}.area-description h3{font-size:27px}.area-description .eyebrow{font-size:9px}.area-legend{gap:10px;margin-top:19px;font-size:11px;display:grid}.area-description .micro{font-size:10px}.build-section{min-height:970px}.build-background,.build-background img{height:61%;object-position:45% center}.build-shade{background:linear-gradient(0deg,#132a34 1%,#132a34 43%,transparent 75%),linear-gradient(180deg,#102730c4,transparent 44%)}.build-layout{min-height:970px;display:flex;flex-direction:column;padding-block:45px 30px;gap:0}.build-heading h2{font-size:33px;max-width:370px}.build-heading>p:last-child{font-size:12px;margin-top:17px;max-width:300px}.build-story{margin-top:auto;display:grid;grid-template-columns:39px 1fr;gap:15px;width:100%;padding-top:280px;min-height:640px}.scene-number{font-size:28px}.scene-copy .eyebrow{font-size:9px;margin-bottom:14px}.scene-copy h3{font-size:29px}.scene-copy>p:not(.eyebrow){font-size:14px;margin-top:18px;line-height:1.7}.scene-copy .scene-fact{font-size:11px!important}.scene-zoom{font-size:11px;margin-top:14px}.stage-tabs{width:100%;gap:10px;margin-top:35px;grid-template-columns:repeat(4,1fr)}.stage-tabs button{font-size:10px;padding-top:10px}.stage-tabs button>span{display:block;margin:0 0 7px;font-size:9px}.stage-tabs i{margin-top:14px}.character-heading{display:block;padding-block:55px 30px}.character-heading .eyebrow{margin-bottom:20px}.character-heading h2{font-size:42px}.character-heading>p:last-child{font-size:15px;margin-top:23px;max-width:none}.facade-photo img{aspect-ratio:1/1;object-position:50% center}.material-tag{padding:9px 11px}.material-tag span{font-size:7px;letter-spacing:.03em}.material-tag strong{font-size:11px}.material-tag small{font-size:8px}.tag-roof{left:38%;top:3%}.tag-roof i{height:25px;bottom:-25px}.tag-window{left:4%;top:40%}.tag-window i{height:30px;bottom:-30px}.tag-wood{right:3%;top:66%}.tag-wood i{top:-40px;height:40px}.photo-caption{bottom:7px;left:12px;right:12px;padding:4px 6px;font-size:7px;width:fit-content}.character-bottom{display:flex;flex-direction:column;padding-block:30px 50px;gap:26px;align-items:stretch}.character-bottom>p{font-size:20px;max-width:none}.character-bottom img{aspect-ratio:4/3}.character-bottom figcaption{font-size:9px}.terrace-section{min-height:830px;align-items:stretch}.terrace-background{height:65%;object-position:61% top}.terrace-shade{background:linear-gradient(0deg,#152b33 1%,#152b33 26%,#152b33e8 40%,#152b3333 68%,#152b3344)}.terrace-layout{display:flex;flex-direction:column;gap:28px;padding:360px 0 80px;align-items:stretch}.terrace-copy .eyebrow{font-size:9px}.terrace-copy h2{font-size:39px}.terrace-copy>p:not(.eyebrow){font-size:16px;line-height:1.65;margin-top:22px}.terrace-copy .text-link{font-size:12px;margin-top:22px}.terrace-measure{display:grid;grid-template-columns:1fr 130px;gap:6px 15px;align-items:center;align-self:stretch}.terrace-measure>span{font-size:9px;grid-column:1}.terrace-measure>strong{font-size:55px;grid-column:1}.terrace-measure small{font-size:20px}.terrace-outline{grid-column:2;grid-row:1/3;margin:0;width:125px;height:93px}.terrace-outline span{inset:0 25px 20px 0;font-size:10px}.terrace-outline b{font-size:7px;right:4px;bottom:4px}.terrace-caption{left:24px;right:24px;bottom:23px;font-size:8px;line-height:1.6}.cost-section{padding-block:60px}.cost-heading{display:block;margin-bottom:40px}.cost-heading h2{font-size:39px}.cost-heading>p{font-size:14px;margin-top:25px}.cost-heading>p br{display:none}.packages{grid-template-columns:1fr;gap:45px}.package-number{font-size:10px}.package-top>span{font-size:29px}.package-top{gap:20px}.package-top strong{font-size:43px}.package-top small{font-size:22px}.package-desc{font-size:14px;min-height:0}.package-body{margin-top:20px}.package-features{font-size:11px;min-height:0;margin-top:18px}.scope-line{margin-top:22px}.scope-line b{font-size:9px}.scope-line i{width:20px}.package-select{font-size:12px;margin-top:22px;padding-block:13px}.cost-foot{display:block;margin-top:30px}.cost-foot>p{font-size:10px}.cost-foot .button{width:100%;font-size:14px;margin-top:24px;padding:16px 18px}.faq{display:block;margin-top:48px;padding-top:30px}.faq h3{font-size:27px;max-width:280px}.faq>div{margin-top:30px}.faq summary{font-size:15px;padding-block:19px}.faq details p{font-size:12px}.request-section{padding-top:60px}.request-background{object-position:55% center}.request-shade{background:linear-gradient(0deg,#112932f5,#112932de),linear-gradient(90deg,transparent,#11293288)}.request-layout{display:block;padding-bottom:40px}.request-copy h2{font-size:48px}.request-copy>p:not(.eyebrow){font-size:16px;max-width:none;margin-top:23px}.request-summary{margin-top:30px;max-width:none;padding-top:20px}.request-summary strong{font-size:25px}.request-summary>span{font-size:11px}.request-layout form{margin-top:35px}.form-row{grid-template-columns:1fr;gap:0}.form-row label{min-height:0}form label{font-size:11px}form .button{font-size:14px;padding:17px 18px;gap:15px;min-height:62px}.form-mode,.form-operator{font-size:10px}.footer{display:flex;flex-wrap:wrap;gap:22px;padding-block:30px}.footer .brand{width:100%;font-size:25px}.footer p,.footer>a:last-child{font-size:9px}.dialog-media{grid-template-columns:28px 1fr 28px;gap:6px}.dialog-media img{max-height:70dvh}.gallery-arrow{padding:6px 3px}dialog{padding:12px}.dialog-toolbar,.close-dialog,#photo-caption{font-size:10px}
}
@media(max-width:380px){.hero-copy h1{font-size:47px}.hero-copy{bottom:235px}.hero-index strong{font-size:27px}.hero-lead{font-size:14px}.plan-copy h2{font-size:40px}.material-tag strong{font-size:10px}.material-tag small{font-size:7px}.build-heading h2{font-size:30px}.terrace-copy h2,.cost-heading h2{font-size:36px}.terrace-measure>strong{font-size:48px}.package-top strong{font-size:40px}.request-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal,.js .area-ring.reveal{opacity:1;transform:none}.plan-hotspot.active{transform:none}}
/* Выноски указывают на материал, а не на соседний элемент фасада. */
@media(min-width:761px){.tag-roof i{height:25px;bottom:-25px}}
.tag-window i{left:100%;top:50%;width:110px;height:1px;bottom:auto;transform:none}
.tag-window i::after{left:auto;right:-3px;bottom:-3px}
.tag-wood i{left:24px;top:-65px;height:65px;bottom:auto;transform:none}
.tag-wood i::after{top:-3px;bottom:auto}
@media(max-width:760px){.tag-window i{width:55px;height:1px;bottom:auto}.tag-wood i{height:40px;top:-40px}}
/* Под фотографиями сохраняем цвет сцены: на узком экране нет светлого шва. */
.hero{background:#15272e}.terrace-section{background:#152b33}
/* На телефоне выбор этапа находится между фотографией и описанием. */
@media(max-width:760px){.build-section,.build-layout{min-height:0}.build-layout{gap:0}.build-heading{order:0;padding-bottom:235px}.stage-tabs{order:1;margin-top:0}.build-story{order:2;padding-top:28px;min-height:0;margin-top:0}.build-background,.build-background img{height:550px}}
@media(max-width:760px){.hero-picture img{height:100%;min-height:0}.hero-shade{background:linear-gradient(0deg,#15272e 0%,#15272e 43%,transparent 68%),linear-gradient(180deg,#07171b44,transparent 30%)}.terrace-background{height:520px}.terrace-shade{background:linear-gradient(180deg,#152b3322 0px,#152b3322 200px,#152b33 520px,#152b33 100%)}}