html{height:100%;margin:0}body{background-color:#000;color:#f5f5f5;height:100%;margin:0}a{text-decoration:none;color:#fff}.header-container{position:fixed;background-color:#000;z-index:1000;width:100%;padding-top:15px;transition:all .3s ease;align-items:center;padding-bottom:10px}#logo{transition:all .3s ease;width:200px}.header-container.shrink #logo{width:100px}.page-container{width:100%;margin-top:215px}.nav-menu{position:fixed;top:10%;right:10%;z-index:1003}.nav-panel{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1002;opacity:0;transform:translateY(-20px);visibility:hidden;transition:opacity .4s ease,transform .4s ease,visibility 0s .4s;padding-top:45px}.nav-panel.active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,visibility 0s}.flex-container-row{display:flex;flex-direction:row;justify-content:space-between}.flex-container-column{display:flex;flex-direction:column;width:100%}.flex-center{align-items:center}.flex-space-between{justify-content:space-between}.menu-font,.primary-font{font-family:Advent Pro,sans-serif;font-optical-sizing:auto;font-weight:100}.secondary-font{font-family:"Noto Serif Display",serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100;font-size:2.5rem}.tertiary-font{font-family:Amatic SC,sans-serif}.font-size-title{font-size:60px}.font-size-section{font-size:30px;font-weight:300}.red-background{background:linear-gradient(to right,#360404,#000);background-position:0 95%;background-size:100% 15px;background-repeat:repeat-x;width:fit-content;margin-bottom:10px}.gold-background{background:linear-gradient(to right,#d49607,#473203);background-position:0 95%;background-size:100% 15px;background-repeat:repeat-x;width:fit-content;margin-bottom:10px}.blue-background{background:linear-gradient(to right,#030749,#000);background-position:0 95%;background-size:100% 15px;background-repeat:repeat-x;width:fit-content;margin-bottom:10px}.font-size-medium{font-size:20px}.font-size-small{font-size:1.2rem}.button{cursor:pointer}.button.active{font-weight:600}.vertical-spacer-small{height:30px}.hamburger-button{display:inline-block;cursor:pointer;border:none;background:none;transition:transform .3s ease}.hamburger-button span{display:block;width:30px;height:3px;margin:5px auto;background-color:#fff;transition:.3s ease}.hamburger-button:hover{transform:translateY(5px)}.hamburger-button.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-button.active span:nth-child(2){opacity:0}.hamburger-button.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-button.clicked{transform:rotate(180deg)}.hamburger-button.clicked span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-button.clicked span:nth-child(2){opacity:0}.hamburger-button.clicked span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.collapse-btn{background:none;border:none;padding:0;margin-left:10px;cursor:pointer}.collapse-btn .icon{display:inline-block;width:10px;height:10px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);transition:transform .3s ease}.collapse-btn .icon.collapsed{transform:rotate(-135deg)}.card-container{max-width:400px;margin:0 auto;padding:20px}.card-container.large{max-width:600px;margin:0 auto;padding:20px}.card-container ul{list-style:none;padding:0;margin:0}.card{background-color:#070707;padding:20px;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:20px}.card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000004d}.card-details{margin-bottom:15px}.card-image{max-width:300px}.wine-name{margin:0;color:#e0e0e0}.wine-origin{color:#ccc;margin:5px 0}.wine-description{color:#bebebe;font-weight:300;margin-bottom:15px}.italic{font-style:italic}.wine-prices{width:80px}@media (min-width: 768px){.wine-details{display:flex;justify-content:space-between}.wine-origin,.wine-description{margin-left:20px}}.map-wrapper{position:relative;width:100%;height:270px}.map-static{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out;z-index:2}.map-static.hidden{opacity:0;z-index:0}.map-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:1}