html,body{margin:0;overflow-y:auto}
body.home{background:#000;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-hide{display:block}
.desktop-hide{display:none}
@media only screen and (max-width:991px){
  .mobile-hide{display:none!important}
  .desktop-hide{display:block!important}
  #scroll-down{display:none!important}
}

.slideshow-area,.slider-holder,.hero-banner,.slider-full-img,.img-wrapper{
  position:relative;width:100%;min-height:100vh;overflow:hidden;background:#000
}
.img-wrapper canvas{display:block;width:100%;height:100vh;max-height:100svh;opacity:0}
.bg-section,.hero-banner video,.slider-full-img img,.bg-section img,.bg-section picture,.hero-mobile-video{
  position:absolute;inset:0;width:100%;height:100%;display:block
}
.bg-section img,.slider-full-img img,.bg-section picture img,.hero-mobile-video{
  width:100%;height:100%;object-fit:cover;object-position:center
}
.hero-banner video,.hero-mobile-video{object-fit:cover;object-position:center}
.hero-desktop-poster{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0
}
.hero-banner video{z-index:0;opacity:0;transition:opacity .45s ease}
.hero-banner.is-playing video{opacity:1}
.hero-mobile-media picture{z-index:1}
.hero-mobile-video{
  display:none;z-index:0;opacity:0;transition:opacity .45s ease
}
.hero-mobile-media.is-playing .hero-mobile-video{display:block;opacity:1}
.hero-mobile-media.is-playing picture,
.hero-mobile-media.is-playing .lcp-hero{
  opacity:0;transition:opacity .45s ease;pointer-events:none
}

.slider-content{
  position:absolute;left:0;right:0;bottom:40px;width:100%;padding:0 15px;z-index:5
}
.slider-content-inner{max-width:1400px;margin:0 auto}
.slider-tagline{
  font-size:clamp(42px,11vw,60px);color:#fff;line-height:.9;margin:0 0 12px;
  font-family:"Compass Serif",Georgia,"Times New Roman",serif;
  text-shadow:0 2px 24px rgba(0,0,0,.7)
}
.slider-tagline span{display:block;padding-left:18vw}
.slider-tagline span em{
  font-family:ABScript,Georgia,"Times New Roman",serif;font-style:normal;font-size:1.55em;font-weight:700
}
.slider-scroll a{
  display:inline-flex;align-items:center;justify-content:center;
  width:72px;height:72px;border:1px solid #fff;border-radius:50%;margin-left:12px
}
.scroll-down-icon{display:block;width:19px;height:35px}
.slideshow-area .slider-full-img:after,
.slideshow-area .hero-banner:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:50%;
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));
  pointer-events:none;z-index:1
}

.main-header{position:fixed;top:0;left:0;width:100%;padding:16px 15px;z-index:1001}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}
.header-logo a{display:block;max-width:170px}
.header-logo img{display:block;width:100%;height:auto}
.header-nav .sub-menu{position:absolute;opacity:0;visibility:hidden;pointer-events:none}
.header-navi{display:none}
@media only screen and (min-width:992px){
  .header-navi{display:block}
  .header-logo a{max-width:275px}
}
.header-contact{display:flex;gap:4px;align-items:center;min-width:88px;min-height:48px}
.header-contact a,
.header-contact em{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;line-height:1;flex:0 0 40px
}
.header-contact em:before{font-size:18px}
button.header-burger-menu{
  appearance:none;-webkit-appearance:none;background:#000;color:#fff;font:inherit;
  display:flex;width:48px;height:48px;border:1px solid #fff;padding:11px;
  flex-direction:column;justify-content:center;cursor:pointer;box-sizing:border-box
}
button.header-burger-menu span{width:100%;height:1px;background:#fff;margin:2px 0}
button.header-burger-menu span:first-child{width:55%}
button.header-burger-menu span:last-child{width:75%}
button.header-burger-menu:hover,
button.header-burger-menu:focus-visible{background:#fff;border-color:#fff}
button.header-burger-menu:hover span,
button.header-burger-menu:focus-visible span{background:#000}
button.close-burger-menu{
  appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:0
}

.site-offcanvas .offcanvas-backdrop{
  position:fixed;inset:0;z-index:1002;visibility:hidden;pointer-events:none
}
.site-offcanvas .offcanvas-backdrop.active{visibility:visible;pointer-events:auto}
.slide-menu-content{
  position:fixed;inset:30px;z-index:1002;opacity:0;visibility:hidden;pointer-events:none;background:#ebe5e5
}
.slide-menu-content.active{opacity:1;visibility:visible;pointer-events:auto}

body.inner-page{background:#fff;color:#000}
body.inner-page header.main-header{background:#000}
[data-aos],
[data-aos][data-aos],
[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom],
[data-aos^=slide][data-aos^=slide],
[data-aos^=flip][data-aos^=flip]{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
  pointer-events:auto!important
}
@media only screen and (max-width:991px){
  img,video,canvas{max-width:100%}
  .home .slider-content{bottom:40px!important;display:block!important}
}
