html{font-size:62.5%}
*{box-sizing:border-box;margin:0;padding:0;font-size:100%;font-weight:inherit;font-style:inherit}
a{text-decoration:none;font-weight:inherit;color:inherit}
a img{border:0}
li{list-style:none}
fieldset{border:0}
button{border:0;text-align:left;background:0 0}
:focus{outline:0}
button,input,textarea{font:inherit}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@keyframes fadeout{from{opacity:1}
to{opacity:0}
}
@keyframes spin{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
html{overflow-y:scroll;height:100%;font-size:78%}
@media screen and (min-width:750px){html{font-size:80%}
}
@media screen and (min-width:1024px){html{font-size:88%}
}
@media screen and (min-width:1280px){html{font-size:95%}
}
@media screen and (min-width:1375px){html{font-size:100%}
}
@media screen and (min-width:1500px){html{font-size:105%}
}
@media screen and (min-width:1750px){html{font-size:115%}
}
@media screen and (min-width:1900px){html{font-size:120%}
}
body{font-family:Playfair Display,serif;height:100%;color:#000;background-color:#fff}
body.lightbox-open{overflow:hidden}
@media screen and (min-width:750px){body.fixed{overflow:hidden}
}
#wrapper{min-height:100vh;display:flex;justify-content:flex-start;flex-direction:column;transition:filter .25s cubic-bezier(.55,.085,.68,.53)}
body.lightbox-open #wrapper{filter:blur(5px)}
.wrap{width:100%;padding:0 2rem;margin:0 auto}
@media screen and (min-width:750px){.wrap{width:95%;padding:0}
}
header{position:relative;z-index:2;background-color:#000;padding:1rem 2rem;display:flex;align-items:center;flex-direction:row;justify-content:space-between}
#logo a{display:inline-block}
#logo svg{height:3rem;width:3rem;fill:#fff}
#main-nav .main-nav{position:fixed;z-index:3;top:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem;background-color:#000;transform:translateX(100%);transition:transform .25s cubic-bezier(.55,.085,.68,.53)}
@media screen and (min-width:1024px){#main-nav .main-nav{z-index:1;display:block;width:30%;max-width:22rem;padding:0 2rem 0 2rem}
}
#main-nav .main-nav ul{display:flex;flex:4;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}
@media screen and (min-width:650px){#main-nav .main-nav ul{padding:2rem 0}
}
@media screen and (min-width:1024px){#main-nav .main-nav ul{align-items:flex-end;padding:5rem 0 0 0}
}
#main-nav .main-nav li{text-align:center;margin-bottom:1rem}
@media screen and (min-width:1024px){#main-nav .main-nav li{text-align:right;margin-bottom:.5rem}
}
#main-nav .main-nav a{display:block;font-family:Oswald,sans-serif;font-size:3rem;text-transform:uppercase;color:#fff}
@media screen and (min-width:650px){#main-nav .main-nav a{font-size:5rem}
}
@media screen and (min-width:1024px){#main-nav .main-nav a{font-size:3rem}
}
@media screen and (max-height:1024px){#main-nav .main-nav a{font-size:2.25rem}
}
#main-nav .main-nav .logo{display:block;flex:1 1 0%}
@media screen and (min-width:1024px){#main-nav .main-nav .logo{display:none}
}
@media screen and (max-height:750px){#main-nav .main-nav .logo{display:none}
}
#main-nav .main-nav .logo svg{width:7rem;height:100%;fill:#fff}
@media screen and (min-width:650px){#main-nav .main-nav .logo svg{width:10rem}
}
body.menu-open #main-nav .main-nav{transform:translateX(0);pointer-events:all}
#menu-button{display:flex;align-items:center;pointer-events:all}
#menu-button .page-title{font-family:Oswald,sans-serif;font-size:1.6rem;text-transform:uppercase;letter-spacing:.1rem;margin-right:2rem;color:#fff}
#menu-button .hamburger{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:.33333rem .5rem;border:2px solid #fff;cursor:pointer}
#menu-button .hamburger:active .line:last-child,#menu-button .hamburger:focus .line:last-child,#menu-button .hamburger:hover .line:last-child{transform:scaleX(1)}
body.menu-open #menu-button .hamburger .line:last-child{transform:scaleX(1) translateY(-.8rem)}
@media screen and (min-width:1024px){body.menu-open #menu-button .hamburger .line:last-child{transform:scaleX(1) translateY(-.75rem)}
}
#menu-button .line{display:block;width:2rem;height:2px;margin:.30769rem 0;background-color:#fff;transition:transform .1s cubic-bezier(.55,.085,.68,.53)}
#menu-button .line:last-child{transform:scaleX(.75);transform-origin:100% 100%}
body.menu-open #menu-button .line:first-child{transform:translateY(.8rem)}
@media screen and (min-width:1024px){body.menu-open #menu-button .line:first-child{transform:scaleX(1) translateY(.75rem)}
}
body.menu-open #menu-button .line:last-child{transform:translateY(-.8rem)}
@media screen and (min-width:1024px){body.menu-open #menu-button .line:last-child{transform:scaleX(1) translateY(-.75rem)}
}
#footer{display:flex;justify-content:space-between;background-color:#000;padding:1rem 2rem}
#footer .copyright{flex:1;color:#fff;font-family:Oswald,sans-serif;font-size:.75rem;letter-spacing:.1rem;text-transform:uppercase}
#footer p{height:1.33333rem}
.wysiwyg p{font-family:Playfair Display,serif;line-height:2.25;letter-spacing:.075rem}
.wysiwyg a{text-decoration:underline}
.wysiwyg h3{font-family:Oswald,sans-serif;font-size:3.25rem;text-transform:uppercase;letter-spacing:.1rem}
.wysiwyg .subtitle,.wysiwyg h4{font-family:Libre Baskerville,sans-serif;font-size:1.25rem;letter-spacing:.1rem}
.wysiwyg .title,.wysiwyg h3+h4,.wysiwyg h5+h4,.wysiwyg p:not(:last-child){margin-bottom:2rem}
.wysiwyg h5{font-family:Oswald,sans-serif;font-size:1.25rem;letter-spacing:.1rem;text-transform:uppercase;margin-bottom:.5rem}
#carousel{position:relative;overflow:hidden;transition:transform .7s cubic-bezier(.55,.085,.68,.53);width:100%}
@media screen and (min-width:750px){#carousel{width:calc(100% - 30%)}
}
@media screen and (min-width:1600px){#carousel{width:calc(100% - 22rem)}
}
.carousel-image{width:100%}
.carousel-image>div{width:100%;height:calc(100vh);background-repeat:no-repeat;background-size:cover;background-position:center}
.carousel-prev-button{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer;top:inherit;bottom:2.2rem;left:2rem}
@media screen and (min-width:750px){.carousel-prev-button{width:1.33333rem;height:1.33333rem}
}
.carousel-prev-button:after,.carousel-prev-button:before{transition:background-color .4s}
.carousel-prev-button:hover:after{background-color:gray}
.carousel-prev-button:hover:before{background-color:gray}
.carousel-prev-button:after,.carousel-prev-button:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.carousel-prev-button:after,.carousel-prev-button:before{transform-origin:0 50%}
.carousel-prev-button:after{transform:rotate(-45deg) translateY(1px)}
.carousel-prev-button:before{transform:rotate(45deg) translateY(-1px)}
@media screen and (min-width:750px){.carousel-prev-button{left:2rem}
}
.carousel-next-button{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer;top:inherit;bottom:2.2rem;left:6rem}
@media screen and (min-width:750px){.carousel-next-button{width:1.33333rem;height:1.33333rem}
}
.carousel-next-button:after,.carousel-next-button:before{transition:background-color .4s}
.carousel-next-button:hover:after{background-color:gray}
.carousel-next-button:hover:before{background-color:gray}
.carousel-next-button:after,.carousel-next-button:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.carousel-next-button:after,.carousel-next-button:before{transform-origin:100% 50%}
.carousel-next-button:after{transform:rotate(-45deg) translateY(-1px)}
.carousel-next-button:before{transform:rotate(45deg) translateY(1px)}
@media screen and (min-width:750px){.carousel-next-button{left:5rem}
}
.gallery{position:absolute;z-index:1;top:5rem;left:0;width:100%;height:calc(100% - (5rem + 3.6rem));overflow:hidden;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}
.gallery::-webkit-scrollbar{display:none}
#project-gallery{position:relative;height:100%;transform:translateX(0);transition:transform .25s}
#project-gallery .project-thumb{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;float:left;overflow:hidden;filter:grayscale(100%);transition:filter .25s cubic-bezier(.55,.085,.68,.53)}
#project-gallery .project-thumb:hover{filter:grayscale(0)}
@media screen and (min-width:1024px){#project-gallery .project-thumb.portrait.small{width:25vw;height:50vh}
#project-gallery .project-thumb.portrait.medium{width:50vw;height:75vh}
#project-gallery .project-thumb.portrait.large{width:50vw;height:100vh}
#project-gallery .project-thumb.landscape.small{width:25vw;height:25vh}
#project-gallery .project-thumb.landscape.medium{width:50vw;height:50vh}
#project-gallery .project-thumb.landscape.large{width:75vw;height:75vh}
}
.page-block{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:stretch}
.page-block.no-image:before{content:''}
@media screen and (min-width:650px){.page-block.no-image:before{flex:5}
}
.page-block .image-wrap{width:100%;min-height:20rem;background-size:cover;background-position:center}
@media screen and (min-width:650px){.page-block .image-wrap{flex:5}
}
.page-block .description-wrap{padding:0 2rem}
@media screen and (min-width:650px){.page-block .description-wrap{padding:0 4rem}
}
.page-block .description{display:flex;flex-direction:column;justify-content:center;padding:2rem 0}
@media screen and (min-width:650px){.page-block .description{flex:3;padding:6rem 0}
}
.page-block .title{font-family:Oswald,sans-serif;font-size:3.25rem;text-transform:uppercase;letter-spacing:.1rem;font-size:4rem}
.page-block.alternate{flex-direction:row-reverse}
.page-block.alternate .image-wrap,.page-block.alternate.no-image:before{flex-basis:100%}
@media screen and (min-width:750px){.page-block.alternate .image-wrap,.page-block.alternate.no-image:before{flex:3}
}
.page-block.alternate .description-wrap{padding:0 2rem}
@media screen and (min-width:750px){.page-block.alternate .description-wrap{padding:0 8rem 0 4rem}
}
.page-block.alternate .description{flex-basis:100%}
@media screen and (min-width:750px){.page-block.alternate .description{flex:5}
}
.project-detail-photos{position:absolute;top:0;right:0;bottom:0;left:0}
.project-detail-photos .photo:first-child{display:block;width:100%;height:100%}
.tnt-lightbox-overlay{position:fixed;z-index:10001;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.75);animation-fill-mode:both}
.tnt-lightbox-overlay:before{content:'';position:absolute;z-index:1;top:50%;left:50%;display:block;width:2rem;height:3rem;opacity:0;background-image:url(../themes/oc-template/assets/css/images/loader-logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateX(-50%) translateY(-50%);transition:opacity .4s}
.tnt-lightbox-overlay:after{content:'';position:absolute;top:50%;left:50%;box-sizing:border-box;display:block;width:5rem;height:5rem;margin-left:-2.5rem;margin-top:-2.5rem;border:4px solid #fff;border-top:4px solid transparent;border-radius:50%;opacity:0;transform:translateX(50%) translateY(50%);transition:opacity .4s;animation:spin .4s linear infinite}
.tnt-lightbox-overlay.hidden{display:none}
.tnt-lightbox-overlay.loading>div:after{animation:none}
.tnt-lightbox-overlay.loading:after{opacity:.65}
.tnt-lightbox-overlay.loading:before{opacity:.65}
.tnt-lightbox-overlay.loading p{display:none}
.tnt-lightbox-overlay>div{position:absolute;top:2rem;right:2rem;bottom:2rem;left:2rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column-reverse}
@media screen and (max-height:800px){.tnt-lightbox-overlay>div{top:4rem}
}
.tnt-lightbox-overlay>div>img{display:block;width:auto;height:auto;max-height:80vh;max-width:100%;object-fit:contain;animation:fadein 1s cubic-bezier(.55,.085,.68,.53)}
@media screen and (max-height:800px){.tnt-lightbox-overlay>div>img{max-height:75vh}
}
.tnt-lightbox-overlay>div .img{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;animation:fadein 1s cubic-bezier(.55,.085,.68,.53)}
.tnt-lightbox-overlay>div p{display:block;margin-top:.5rem;font-family:Oswald,sans-serif;letter-spacing:.1rem;text-transform:uppercase;color:#fff}
.tnt-lightbox-close,.tnt-lightbox-next,.tnt-lightbox-prev{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer}
@media screen and (min-width:750px){.tnt-lightbox-close,.tnt-lightbox-next,.tnt-lightbox-prev{width:1.33333rem;height:1.33333rem}
}
.tnt-lightbox-close:after,.tnt-lightbox-close:before,.tnt-lightbox-next:after,.tnt-lightbox-next:before,.tnt-lightbox-prev:after,.tnt-lightbox-prev:before{transition:background-color .4s}
.tnt-lightbox-close:hover:after,.tnt-lightbox-next:hover:after,.tnt-lightbox-prev:hover:after{background-color:gray}
.tnt-lightbox-close:hover:before,.tnt-lightbox-next:hover:before,.tnt-lightbox-prev:hover:before{background-color:gray}
.tnt-lightbox-close:after,.tnt-lightbox-close:before,.tnt-lightbox-next:after,.tnt-lightbox-next:before,.tnt-lightbox-prev:after,.tnt-lightbox-prev:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.tnt-lightbox-next,.tnt-lightbox-prev{top:2.71264rem}
@media screen and (min-width:750px){.tnt-lightbox-next,.tnt-lightbox-prev{top:1.90476rem}
}
.tnt-lightbox-next{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer;left:9rem}
@media screen and (min-width:750px){.tnt-lightbox-next{width:1.33333rem;height:1.33333rem}
}
.tnt-lightbox-next:after,.tnt-lightbox-next:before{transition:background-color .4s}
.tnt-lightbox-next:hover:after{background-color:gray}
.tnt-lightbox-next:hover:before{background-color:gray}
.tnt-lightbox-next:after,.tnt-lightbox-next:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.tnt-lightbox-next:after,.tnt-lightbox-next:before{transform-origin:100% 50%}
.tnt-lightbox-next:after{transform:rotate(-45deg) translateY(-1px)}
.tnt-lightbox-next:before{transform:rotate(45deg) translateY(1px)}
@media screen and (min-width:750px){.tnt-lightbox-next{left:7rem}
}
.tnt-lightbox-prev{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer;left:6.5rem}
@media screen and (min-width:750px){.tnt-lightbox-prev{width:1.33333rem;height:1.33333rem}
}
.tnt-lightbox-prev:after,.tnt-lightbox-prev:before{transition:background-color .4s}
.tnt-lightbox-prev:hover:after{background-color:gray}
.tnt-lightbox-prev:hover:before{background-color:gray}
.tnt-lightbox-prev:after,.tnt-lightbox-prev:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.tnt-lightbox-prev:after,.tnt-lightbox-prev:before{transform-origin:0 50%}
.tnt-lightbox-prev:after{transform:rotate(-45deg) translateY(1px)}
.tnt-lightbox-prev:before{transform:rotate(45deg) translateY(-1px)}
@media screen and (min-width:750px){.tnt-lightbox-prev{left:5rem}
}
.tnt-lightbox-close{top:2rem;left:2rem;width:3rem;height:3rem}
@media screen and (min-width:750px){.tnt-lightbox-close{top:1.33333rem;left:2rem;width:2.5rem;height:2.5rem}
}
.tnt-lightbox-close:after,.tnt-lightbox-close:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.tnt-lightbox-close:before{transform:rotate(-45deg)}
.tnt-lightbox-close:after{transform:rotate(45deg)}
.grid-gallery{position:relative;z-index:1;top:0;left:0;width:100%;height:85vh;overflow:hidden;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}
@media screen and (min-width:650px){.grid-gallery{height:calc(100vh - (5rem + 3.6rem))}
}
#grid-project-gallery{position:relative;display:flex;height:100%;transform:translateX(0);transition:transform .2s}
@media screen and (min-width:750px){#grid-project-gallery{flex-direction:column;flex-wrap:wrap;align-content:flex-start}
@supports (display:grid){#grid-project-gallery{display:grid;grid-auto-flow:column dense;grid-auto-columns:50%;grid-template-rows:repeat(2,50%)}
}
}
@media screen and (min-width:1150px){#grid-project-gallery{grid-auto-columns:25%;grid-template-rows:repeat(4,25%)}
}
@media screen and (min-width:1375px){#grid-project-gallery{grid-auto-columns:15%;grid-template-rows:repeat(4,25%)}
}
.project-thumb{position:relative;width:100%;height:100%;filter:grayscale(100%);transition:filter .2s cubic-bezier(.55,.085,.68,.53)}
@media screen and (min-width:750px){.project-thumb{width:50%;height:50%}
}
@media screen and (min-width:1280px){.project-thumb{width:33.33%;height:50%}
}
@supports (display:grid){.project-thumb{width:100%;height:100%}
}
.project-thumb:before{content:'';position:absolute;left:1rem;top:1rem;width:2rem;height:2rem;opacity:.45;background-image:url(../themes/oc-template/assets/css/images/logo.svg);background-size:contain;background-repeat:no-repeat}
.project-thumb .project-thumb-photo{width:100vw;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
@media screen and (min-width:750px){.project-thumb .project-thumb-photo{width:100%}
}
.project-thumb:hover{filter:grayscale(0)}
@media screen and (min-width:1024px) and (min-width:1150px){.project-thumb.portrait.medium{grid-column:span 1;grid-row:span 2}
}
@media screen and (min-width:1024px) and (min-width:750px){.project-thumb.portrait.large{grid-column:span 1;grid-row:span 2}
}
@media screen and (min-width:1024px) and (min-width:1150px){.project-thumb.portrait.large{grid-column:span 2;grid-row:span 3}
}
@media screen and (min-width:1024px) and (min-width:1150px){.project-thumb.landscape.medium{grid-column:span 2;grid-row:span 1}
}
@media screen and (min-width:1024px) and (min-width:750px){.project-thumb.landscape.large{grid-column:span 2;grid-row:span 1}
}
@media screen and (min-width:1024px) and (min-width:1150px){.project-thumb.landscape.large{grid-column:span 3;grid-row:span 2}
}
.grid-gallery .controls{position:absolute;bottom:1rem;left:0;width:100%;height:4rem;display:flex;justify-content:space-between;padding:0 2rem}
@media screen and (min-width:750px){.grid-gallery .controls{height:2rem}
}
.grid-gallery .controls>div{position:relative;padding:2rem}
@media screen and (min-width:750px){.grid-gallery .controls>div{padding:1rem 1.33333rem}
}
.grid-gallery .controls .next,.grid-gallery .controls .prev{text-indent:-9999px;position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer;left:1rem}
@media screen and (min-width:750px){.grid-gallery .controls .next,.grid-gallery .controls .prev{width:1.33333rem;height:1.33333rem}
}
.grid-gallery .controls .next:after,.grid-gallery .controls .next:before,.grid-gallery .controls .prev:after,.grid-gallery .controls .prev:before{transition:background-color .4s}
.grid-gallery .controls .next:hover:after,.grid-gallery .controls .prev:hover:after{background-color:gray}
.grid-gallery .controls .next:hover:before,.grid-gallery .controls .prev:hover:before{background-color:gray}
.grid-gallery .controls .next:after,.grid-gallery .controls .next:before,.grid-gallery .controls .prev:after,.grid-gallery .controls .prev:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.grid-gallery .controls .prev{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer}
@media screen and (min-width:750px){.grid-gallery .controls .prev{width:1.33333rem;height:1.33333rem}
}
.grid-gallery .controls .prev:after,.grid-gallery .controls .prev:before{transition:background-color .4s}
.grid-gallery .controls .prev:hover:after{background-color:gray}
.grid-gallery .controls .prev:hover:before{background-color:gray}
.grid-gallery .controls .prev:after,.grid-gallery .controls .prev:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.grid-gallery .controls .prev:after,.grid-gallery .controls .prev:before{transform-origin:0 50%}
.grid-gallery .controls .prev:after{transform:rotate(-45deg) translateY(1px)}
.grid-gallery .controls .prev:before{transform:rotate(45deg) translateY(-1px)}
.grid-gallery .controls .next{position:absolute;z-index:1;display:block;width:1.6rem;height:1.6rem;cursor:pointer}
@media screen and (min-width:750px){.grid-gallery .controls .next{width:1.33333rem;height:1.33333rem}
}
.grid-gallery .controls .next:after,.grid-gallery .controls .next:before{transition:background-color .4s}
.grid-gallery .controls .next:hover:after{background-color:gray}
.grid-gallery .controls .next:hover:before{background-color:gray}
.grid-gallery .controls .next:after,.grid-gallery .controls .next:before{content:'';position:absolute;right:0;left:0;display:block;height:2px;background-color:#fff}
.grid-gallery .controls .next:after,.grid-gallery .controls .next:before{transform-origin:100% 50%}
.grid-gallery .controls .next:after{transform:rotate(-45deg) translateY(-1px)}
.grid-gallery .controls .next:before{transform:rotate(45deg) translateY(1px)}
.icon{display:block;width:2.3rem;height:2.3rem}
.icon-group{display:flex;justify-content:center;margin-top:1rem}
@media screen and (min-width:750px){.icon-group{justify-content:flex-start}
}
.icon-group__item{margin:0 .33333rem}
.icon-group__item:first-child{margin-left:0}
.icon-group__item:last-child{margin-right:0}
.message{display:block;width:100%;padding:2rem;font-family:Oswald,sans-serif;font-weight:300;text-transform:uppercase;font-size:.9rem;line-height:1.45;letter-spacing:.1em;color:#fff;background-color:#000}
.message__text a{border-bottom:1px solid #fff}
.message__footer{margin-top:1rem}
.cookie-notice{position:fixed;z-index:50;top:0;left:0;right:0}
@media screen and (min-width:650px){.cookie-notice{left:0;top:50%;right:auto;width:33.33%;transform:translateY(-50%)}
}
@media screen and (min-width:750px){.cookie-notice{width:25%}
}
.button{background-color:#fff;padding:.5rem 1rem}
.side{position:absolute;top:0;right:0;height:100%;pointer-events:none}
@media screen and (min-width:750px){.side{width:30%;background-color:#000;pointer-events:all}
}
@media screen and (min-width:1600px){.side{max-width:22rem}
}
.side .side-wrap{display:flex;justify-content:space-between;flex-direction:column;height:100%;padding:1rem 2rem}
.side #main-nav{display:flex;justify-content:flex-end}
.side #main-nav .page-title{display:none}
.side .side-wrap .logo{position:relative;z-index:2;display:flex;justify-content:flex-end;text-align:center}
@media screen and (min-width:750px){.side .side-wrap .logo{width:100%;margin-bottom:1rem;text-align:left}
}
.side .side-wrap .logo a{display:block;width:100%;height:100%}
.side .side-wrap .logo svg{fill:#fff;width:7.5rem;height:100%;text-align:right}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.side .side-wrap .logo svg{height:50vh}
}
@media screen and (min-width:750px){.side .side-wrap .logo svg{width:100%}
}
#beta #main{height:100vh}
#beta #main .side,#beta #main>section{height:100%}
#beta .beta-title{display:none}
@media screen and (min-width:750px){#beta .beta-title{position:absolute;z-index:1;top:2rem;left:2rem;display:block;font-family:Oswald,sans-serif;font-size:1.6rem;text-transform:uppercase;letter-spacing:.1rem;color:#000}
}
#beta .side{width:100%}
@media screen and (min-width:650px){#beta .side{width:30%}
}
#beta .side-wrap{justify-content:center;align-items:center}
@media screen and (min-width:650px){#beta .side-wrap{justify-content:flex-end}
}
@media screen and (min-width:750px){#beta .side-wrap{justify-content:space-between}
}
#beta .contact{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;margin-top:1.33333rem;text-align:center;color:#fff}
@media screen and (min-width:750px){#beta .contact{text-align:left}
}
#beta .contact>*{margin-bottom:.4rem;font-family:Oswald,sans-serif;font-weight:300;text-transform:uppercase;font-size:.9rem;line-height:1.45;letter-spacing:.1em;color:#fff}
#beta .contact>:last-child{margin-bottom:2rem}