@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.sr-logo-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
}

.sr-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.sr-sonic {
  font-family: 'Bebas Neue', 'Arial Black', sans-serif;
  font-size: 34px;
  color: #ffffff;
  letter-spacing: 4px;
  line-height: 0.9;
  font-weight: 400;
}

.sr-rebel {
  font-family: 'Bebas Neue', 'Arial Black', sans-serif;
  font-size: 16px;
  color: #d9b35f;
  letter-spacing: 10px;
  border-top: 1px solid rgba(255,255,255,0.22);
  padding-top: 4px;
  margin-top: 4px;
  font-weight: 400;
}


.gallery-intro-wrap {
  margin-bottom: 3rem;
}

.gallery-intro-copy {
  text-align: left;
}

.gallery-intro-copy .site-section-heading {
  text-align: left !important;
  margin-bottom: 1rem;
}

.gallery-intro-copy .eyebrow-label {
  display: inline-block;
  margin-bottom: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .8rem;
  color: rgba(255,255,255,.65);
}

.gallery-intro-copy .brand-intro {
  text-align: left;
  max-width: none;
  margin: 0;
}

.gallery-intro-image img {
  width: 100%;
  height: auto;
  display: block;
}


:root {
  --sd-bg: #111110;
  --sd-surface: #1a1816;
  --sd-surface-2: #221f1b;
  --sd-text: #cfc2b0;
  --sd-heading: #f3eadc;
  --sd-muted: #9d8a74;
  --sd-accent: #b48a5a;
  --sd-accent-2: #d6b389;
  --sd-border: rgba(212, 186, 152, 0.18);
}

body {
  background: var(--sd-bg) !important;
  color: var(--sd-text) !important;
}

a {
  color: var(--sd-accent);
}

a:hover {
  color: var(--sd-accent-2);
}

h1, h2, h3, h4, h5, h6,
.text-white,
.site-section-heading,
.img-overlay h4,
.image-wrap-2 .image-info h2 {
  color: var(--sd-heading) !important;
}

p,
.img-overlay p,
.footer p,
.site-mobile-menu .site-nav-wrap a,
.form-control,
label {
  color: var(--sd-text) !important;
}

.site-section-heading:after,
.site-section-heading.text-center:after {
  background: var(--sd-accent) !important;
}

.site-navbar {
  background: transparent;
}

.site-navbar .site-navigation .site-menu > li > a,
.site-menu-toggle,
.site-mobile-menu-close span,
.site-mobile-menu .site-nav-wrap > li > a {
  color: rgba(243, 234, 220, 0.74) !important;
}

.site-navbar .site-navigation .site-menu .active > a,
.site-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar .site-navigation .site-menu .has-children:hover > a,
.site-navbar .site-navigation .site-menu .has-children:focus > a,
.site-navbar .site-navigation .site-menu .has-children:active > a,
.site-mobile-menu .site-nav-wrap .active > a,
.text-primary,
.site-mobile-menu .site-nav-wrap a:hover {
  color: var(--sd-accent-2) !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown,
.site-mobile-menu {
  background: var(--sd-surface) !important;
  border-color: var(--sd-border) !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
  border-top: 2px solid var(--sd-accent) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.35) !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  color: var(--sd-heading) !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a {
  background: var(--sd-surface-2) !important;
  color: var(--sd-accent-2) !important;
}

.btn-outline-white {
  border-color: var(--sd-accent) !important;
  color: var(--sd-accent-2) !important;
}

.btn-outline-white:hover {
  background: var(--sd-accent) !important;
  color: #111110 !important;
}

.image-wrap-2:before {
  background: rgba(17, 17, 16, 0.15) !important;
}

.image-wrap-2:hover:before {
  background: rgba(17, 17, 16, 0.55) !important;
}

.img-overlay {
  background: linear-gradient(to top, rgba(17,17,16,0.94), rgba(17,17,16,0.72)) !important;
  text-align: left;
}

.footer {
  border-top: 1px solid var(--sd-border);
}

.sr-logo-link {
  align-items: flex-start;
}

.sr-wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.sr-sonic,
.sr-rebel {
  display: block;
  letter-spacing: 4px;
  width: 100%;
  text-align: left;
}

.sr-sonic {
  font-size: 34px;
  color: var(--sd-heading);
}

.sr-rebel {
  font-size: 18px;
  color: var(--sd-accent-2);
  border-top: 1px solid rgba(214,179,137,0.3);
  padding-top: 5px;
  margin-top: 4px;
}

.rounded,
.rounded-top,
.rounded-right,
.rounded-bottom,
.rounded-left,
.rounded-circle,
.btn,
.form-control,
.site-mobile-menu,
.site-navbar .site-navigation .site-menu .has-children .dropdown,
.img-wrap,
.img-wrap img,
.image-wrap-2,
.image-wrap-2 img,
.gallery-intro-image img,
.gallery-hero-image,
.about-top-image,
.about-bottom-image,
img {
  border-radius: 0 !important;
}

.gallery-intro-image img,
.gallery-hero-image {
  box-shadow: 0 14px 32px rgba(0,0,0,0.28);
}

.about-top-image {
  width: 100%;
  max-width: 420px;
  display: block;
}

.about-bottom-image {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.28);
}

.gallery-intro-copy .eyebrow-label {
  color: var(--sd-muted);
}