@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--clr-bg: #F5EEE4;--clr-primary: #780524;--clr-secondary: #52131E;--clr-dark: #181211;--clr-gold: #EDC484}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:"Roboto",sans-serif;font-size:16px;background-color:var(--clr-bg)}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.container{max-width:calc(100% - 3rem);margin-left:auto;margin-right:auto}@media(min-width: 48rem){.container{max-width:calc(100% - 6rem)}}@media(min-width: 90rem){.container{max-width:80rem}}header{position:sticky;top:0;background-color:var(--clr-bg);transition:box-shadow 250ms ease;z-index:10}header.scrolled{box-shadow:0 0 10px rgba(0,0,0,.2)}nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}nav .logo-container{width:3.5rem}nav .logo-container svg .cls-1,nav .logo-container svg .cls-2{fill:var(--clr-dark)}nav .menu-navigator{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:var(--clr-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;visibility:hidden;transition:clip-path .3s ease,visibility 1ms ease .5s;clip-path:circle(0% at 100% 0%)}nav .menu-navigator .menu{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;color:var(--clr-gold);font-size:1.5rem;font-family:"Playfair Display",serif}nav .menu-navigator .menu li{position:relative}nav .menu-navigator .menu li:after{position:absolute;content:"";display:block;width:0%;height:.15rem;background-color:var(--clr-gold);margin-top:.25rem;transition:width 150ms ease}nav .menu-navigator .menu li:hover::after,nav .menu-navigator .menu li:focus::after{width:100%}nav .menu-navigator .menu li.active{font-weight:bold}nav .menu-navigator .menu li.active:after{width:100%}nav .menu-toggle{position:relative;z-index:1;background-color:rgba(0,0,0,0);border:none}nav .menu-toggle span{display:block;width:1.5rem;height:.2rem;background-color:var(--clr-dark);transition:transform 250ms ease,opacity 100ms ease,background-color 250ms ease 100ms;transform-origin:1px 1px}nav .menu-toggle span:not(:last-child){margin-bottom:.3rem}nav.open .menu-navigator{visibility:visible;transition:clip-path .5s ease;clip-path:circle(100% at 50% 50%)}nav.open .menu-toggle span{background-color:var(--clr-bg);transition:transform 250ms ease,opacity 100ms ease,background-color 100ms ease}nav.open .menu-toggle span:nth-child(1){transform:rotate(45deg)}nav.open .menu-toggle span:nth-child(2){opacity:0}nav.open .menu-toggle span:nth-child(3){transform:rotate(-45deg)}@media(min-width: 31rem){nav .logo-container{width:5.5rem}nav .menu-navigator{position:unset;visibility:visible;clip-path:unset;width:unset;height:unset;background-color:unset}nav .menu-navigator .menu{flex-direction:row;font-size:1rem;color:var(--clr-dark);gap:1.5rem;font-weight:500}nav .menu-navigator .menu li:after{margin-top:.2rem;background-color:var(--clr-dark);height:1px}nav .menu-toggle{display:none}}img{max-width:100%;height:auto}footer{background-color:var(--clr-dark);text-align:center}@media(min-width: 48rem){footer{text-align:left}}footer .copyright{border-top:2px solid #4d3c3a;padding:2rem 0}footer .copyright p{color:var(--clr-gold);text-align:center;width:calc(100% - 2rem);margin:0 auto}footer .container{padding:3rem 0;color:var(--clr-gold);display:flex;flex-direction:column;align-items:center;gap:2rem}@media(min-width: 48rem){footer .container{flex-direction:row;align-items:flex-start}footer .container>*{flex:1;align-items:flex-start}}footer .logo-container{width:5rem}footer .list-container{display:flex;flex-direction:column;gap:unset;padding:0}footer .list-container span{font-size:1.25rem;font-weight:bold;margin-bottom:1rem}footer .list-container .list{display:flex;flex-direction:column;gap:1rem}footer .list-container #nav-list li{text-decoration:underline}footer .list-container #nav-list li:hover{color:var(--clr-bg)}@media(min-width: 48rem){footer .list-container{margin-top:1.75rem}}footer .col-1{display:flex;flex-direction:column;align-items:center}@media(min-width: 48rem){footer .col-1{align-items:flex-start;flex:1.5}}@media(min-width: 64rem){footer .col-1{flex:2}}