/* Я — дома / Свой контур: architectural motion system */
:root{--ease:cubic-bezier(.2,.75,.2,1)}
body{background:#f4f4ef}header{position:relative;z-index:30;background:#f4f4eff2}.hero{position:relative;isolation:isolate;min-height:760px;grid-template-columns:1fr 1fr;gap:0;padding-top:70px;padding-bottom:80px;overflow:hidden;background:url('assets/background-light.webp') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f4ef 0%,#f4f4eff5 35%,#f4f4ef30 65%,transparent);z-index:-1}.hero-copy{z-index:3;position:relative}.hero h1{font-size:clamp(64px,7.2vw,112px);letter-spacing:-.065em;line-height:1.01}.hero h1 em{background:linear-gradient(110deg,#173d32,#718447 48%,#939c59);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:490px}.hero-image{min-height:560px;perspective:1200px;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .7s var(--ease)}.hero-image:before{content:'';position:absolute;inset:-35px 0 20px 2%;background:linear-gradient(135deg,#173d32 0%,#244c3b 45%,#a7b89a 47%,#939c59 55%,#173d32 85%);clip-path:polygon(0 12%,100% 0,100% 88%,0 100%,0 12%,4% 15%,4% 94%,95% 83%,95% 6%,4% 18%);filter:drop-shadow(12px 20px 15px #173d3240);transform:translateZ(45px)}.hero-image:after{content:'';position:absolute;width:140px;inset:0 auto 0 52%;background:linear-gradient(90deg,transparent,#e6eca84d,transparent);transform:skew(-14deg);mix-blend-mode:screen;pointer-events:none;animation:light-travel 9s ease-in-out infinite}.hero-image img{position:relative;top:38px;left:4%;width:92%;height:88%;max-height:560px;clip-path:polygon(0 11%,100% 0,100% 89%,0 100%);object-position:center;filter:drop-shadow(0 22px 20px #173d3230);transform:rotateY(-6deg);transition:transform 1s var(--ease)}.hero-image:hover img{transform:rotateY(0)}.hero-image figcaption{position:absolute;bottom:-18px;right:0;max-width:80%;font-size:11px}.image-mark{right:8%;bottom:65px;z-index:3;border-left:2px solid var(--lime);backdrop-filter:blur(8px)}.hero-copy .button{box-shadow:0 9px 30px #173d3217}.hero-quick{display:flex;gap:17px;margin-top:30px;flex-wrap:wrap;font-size:12px}.hero-quick a{padding:10px 0;border-bottom:1px solid #71844775}.hero-quick a:hover{border-color:var(--forest)}.scene-label{position:absolute;right:6%;top:30px;z-index:3;font-size:10px;letter-spacing:.15em;color:var(--forest)}
.routes{padding:0 5vw 70px;background:linear-gradient(#f4f4ef,#e6eadd);gap:18px}.route,.route+.route{position:relative;isolation:isolate;border:0;padding:32px;min-height:310px;background:#e2e7d7;overflow:hidden;transition:transform .55s var(--ease),background .55s var(--ease)}.route:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/pattern-portals.svg') right -30px bottom -60px/270px;opacity:.10;transition:transform 1s var(--ease)}.route:after{content:'';width:65px;height:65px;display:block;background:url('assets/icon-layout.svg') center/contain;margin-top:24px;opacity:.7}.route:nth-child(2){background:var(--forest);color:var(--paper);margin-top:30px;margin-bottom:-30px}.route:nth-child(2) .eyebrow{color:var(--lime)}.route:nth-child(2):after{background-image:url('assets/icon-foundation.svg');filter:brightness(0) invert(1)}.route:nth-child(3){background:#dce2ad}.route:nth-child(3):after{background-image:url('assets/icon-result.svg')}.route h3 span{transition:transform .4s var(--ease)}.route:hover{transform:translateY(-8px)}.route:hover:before{transform:scale(1.18) rotate(6deg)}.route:hover h3{color:inherit}.route:hover h3 span{transform:translate(5px,-5px)}.route .eyebrow{font-size:10px}.route p{max-width:280px}
.statement{background:url('assets/background-light.webp') right center/cover;padding-top:120px;padding-bottom:125px;isolation:isolate}.statement:before{content:'';position:absolute;inset:0;z-index:-1;background:#f4f4efdd}.statement h2{max-width:1150px}.statement h2 em{position:relative}.statement h2 em:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:linear-gradient(90deg,var(--olive),transparent);transform-origin:left;transform:scaleX(.15);transition:transform 1.8s var(--ease)}.statement.is-visible h2 em:after{transform:scaleX(1)}
.photo-section{background:linear-gradient(120deg,#f4f4ef 60%,#e5e9da);padding-top:110px;padding-bottom:110px}.photo-section figure{transform:rotate(-2deg);transition:transform 1s var(--ease)}.photo-section figure:hover{transform:rotate(0)}.photo-section figure:before{z-index:0;pointer-events:none;inset:-18px 14px 25px -18px;width:auto;height:auto;border:1px solid var(--olive)}.photo-section figure img{position:relative}.budget-teaser{padding-top:110px;padding-bottom:110px}.cost-strip{gap:16px}.cost-strip span{position:relative;padding:20px;background:#f4f4ef0a;border:1px solid #a7b89a70;transition:background .35s,transform .35s}.cost-strip span:hover{background:#e6eca81c;transform:translateY(-5px)}.trust{background-image:url('assets/pattern-plan-grid.svg');background-size:380px;position:relative;isolation:isolate}.trust:before{content:'';position:absolute;inset:0;background:#f4f4eff0;z-index:-1}.closing{position:relative;overflow:hidden;background:linear-gradient(120deg,#e6eca8,#b7c397)}.closing:after{content:'';position:absolute;right:3%;top:-80px;width:430px;height:550px;border:1px solid #173d3225;transform:rotate(26deg);pointer-events:none}.closing h2,.closing p,.closing .button{position:relative;z-index:2}.button span{transition:transform .3s var(--ease)}.button:hover span{transform:translate(4px,-3px)}.model-card{overflow:hidden}.model-card img{transition:transform 1.2s var(--ease);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%)}.model-card:hover img{transform:scale(1.035)}.page-intro{position:relative;max-width:none;isolation:isolate;background:url('assets/background-light.webp') right center/cover}.page-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f4ef 30%,#f4f4ef9c);z-index:-1}.page-intro p{max-width:720px}.business-hero{position:relative;background:radial-gradient(ellipse at 85% 10%,#476243,#173d32 60%)}.business-hero:before{content:'';position:absolute;inset:0;background:url('assets/pattern-planes.svg') center/420px;opacity:.055;pointer-events:none}.portal-art{transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .6s var(--ease);box-shadow:0 30px 70px #081c15}.resource{position:relative;overflow:hidden}.resource:after{content:'';position:absolute;width:300px;height:300px;background:url('assets/pattern-portals.svg') center/200px;right:-100px;bottom:-180px;opacity:.15;pointer-events:none}.quiz-shell{background:linear-gradient(115deg,#e9ecdf,#f4f4ef 65%)}.quiz-aside{position:sticky;top:40px}.quiz-panel{box-shadow:0 25px 65px #173d3210}.quiz-panel:has(form){animation:panel-in .4s var(--ease)}.option{transition:background .2s,border-color .2s,transform .2s}.option:hover{transform:translateX(3px);border-color:var(--forest)}.progress span{transition:width .45s var(--ease)}
.motion-ready .hero-copy .eyebrow{animation:rise-in .7s both}.motion-ready .hero h1{animation:title-in 1.15s var(--ease) both}.motion-ready .hero-copy p,.motion-ready .hero-copy .button{animation:rise-in 1s .18s both}.motion-ready .hero-image{animation:scene-in 1.5s var(--ease) both}.reveal-item{transition:opacity .85s var(--ease),translate .85s var(--ease)}.motion-ready .reveal-item:not(.is-visible){opacity:0;translate:0 32px}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:80;border:1px solid #a7b89a;background:#f4f4efed;color:var(--forest);font-size:11px;padding:10px 15px;min-height:42px;box-shadow:0 4px 25px #173d3215}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-item{opacity:1!important;translate:none!important}.motion-paused .hero-image,.motion-paused .portal-art{transform:none!important}
@keyframes light-travel{0%,100%{translate:-120px 0;opacity:.1}50%{translate:190px 0;opacity:.65}}@keyframes title-in{from{opacity:0;transform:translateY(28px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes rise-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes scene-in{from{opacity:0;translate:40px 12px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes panel-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero{min-height:0;grid-template-columns:1fr;padding:40px 6vw 55px;background-position:70% center}.hero:before{background:linear-gradient(#f4f4ef 20%,#f4f4efed 48%,#f4f4ef20)}.hero h1{font-size:60px;line-height:1.03}.hero-copy p{max-width:310px}.hero-image{height:350px;min-height:0;margin-top:45px}.hero-image:before{inset:-15px -4px 8px 0}.hero-image img{top:12px;height:95%;left:5%;width:90%;transform:none}.hero-image:after{animation:none;opacity:.25;width:65px}.hero-image figcaption{bottom:-24px;max-width:100%;font-size:10px}.image-mark{bottom:45px;right:5%;font-size:9px}.scene-label{display:none}.hero-quick{gap:20px;margin-top:22px}.routes{grid-template-columns:1fr;padding:15px 6vw 55px;gap:14px}.route,.route+.route,.route:nth-child(2){margin:0;padding:25px;min-height:210px}.route:after{position:absolute;right:24px;bottom:20px;width:38px;height:38px;opacity:.35}.route p{max-width:230px}.statement{padding:65px 6vw}.photo-section{padding:70px 6vw}.budget-teaser{padding:65px 6vw}.cost-strip{gap:12px}.cost-strip span{font-size:14px;padding:12px}.cost-strip b{display:none}.hero-image,.portal-art{transform:none!important}.closing:after{right:-210px}.quiz-aside{position:static}.motion-toggle{right:10px;bottom:10px;font-size:10px;max-width:175px;min-height:40px}.page-intro{background-position:65% center}.page-intro:before{background:#f4f4efe5}.route:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1!important;translate:none!important}.hero-image,.portal-art{transform:none!important}.hero h1{clip-path:none!important}.motion-toggle{display:none}.hero-image:after{animation:none!important}.photo-section figure{transform:none}.motion-ready *{animation:none!important}}
.motion-paused,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .hero h1{clip-path:none!important;opacity:1!important;transform:none!important}.motion-paused .hero-image,.motion-paused .hero-copy p,.motion-paused .hero-copy .button{opacity:1!important;translate:none!important;scale:1!important}.scene-label{top:16px;right:8%;font-size:9px}.hero h1 em{background-image:linear-gradient(110deg,#173d32,#62753a 48%,#718447)}
@media(max-width:760px){.hero{padding-top:26px}.hero h1{font-size:51px}.hero .eyebrow{margin-bottom:17px}.hero-copy p{margin-top:18px}.hero-image{margin-top:25px}.hero-quick{margin-top:16px}.motion-toggle{position:absolute;top:46px;right:127px;bottom:auto;width:36px;min-height:36px;padding:0;font-size:0;box-shadow:none}.motion-toggle:after{content:'Ⅱ';font-size:14px}.motion-paused .motion-toggle:after{content:'▶'}}
.logo{mix-blend-mode:multiply}@media(max-width:760px){.motion-toggle{top:42px;right:123px;width:44px;min-height:44px}}
@media print{.motion-toggle{display:none}.reveal-item{opacity:1!important;translate:none!important}.quiz-shell{background:white}.quiz-panel{box-shadow:none}.quiz-aside{position:static}}