html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.admin-bar #swipebox-overlay{top: 32px;}.admin-bar #swipebox-container {bottom: 32px;}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(//scottchema.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/loader.gif) no-repeat center center}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-bottom-bar{bottom:-50px}#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}#swipebox-top-bar{top:-50px}#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}#swipebox-title{display:block;width:100%;text-align:center}#swipebox-prev,#swipebox-next,#swipebox-close{background-image:url(//scottchema.com/wp-content/plugins/responsive-lightbox/assets/swipebox/img/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px}#swipebox-prev{background-position:-32px 13px;float:left}#swipebox-next{background-position:-78px 13px;float:right}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-prev.disabled,#swipebox-next.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s}.swipebox-touch #swipebox-container:before,.swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1}.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes rightSpring{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@keyframes leftSpring{0%{left:0}50%{left:30px}100%{left:0}}@media screen and (min-width:800px){#swipebox-close{right:10px}#swipebox-arrows{width:92%;max-width:800px}}#swipebox-overlay{background:#0d0d0d}#swipebox-bottom-bar,#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:.95}#swipebox-top-bar{color:white!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}html, body {
scroll-behavior: smooth;
font-family: "Google Sans", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 140%;
margin: 0;
padding: 0;
color: #fff;
background: #363327;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
h1, h2, h3 {
font-size: 48px;
}
h2 {
margin: 0 0 40px;
}
a {
color: #fff;
text-decoration: underline;
transition: all 0.3s ease-in-out;
}
a.button {
display: inline-block;
padding: 15px 50px;
text-decoration: none;
background: #7C724D;
border-radius: 999px;
}
a.button:hover {
background: #19170E;
}
img {
display: block;
object-fit: cover;
width: 100%;
object-position: center center;
}
iframe {
display: block;
width: 100%;
height: 85vh;
border: 0;
}
p {
margin: 0;
} @keyframes dramaticUp {
from {
opacity: 0;
transform: translateY(60px) scale(0.97);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.animate-dramatic {
opacity: 0;
}
.animate-dramatic.in-view {
animation: dramaticUp 1.6s cubic-bezier(0.16, 1, 0.3, 1) both;
} #hero {
position: relative;
width: 100%;
display: block;
}
#hero header {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
width: 100%;
padding: 80px 30px 0;
position: absolute;
z-index: 200;
}
#hero header h1 span {
font-size: 20px;
font-weight: 400;
}
#hero div {
position: relative;
width: 100%;
height: 85vh;
overflow: hidden;
background: #000;
z-index: 100;
animation: revealDown 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
border-radius: 0 0 50px 50px;
}
#hero div iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 177.78vh; height: 100%;
min-width: 100%;
min-height: 56.25vw; opacity: 0.7;
transition: opacity 1.2s ease;
animation: kenBurns 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
#hero div iframe.loaded {
opacity: 1;
}
#intro {
margin: 200px auto;
width: 90%;
max-width: 950px;
text-align: center;
}
#intro p {
margin: 0 0 40px;
}
#services {
margin: 0 auto;
width: 90%;
max-width: 1400px;
}
#services h2 {
font-size: 64px;
}
.service-module {
display: flex;
justify-content: space-between;
margin: 0 0 100px;
}
.service-module div {
width: 60%;
border-top: 1px solid #2D2A1F;
padding: 40px 0 0;
}
.service-module div h3 {
margin: 30px 0;
}
.service-module div p {
margin: 0 0 30px;
}
.service-module img {
width: 35%;
border-radius: 40px;
}
#about {
margin: 0 auto 150px;
width: 90%;
max-width: 1400px;
border-radius: 40px;
background: #403C2D;
display: flex;
align-items: center;
}
#about div {
padding: 5%;
}
#about img {
width: 50%;
border-radius: 0 40px 40px 0;
}
#gallery {
background: #2F2D22;
width: 100%;
padding: 150px 0 0;
}
#gallery-container {
margin: 0 auto 150px;
width: 90%;
max-width: 1400px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#gallery-container img, 
.gallery-video-wrap {
border-radius: 20px;
margin-bottom: 30px;
object-fit: cover;
}
#gallery-container img.wide {
width: 68%; aspect-ratio: 2.25 / 1; 
}
#gallery-container img:not(.wide):not(.half) {
width: 30%;
aspect-ratio: 1 / 1;
}
#gallery-container img.half,
.gallery-video-wrap {
width: 49%;
aspect-ratio: 1.63 / 1;
}
.gallery-video-wrap {
position: relative;
overflow: hidden;
border-radius: 20px;
width: 49%;
margin-bottom: 30px;
aspect-ratio: 1.63 / 1; 
background: #000;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.gallery-video-wrap iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110%;
min-width: 100%;
height: 100%;
min-height: 56.25vw;
border: 0;
pointer-events: none;
border-radius: 20px;
}
footer {
padding: 60px;
background: #363327;
border-radius: 40px 40px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
footer span {
font-size: 48px;
font-weight: 500;
}
footer div {
display: flex;
gap: 20px;
}
footer div a {
width: 100px;
text-align: center;
white-space: nowrap;
} .m-by {
display: none !important;
} @media only screen and (max-width: 1200px) {
html, body {
font-size: 18px;
}
h1, h2, h3 {
font-size: 40px;
}
#hero header h1 span {
display: block;
clear: both;
margin: 10px 0 0;
font-size: 18px;
}
#hero div iframe {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(2);
}
#intro {
margin: 120px auto;
}
#services h2 {
font-size: 40px;
}
.service-module div {
padding: 40px 0 0;
}
.service-module div h3 {
font-size: 32px;
margin: 0 0 30px;
}
#about {
margin: 0 auto 100px;
}
#gallery {
padding: 100px 0 0;
}
#gallery-container {
margin: 0 auto 100px;
}
footer {
flex-direction: column;
}
footer span {
font-size: 32px;
display: block;
margin: 0 auto 30px;
}
footer div {
flex-wrap: wrap;
justify-content: center;
}
}
@media only screen and (max-width: 840px) {
#intro h2 {
line-height: 110%;
margin: 0 auto 20px;
}
#services {
width: 80%;
}
.service-module {
flex-direction: column-reverse;
margin: 0 0 50px;
}
.service-module div {
width: 100%;
border-top: 0;
padding: 0;
}
.service-module div h3 {
font-size: 24px;
line-height: 110%;
margin: 0 0 30px;
}
.service-module img {
width: 100%;
height: 400px;
border-radius: 20px;
margin: 0 auto 30px;
}
#about {
margin: 0 auto 80px;
}
#about div {
padding: 10%;
}
#about img {
display: none;
}
#gallery {
background: none;
padding: 0;
}
#gallery-container {
margin: 0 auto;
}
}
@media only screen and (max-width: 640px) {
#hero div {
border-radius: 0;
height: 75vh;
}
#hero div iframe {
transform: translate(-50%, -50%) scale(3);
}
#hero header {
flex-direction: column;
text-align: center;
padding: 50px 30px 0;
}
#intro {
margin: 80px auto;
}
#services {
width: 90%;
}
.service-module img, #gallery-container img, #gallery-container img.wide, #gallery-container img.half, #gallery-container img:not(.wide):not(.half), .gallery-video-wrap iframe, #gallery-container img.half, .gallery-video-wrap {
width: 100%;
aspect-ratio: 16 / 9;
}
}