@font-face{font-family:Golos;src:url('assets/golostext.ttf') format('truetype');font-style:normal;font-weight:400 900;font-display:swap}
:root{--paper:#eae5d9;--ink:#2c352e;--teal:#426b67;--light-teal:#b2c3b9;--wood:#bc9666;--leather:#b87d5a;--line:#b3b3a0;--body-font:Golos,sans-serif;font-family:var(--body-font);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:650;line-height:1;letter-spacing:-.065em}p{line-height:1.65}i{font-family:Georgia,serif;font-weight:400}.sheet{width:min(1440px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;background:var(--teal);color:white;z-index:30;padding:16px}.skip:focus{top:10px}.demo{text-align:center;background:var(--teal);color:#fff8ec;font-size:11px;padding:10px 20px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;border-bottom:1px solid var(--line)}.identity{font-size:12px;line-height:1.3;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.header nav{display:flex;gap:34px;font-size:12px}.header a:hover{color:var(--teal)}.header-contact{display:inline-flex;gap:25px;font-size:12px}.hero{padding-block:26px 0}.hero-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em}.hero h1{font-size:clamp(100px,18.3vw,270px);font-weight:850;letter-spacing:-.075em;line-height:.96;margin:24px 0 26px}.title-dot{color:var(--teal)}.intro-grid{display:grid;grid-template-columns:.9fr 2fr;gap:42px;align-items:center}.intro-copy{padding-block:8px 15px}.intro-copy h2{font-size:clamp(27px,2.8vw,41px);line-height:1.08;letter-spacing:-.05em}.intro-copy h2 i{color:var(--teal)}.intro-copy>p{font-size:13px;max-width:315px;margin-top:21px}.button{display:inline-flex;gap:35px;justify-content:space-between;padding:15px 20px;background:var(--teal);color:#fff8ed;font-size:12px;margin-top:24px}.button:hover{background:#2e524e}.intro-copy .intro-note{font-size:10px;max-width:275px;color:#66705f;margin-top:16px}.workbench-scene{position:relative;min-width:0;--assembly:0;--pointer-x:0px;--pointer-y:0px}.workbench{display:block;width:100%;height:auto;overflow:visible;transform:translate(var(--pointer-x),var(--pointer-y))}.bench-base{transform-origin:50% 60%;transform:rotate(calc(-2deg + var(--assembly)*2deg))}.wood-piece{transform:translate(calc(-54px + var(--assembly)*54px),calc(24px - var(--assembly)*24px)) rotate(calc(-6deg + var(--assembly)*6deg));transform-origin:30% 50%}.leather-piece{transform:translate(calc(54px - var(--assembly)*54px),calc(-30px + var(--assembly)*30px)) rotate(calc(6deg - var(--assembly)*6deg));transform-origin:70% 35%}.metal-piece{transform:translate(calc(12px - var(--assembly)*12px),calc(35px - var(--assembly)*35px)) rotate(calc(-8deg + var(--assembly)*8deg));transform-origin:45% 70%}.hammer{transform-origin:45% 28%;transform:rotate(calc(-15deg + var(--assembly)*15deg))}.ruler{transform:translateX(calc(35px - var(--assembly)*35px))}.pencil{transform:translateX(calc(-25px + var(--assembly)*25px))}.material-piece{transition:filter .25s}.bench-labels{opacity:.8}.workbench-scene figcaption{font-size:9px;color:#65705f;text-align:right;margin-top:5px}.material-control{display:grid;grid-template-columns:.85fr 1.65fr 1fr;gap:36px;align-items:center;border-top:1px solid var(--line);padding-block:26px;margin-top:30px}.material-control>span{font-size:11px;line-height:1.5}.material-buttons{display:flex}.material-buttons button{flex:1;display:flex;justify-content:space-between;gap:20px;background:transparent;border:0;border-left:1px solid var(--line);padding:15px 20px;color:var(--ink);font-size:12px;min-height:48px}.material-buttons button[aria-pressed=true]{color:#fff8ed;background:var(--teal);border-color:var(--teal)}.material-note{font-size:10px;line-height:1.6;color:#626c5d}body[data-material=wood] .wood-piece{filter:drop-shadow(0 5px 4px #40493144)}body[data-material=leather] .leather-piece{filter:drop-shadow(0 5px 4px #40493166)}body[data-material=metal] .metal-piece{filter:drop-shadow(0 5px 4px #40493166)}.crafts{padding-top:64px}.craft-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:45px;margin-bottom:38px;align-items:start}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em}.craft-heading h2{font-size:clamp(36px,4.1vw,59px);line-height:1.08}.craft-heading h2 i{color:var(--teal)}.wood-section{background:#c4aa81;position:relative;border-top:4px solid transparent}.wood-section.selected{border-color:var(--teal)}.wood-layout{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:55px;align-items:center;padding-block:52px}.material-tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.wood-layout h3{font-size:clamp(42px,5.3vw,76px);margin-top:22px}.wood-sample{position:relative;width:280px;height:220px;justify-self:center;transform:rotate(calc(-9deg + var(--craft-progress,0)*12deg))}.wood-sample span{position:absolute;display:block;left:0;top:25px;width:230px;height:130px;background:repeating-linear-gradient(5deg,#d8b58a 0 9px,#cba272 10px 11px,#e0be96 12px 25px);border:1px solid #8d6b42;transform:skewY(-15deg)}.wood-sample span:nth-child(2){left:15px;top:45px;background:repeating-linear-gradient(5deg,#d8b58a 0 7px,#a57a49 8px 9px,#c5a06e 10px 18px);z-index:-1}.wood-sample span:nth-child(3){width:42px;height:210px;left:94px;top:-4px;transform:rotate(-10deg);background:#e0c49a}.wood-sample i{position:absolute;left:100px;top:5px;height:190px;width:15px;border-left:1px dashed #8c7652;border-right:1px dashed #8c7652;transform:rotate(-10deg)}.craft-description p{font-size:14px;max-width:265px}.craft-description a,.craft-pair a{font-size:11px;display:inline-flex;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding-bottom:9px;margin-top:27px}.craft-description a:hover{color:#385952}.craft-pair{display:grid;grid-template-columns:1.3fr 1fr;gap:0;padding-top:38px}.craft-pair article{position:relative;min-width:0;border-top:4px solid transparent}.craft-pair article.selected{border-color:var(--teal)}.leather-section{padding:42px 58px 38px 0;overflow:clip}.leather-section h3{font-size:clamp(40px,4.4vw,63px);margin-top:23px}.leather-section p{max-width:310px;font-size:13px;margin-top:27px;position:relative;z-index:1}.leather-seam{position:absolute;right:-24px;bottom:32px;width:140px;height:160px;background:#ad7656;border:1px solid #8a5e43;transform:rotate(calc(-12deg + var(--craft-progress,0)*8deg))}.leather-seam span{position:absolute;inset:15px;border:2px dashed #e4c9a6}.metal-section{background:var(--ink);color:var(--paper);padding:42px 42px 48px;overflow:clip}.metal-section h3{font-size:clamp(42px,5.1vw,74px);margin-top:23px;position:relative;z-index:1}.metal-section p{max-width:275px;font-size:12px;margin-top:26px;position:relative;z-index:1;color:#c7cebf}.metal-section a{position:relative;z-index:1}.metal-section a:hover{color:#b3d1c3}.metal-curve{position:absolute;width:180px;height:180px;border:17px solid #667667;border-radius:50%;right:-67px;top:74px;transform:translateY(calc(var(--craft-progress,0)*35px))}.metal-curve:after{content:"";position:absolute;top:44px;left:39px;width:70px;height:70px;border:9px solid #667667;border-radius:50%}.more-crafts{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:36px;padding-block:34px 48px;border-bottom:1px solid var(--line);margin-top:14px}.more-crafts>div{display:flex;gap:12px 26px;flex-wrap:wrap;font-size:16px;line-height:1.5}.more-crafts>p:last-child{font-size:11px;color:#64705f}.first-visit{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-block:76px}.visit-heading h2{font-size:clamp(33px,3.8vw,54px);line-height:1.08;margin-top:24px}.visit-heading h2 i{color:var(--teal)}.visit-heading>p:last-child{font-size:13px;max-width:335px;margin-top:26px;color:#64705f}.visit-questions details{border-top:1px solid var(--line);padding-block:22px}.visit-questions details:last-child{border-bottom:1px solid var(--line)}.visit-questions summary{font-size:14px;cursor:pointer;line-height:1.6;padding-right:15px}.visit-questions details p{font-size:12px;color:#64705f;margin-top:15px;max-width:350px}.contact{background:var(--teal);color:var(--paper);padding-block:62px 66px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact h2{font-size:clamp(40px,4.6vw,65px);margin-top:24px;line-height:1.07}.address{font-size:15px;margin-top:25px}.map-link{font-size:11px;display:inline-flex;gap:50px;padding-block:8px;border-bottom:1px solid #a9b7a9;margin-top:16px}.contact-phones{padding-top:4px}.phone-label{font-size:10px;color:#d1d9ca}.main-phone{font-size:clamp(24px,3vw,42px);display:inline-block;margin-top:12px;letter-spacing:-.04em;white-space:nowrap}.founder-label{margin-top:31px}.founder-phone{font-size:23px;display:inline-block;letter-spacing:-.04em;margin-top:11px}.vk-link{font-size:12px;display:flex;justify-content:space-between;border-top:1px solid #9eb1a3;margin-top:35px;padding-top:21px;max-width:350px}.contact a:hover{color:white}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:27px;font-size:10px;color:#63705f}footer p{font-size:10px}.footer-name{font-size:26px;letter-spacing:-.07em;font-weight:800;color:var(--ink)}.quiet-motion .workbench,.quiet-motion .workbench g,.quiet-motion .wood-sample,.quiet-motion .leather-seam,.quiet-motion .metal-curve{transform:none!important}.quiet-motion *{transition:none!important}[hidden]{display:none!important}
@media(min-width:1550px){.hero h1{margin-top:30px}.intro-grid{gap:70px}}
@media(max-width:1100px){.sheet{width:calc(100% - 64px)}.intro-grid{grid-template-columns:1fr 1.8fr;gap:26px}.intro-copy h2{font-size:31px}.intro-copy>p{font-size:12px}.intro-copy .intro-note{font-size:9px}.material-control{grid-template-columns:.85fr 1.8fr 1fr;gap:20px}.material-buttons button{padding:15px 14px;font-size:11px;gap:10px}.material-note{font-size:9px}.wood-layout{gap:25px;grid-template-columns:1fr 1.1fr .9fr}.wood-sample{width:210px;transform:scale(.8) rotate(-6deg);transform-origin:center}.wood-layout h3{font-size:55px}.craft-description p{font-size:12px}.craft-description a{font-size:10px;gap:12px}.leather-section{padding-right:36px}.metal-section{padding-inline:32px}.more-crafts{grid-template-columns:.8fr 1.7fr 1fr;gap:24px}.first-visit{gap:40px}.contact-grid{gap:40px}.main-phone{font-size:31px}}
@media(max-width:760px){.sheet{width:calc(100% - 40px)}.demo{font-size:10px;padding:10px}.header{padding-block:20px;gap:18px}.identity{font-size:10px}.header nav{display:none}.header-contact{font-size:11px;gap:20px}.hero{padding-top:22px}.hero-line{font-size:8px;gap:30px;align-items:start}.hero-line p:last-child{text-align:right;max-width:130px}.hero h1{font-size:20vw;letter-spacing:-.075em;margin-block:23px 26px}.intro-grid{grid-template-columns:1fr;gap:9px}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:0}.intro-copy h2{font-size:29px;grid-row:span 2}.intro-copy>p{margin:0;font-size:11px}.intro-copy .intro-note{grid-column:1/-1;font-size:9px;max-width:100%;margin:0}.button{font-size:10px;padding:13px 14px;gap:12px;margin:0;align-self:end;justify-self:start}.workbench-scene{margin-top:6px}.workbench{width:100%;overflow:visible}.workbench-scene figcaption{font-size:8px;text-align:center;margin-top:0}.wood-piece{transform:translate(calc(-24px + var(--assembly)*24px),calc(16px - var(--assembly)*16px)) rotate(calc(-4deg + var(--assembly)*4deg))}.leather-piece{transform:translate(calc(24px - var(--assembly)*24px),calc(-15px + var(--assembly)*15px)) rotate(calc(3deg - var(--assembly)*3deg))}.metal-piece{transform:translateY(calc(18px - var(--assembly)*18px))}.pencil,.bench-labels{display:none}.material-control{grid-template-columns:1fr;gap:14px;padding-block:22px;margin-top:20px}.material-control>span{font-size:10px}.material-control>span br{display:none}.material-buttons button{padding:14px 15px;font-size:11px}.material-buttons button:first-child{border-left:0}.material-note{font-size:10px;min-height:34px;max-width:330px}.crafts{padding-top:29px}.craft-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px}.craft-heading h2{font-size:34px}.wood-layout{grid-template-columns:1fr 1fr;gap:20px;padding-block:33px}.wood-layout h3{font-size:46px;margin-top:18px}.material-tag{font-size:10px}.wood-sample{width:135px;height:150px;transform:none!important;justify-self:end}.wood-sample span{width:110px;height:85px;left:0;top:25px}.wood-sample span:nth-child(2){left:8px;top:37px}.wood-sample span:nth-child(3){width:26px;height:140px;left:51px;top:-4px}.wood-sample i{width:10px;height:126px;left:56px;top:4px}.craft-description{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.craft-description p{font-size:11px}.craft-description a{font-size:10px;gap:15px;margin:0;justify-self:start}.craft-pair{grid-template-columns:1fr;padding-top:24px}.leather-section{padding:29px 0 32px;min-height:310px}.leather-section h3{font-size:43px;margin-top:18px}.leather-section p{font-size:11px;max-width:240px;margin-top:20px}.craft-pair a{font-size:10px;gap:25px;margin-top:21px}.leather-seam{width:100px;height:135px;right:-30px;bottom:15px}.leather-seam span{inset:12px}.metal-section{padding:31px 28px 36px}.metal-section h3{font-size:54px;margin-top:19px}.metal-section p{font-size:11px;max-width:240px;margin-top:22px}.metal-curve{right:-65px;top:69px;width:165px;height:165px}.more-crafts{grid-template-columns:1fr;gap:20px;padding-block:27px 31px;margin-top:0}.more-crafts>div{font-size:17px;gap:10px 23px}.more-crafts>p:last-child{font-size:10px;max-width:280px}.first-visit{grid-template-columns:1fr;gap:29px;padding-block:43px}.visit-heading h2{font-size:35px;margin-top:20px}.visit-heading>p:last-child{font-size:11px;max-width:310px;margin-top:21px}.visit-questions details{padding-block:20px}.visit-questions summary{font-size:12px}.visit-questions details p{font-size:11px}.contact{padding-block:40px 43px}.contact-grid{grid-template-columns:1fr;gap:32px}.contact h2{font-size:44px;margin-top:20px}.address{font-size:13px;margin-top:21px}.map-link{font-size:10px;margin-top:12px}.contact-phones{padding:0}.main-phone{font-size:33px}.founder-label{margin-top:25px;font-size:9px}.founder-phone{font-size:22px}.vk-link{font-size:11px;margin-top:29px;padding-top:20px;max-width:none}.phone-label{font-size:9px}footer{padding-block:24px;flex-wrap:wrap;gap:18px}footer p{order:3;width:100%;font-size:9px}.footer-name{font-size:24px}}
@media(max-width:380px){.sheet{width:calc(100% - 32px)}.hero h1{font-size:20vw}.intro-copy{column-gap:17px;grid-template-columns:1fr 1fr}.intro-copy h2{font-size:26px}.intro-copy>p{font-size:10px}.button{font-size:9px;padding:12px 11px;gap:7px}.hero-line{font-size:7px}.craft-heading h2{font-size:30px}.wood-layout h3{font-size:40px}.wood-sample{width:115px}.craft-description{gap:18px}.craft-description a{font-size:9px;gap:9px}.visit-heading h2{font-size:31px}.contact h2{font-size:39px}.main-phone{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.workbench,.workbench g,.wood-sample,.leather-seam,.metal-curve{transform:none!important}}
.material-piece{opacity:.76}body[data-material=wood] .wood-piece,body[data-material=leather] .leather-piece,body[data-material=metal] .metal-piece{opacity:1;scale:1.035}.quiet-motion .material-piece{scale:1!important}
@media(prefers-reduced-motion:reduce){.material-piece{scale:1!important}}
@media(max-width:760px){.wood-layout{grid-template-columns:minmax(0,1fr)}.wood-layout>div{min-width:0}.wood-sample{justify-self:center;width:135px;margin-block:4px 8px}.craft-description{display:block;grid-column:auto}.craft-description p{max-width:100%}.craft-description a{max-width:100%;margin-top:20px}.leather-seam{position:relative;right:auto;bottom:auto;width:76px;height:90px;margin:22px 16px 0 auto;transform:none!important}.metal-curve{position:relative;right:auto;top:auto;width:100px;height:100px;border-width:10px;margin:24px 0 0 auto;transform:none!important}.metal-curve:after{width:40px;height:40px;border-width:6px;left:20px;top:20px}}