@font-face{font-family:Calibri;src:url(../media/Calibrilight.89acdafd.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url(../media/DaxRegular.6a06b6e2.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.sayerlackMainBanner{isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}.sayerlackMainBanner__bg{z-index:0;background:url(https://cdn.jatholdings.com/our-brands/wood-coatings/sayerlack/seyerlack%20main%20banner.webp) 50%/cover no-repeat;position:absolute;inset:0}.sayerlackMainBanner__bg:before{content:"";z-index:1;background-color:#00000027;position:absolute;inset:0}.sayerlackMainBanner__inner{z-index:2;grid-template-columns:1fr 1fr;align-items:stretch;width:min(1440px,100% - 160px);min-height:100vh;margin:0 auto;padding:clamp(28px,4vw,80px) 0;display:grid;position:relative}.sayerlackMainBanner__left{align-items:flex-end;padding-bottom:clamp(40px,7vh,90px);display:flex}.sayerlackMainBanner__title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;opacity:0;margin:0;font-family:Dax,sans-serif;font-size:clamp(44px,5vw,80px);font-weight:400;animation:2.5s cubic-bezier(.25,1,.5,1) 1.5s forwards titleReveal;transform:translate(-36px)}@keyframes titleReveal{to{opacity:1;transform:translate(0)}}.sayerlackMainBanner__right{z-index:1000;justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:97px}.sayerlackMainBanner__card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#ffffff1a;border-radius:40px;align-items:center;gap:25px;padding:25px;animation:2.5s cubic-bezier(.22,1,.36,1) 1s forwards cardReveal;display:flex;transform:translateY(36px);box-shadow:0 30px 80px #00000040}@keyframes cardReveal{to{opacity:1;transform:translateY(0)}}.sayerlackMainBanner__logoBox{background:#fff;border-radius:25px;justify-content:center;align-items:center;width:190px;height:150px;padding:10px;display:flex}.sayerlackMainBanner__logoInner{width:100%;height:100%;position:relative}.sayerlackMainBanner__logoImg{object-fit:contain}.sayerlackMainBanner__itemSlider{background:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;width:200px;height:200px;position:relative;overflow:hidden}.sayerlackMainBanner__itemCard{opacity:0;justify-content:center;align-items:center;transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity .8s;display:flex;position:absolute;inset:0}.sayerlackMainBanner__itemCard--active{opacity:1;transform:translateY(0)}.sayerlackMainBanner__itemCard--prev{transform:translateY(-100%)}.sayerlackMainBanner__itemCard--next{transform:translateY(100%)}.sayerlackMainBanner__productImage{object-fit:contain;filter:drop-shadow(0 15px 30px #0006);animation:4s ease-in-out infinite bucketFloat}@keyframes bucketFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1281px){.sayerlackMainBanner__card{gap:15px;padding:15px}.sayerlackMainBanner__logoBox{width:150px;height:120px}.sayerlackMainBanner__itemSlider{width:180px;height:180px}.sayerlackMainBanner__itemSlider img{padding:20px}}@media (max-width:1024px){.sayerlackMainBanner__inner{grid-template-columns:1fr;width:min(900px,100% - 64px);min-height:auto;padding:100px 0 350px}.sayerlackMainBanner__right{justify-content:center;margin-top:0;position:absolute;bottom:30px;left:0;right:0;transform:none}}@media (max-width:600px){.sayerlackMainBanner__card{text-align:center;flex-direction:column;width:75%;margin:0 auto 20px;padding:30px 20px}.sayerlackMainBanner__logoBox{width:200px;height:120px}}
.sayerlack-container{flex-direction:column;gap:90px;width:100%;margin:0 auto;padding:100px 97px;display:flex}.sayerlack-text h2{color:#1d1d1d;margin-top:10px;margin-bottom:20px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.sayerlack-text h2 span{color:#7e8385}.sayerlack-text p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;text-align:justify;margin-bottom:12px;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5}@media (min-width:1600px){.sayerlack-text h3{font-size:18px}.sayerlack-text p{font-size:24px}}@media (max-width:768px){.sayerlack-container{padding:70px 24px 0}}@media (max-width:640px){.sayerlack-container{gap:60px;padding:50px 20px 0}.sayerlack-text h3{font-size:16px}.sayerlack-text p{font-size:18px}}.sayerlack-sec1{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.sayerlack-sec1-img img{object-fit:cover;border-radius:12px;width:100%}.sayerlack-subtitle{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:2px;color:#7e8385;text-transform:uppercase;align-items:center;gap:10px;font-family:Calibri,sans-serif;font-size:16px;font-weight:300;display:flex}.sayerlack-subtitle:before{content:"";background:#fd741f;width:8px;height:8px}.sayerlack-subtitle-badge{margin-bottom:8px;padding-left:20px;position:relative}.sayerlack-subtitle-icon{background-color:#f37021;width:8px;height:8px;display:inline-block;position:absolute;top:8px;left:0}.sayerlack-subtitle-badge-text{-webkit-font-smoothing:antialiased;color:#7e8385;letter-spacing:2px;font-family:Calibri,sans-serif;font-size:18px;font-weight:300;line-height:1.4;display:block}@media (min-width:1600px){.sayerlack-subtitle-badge-text{font-size:18px}}@media (max-width:640px){.sayerlack-subtitle-badge-text{font-size:16px}}.sayerlack-sec2{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.sayerlack-sec2-img img{object-fit:cover;border-radius:12px;width:100%}.sayerlack-sec3{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.sayerlack-sec3-img img{object-fit:cover;border-radius:12px;width:100%}.sayerlack-sec4{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.sayerlack-sec4-img img{object-fit:cover;border-radius:12px;width:100%}@media (max-width:900px){.sayerlack-sec1,.sayerlack-sec2,.sayerlack-sec3,.sayerlack-sec4{grid-template-columns:1fr}.sayerlack-sec2-text{order:1}.sayerlack-sec2-img{order:2}.sayerlack-sec4-text{order:1}.sayerlack-sec4-img{order:2}}.content-sayerlack-btn{cursor:pointer;background-color:#f2f2f2;border-radius:25px;align-items:center;gap:12px;width:fit-content;padding:5px 24px 5px 5px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.content-sayerlack-btn:before{content:"";z-index:1;background:#ff7832;border-radius:20px;width:45px;transition:width .4s,background .3s;position:absolute;top:5px;bottom:5px;left:5px}a.content-sayerlack-btn{transition:all .3s}.content-sayerlack-btn:hover:before{background:#ff7832;width:calc(100% - 10px)}.content-sayerlack-btn:hover{background-color:#ebebeb}.content-sayerlack-btn:hover .sayerlack-btn-label{color:#fff}.content-sayerlack-btn:hover .sayerlack-btn-icon{transform:scale(1.15)}.sayerlack-btn-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;z-index:2;white-space:nowrap;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5;transition:color .3s}.sayerlack-btn-icon{color:#fff;z-index:2;background-color:#0000;border-radius:20px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:300;transition:transform .25s;display:flex}@media (min-width:1600px){.sayerlack-btn-label{font-size:24px}.sayerlack-btn-icon{width:50px;height:50px}.content-sayerlack-btn:before{width:50px}}@media (max-width:640px){.sayerlack-btn-label{font-size:18px}}.sayerlack-btn-group{flex-wrap:wrap;gap:20px;display:flex}@media (max-width:640px){.sayerlack-btn-group{flex-direction:column;align-items:flex-start;margin-bottom:30px}}
.gallery-sayerlack-container{flex-direction:column;width:100%;margin:0 auto;padding:0 97px 50px;display:flex}.gallery-sayerlack-title{color:#1d1d1d;margin-top:10px;margin-bottom:20px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.scroll-container{white-space:nowrap;cursor:grab;touch-action:pan-y;margin-bottom:100px;display:flex;overflow-x:hidden}.scroll-container::-webkit-scrollbar{display:none}.scroll-container:active{cursor:grabbing}.scroll-container img{border-radius:25px;flex-shrink:0;width:auto;height:300px;margin-left:30px}@media (max-width:640px){.gallery-sayerlack-container{gap:60px;padding:50px 20px}.gallery-sayerlack-title h2{font-size:45px}}@media (max-width:600px){.scroll-container img{height:230px;margin-left:40px}.scroll-container{margin-bottom:70px}}
@font-face{font-family:Dax-light;src:url("../media/Dax Light.6de6273b.ttf")format("truetype");font-weight:400;font-style:normal;font-display:swap}.sayerlackItems-container{flex-direction:column;width:100%;margin:0 auto;padding:100px 97px;display:flex}.sayerlackItems-header h2{color:#1d1d1d;margin-bottom:40px;font-family:Dax-light,sans-serif;font-size:clamp(38px,3.2vw,58px);font-weight:400}.sayerlackItems-header h2 span{color:#7e8385}.sayerlackItems-text p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-3%;color:#1d1d1d;text-align:justify;margin-bottom:20px;font-family:Calibri,sans-serif;font-size:20px;font-weight:300;line-height:1.5}.sayerlackItems-tabs{border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:30px 55px;margin-bottom:60px;padding-bottom:0;display:flex}.sayerlackItems-tabs button{cursor:pointer;-webkit-font-smoothing:antialiased;color:#7e8385;white-space:normal;text-align:left;background:0 0;border:none;align-items:center;height:auto;min-height:64px;padding:10px 0;font-family:Dax-light,sans-serif;font-size:32px;font-weight:300;transition:color .3s;display:flex;position:relative}.sayerlackItems-tabs button.active{color:#1d1d1d}.sayerlackItems-tabs button span{display:inline-block;position:relative}.sayerlackItems-tabs button.active:after{content:"";z-index:2;background-color:#fd741f;width:100%;height:4px;position:absolute;bottom:-1px;left:0}.sayerlackItems-sec2{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.sayerlackItems-sec2-img img{object-fit:cover;border-radius:40px;width:100%}@media (min-width:1600px){.sayerlackItems-text h3{font-size:18px}.sayerlackItems-text h2{font-size:58px}.sayerlackItems-text p{font-size:24px}}@media (max-width:1024px){.sayerlackItems-container{padding:60px 24px}.sayerlackItems-header h2{font-size:36px}.sayerlackItems-tabs button{font-size:24px}}@media (max-width:768px){.sayerlackItems-container{padding:70px 24px}.sayerlackItems-sec2{gap:30px}}@media (max-width:600px){.sayerlackItems-tabs{border-bottom:none;border-left:2px solid #e5e5e5;flex-direction:column;gap:15px;padding-left:20px}.sayerlackItems-tabs button{max-width:100%;min-height:auto;font-size:22px}.sayerlackItems-tabs button.active:after{width:4px;height:100%;top:0;left:-22px}.sayerlackItems-sec2{grid-template-columns:1fr;gap:30px}.sayerlackItems-sec2-img{order:-1}.sayerlackItems-header h2{font-size:42px}.sayerlackItems-text p{font-size:18px}.sayerlackItems-container{padding:60px 20px 0}}