/* stylelint-disable no-descending-specificity */
:root{
  --atelier-brand:#1b1464;
  --atelier-brandlight:#3f3697;
  --atelier-silk:#f9f8f6;
  --atelier-paper:#fff;
  --atelier-text:#252437;
  --atelier-muted:#747587;
  --atelier-line:rgba(27,20,100,.1);
  --atelier-shell:min(100% - 32px,1600px);
  --atelier-section:96px;
}

html{scroll-behavior:smooth}
body.atelier-page{margin:0;overflow-x:clip;background:var(--atelier-silk);color:var(--atelier-text);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}
.atelier-page *{box-sizing:border-box}
.atelier-page img{display:block;width:100%}
.atelier-page a{color:inherit;text-decoration:none}
.atelier-shell{width:var(--atelier-shell);margin-inline:auto}
.atelier-section{padding-block:var(--atelier-section)}
.atelier-skip{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 14px;border-radius:12px;background:#fff;color:var(--atelier-brand);transform:translateY(-160%)}
.atelier-skip:focus{transform:none}

.atelier-header{position:sticky;z-index:100;top:0;width:100%;border-bottom:1px solid transparent;background:rgba(249,248,246,.9);backdrop-filter:blur(18px);transition:border-color .25s ease,box-shadow .25s ease}
.atelier-header.is-scrolled{border-color:var(--atelier-line);box-shadow:0 12px 36px -30px rgba(27,20,100,.45)}
.atelier-header__inner{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px}
.atelier-header__brand{display:flex;min-width:0;align-items:center;gap:18px}
.atelier-header__actions{display:flex;align-items:center;gap:24px}
.atelier-logo{color:var(--atelier-brand);font-size:21px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.atelier-header__descriptor{padding-left:18px;border-left:1px solid var(--atelier-line);color:rgba(27,20,100,.42);font-size:10px;font-weight:400;letter-spacing:.08em;line-height:1.35;white-space:nowrap}
.atelier-phone{color:rgba(27,20,100,.7);font-size:12px;font-weight:600}

.atelier-button{position:relative;display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:15px 28px;overflow:hidden;border:0;border-radius:100px;background:linear-gradient(180deg,#271e85 0%,var(--atelier-brand) 100%);box-shadow:0 18px 34px -22px rgba(27,20,100,.65);color:#fff!important;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.2;text-align:center;text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.atelier-button::after{position:absolute;top:-45%;left:-58%;width:24%;height:190%;background:rgba(255,255,255,.15);content:"";transform:rotate(24deg);transition:left .55s ease}
.atelier-button:hover{box-shadow:0 24px 42px -21px rgba(27,20,100,.72);transform:translateY(-2px)}
.atelier-button:hover::after{left:132%}
.atelier-button:focus-visible,.atelier-page a:focus-visible,.atelier-page input:focus-visible,.atelier-page textarea:focus-visible,.atelier-tab:focus-visible{outline:2px solid var(--atelier-brandlight);outline-offset:4px}
.atelier-button--small{min-height:42px;padding:11px 20px;font-size:9px}
.atelier-button--outline{border:1px solid rgba(27,20,100,.34);background:transparent;box-shadow:none;color:var(--atelier-brand)!important}
.atelier-button--outline::after{display:none}
.atelier-button--outline:hover{border-color:var(--atelier-brand);background:#fff}

.atelier-label{margin:0;color:rgba(27,20,100,.52);font-size:10px;font-weight:700;letter-spacing:.22em;line-height:1.5;text-transform:uppercase}
.atelier-label--light{color:rgba(255,255,255,.56)}
.atelier-page h1,.atelier-page h2,.atelier-page h3{font-family:"Tenor Sans",serif;font-weight:400}

.atelier-hero{padding:38px 0}
.atelier-hero__grid{display:grid;gap:28px}
.atelier-hero__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:36px 2px 8px}
.atelier-hero h1{max-width:780px;margin:22px 0 0;color:var(--atelier-brand);font-size:clamp(46px,12.4vw,72px);letter-spacing:-.045em;line-height:.96}
.atelier-hero__offer{max-width:610px;margin:28px 0 32px;color:var(--atelier-muted);font-size:14px;font-weight:300;line-height:1.65}
.atelier-hero__offer p{margin:0 0 16px;color:rgba(37,36,55,.78)}
.atelier-hero__offer ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.atelier-hero__offer li{position:relative;padding-left:20px}
.atelier-hero__offer li::before{position:absolute;top:.72em;left:1px;width:4px;height:4px;border-radius:50%;background:var(--atelier-brand);content:""}
.atelier-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:34px;color:rgba(27,20,100,.48);font-size:10px;font-weight:600;letter-spacing:.11em;line-height:1.55;text-transform:uppercase}
.atelier-scroll span{font-size:16px;transition:transform .25s ease}
.atelier-scroll:hover span{transform:translateX(4px)}
.atelier-hero__visual{position:relative;margin:0;overflow:hidden;border-radius:36px;background:#ddd8d0;box-shadow:0 34px 70px -48px rgba(25,22,55,.55)}
.atelier-hero__visual img{height:min(72vh,760px);min-height:520px;object-fit:cover;object-position:center 62%;transition:transform 1s ease}
.atelier-hero__visual:hover img{transform:scale(1.012)}
.atelier-hero__visual figcaption,.atelier-stage figcaption{position:absolute;right:16px;bottom:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.5);border-radius:100px;background:rgba(255,255,255,.64);color:rgba(37,36,55,.72);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(12px)}

.atelier-section-head{display:grid;gap:28px;margin-bottom:36px;text-align:left}
.atelier-section-head__title{display:grid;gap:18px;text-align:left}
.atelier-section-head h2,.atelier-details h2,.atelier-calculation h2{margin:0;color:var(--atelier-brand);font-size:clamp(40px,11vw,68px);letter-spacing:-.04em;line-height:1}
.atelier-section-head__description{max-width:500px;margin:0;color:#4a4a4a;font-size:17px;font-weight:300;line-height:1.65;text-align:left}
.atelier-architecture{background:#fff}
.atelier-configurator{display:grid;gap:18px}
.atelier-tabs{display:flex;justify-content:flex-start;gap:8px;margin-top:8px;overflow-x:auto;padding:4px 2px 9px;scrollbar-width:none}
.atelier-tabs::-webkit-scrollbar{display:none}
.atelier-tab{flex:0 0 auto;min-height:46px;padding:12px 18px;border:1px solid rgba(27,20,100,.15);border-radius:100px;background:transparent;color:rgba(27,20,100,.52);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.atelier-tab:hover{border-color:rgba(27,20,100,.44);color:var(--atelier-brand)}
.atelier-tab.is-active{border-color:var(--atelier-brand);background:var(--atelier-brand);box-shadow:0 16px 26px -20px rgba(27,20,100,.7);color:#fff}
.atelier-stage{position:relative;min-height:430px;overflow:hidden;border-radius:32px;background:#e3dfda;box-shadow:0 28px 64px -50px rgba(27,20,100,.5)}
.atelier-stage__panel{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.012);transition:opacity .5s ease,transform .7s ease}
.atelier-stage__panel.is-active{opacity:1;transform:none}
.atelier-stage__panel picture{display:block;height:100%}
.atelier-stage__panel img{height:100%;object-fit:cover;object-position:center 60%}

.atelier-room-case{background:#fff}
.atelier-room-case__inner{padding:clamp(22px,3vw,42px) 0 var(--atelier-section);border-top:1px solid var(--atelier-line)}
.atelier-room-case__head{display:grid;max-width:1120px;gap:18px;margin-bottom:34px}
.atelier-room-case__head h2{max-width:900px;margin:0;color:var(--atelier-brand);font-size:clamp(34px,8.7vw,58px);letter-spacing:-.035em;line-height:1.04}
.atelier-room-case__head>p:last-child{max-width:720px;margin:2px 0 0;color:#4a4a4a;font-size:16px;font-weight:300;line-height:1.7}
.atelier-room-case__visual{display:grid;gap:16px}
.atelier-room-case__frame{position:relative;margin:0;overflow:hidden;border:1px solid rgba(27,20,100,.09);border-radius:28px;background:#f4f2ee}
.atelier-room-case__frame--solution{background:#f1f0f6}
.atelier-room-case__frame img{width:100%;aspect-ratio:760/430;object-fit:contain;transition:transform .6s ease}
.atelier-room-case__frame:hover img{transform:scale(1.012)}
.atelier-room-case__marker{position:absolute;z-index:1;top:18px;left:18px;padding:8px 12px;border:1px solid rgba(27,20,100,.14);border-radius:100px;background:rgba(255,255,255,.78);color:rgba(27,20,100,.68);font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1;text-transform:uppercase;backdrop-filter:blur(10px)}
.atelier-room-case__frame figcaption{padding:17px 20px 19px;border-top:1px solid rgba(27,20,100,.08);color:rgba(37,36,55,.72);font-size:13px;font-weight:400;line-height:1.5}
.atelier-room-case__frame--solution figcaption{color:var(--atelier-brand)}

.atelier-details{background:var(--atelier-silk)}
.atelier-details__grid{display:grid;gap:42px}
.atelier-details__visual{min-height:470px;overflow:hidden;border-radius:36px;background:#d8d3cb}
.atelier-details__visual img{height:100%;object-fit:cover;object-position:61% 61%;transform:scale(1.42)}
.atelier-details__visual .atelier-details__image{object-position:8% center;transform:none}
.atelier-details__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.atelier-details .atelier-label{color:rgba(27,20,100,.68)}
.atelier-details__copy h2{margin-top:22px}
.atelier-details__content{max-width:620px;margin-top:26px;color:#51515d;font-size:15px;font-weight:300;line-height:1.72}
.atelier-details__content>p{margin:0 0 20px;color:#3f3f4c}
.atelier-details__content ul{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.atelier-details__content li{position:relative;padding-left:22px}
.atelier-details__content li::before{position:absolute;top:.72em;left:1px;width:5px;height:5px;border-radius:50%;background:var(--atelier-brand);content:""}
.atelier-details__content strong{color:var(--atelier-brand);font-weight:700}
.atelier-details__content>.atelier-details__final{margin:24px 0 0;padding:20px 64px 0 0;border-top:1px solid rgba(27,20,100,.14);color:var(--atelier-brand);font-weight:500}
.atelier-text-link{display:inline-flex;gap:16px;align-items:center;margin-top:30px;padding-bottom:7px;border-bottom:1px solid rgba(27,20,100,.35);color:var(--atelier-brand);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.atelier-text-link span{transition:transform .2s ease}
.atelier-text-link:hover span{transform:translateX(4px)}
.atelier-inline-cta{display:flex;justify-content:flex-start;margin-top:34px}
.atelier-inline-cta .atelier-text-link{margin-top:0}
.atelier-inline-cta--details{margin-top:42px}
.atelier-video-trigger{padding:0 0 7px;border:0;border-bottom:1px solid rgba(27,20,100,.35);background:transparent;cursor:pointer;font-family:inherit;line-height:1.55;text-align:left}
.atelier-video-modal{width:100%;height:100%;max-width:none;max-height:none;padding:12px;overflow:hidden;border:0;background:transparent;color:#fff}
.atelier-video-modal[open]{display:grid;place-items:center}
.atelier-video-modal::backdrop{background:rgba(15,13,36,.64);backdrop-filter:blur(8px)}
.atelier-video-modal__panel{display:flex;width:min(1040px,100%);max-height:calc(100dvh - 24px);min-height:0;overflow:hidden;flex-direction:column;border-radius:28px;background:#11101a;box-shadow:0 34px 90px -32px rgba(15,13,36,.82)}
.atelier-video-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 20px 18px}
.atelier-video-modal__head .atelier-label{color:rgba(255,255,255,.62)}
.atelier-video-modal__head h2{margin:8px 0 0;color:#fff;font-size:clamp(21px,5.8vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.08}
.atelier-video-modal__head>div>p:last-child{margin:8px 0 0;color:rgba(255,255,255,.62);font-size:13px;line-height:1.5}
.atelier-video-modal__close{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font:300 25px/1 Arial,sans-serif;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.atelier-video-modal__close:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.15);transform:rotate(4deg)}
.atelier-video-modal__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.atelier-video-modal__player-wrap{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;background:#050507}
.atelier-video-modal__player{display:block;width:100%;max-height:calc(100dvh - 150px);aspect-ratio:16/9;background:#050507;object-fit:contain}
.atelier-video-modal__status{position:absolute;right:24px;bottom:22px;left:24px;margin:0;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(15,13,36,.82);color:rgba(255,255,255,.82);font-size:13px;line-height:1.5;text-align:center;backdrop-filter:blur(10px)}
body.atelier-video-is-open{overflow:hidden}

.atelier-foundation{background:#fff}
.atelier-foundation__head{display:grid;justify-items:center;gap:20px;max-width:1120px;margin:0 auto 52px;text-align:center}
.atelier-foundation__head h2{max-width:1080px;margin:0;color:var(--atelier-brand);font-size:clamp(40px,10vw,72px);letter-spacing:-.04em;line-height:1}
.atelier-foundation__grid{display:grid;gap:22px}
.atelier-foundation__card{display:flex;overflow:hidden;flex-direction:column;border:1px solid var(--atelier-line);border-radius:32px;background:var(--atelier-silk);box-shadow:0 28px 64px -52px rgba(27,20,100,.5)}
.atelier-foundation__visual{position:relative;aspect-ratio:4/3;margin:0;overflow:hidden;background:#dedbd5}
.atelier-foundation__visual>img{height:100%;object-fit:cover;object-position:center;transition:transform .7s ease}
.atelier-foundation__card:hover .atelier-foundation__visual>img{transform:scale(1.018)}
.robot-vacuum-inset{position:absolute;right:20px;bottom:20px;width:120px;height:120px;overflow:hidden;border:4px solid #fff;border-radius:50%;background:#d8d3cb;box-shadow:0 18px 38px -14px rgba(15,13,36,.58)}
.robot-vacuum-inset img{width:100%;height:100%;object-fit:cover;object-position:center}
.atelier-foundation__body{display:flex;flex:1;align-items:flex-start;flex-direction:column;padding:30px 24px 32px}
.atelier-foundation__number{margin:0 0 22px;color:rgba(27,20,100,.36);font-size:10px;font-weight:700;letter-spacing:.18em}
.atelier-foundation__body h3{margin:0;color:var(--atelier-brand);font-size:clamp(26px,7vw,38px);letter-spacing:-.025em;line-height:1.08}
.atelier-foundation__body>p:not(.atelier-foundation__number){max-width:590px;margin:20px 0 0;color:var(--atelier-muted);font-size:14px;font-weight:300;line-height:1.72}

.atelier-summary{background:var(--atelier-paper)}
.atelier-summary__inner{padding-block:clamp(72px,8vw,118px);border-top:1px solid var(--atelier-line)}
.atelier-summary h2{max-width:1050px;margin:24px 0 0;color:var(--atelier-brand);font-size:clamp(46px,9vw,82px);letter-spacing:-.045em;line-height:.98}
.atelier-summary__features{max-width:1120px;margin:34px 0 0;color:rgba(27,20,100,.58);font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1.75}
.atelier-summary__text{max-width:780px;margin:30px 0 0;color:#51515d;font-size:16px;font-weight:300;line-height:1.72}
.atelier-summary__cta{margin-top:34px}

.atelier-calculation{scroll-margin-top:90px;background:var(--atelier-brand);color:#fff}
.atelier-calculation__grid{display:grid;gap:46px}
.atelier-calculation h2{margin-top:22px;color:#fff}
.atelier-calculation__intro>p:not(.atelier-label){max-width:520px;margin:26px 0 0;color:rgba(255,255,255,.62);font-size:15px;font-weight:300;line-height:1.75}
.atelier-calculation__phone{display:inline-block;margin-top:36px;font-family:"Tenor Sans",serif;font-size:clamp(25px,7vw,40px)}
.atelier-form{padding:26px 20px;border:1px solid rgba(255,255,255,.55);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,245,251,.97));box-shadow:0 30px 70px -42px rgba(0,0,0,.48);color:#363b57}
.atelier-field{margin-bottom:18px}
.atelier-field label{display:block;margin:0 0 8px;color:rgba(27,20,100,.68);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.atelier-field input,.atelier-field textarea{width:100%;border:1px solid rgba(130,133,187,.5);border-radius:16px;background:linear-gradient(180deg,rgba(238,239,247,.95),rgba(233,234,244,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 18px -16px rgba(27,20,100,.4);color:#363b57;font-size:15px;line-height:1.3;outline:0;padding:15px 18px;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease,transform .2s ease}
.atelier-field textarea{min-height:100px;resize:vertical}
.atelier-field input::placeholder,.atelier-field textarea::placeholder{color:rgba(80,84,126,.62)}
.atelier-field input:hover,.atelier-field textarea:hover{border-color:rgba(88,94,164,.58)}
.atelier-field input:focus,.atelier-field textarea:focus{border-color:rgba(42,48,126,.85);background:linear-gradient(180deg,#f3f4fb,#eff0f8);box-shadow:0 0 0 4px rgba(27,20,100,.12),0 14px 28px -22px rgba(27,20,100,.46),inset 0 1px 0 rgba(255,255,255,.72);transform:translateY(-1px)}
.atelier-field.is-invalid input{border-color:#a33b32;box-shadow:0 0 0 4px rgba(163,59,50,.1)}
.atelier-consent{display:flex;align-items:flex-start;gap:10px;margin:24px 0;color:rgba(27,20,100,.5);cursor:pointer;font-size:10px;font-weight:300;line-height:1.65}
.atelier-consent input{width:14px;height:14px;flex:0 0 14px;margin-top:2px;accent-color:var(--atelier-brand)}
.atelier-consent a{text-decoration:underline;text-underline-offset:2px}
.atelier-button--submit{width:100%;border-radius:16px}
.atelier-button--submit:disabled{cursor:wait;opacity:.65;transform:none}
.atelier-form__feedback{display:none;margin:14px 0 0;font-size:12px;line-height:1.55}
.atelier-form__feedback.is-visible{display:block}
.atelier-form__feedback.is-success{color:#2e6b47}
.atelier-form__feedback.is-error{color:#a33b32}
.atelier-form__messengers{margin-top:22px;padding-top:20px;border-top:1px solid rgba(27,20,100,.1)}
.atelier-form__messengers>p{margin:0 0 12px;color:rgba(54,59,87,.68);font-size:11px;font-weight:400;line-height:1.55}
.atelier-form__messenger-list{display:flex;flex-wrap:wrap;gap:10px}
.atelier-form__messenger{display:inline-flex;min-height:42px;flex:1 1 112px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid rgba(27,20,100,.18);border-radius:50px;background:rgba(255,255,255,.82);color:rgba(27,20,100,.86);font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1;text-decoration:none;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}
.atelier-form__messenger>span:first-child{width:7px;height:7px;flex:0 0 7px;border-radius:50%}
.atelier-form__messenger--telegram>span:first-child{background:#26a5e4}
.atelier-form__messenger--max>span:first-child{background:#4d61fc}
.atelier-form__messenger--whatsapp>span:first-child{background:#25b961}
.atelier-form__messenger:hover{border-color:rgba(27,20,100,.28);background:#f0f1f7;box-shadow:0 12px 22px -18px rgba(27,20,100,.55);transform:translateY(-1px)}

.atelier-catalog{padding-block:52px;background:#fff}
.atelier-catalog__inner{display:flex;align-items:flex-start;flex-direction:column;gap:24px}
.atelier-catalog__copy{display:grid;max-width:760px;gap:14px}
.atelier-catalog__copy h2{margin:0;color:var(--atelier-brand);font-size:clamp(30px,7vw,42px);letter-spacing:-.025em;line-height:1.12}
.atelier-catalog__copy p{max-width:720px;margin:0;color:rgba(54,59,87,.68);font-size:15px;font-weight:300;line-height:1.7}
.atelier-catalog .atelier-button{flex:0 0 auto}

.atelier-faq{background:#f5f4f1}
.atelier-faq__grid{display:grid;gap:46px}
.atelier-faq__head h2{max-width:600px;margin:20px 0 0;color:var(--atelier-brand);font-size:clamp(40px,10vw,68px);letter-spacing:-.04em;line-height:1}
.atelier-faq__list{border-top:1px solid var(--atelier-line)}
.atelier-faq__item{border-bottom:1px solid var(--atelier-line)}
.atelier-faq__question{margin:0}
.atelier-faq__trigger{display:grid;width:100%;min-height:76px;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:20px;padding:20px 0;border:0;background:transparent;color:var(--atelier-brand);cursor:pointer;font-family:"Tenor Sans",serif;font-size:clamp(18px,4.7vw,25px);line-height:1.25;text-align:left}
.atelier-faq__icon{position:relative;width:28px;height:28px;border:1px solid rgba(27,20,100,.18);border-radius:50%;transition:border-color .25s ease}
.atelier-faq__icon::before,.atelier-faq__icon::after{position:absolute;top:50%;left:50%;width:10px;height:1px;background:var(--atelier-brand);content:"";transform:translate(-50%,-50%)}
.atelier-faq__icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s ease}
.atelier-faq__item.is-open:not(.is-closing) .atelier-faq__icon{border-color:rgba(27,20,100,.42)}
.atelier-faq__item.is-open:not(.is-closing) .atelier-faq__icon::after{opacity:0}
.atelier-faq__answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .38s cubic-bezier(.22,.61,.36,1),opacity .24s ease}
.atelier-faq__answer p{max-width:760px;margin:0;padding:0 50px 25px 0;color:#51515d;font-size:14px;font-weight:300;line-height:1.75}
.atelier-faq__item.is-open:not(.is-closing) .atelier-faq__answer{opacity:1}
.atelier-faq__trigger:focus-visible{outline:2px solid var(--atelier-brandlight);outline-offset:6px}

.atelier-site-footer{background:#1c1c1c;color:#fff;font-family:Manrope,sans-serif}
.atelier-site-footer__inner{max-width:1600px;margin-inline:auto;padding:clamp(48px,6vw,72px) 16px 32px}
.atelier-site-footer__logo{display:inline-block;margin-bottom:14px;color:rgba(255,255,255,.88)!important;font-size:21px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}
.atelier-site-footer__about{max-width:200px;margin:0;color:rgba(255,255,255,.28);font-size:13px;font-weight:300;line-height:1.75}
.atelier-site-footer__label{margin:0 0 18px;color:rgba(255,255,255,.18);font-size:8.5px;font-weight:700;letter-spacing:.38em;text-transform:uppercase}
.atelier-site-footer__links,.atelier-site-footer__messengers{display:flex;flex-direction:column;gap:11px}
.atelier-site-footer .puffe-fl{color:rgba(255,255,255,.55)}
.atelier-site-footer .puffe-fl:hover{color:rgba(255,255,255,.8)}
.atelier-site-footer__policy{font-size:11px!important}
.atelier-site-footer__phone{color:rgba(255,255,255,.75)!important;font-size:15px;font-weight:500;letter-spacing:.01em;transition:color .2s}
.atelier-site-footer__email{color:rgba(255,255,255,.35)!important;font-size:13px;font-weight:300;transition:color .2s}
.atelier-site-footer__phone:hover{color:#fff!important}
.atelier-site-footer__email:hover{color:rgba(255,255,255,.7)!important}
.atelier-site-footer__hours{color:rgba(255,255,255,.3);font-size:11px;font-weight:300;line-height:1.65}
.atelier-site-footer__contact-link{color:rgba(255,255,255,.35)!important;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:color .2s}
.atelier-site-footer__contact-link:hover{color:rgba(255,255,255,.7)!important}
.atelier-site-footer__messengers{gap:10px}
.atelier-site-footer__messenger-row{display:flex;align-items:center;gap:10px}
.atelier-site-footer__messenger-row img{width:42px;height:42px;flex-shrink:0;border-radius:6px;opacity:.38;transition:opacity .25s}
.atelier-site-footer__messenger-row img:hover{opacity:.85}
.atelier-site-footer .puffe-ft-btn{color:rgba(255,255,255,.55)}
.atelier-site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}
.atelier-site-footer__bottom p{margin:0;color:rgba(255,255,255,.25);font-size:11px;font-weight:300}
.atelier-site-footer__bottom>div{display:flex;gap:20px}
.atelier-site-footer__bottom a{color:rgba(255,255,255,.32)!important;font-size:11px;font-weight:300;transition:color .2s}
.atelier-site-footer__bottom a:hover{color:rgba(255,255,255,.62)!important}
.atelier-back-to-top{position:fixed;right:94px;bottom:30px;z-index:1000;display:flex;width:54px;height:54px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(27,20,100,.08);border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 10px 30px -5px rgba(27,20,100,.12);color:var(--atelier-brand);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),background .3s ease,box-shadow .3s ease,color .3s ease;backdrop-filter:blur(15px)}
.atelier-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.atelier-back-to-top:hover{background:var(--atelier-brand);box-shadow:0 15px 40px -5px rgba(27,20,100,.2);color:#fff;transform:scale(1.1)}
.atelier-back-to-top:focus-visible{outline:2px solid var(--atelier-brandlight);outline-offset:4px}
.atelier-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.atelier-reveal.is-visible{opacity:1;transform:none}

@media(min-width:700px){
  :root{--atelier-shell:min(100% - 64px,1600px);--atelier-section:120px}
  .atelier-hero{padding-top:52px}
  .atelier-hero__copy{padding:58px 18px 16px}
  .atelier-hero h1{font-size:clamp(62px,4.8vw,72px)}
  .atelier-hero__offer{font-size:15px}
  .atelier-section-head{grid-template-columns:minmax(0,1fr) minmax(320px,500px);align-items:start;justify-content:space-between;gap:64px;margin-bottom:48px}
  .atelier-section-head__description{justify-self:end}
  .atelier-stage{min-height:660px}
  .atelier-room-case__head{margin-bottom:44px}
  .atelier-room-case__visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .atelier-room-case__frame figcaption{padding:19px 24px 21px;font-size:14px}
  .atelier-calculation__grid{grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);align-items:start;gap:8vw}
  .atelier-form{padding:42px;border-radius:36px}
  .atelier-video-modal{padding:24px}
  .atelier-video-modal__panel{max-height:calc(100dvh - 48px)}
  .atelier-video-modal__head{padding:24px 26px 22px}
  .atelier-video-modal__player{max-height:calc(100dvh - 174px)}
  .atelier-catalog__inner{align-items:center;justify-content:space-between;flex-direction:row;gap:40px}
  .atelier-foundation__head{margin-bottom:68px}
  .atelier-foundation__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .atelier-foundation__body{padding:38px 34px 40px}
  .atelier-faq__grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:8vw}
  .atelier-faq__head{position:sticky;top:118px}
  .atelier-site-footer__inner{padding-right:40px;padding-left:40px}
}

@media(min-width:1024px){
  .atelier-hero__grid{grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:42px}
  .atelier-hero__copy{justify-content:center;min-height:calc(100vh - 164px)}
  .atelier-hero__visual img{height:calc(100vh - 164px);min-height:650px}
  .atelier-details__grid{grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);align-items:stretch;gap:8vw}
  .atelier-details__visual{min-height:680px}
  .atelier-details__copy>p:not(.atelier-label){font-size:17px;line-height:1.72}
  .atelier-tabs{justify-content:flex-start}
  .atelier-room-case__head{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:end;gap:56px}
  .atelier-room-case__head .atelier-label{grid-column:1/-1}
  .atelier-room-case__head>p:last-child{justify-self:end}
}

@media(max-width:699px){
  .atelier-header__inner{min-height:62px}
  .atelier-header__descriptor{display:none}
  .atelier-phone{display:none}
  .atelier-logo{font-size:18px}
  .atelier-button--small{min-height:38px;padding:9px 13px;font-size:8px;letter-spacing:.12em}
  .atelier-hero__visual img{min-height:520px}
  .atelier-hero h1{font-size:clamp(40px,11vw,46px)}
  .atelier-architecture{padding-bottom:72px}
  .atelier-text-link{min-height:44px;padding-top:10px;padding-bottom:8px}
  .atelier-hero__visual figcaption{right:12px;bottom:12px;left:12px;text-align:center}
  .atelier-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;padding:4px 0 9px;overflow:visible}
  .atelier-tab{width:100%;min-height:48px;padding:10px 12px;white-space:normal;font-size:10px;letter-spacing:.07em;line-height:1.3}
  .atelier-tab:last-child{grid-column:1/-1}
  .atelier-stage{min-height:0;aspect-ratio:8/5;border-radius:24px}
  .atelier-stage__panel img{object-fit:cover}
  .atelier-stage__panel[data-headboard-panel="standard"] img{object-position:72% 54%}
  .atelier-stage__panel[data-headboard-panel="wide"] img{object-position:50% 56%}
  .atelier-stage__panel[data-headboard-panel="high"] img{object-position:50% 50%}
  .atelier-stage figcaption{right:12px;bottom:12px;left:12px;display:-webkit-box;width:max-content;max-width:calc(100% - 24px);padding:7px 10px;overflow:hidden;border-radius:14px;font-size:10px;letter-spacing:.025em;line-height:1.35;text-align:left;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .atelier-details__visual{min-height:430px}
  .atelier-details__visual img{transform:scale(1.55)}
  .atelier-foundation__head{margin-bottom:38px}
  .atelier-foundation__card{border-radius:28px}
  .atelier-faq__answer p{padding-right:0}
  .atelier-site-footer__bottom{align-items:flex-start;flex-direction:column;gap:16px}
  .atelier-back-to-top{right:16px;bottom:16px;width:46px;height:46px}
  .atelier-back-to-top svg{width:20px;height:20px}
  .atelier-summary h2{font-size:40px;letter-spacing:-.035em;line-height:1.02}
  .atelier-field input,.atelier-field textarea{font-size:16px}
  .atelier-consent{font-size:11px}
  .atelier-consent input{width:18px;height:18px;flex-basis:18px}
}

@media(min-width:700px) and (max-width:1279px){
  .atelier-stage{min-height:0;aspect-ratio:16/9}
  .atelier-stage__panel[data-headboard-panel="standard"] img{object-position:50% 56%}
  .atelier-stage__panel[data-headboard-panel="wide"] img{object-position:50% 58%}
  .atelier-stage__panel[data-headboard-panel="high"] img{object-position:50% 50%}
}
@media(max-width:370px){
  :root{--atelier-shell:calc(100% - 24px)}
  .atelier-logo{font-size:16px}
  .atelier-button--small{padding-inline:10px;font-size:7.5px}
  .atelier-hero h1{font-size:40px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .atelier-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .atelier-reveal{opacity:1;transform:none}
}