/* Elevens v2 — 10-dimension foil system over the Birdies/Divi geometry.
   1 Ribbon is the only chroma
   2 Gold is metal, never a yellow fill
   3 Pack-white is the field
   4 Ink is stamp-black
   5 Didone wordmark + condensed grotesque (the pack’s two faces)
   6 Ribbon geometry (~108°) is a layout device
   7 One ribbon per chapter
   8 Photos are objects, not cards
   9 Print scale: air, no wrapping display
  10 States invert foil, never leftover teal
*/

@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600;6..96,700&display=swap");

:root {
  --el-white: #ffffff;
  --el-paper: #f7f7f5;
  --el-ink: #121212;
  --el-mute: #6a6a6a;
  --el-gold: #b58a3c;
  --el-gold-hi: #d4b56a;
  --el-gold-lo: #8a6824;
  --el-hybrid: #1a4d3a;
  --el-indica: #0d4c86;
  --el-sativa: #c05614;
  --el-line: rgba(181, 138, 60, 0.35);
  --el-ribbon-angle: 108deg;
  --el-foil-hybrid: url("/hibirdies--elevens/transform/brand/foil/ribbon-hybrid.png");
  --el-foil-sativa: url("/hibirdies--elevens/transform/brand/foil/ribbon-sativa.png");
  --el-foil-indica: url("/hibirdies--elevens/transform/brand/foil/ribbon-indica.png");
  --el-foil-gold: url("/hibirdies--elevens/transform/brand/foil/ribbon-gold.png");
  --ag-background-color: #ffffff;
  --ag-form-background: transparent;
  --ag-text-color: #121212;
  --ag-button-color-background: #121212;
  --ag-button-color-text: #ffffff;
  --ag-button-radius: 0;
  --ag-button-padding: 0.95em 1.85em;
  --ag-form-padding: 0;
  --ag-form-max-width: 28rem;
}

/* --- 3/4 Field + ink --- */
html,
body,
body.custom-background,
body.home,
body.page,
body.single-post,
body.page.et_pb_pagebuilder_layout #main-content,
#main-content,
#page-container {
  background-color: var(--el-white) !important;
  color: var(--el-ink);
}

/* --- 5 Type: didone display / condensed grotesque UI --- */
body,
body input,
body textarea,
body select,
.et_pb_text,
.et_pb_text_inner,
p,
li,
#footer-info,
.nf-form-content input,
.et_pb_post,
.entry-content {
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6,
#top_feature h3,
#anatomy h3,
#birdies_lcu_trio h3,
#connect h3,
#find_store h1,
.coa-search-header h1,
.coa-results-title,
.single-post #content-area h1.entry-title,
#hbnhh_blog_header h1,
.caf-post-title h2,
.caf-post-title h2 a,
.entry-title {
  font-family: "Bodoni Moda", "Times New Roman", serif !important;
  font-weight: 500 !important;
  font-optical-sizing: auto;
  letter-spacing: 0.01em;
}

/* Nav / labels / buttons stay condensed grotesque — pack microtype */
#top-menu a,
.et_mobile_menu li a,
.et_pb_button,
.age-gate__challenge,
.age-gate__submit,
#available_in p,
#lights p,
#classic p,
#ultra p,
#connect p,
#footer-info,
#blog-link a,
.nf-form-content input,
.caf-read-more,
.et_pb_searchsubmit,
.more-link {
  font-family: "Barlow Condensed", sans-serif !important;
  text-transform: uppercase;
}

/* --- Header: white, foil wordmark, hairline gold --- */
#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu,
.et-fixed-header#main-header {
  background-color: var(--el-white) !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--el-line);
}

#main-header {
  position: relative;
}
#main-header::after {
  content: "";
  position: absolute;
  right: 2%;
  top: -40%;
  width: 56px;
  height: 180%;
  pointer-events: none;
  background: var(--el-foil-gold) center / 100% 100% no-repeat;
  transform: rotate(-18deg);
  opacity: 0.95;
}

#top-menu a,
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a,
.et_mobile_menu li a,
.mobile_menu_bar:before {
  color: var(--el-ink) !important;
  letter-spacing: 0.22em !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

#top-menu a:hover,
#top-menu .sub-menu a:hover {
  color: var(--el-gold-lo) !important;
}

#main-header .nav li ul {
  background-color: var(--el-white) !important;
  border-top: 2px solid var(--el-gold) !important;
}

#top-menu > li.menu-item:last-of-type > a:before,
body.home #top-menu > li.menu-item:last-of-type > a:before {
  content: none !important;
  display: none !important;
}

/* Wordmark: foil didone, not a script lockup */
.logo_container a {
  position: relative;
  display: inline-block;
}
#logo {
  opacity: 0 !important;
  width: 210px !important;
  max-height: 42px !important;
  height: 42px !important;
}
.logo_container a::after {
  content: "ELEVENS";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52%);
  font-family: "Bodoni Moda", "Times New Roman", serif;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.34em;
  color: var(--el-gold);
  white-space: nowrap;
  pointer-events: none;
}

/* --- Hero: white + ribbon through the photo column --- */
#top_feature,
#birdies_lcu_trio,
#available_in,
#classic.et_pb_section,
.et_pb_section_0.et_pb_section,
.et_pb_section_2.et_pb_section,
.et_pb_section_4.et_pb_section,
.et_pb_section_6.et_pb_section {
  background-color: var(--el-white) !important;
}

#top_feature {
  position: relative;
  overflow: hidden;
}
#top_feature::before {
  content: "";
  position: absolute;
  inset: auto;
  top: -52%;
  left: -7%;
  width: clamp(130px, 15vw, 220px);
  height: 210%;
  pointer-events: none;
  background: var(--el-foil-hybrid) center / 100% 100% no-repeat;
  transform: rotate(-18deg);
  opacity: 1;
  z-index: 0;
}

#top_feature h3,
#birdies_lcu_trio h3,
#available_in p,
body.page-id-893 .et_pb_section_0 .et_pb_row_0 .et_pb_column_0 .et_pb_text_1 p,
#top_feature p {
  color: var(--el-ink) !important;
}

#top_feature h3 {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 600 !important;
  font-size: 72px !important;
  line-height: 0.82 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

#top_feature p,
#top_feature .et_pb_text_1 p {
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--el-mute) !important;
}

#top_feature .et_pb_image_0 img,
#top_feature .et_pb_image_1 img {
  max-width: 560px !important;
  mix-blend-mode: multiply;
}

/* --- Anatomy: ink sleeve + gold ribbon --- */
#anatomy,
.et_pb_section_1.et_pb_section {
  background-color: var(--el-ink) !important;
  position: relative;
  overflow: hidden;
}
#anatomy::before {
  content: "";
  position: absolute;
  inset: auto;
  top: -40%;
  right: 10%;
  width: 140px;
  height: 180%;
  pointer-events: none;
  background: var(--el-foil-gold) center / 100% 100% no-repeat;
  transform: rotate(-18deg);
  opacity: 0.7;
}
#anatomy h3,
#anatomy h3 span,
.et_pb_text_4.et_pb_text,
.et_pb_text_5.et_pb_text {
  color: var(--el-gold) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-weight: 500 !important;
}
#anatomy img {
  mix-blend-mode: normal;
  background: var(--el-white);
}

/* --- 7 Product chapters: white field, one ribbon each --- */
#lights,
#classic,
#ultra,
.et_pb_section_3.et_pb_section,
.et_pb_section_5.et_pb_section {
  background-color: var(--el-white) !important;
  position: relative;
  overflow: hidden;
}

#lights::before,
#classic::before,
#ultra::before {
  content: "";
  position: absolute;
  inset: auto;
  top: -42%;
  right: auto;
  left: 46%;
  width: clamp(110px, 13vw, 200px);
  height: 185%;
  pointer-events: none;
  opacity: 1;
  transform: rotate(-18deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 0;
}

#lights::before {
  background-image: var(--el-foil-hybrid);
}
#classic::before {
  background-image: var(--el-foil-indica);
}
#ultra::before {
  background-image: var(--el-foil-sativa);
}

#lights p,
#lights .et_pb_text_inner,
.et_pb_text_6.et_pb_text,
.et_pb_text_7.et_pb_text,
#classic p,
#classic .et_pb_text_inner,
.et_pb_text_8.et_pb_text,
.et_pb_text_9.et_pb_text,
#ultra p,
#ultra .et_pb_text_inner,
.et_pb_text_10.et_pb_text,
.et_pb_text_11.et_pb_text {
  color: var(--el-ink) !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  position: relative;
  z-index: 1;
}

#lights img,
#classic img,
#ultra img {
  mix-blend-mode: multiply;
  position: relative;
  z-index: 1;
}

#birdies_lcu_trio {
  position: relative;
  overflow: hidden;
}
#birdies_lcu_trio::before {
  content: none;
}
#birdies_lcu_trio h3 {
  font-family: "Barlow Condensed", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  font-weight: 500 !important;
  font-size: 56px !important;
  line-height: 0.95 !important;
  color: var(--el-ink) !important;
}

/* --- Pills / chrome --- */
body #page-container .et_pb_section .et_pb_button_0,
body #page-container .et_pb_section .et_pb_button_1,
body #page-container .et_pb_section .et_pb_button_2 {
  color: var(--el-ink) !important;
  border-color: var(--el-gold) !important;
  background: transparent !important;
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: 0.22em;
  font-weight: 600 !important;
}

body #page-container .et_pb_section .et_pb_button_0:hover,
body #page-container .et_pb_section .et_pb_button_1:hover,
body #page-container .et_pb_section .et_pb_button_2:hover {
  background: var(--el-gold) !important;
  color: var(--el-white) !important;
}

#available_in p {
  font-family: "Barlow Condensed", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  color: var(--el-ink) !important;
  font-weight: 500 !important;
}
#available_in img {
  filter: grayscale(1) contrast(1.4) brightness(0.42);
  mix-blend-mode: multiply;
}

html body.et_divi_theme #page-container #available_in a.et_pb_button,
html body.et_divi_theme #page-container #available_in a.et_pb_button:hover {
  color: var(--el-ink) !important;
  border-color: var(--el-gold) !important;
  background: transparent !important;
}
html body.et_divi_theme #page-container #available_in a.et_pb_button:hover {
  background: var(--el-gold) !important;
  color: var(--el-white) !important;
}

#available_in .et_pb_row_14 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 12px 24px;
}
#available_in .et_pb_row_14 .et_pb_column,
#available_in #california,
#available_in #newyork,
#available_in #arizona {
  float: none !important;
  width: 30% !important;
  max-width: 300px;
  padding: 0 12px !important;
  text-align: center !important;
}
#available_in .el-cities,
#available_in .el-cities li {
  list-style: none !important;
  list-style-type: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
#available_in .el-cities li::before,
#available_in .el-cities li::marker {
  content: none !important;
  display: none !important;
}

/* Connect / footer / age-gate: rebuilt at file end (pack-white, ink close). */

/* --- Journal / COA / stores --- */
#hbnhh_blog_header {
  background: var(--el-ink) !important;
  background-image: none !important;
  position: relative;
}
#hbnhh_blog_header::before {
  content: "";
  position: absolute;
  inset: auto;
  top: -40%;
  right: 8%;
  width: 130px;
  height: 180%;
  pointer-events: none;
  background: var(--el-foil-gold) center / 100% 100% no-repeat;
  transform: rotate(-18deg);
  opacity: 0.8;
}
#hbnhh_blog_header h1,
#hbnhh_blog_header h1 span,
#find_store h1,
.coa-search-header h1,
.coa-results-title,
.coa-results-title .et_pb_text_inner,
.coa-results-title p,
.single-post #content-area h1.entry-title,
.category-coa .entry-title a,
.category-coa .post-content a.more-link {
  color: var(--el-gold) !important;
  font-family: "Bodoni Moda", serif !important;
}
#hbnhh_blog_header h1 span,
#available_in p {
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: 0.22em !important;
}

.coa-search-header,
section.coa-search-header {
  background: var(--el-ink) !important;
}
.coa-search-header::after {
  background-image: url("/hibirdies--elevens/transform/brand/hero-trio.jpg") !important;
}
.coa-search-header p {
  color: #e8e8e4 !important;
  font-family: "Barlow Condensed", sans-serif !important;
}

#section_delivery {
  background: var(--el-ink) !important;
  color: var(--el-paper);
}
#section_delivery .title-header,
#section_delivery .subheader p {
  color: var(--el-gold) !important;
}

#post-3259 .et_pb_title_container:after {
  display: none !important;
}

.data-target-div1 .caf-post-layout1 a.caf-read-more,
.caf-post-layout1 a.caf-read-more {
  background-color: var(--el-gold) !important;
  border-color: var(--el-gold) !important;
  color: var(--el-ink) !important;
  letter-spacing: 0.16em;
}
.data-target-div1 .caf-post-layout1 .caf-post-title h2 a {
  color: var(--el-ink) !important;
}

.et_pb_search_0 input.et_pb_s,
.et_pb_search input.et_pb_s,
body #page-container .et_pb_search input.et_pb_s {
  color: var(--el-ink) !important;
  border: 1px solid var(--el-gold) !important;
  box-shadow: none !important;
}
.et_pb_search_0 input.et_pb_s::placeholder {
  color: var(--el-mute) !important;
}
.et_pb_search_0 input.et_pb_searchsubmit,
body #page-container .et_pb_search input.et_pb_searchsubmit,
.et_pb_searchsubmit {
  background: var(--el-gold) !important;
  color: var(--el-ink) !important;
  border-color: var(--el-gold) !important;
  letter-spacing: 0.2em;
}

.data-target-div1 ul#caf-layout-pagination.post-layout1 li a,
#caf-layout-pagination a {
  background-color: var(--el-gold) !important;
  color: var(--el-ink) !important;
}
.data-target-div1 ul#caf-layout-pagination.post-layout1 li span.current,
#caf-layout-pagination .current {
  color: var(--el-gold-lo) !important;
  background-color: transparent !important;
  border: 1px solid var(--el-gold);
}

.category-coa .et_pb_image_container img {
  object-fit: contain;
  background: var(--el-white);
  mix-blend-mode: multiply;
}

.mobile_menu_bar:before {
  color: var(--el-ink) !important;
}
#main-header .et_mobile_menu {
  background: var(--el-white) !important;
  border-color: var(--el-gold) !important;
}
.et_mobile_menu li a {
  color: var(--el-ink) !important;
  border-bottom-color: var(--el-line) !important;
}

#anatomy .et_pb_image_2 {
  max-width: 400px;
}

@media (max-width: 820px) {
  #top_feature h3,
  #anatomy h3,
  #connect h3 {
    font-size: 40px !important;
    line-height: 0.95 !important;
  }
  #birdies_lcu_trio h3 {
    font-size: 28px !important;
    letter-spacing: 0.08em !important;
    line-height: 1.05 !important;
  }
  .logo_container a::after {
    font-size: 16px;
    letter-spacing: 0.28em;
  }
}

/* Age-gate wordmark lives in .el-gate-mark (see file end). */

/* --- Copy system: kicker / support / cities / fraction --- */
.el-kicker {
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  color: var(--el-gold) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin: 0 0 0.75rem !important;
}
.el-support {
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--el-mute) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  margin-top: 0.7em !important;
}
#anatomy .el-kicker,
#anatomy .el-support {
  color: rgba(212, 181, 106, 0.78) !important;
}
#top_feature .el-kicker {
  margin-bottom: 0.9rem !important;
}
.el-line {
  display: block;
  margin-top: 0.45em;
  font-size: 0.55em;
  letter-spacing: 0.22em;
  color: var(--el-mute) !important;
  font-weight: 400 !important;
}
#lights .et_pb_text_inner span,
#classic .et_pb_text_inner span,
#ultra .et_pb_text_inner span {
  display: block;
}
#available_in .et_pb_text_12 p:first-child {
  font-size: 56px !important;
  letter-spacing: 0.12em !important;
  font-weight: 500 !important;
  line-height: 0.95 !important;
}
#available_in .et_pb_text_12 .el-support {
  font-size: 14px !important;
  letter-spacing: 0.2em !important;
  max-width: 28em;
}
.el-frac {
  text-align: center;
  font-family: "Barlow Condensed", sans-serif !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  color: var(--el-gold) !important;
  margin: 8px 0 4px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}
.el-cities {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  text-align: center;
}
.el-cities li {
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--el-mute);
  line-height: 1.75;
}
#available_in .et_pb_row_14 .et_pb_column {
  text-align: center;
}
#available_in .et_pb_row_14 img {
  margin-left: auto;
  margin-right: auto;
}

#find_store h1 {
  font-size: 48px !important;
  letter-spacing: 0.02em !important;
  text-align: center;
  line-height: 1.05 !important;
}
#find_store .el-support {
  text-align: center;
  max-width: 34em;
  margin-left: auto;
  margin-right: auto;
}

/* --- Entry motion + section transitions ---
   Only elements JS marks as .el-wait are hidden.
   No-JS and pre-JS stay visible. */
html.el-motion .el-wait {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
}
html.el-motion .el-wait.el-in {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
html.el-motion .el-wait.el-d1 { transition-delay: 0.12s; }
html.el-motion .el-wait.el-d2 { transition-delay: 0.24s; }
html.el-motion .el-wait.el-d3 { transition-delay: 0.36s; }
html.el-motion .el-wait.el-d4 { transition-delay: 0.48s; }

html.el-motion #top_feature::before,
html.el-motion .el-hero::before,
html.el-motion #anatomy::before,
html.el-motion #lights::before,
html.el-motion #classic::before,
html.el-motion #ultra::before,
html.el-motion .el-dive::before,
html.el-motion #connect::before {
  animation: el-foil-in 1.05s cubic-bezier(0.16, 1, 0.3, 1) 0.12s both;
}
@keyframes el-foil-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

html.el-motion #top_feature,
html.el-motion #anatomy,
html.el-motion #birdies_lcu_trio,
html.el-motion #lights,
html.el-motion #classic,
html.el-motion #ultra,
html.el-motion #available_in,
html.el-motion #connect {
  transition: background-color 0.6s ease;
}

@media (max-width: 980px) {
  #top_feature .et_pb_row_0 {
    display: none !important;
  }
}

@media (max-width: 820px) {
  #available_in .et_pb_text_12 p:first-child {
    font-size: 32px !important;
  }
  #find_store h1 {
    font-size: 28px !important;
  }
  #available_in .et_pb_row_14 .et_pb_column,
  #available_in #california,
  #available_in #newyork,
  #available_in #arizona {
    width: 100% !important;
    max-width: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.el-motion #top_feature::before,
  html.el-motion .el-hero::before,
  html.el-motion #anatomy::before,
  html.el-motion #lights::before,
  html.el-motion #classic::before,
  html.el-motion #ultra::before,
  html.el-motion .el-dive::before,
  html.el-motion #connect::before {
    animation: none;
  }
}

/* ============================================================
   Homepage — layout informed by the Elevens board
   1 Hero  2 Lineup  3 Genetic dives  4 States  5 List
   ============================================================ */
body.home #main-header::after {
  display: none;
}
.logo_container a::after,
body.home .logo_container a::after {
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.04em;
  color: var(--el-ink);
}
body.home #main-header::after,
#main-header::after {
  display: none;
}

#top-menu a,
body.home #top-menu a {
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  font-size: 15px !important;
}

.el-home section {
  position: relative;
  padding: 7rem 8vw;
  background: var(--el-white);
  overflow: hidden;
}
.el-home h1,
.el-home h2,
.el-home h3 {
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--el-ink) !important;
  line-height: 0.95 !important;
}
.el-home .el-lede {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--el-ink) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  max-width: 28em;
  margin-top: 1.2rem;
}
.el-home .el-kicker {
  color: var(--el-ink) !important;
  letter-spacing: 0.04em !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: none !important;
}

/* 1 — Hero */
.el-hero {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.el-hero::before,
#top_feature.el-hero::before {
  content: "";
  position: absolute;
  inset: auto;
  top: -52%;
  left: -11%;
  width: clamp(90px, 11vw, 160px);
  height: 210%;
  pointer-events: none;
  background: var(--el-foil-hybrid) center / 100% 100% no-repeat !important;
  transform: rotate(-18deg);
  opacity: 1;
  z-index: 0;
}
.el-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 42%);
  gap: 4vw;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
  padding-left: 2vw;
}
.el-hero h1 {
  font-size: clamp(36px, 6.4vw, 88px) !important;
  margin: 0.15em 0 0 !important;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
#top_feature.el-hero .el-kicker,
#top_feature.el-hero .el-lede,
.el-lineup h2,
.el-lineup__grid p,
.el-dives .el-kicker,
.el-dives .el-lede,
.el-dives .el-support,
.el-states .el-kicker,
.el-states .el-support {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
}
.el-hero__pack {
  margin: 0;
  text-align: center;
}
.el-hero__pack img {
  width: 100%;
  max-width: 440px;
  height: auto;
  mix-blend-mode: multiply;
  background: transparent;
  object-fit: contain;
}
.el-spec {
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--el-mute) !important;
  margin: 0.85rem 0 0 !important;
}
.el-cta {
  display: inline-block;
  margin-top: 1.6rem;
  padding: 0.7em 1.4em;
  border: 1px solid var(--el-ink) !important;
  color: var(--el-ink) !important;
  background: transparent !important;
  text-decoration: none;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 13px;
  transition: background 0.25s ease, color 0.25s ease;
}
.el-cta:hover {
  background: var(--el-ink);
  color: var(--el-white) !important;
}

/* 2 — Lineup */
#birdies_lcu_trio.el-lineup::before {
  display: none !important;
}
.el-lineup {
  text-align: center;
  padding-top: 5rem !important;
}
.el-lineup__grid,
.el-lineup__grid li {
  list-style: none !important;
}
.el-lineup__grid li::before,
.el-lineup__grid li::marker {
  content: none !important;
  display: none !important;
}
#birdies_lcu_trio.el-lineup h2 {
  font-size: clamp(28px, 4vw, 48px) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  font-weight: 700 !important;
  color: var(--el-ink) !important;
  overflow-wrap: break-word;
}
#birdies_lcu_trio.el-lineup h3 {
  font-size: 36px !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  font-weight: 700 !important;
  color: var(--el-ink) !important;
  line-height: 1 !important;
}
.el-lineup h2 {
  font-size: clamp(28px, 4vw, 48px) !important;
  max-width: 16em;
  margin: 0 auto 3.5rem !important;
}
.el-lineup__grid {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3vw;
  max-width: 1080px;
}
.el-lineup__grid a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.el-lineup__grid img {
  width: 100%;
  max-width: 280px;
  height: auto;
  mix-blend-mode: multiply;
  margin: 0 auto 1.4rem;
  display: block;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.el-lineup__grid a {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
}
.el-lineup__grid a:hover img {
  transform: translateY(-8px);
}
.el-lineup__grid a:hover {
  border-bottom-color: var(--el-ink);
}
.el-more {
  display: inline-block;
  margin-top: 0.55rem;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--el-mute);
}
.el-lineup__grid h3 {
  font-size: 36px !important;
  margin: 0 0 0.35em !important;
}
.el-lineup__grid p {
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--el-mute) !important;
  font-weight: 400 !important;
}

/* 3 — Genetic deep dives */
.el-dives {
  padding-top: 4rem !important;
  padding-bottom: 2rem !important;
  overflow: visible !important;
}
.el-dives > h2 {
  font-size: clamp(36px, 5vw, 64px) !important;
  margin: 0.2em 0 0.6em !important;
}
.el-dive {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 46%);
  gap: 4vw;
  align-items: center;
  padding: 5rem 0;
  border-top: 1px solid var(--el-line);
  position: relative;
  overflow: hidden;
}
.el-dive--flip {
  grid-template-columns: minmax(320px, 46%) minmax(0, 1fr);
}
.el-dive__copy {
  max-width: 34em;
}
.el-dive:last-child {
  border-bottom: 1px solid var(--el-line);
}
.el-dive::before,
.el-dive--sativa::before,
.el-dive--indica::before,
.el-dive--hybrid::before,
#lights::before,
#classic::before,
#ultra::before {
  display: none !important;
  content: none !important;
  background: none !important;
}
.el-dive--sativa::before,
#ultra.el-dive::before {
  background-image: var(--el-foil-sativa);
}
.el-dive--indica::before,
#classic.el-dive::before {
  background-image: var(--el-foil-indica);
}
.el-dive--hybrid::before,
#lights.el-dive::before {
  background-image: var(--el-foil-hybrid);
}
.el-dive--flip::before,
#classic.el-dive--flip::before {
  left: auto;
  right: 46%;
}
.el-dive__copy,
.el-dive__visual,
.el-dive__pack {
  position: relative;
  z-index: 1;
}
.el-dive h3 {
  font-size: clamp(36px, 5vw, 68px) !important;
  margin: 0.15em 0 0.45em !important;
}
.el-dive .el-lede,
#ultra.el-dive .el-lede,
#classic.el-dive .el-lede,
#lights.el-dive .el-lede,
#ultra.el-dive .el-kicker,
#classic.el-dive .el-kicker,
#lights.el-dive .el-kicker {
  font-size: 20px !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  color: var(--el-ink) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}
#top_feature.el-hero .el-lede {
  color: var(--el-ink) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  max-width: 22em;
}
.el-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 2.2rem 0 0;
  padding: 1.1rem 0 0;
  border-top: 1px solid var(--el-line);
}
.el-meta dt {
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--el-mute);
  margin: 0 0 0.3em;
}
.el-meta dd {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin: 0;
  color: var(--el-ink);
  letter-spacing: 0.02em;
}
.el-meta-line {
  display: none;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.04em !important;
  color: var(--el-mute) !important;
  text-transform: none !important;
  margin-top: 1rem !important;
}
.el-dive__visual,
.el-dive__pack {
  margin: 0;
  text-align: center;
}
.el-dive__visual img,
.el-dive__pack img {
  width: 100%;
  max-width: 520px;
  height: auto;
  mix-blend-mode: multiply;
  object-fit: contain;
  background: transparent;
}

/* 4 — States */
.el-states {
  text-align: center;
}
.el-states h2 {
  font-size: clamp(40px, 6vw, 72px) !important;
  margin: 0.15em 0 0.5em !important;
}
.el-states .el-support {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem !important;
}
.el-states__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 28px;
  max-width: 1040px;
  margin: 0 auto;
}
.el-states__grid article {
  width: 30%;
  min-width: 200px;
  max-width: 300px;
  text-align: center;
}
.el-states__grid img {
  width: 78%;
  height: auto;
  filter: grayscale(1) contrast(1.4) brightness(0.42);
  mix-blend-mode: multiply;
}
.el-states .et_pb_button {
  display: none !important;
}
.el-frac {
  display: none;
}
.el-state-toggle {
  display: none;
  width: 100%;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--el-line);
  padding: 1rem 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--el-ink);
  cursor: pointer;
}
.el-state-hit {
  display: block;
}

/* 5 — List already lives in #connect */
#ultra, #classic, #lights, #available_in, #connect {
  scroll-margin-top: 24px;
}
/* #connect type is defined in the close system at file end. */

/* Sticky shop + drawer */
.el-sticky {
  display: none;
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 100000;
  background: var(--el-ink);
  color: var(--el-white) !important;
  text-align: center;
  text-decoration: none;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0.95em 1em;
}
.el-drawer {
  display: none;
}
#et_mobile_nav_menu .select_page {
  display: none !important;
}
.mobile_menu_bar:before {
  font-size: 36px !important;
}

/* Stores: no dead map */
#section_store_map,
#askhoodieDiv {
  display: none !important;
}
#find_store h1,
#find_store .et_pb_module_heading {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  color: var(--el-ink) !important;
  font-size: clamp(28px, 5vw, 48px) !important;
  line-height: 1.1 !important;
  overflow-wrap: break-word;
  max-width: 16em;
  margin-left: auto;
  margin-right: auto;
}
#find_store .el-support {
  max-width: 28em;
  overflow-wrap: break-word;
  text-transform: none !important;
  letter-spacing: 0.06em !important;
  font-size: 15px !important;
}
#section_delivery .title-header {
  font-size: clamp(28px, 5vw, 52px) !important;
  overflow-wrap: break-word;
}

@media (max-width: 860px) {
  .el-hero h1 {
    font-size: 36px !important;
    overflow-wrap: break-word;
    word-break: normal;
  }
  #top_feature.el-hero .el-lede {
    font-size: 17px !important;
    max-width: 18em;
    margin-left: auto;
    margin-right: auto;
  }
  .el-spec {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    white-space: normal;
    max-width: 18em;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #section_delivery .subheader p,
  #section_delivery .title-header {
    padding: 0 1rem;
    overflow-wrap: break-word;
    max-width: 18em;
    margin-left: auto;
    margin-right: auto;
  }
  .el-hero__inner,
  .el-dive,
  .el-dive--flip {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .el-dive .el-dive__visual,
  .el-dive--flip .el-dive__visual,
  .el-dive--flip .el-dive__pack {
    order: -1;
  }
  .el-hero .el-lede,
  .el-dive .el-lede,
  .el-dives > .el-support,
  .el-dive__copy {
    margin-left: auto;
    margin-right: auto;
    max-width: 22em;
  }
  .el-hero__pack img {
    max-width: 260px;
    object-fit: contain;
  }
  .el-dive__visual img,
  .el-dive__pack img {
    max-width: 340px;
    object-fit: contain;
  }
  .el-lineup h2,
  #birdies_lcu_trio.el-lineup h2 {
    font-size: 32px !important;
    max-width: 10em;
    padding: 0 0.4em;
  }
  .el-lineup__grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.25rem;
    padding: 0 8vw 1rem;
    max-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .el-lineup__grid li {
    flex: 0 0 72%;
    scroll-snap-align: center;
  }
  .el-lineup__grid img {
    max-width: 200px;
  }
  .el-meta {
    display: none;
  }
  .el-meta-line {
    display: block;
  }
  .el-states__grid {
    display: block;
    max-width: 28em;
  }
  .el-states__grid article {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .el-state-toggle {
    display: block;
  }
  .el-states__grid .el-state-hit,
  .el-states__grid .el-cities {
    display: none;
  }
  .el-states__grid article.is-open .el-state-hit,
  .el-states__grid article.is-open .el-cities {
    display: block;
  }
  .el-home section {
    padding: 3.5rem 6vw;
  }
  .el-hero::before,
  #top_feature.el-hero::before,
  #top_feature::before {
    display: none;
  }
  #lights::before,
  #classic::before,
  #ultra::before,
  .el-dive::before {
    display: none !important;
  }
  .el-sticky {
    display: block;
  }
  body {
    padding-bottom: 72px;
  }
}

.el-store-cities {
  list-style: none;
  margin: 1.2rem auto 0;
  padding: 0;
  max-width: 20em;
  text-align: center;
}
.el-store-cities li {
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 13px;
  color: var(--el-mute);
  line-height: 1.7;
  list-style: none;
}

/* ============================================================
   Close system — list, footer, 21+ gate
   Pack-white field. Ink type. Gold is metal (hairline / foil edge).
   ============================================================ */

html.age-gate-restricted,
html.age-gate-restricted body {
  overflow: hidden !important;
}
html.age-gate-restricted .el-sticky {
  display: none !important;
}

/* --- 21+ : the pack face --- */
.age-gate__wrapper,
.age-gate__wrapper.el-gate {
  background: var(--el-white) !important;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
}
.age-gate__background-color {
  background: var(--el-white) !important;
  opacity: 1 !important;
}
.age-gate__background {
  display: none;
}
.age-gate__loader {
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--el-ink) !important;
}
.age-gate__wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  background: var(--el-foil-gold) center / cover no-repeat;
  transform: none;
  opacity: 1;
  z-index: 3;
  pointer-events: none;
}
.age-gate,
.age-gate__wrapper .age-gate {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  max-width: 28rem !important;
  padding: 0 1.5rem !important;
  color: var(--el-ink) !important;
  z-index: 4;
}
.age-gate__form {
  gap: 0;
}
.el-gate-mark,
.age-gate__heading {
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
}
.el-gate-mark,
.age-gate__heading::after {
  display: block;
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--el-ink) !important;
  line-height: 1 !important;
}
.age-gate__heading-title--logo,
.age-gate__heading-title {
  display: none !important;
}
.age-gate__subheadline:empty {
  display: none;
}
.el-gate-rule,
.el-gate-mark::after {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  margin: 1.15rem auto 0;
  background: var(--el-gold);
}
.age-gate__challenge,
p.age-gate__challenge {
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(34px, 6vw, 50px) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--el-ink) !important;
  line-height: 0.95 !important;
  margin: 0 0 1.75rem !important;
  padding: 0 !important;
}
.age-gate__fields {
  margin: 0 !important;
}
.age-gate__buttons {
  gap: 0.75rem !important;
  justify-content: center;
}
button.age-gate__submit,
button.age-gate__submit.age-gate__submit--yes,
button.age-gate__submit.age-gate__submit--no {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  min-width: 7.5rem;
  border-radius: 0 !important;
  padding: 0.95em 1.7em !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
button.age-gate__submit.age-gate__submit--yes {
  background: var(--el-ink) !important;
  color: var(--el-white) !important;
  border: 1px solid var(--el-ink) !important;
}
button.age-gate__submit.age-gate__submit--yes:hover,
button.age-gate__submit.age-gate__submit--yes:focus {
  background: var(--el-gold) !important;
  border-color: var(--el-gold) !important;
  color: var(--el-white) !important;
}
button.age-gate__submit.age-gate__submit--no {
  background: transparent !important;
  color: var(--el-ink) !important;
  border: 1px solid var(--el-ink) !important;
}
button.age-gate__submit.age-gate__submit--no:hover,
button.age-gate__submit.age-gate__submit--no:focus {
  background: transparent !important;
  color: var(--el-gold-lo) !important;
  border-color: var(--el-gold) !important;
}
.el-gate-note {
  margin: 1.85rem 0 0 !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--el-mute) !important;
  line-height: 1.45 !important;
}
.age-gate__errors {
  padding: 0.9rem 0 0 !important;
}
.age-gate__error {
  color: var(--el-mute) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  font-size: 14px !important;
}

/* --- The list : continues the white page --- */
#connect {
  background: var(--el-white) !important;
  position: relative;
  overflow: hidden;
  padding: 6.5rem 8vw 5.5rem !important;
  text-align: center;
  border-top: 1px solid var(--el-line);
}
#connect::before {
  content: none !important;
  display: none !important;
}
#connect .el-kicker {
  color: var(--el-ink) !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin: 0 auto 0.85rem !important;
  text-align: center !important;
}
#connect h3,
#connect h3 span,
#connect .break {
  font-family: "Barlow Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(36px, 5.6vw, 56px) !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--el-ink) !important;
  line-height: 0.95 !important;
}
#connect h3 {
  display: block;
  margin: 0 auto;
  max-width: 12em;
  padding: 0 0.15em;
  overflow-wrap: break-word;
}
#connect p,
#connect p span {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: var(--el-mute) !important;
  line-height: 1.45 !important;
}
#connect > p {
  margin: 0.9rem auto 2.1rem !important;
  max-width: 28em;
}
#connect #nf-form-2-cont,
#connect #nf-form-2_1-cont {
  min-height: 0 !important;
}
.nf-form-wrap.ninja-forms-form-wrap,
#connect .nf-form-wrap.ninja-forms-form-wrap {
  width: 100% !important;
  max-width: 26rem !important;
  margin: 0 auto !important;
}
.el-list-form__row,
#connect .el-list-form__row {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.6rem;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}
#connect .nf-field-container,
#connect #nf-field-7-container,
#connect #nf-field-9-container,
#connect .nf-field,
#connect .field-wrap,
#connect .nf-field-element {
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}
#connect #nf-field-7-container {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
}
#connect #nf-field-9-container {
  flex: 0 0 auto;
  width: auto !important;
}
#connect .nf-form-content input:not([type="button"]):not([type="submit"]),
#connect #nf-field-7 {
  height: 52px !important;
  padding: 0 1rem !important;
  border: 1px solid var(--el-ink) !important;
  border-radius: 0 !important;
  background: var(--el-white) !important;
  color: var(--el-ink) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  box-shadow: none !important;
}
#connect .nf-form-content input:not([type="button"]):not([type="submit"]):focus,
#connect #nf-field-7:focus {
  outline: none !important;
  border-color: var(--el-gold) !important;
}
#connect .nf-form-content input[type="submit"],
#connect #nf-field-9 {
  height: 52px !important;
  min-width: 7.5rem;
  padding: 0 1.6rem !important;
  border: 1px solid var(--el-ink) !important;
  border-radius: 0 !important;
  background: var(--el-ink) !important;
  color: var(--el-white) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  cursor: pointer;
  box-shadow: none !important;
}
#connect .nf-form-content input[type="submit"]:hover,
#connect #nf-field-9:hover {
  background: var(--el-gold) !important;
  border-color: var(--el-gold) !important;
  color: var(--el-white) !important;
}
#connect input::placeholder,
#connect #nf-field-7::placeholder {
  color: var(--el-mute) !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  opacity: 1;
}
#connect .nf-response-msg p {
  color: var(--el-ink) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.06em !important;
  margin: 0.4rem 0 0 !important;
}

/* --- Footer : quiet ink stamp --- */
#main-footer,
#footer-bottom {
  background: var(--el-ink) !important;
  border: 0 !important;
}
#footer-bottom {
  border-top: 1px solid rgba(181, 138, 60, 0.45);
  padding: 0 !important;
}
#footer-bottom .container {
  max-width: 1120px;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#footer-info.el-foot,
#footer-bottom .el-foot {
  float: none !important;
  width: 100% !important;
  margin: 0;
  padding: 1.85rem 0 1.55rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "mark nav copy"
    "lic  lic lic";
  column-gap: 2rem;
  row-gap: 0.85rem;
  align-items: center;
}
#footer-info,
#footer-info.el-foot,
#footer-bottom span,
#footer-info a,
#blog-link a {
  color: rgba(247, 247, 245, 0.72) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  text-transform: none;
}
.el-foot-mark,
#footer-info .el-foot-mark {
  grid-area: mark;
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--el-white) !important;
  text-decoration: none !important;
  line-height: 1;
}
.el-foot-nav,
#footer-info .el-foot-nav {
  grid-area: nav;
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  flex-wrap: wrap;
}
.el-foot-nav a,
#footer-info .el-foot-nav a,
#blog-link a {
  color: rgba(247, 247, 245, 0.78) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.el-foot-nav a:hover,
#footer-info .el-foot-nav a:hover,
#blog-link a:hover {
  color: var(--el-gold-hi) !important;
}
.el-foot-copy,
#footer-info .el-foot-copy {
  grid-area: copy;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(247, 247, 245, 0.48) !important;
  justify-self: end;
}
.el-foot-lic,
#footer-info .el-foot-lic {
  grid-area: lic;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  margin: 0.15rem 0 0 !important;
  padding: 0.7rem 0 0 !important;
  border-top: 1px solid rgba(247, 247, 245, 0.08);
}
.el-foot-lic .state-lic,
#footer-info .state-lic {
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(247, 247, 245, 0.38) !important;
}
#footer-info .footer-delimiter {
  display: none;
}

@media (max-width: 820px) {
  .age-gate__wrapper::before {
    width: 8px;
  }
  .el-gate-mark,
  .age-gate__heading::after {
    font-size: 22px !important;
  }
  .age-gate__challenge,
  p.age-gate__challenge {
    font-size: 34px !important;
  }
  #connect {
    padding: 4.25rem 6vw 4rem !important;
  }
  #connect h3,
  #connect h3 span,
  #connect .break {
    font-size: 30px !important;
    max-width: 11em;
  }
  .el-list-form__row,
  #connect .el-list-form__row {
    flex-direction: column;
  }
  #connect #nf-field-9,
  #connect .nf-form-content input[type="submit"] {
    width: 100% !important;
  }
  .el-foot-lic,
  #footer-info .el-foot-lic {
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
  }
  #footer-info.el-foot,
  #footer-bottom .el-foot {
    grid-template-columns: 1fr;
    grid-template-areas:
      "mark"
      "nav"
      "copy"
      "lic";
    text-align: center;
    justify-items: center;
    row-gap: 0.85rem;
    padding: 1.6rem 0 5.25rem;
  }
  .el-foot-copy,
  #footer-info .el-foot-copy {
    justify-self: center;
  }
  .el-foot-nav,
  #footer-info .el-foot-nav {
    gap: 1rem 1.25rem;
  }
}