:root{--font: "5ka", sans-serif;--title: "drukwidecyr", sans-serif;--white: #ffffff;--black: #000000;--brown: #5c2e15;--brown-dark: #5c2e15;--yellow: #e9cc29}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);backface-visibility:hidden}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{height:100%;overflow:hidden;z-index:0}body{width:100%;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overflow-scrolling:auto;font-family:var(--font);color:var(--white)}img{display:block;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6,b,strong{color:inherit;font-family:var(--title)}a{color:inherit;text-decoration:none}button{position:relative;border:none;cursor:pointer;background:none;color:inherit}button:disabled{cursor:auto;pointer-events:none;opacity:.3}.gradient{background-image:linear-gradient(90deg, #fffcb6, #fade79, #f2d344);background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.main{display:flex;flex:1;justify-content:center;align-items:center;align-content:center;position:relative;width:100%;height:auto;min-height:100svh;background:url("../img/bg.webp") no-repeat center center/cover}@font-face{font-family:"5ka";src:url("../fonts/5ka-light.woff2") format("woff2"),url("../fonts/5ka-light.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-family:"5ka";src:url("../fonts/5ka-regular.woff2") format("woff2"),url("../fonts/5ka-regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"5ka";src:url("../fonts/5ka-semibold.woff2") format("woff2"),url("../fonts/5ka-semibold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"5ka";src:url("../fonts/5ka-black.woff2") format("woff2"),url("../fonts/5ka-black.woff") format("woff");font-weight:900;font-style:normal}@font-face{font-family:"drukwidecyr";src:url("../fonts/drukwidecyr-medium.woff2") format("woff2"),url("../fonts/drukwidecyr-medium.woff") format("woff");font-weight:800;font-style:normal}.button{display:flex;position:relative;justify-content:center;align-items:center;align-content:center;width:clamp(178px,26.7361vw,385px);height:clamp(38px,6.9444vw,100px);border-radius:100px;border:clamp(2px,0.3472vw,5px) solid var(--white);color:var(--brown);font-size:clamp(13px,1.9444vw,28px);line-height:1;font-family:var(--title);font-weight:500;text-transform:uppercase;background:linear-gradient(#efc031, #f4e288, #f1c43f)}.header{height:clamp(80px,10.9722vw,158px);width:100%;position:absolute;display:flex;justify-content:flex-end;align-items:flex-start;z-index:3;left:0px;top:0px;padding-top:clamp(10px,2.0833vw,30px);padding-right:clamp(30px,2.7778vw,40px);padding-left:clamp(15px,2.7778vw,40px)}@media(max-width: 767px){.header{height:80px;padding-top:10px;padding-right:30px;padding-left:15px}}.logo{display:flex;position:relative;width:clamp(55px,6.3889vw,92px);flex-direction:column;justify-content:center;align-items:center;align-content:center;flex-shrink:0}.logo img{width:100%}.logo p{position:absolute;top:calc(100% + clamp(4px,1.0417vw,15px));white-space:nowrap;font-size:clamp(9px,0.8333vw,12px);font-weight:300;opacity:.5}.content{display:flex;position:relative;width:100%;max-width:1240px;flex-wrap:wrap;justify-content:center;align-items:flex-end;align-content:center;gap:60px}.img1{position:relative;margin-left:-56px;width:clamp(204px,25vw,360px);height:clamp(521px,63.8194vw,919px)}.choco{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:clamp(183px,25.6944vw,370px);height:clamp(344px,48.3333vw,696px);background:url("../img/img2.webp") no-repeat center center/cover}.choco__title{display:block;width:clamp(148px,30.5556vw,440px);font-size:clamp(18px,2.7778vw,40px);line-height:1;position:absolute;transform:rotate(-2deg);bottom:100%;text-align:center}.choco__title:before{content:"";display:block;position:absolute;bottom:50%;right:82%;width:100px;height:100px;background:url("../img/arrow.svg") no-repeat center center/contain}.choco__start{display:flex;position:absolute;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:clamp(154px,15.9722vw,230px);bottom:calc(100% + 140px);font-weight:400;font-size:clamp(14px,2.0833vw,30px)}.choco__start .yellow{display:block;background:var(--yellow);left:calc(100% + 30px);font-weight:900;font-size:clamp(12px,1.9444vw,28px);color:var(--brown);padding:4px clamp(18px,2.2222vw,32px);border-radius:20px;flex-shrink:0;white-space:nowrap;position:absolute}.choco__center{text-align:center;display:block;position:relative;transform:rotate(-2deg) translate(-2%, 22%);font-weight:600;font-size:clamp(10px,1.3889vw,20px)}.titles{display:flex;position:relative;width:clamp(178px,26.7361vw,385px);flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;margin-bottom:70px}.titles h1{display:block;text-align:center;width:clamp(260px,33.4722vw,482px);font-size:clamp(20px,4.0278vw,58px);line-height:.9;margin-right:auto;margin-bottom:clamp(0px,22.5vw,324px)}@media(max-width: 767px){.header{background:var(--brown-dark);position:fixed;left:0px;top:0px}.content{max-width:375px;margin-top:270px;gap:0px}.titles{position:absolute;width:100%;justify-content:center;margin-bottom:50px}.titles h1{display:block;position:fixed;left:10px;top:10px;width:260px;font-size:20px;line-height:1.1;margin-bottom:0px;z-index:20}.titles .button{margin-left:175px}.choco{margin-left:175px}.img1{position:absolute;margin-left:0px;width:204px;height:521px;left:-5px;bottom:0px}.choco__start{bottom:calc(100% + 33px)}.choco__start .yellow{display:block;background:var(--yellow);position:relative;left:auto;font-size:12px;text-transform:uppercase;border-radius:20px;margin-top:5px}.choco__title{width:148px;font-size:18px;bottom:calc(100% + 130px);text-align:center}.choco__title:before{bottom:50%;right:100%;width:58px;height:50px;transform:rotate(-22deg)}}