*{box-sizing:border-box;&:active{-webkit-tap-highlight-color:transparent}}body{color:#fff;background:#0f0b0a url(../img/bg-pattern-dark.png) fixed;width:100%;margin:0;font-family:El Messiri,sans-serif;overflow-x:hidden}a{color:inherit;cursor:pointer;user-select:none;text-decoration:none;&:hover{color:#c49530}&.link{text-decoration:underline}}h1,h2,h3{word-wrap:break-word;white-space:normal;font-family:Cormorant SC,serif}h1{font-size:2rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4,h5{font-size:1rem}h6{font-size:.875rem}time{font-family:sans-serif}video{width:100%;display:block}img{image-rendering:auto;border:0;outline:none;display:block}iframe{border:0;display:block}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}body>header{z-index:1;background-color:#000000bf;width:100%;max-width:1150px;height:80px;transition:all .4s;display:flex;position:absolute;top:50px;left:calc(50% + 25px);transform:translate(-50%);& *{margin:0;padding:0}& menu{flex-direction:column;width:100%;display:flex;position:relative;overflow-x:clip;& hr{border-top:1px}}& ul{width:100%;height:40px;list-style-type:none;display:flex;position:relative;& li{align-content:center;position:relative;& a{padding:3px 10px;font-family:Cormorant SC,serif;font-size:1.2rem;display:block;position:relative}}}&>a{margin-right:38px}& .logo{background:url(../img/nav/logo.png) 50% no-repeat;width:276px;height:150px;margin-top:-23px;margin-left:-50px;transition:all .5s,background-image .2s;display:block;position:relative}& .hamburger,& .back-button,& .submenu-toggle{display:none}& .primary a:after{content:"";background:radial-gradient(#c49530 0%,#02010000 99%,#0000 100%);width:0;height:3px;transition:all .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}& .primary .active{color:#c49530;& a:after{width:100%}}& .secondary,& .tertiary{display:none}& .secondary.active{display:flex}& .tertiary{background:#fff url(../img/bg-pattern-dark.png);flex-direction:column;width:auto;height:auto;display:none;position:absolute;&.active{display:flex}& li{padding:0 10px;position:relative;&:hover,&.active{background-color:#352f2c}&:before{top:-2px}&:after{bottom:-2px}&:first-of-type:before,&:last-of-type:after{display:none}&:after,&:before{content:"";background:radial-gradient(#352f2c 0%,#352f2c00 75% 100%);height:4px;position:absolute;left:0;right:0}& a{color:#000;white-space:nowrap;padding:10px 25px;position:relative;&:hover{color:#fff}}}}@media (width<1215px){&{transform:unset;left:50px}}@media (width<=1024px){&{z-index:100;background-color:#000000e6;position:fixed;top:0;left:0}&>a{margin-right:5px}& .logo{background-image:url(../img/nav/stamp.png);background-size:contain;width:70px;height:70px;margin:5px;top:0;left:0}}@media (width<768px){&{justify-content:space-between;height:40px}& menu{z-index:1000;background:#000000e6;width:80%;max-width:300px;height:100%;transition:right .3s;position:fixed;top:41px;right:-100%;overflow:hidden;box-shadow:-2px 0 5px #00000080;&.active{right:0}& ul{&.primary,&.secondary,&.tertiary{background:unset;border-top:1px solid #352f2c;flex-direction:column;width:100%;height:100%;margin-top:1.5em;transition:right .3s;display:flex;position:absolute;top:20px;right:-100%;& li{padding:0;&:hover{background-color:unset}}& li a{color:#fff;border-bottom:1px solid #352f2c;padding:15px 20px;transition:background-color .2s;&:hover{color:#fff;background-color:#5c0706;&:after{width:100%}}}& .active a:after{width:0}& .active a:hover:after{width:100%}}&.active{right:0}&.parent{right:100%}}}& .logo{width:36px;height:36px;margin:2px;left:.5em}& .back-button{cursor:pointer;background:url(../img/nav/arrow.png) 50% no-repeat;border:none;width:30px;height:30px;display:none;position:relative;top:6px;left:16px;transform:rotate(180deg);&:hover{background-image:url(../img/nav/arrow-hover.png)}}& .hamburger{color:#fff;cursor:pointer;background-color:#0000;border:none;align-items:center;font-size:1.75em;display:flex;position:relative;right:.5em}& .submenu-toggle{cursor:pointer;background:url(../img/nav/arrow.png) 50% no-repeat;border:none;width:30px;height:30px;display:block;position:absolute;top:50%;right:1em;transform:translateY(-50%);&:hover{background-image:url(../img/nav/arrow-hover.png)}}& hr{display:none}}}section.featuredArticle{text-align:right;flex-direction:row-reverse;align-items:stretch;display:flex;& article{background:#114e77 url(../img/bg-pattern-blue.png) 50%;flex:0 0 35%;padding:0 3em 1em}& h1,& h2{margin:2rem 0;position:relative;&:after{content:"";background:radial-gradient(at 100%,#fff 0,#fff0 75% 100%);height:3px;position:absolute;bottom:-5px;left:0;right:0}}& .image{flex:0 0 65%;& img{object-fit:cover;object-position:75% 50%;width:100%;height:100%}}@media (width<=1024px){&{text-align:center;flex-direction:column-reverse}& h1:after{background:radial-gradient(#fff 0,#fff0 75% 100%)}}}.filigree:after{content:"";background:url(../img/filigree-dark.png) bottom repeat-x;height:36px;position:absolute;inset:auto 0 0}header.featured{text-align:center;justify-content:center;align-items:center;margin:32px 0;display:flex;& h1{align-items:center;margin:0;display:flex;&:after,&:before{content:"";background:url(../img/swirl.png) 50% no-repeat;width:75px;min-width:75px;height:60px;display:inline-block}&:after{margin-left:10px}&:before{margin-right:10px;transform:rotate(180deg)}}& hr{background:url(../img/bars.png) 50% repeat-x;border:0;flex-grow:1;min-width:8%;height:60px;margin:0}}hr.separator{content:"";background:radial-gradient(#c49530 0,#c4953000 65% 100%);border:none;width:100%;height:2px}.ankle{background:linear-gradient(#f008 0%,#bb030344 20%,#b004 100%) top;margin-top:75px;&:before{content:"";background:url(../img/filigree-red.png) bottom;width:100%;height:36px;display:block;position:relative;top:-36px}}.ankle>footer{justify-content:space-evenly;margin:0;display:flex;& section{text-align:center;flex-direction:column;justify-content:space-evenly;display:flex}& nav a{margin:0 10px;text-decoration:underline}&>img{height:90px}}