.hero{z-index:100;isolation:isolate}.hero,.hero-container{width:100%;height:100vh;max-height:100vh;overflow:hidden;position:relative}.hero-container{display:flex}.hero-container .col{position:relative;flex:1;width:100%;display:flex;flex-direction:column;gap:1em}.col .item{position:relative;flex:1;width:100%;background:gainsboro;overflow:hidden}.intro-img{width:100%;height:100%;object-fit:cover}.c-1,.c-1 .item,.c-3,.c-3 .item,.c-5,.c-5 .item{top:100%}.c-2 .item,.c-4 .item{top:-100%}.main-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(118,68,71,.5),rgba(76,19,23,.5));z-index:1}.shop-title{position:absolute;width:95%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;color:#fff}.title{position:relative;flex:3;text-align:center;opacity:0;transition:opacity 1s ease}.title h5{font-size:30px;line-height:1}.title h1,.title h5{color:#D6D533;text-shadow:2px 2px #000000}.title h1{font-size:clamp(4rem,6vw,8rem);font-weight:400;font-style:normal;margin:0;padding:0}.title h6{margin-bottom:1rem}.title h6,dl{color:#D6D533;text-shadow:2px 2px #000000}dl{font-size:1rem}dd{margin-bottom:0}.icon,.icon-2{flex:0.5;padding:0 5em;font-size:30px;opacity:.8;text-shadow:2px 2px #000000;color:#fffe00cc}.icon-2{text-align:right}.icon svg,.icon-2 svg{transform:scale(0)}.hero-footer{position:absolute;bottom:0;width:100%}.preview{position:absolute;bottom:2em;display:flex;gap:.3em;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.preview img{position:relative;top:100px;width:80px;height:50px}.slide-num{margin:3em 0;text-align:center;text-shadow:2px 2px #000000;color:#fffe00cc;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.slide-num p{position:relative;top:30px}.main-image-container{position:relative;width:100%;height:100%;max-height:100vh;overflow:hidden;z-index:1}.bg-brown-overlay{background-color:rgba(84,21,25,.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}.intro-img.current-img,.intro-img.next-img,.intro-img.prev-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width:900px){.slide-num{text-align:left;padding-left:2em;margin-bottom:2.5em}.icon,.icon-2{padding:0 1em;font-size:16px}.preview img{width:60px;height:40px}}@media (max-width:426px){.preview img{width:51px;height:34px}}@media (max-width:376px){.hero-nav{gap:2em}.preview img{width:45px;height:30px}}@media (max-width:321px){.hero-nav{gap:1.5em}.preview{display:none}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(84,21,25,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:white;animation:fadeIn 1s ease-in-out forwards}.loading-overlay.fade-out{animation:fadeOut .8s ease-in-out forwards}.loading-spinner{display:flex;justify-content:center;align-items:center;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-spin{animation:spin 2s linear infinite,fadeIn .5s ease-in-out}.loading-text{animation:fadeIn .8s ease-in-out .3s both;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}