:root{
  --faq-icon-size: 26px;                 /* tweak to taste (18–24px works great) */
  --faq-icon-closed: url("/wp-content/uploads/2025/10/treasurechestclosed.webp");
  --faq-icon-open:   url("/wp-content/uploads/2025/10/treasurechestopened.webp");
  --bh-h2: #F38A2E;           /* your orange */
  --bh-vine: #3AAE08;
  --ink:#222; --ink-soft:#38423b;
  --orange:#F38A2E; --green:#3AAE08;
  --gold1:#eac556; --gold2:#d5a92d;
  --slate1:#8ba53d; --slate2:#516423;
  --bg-soft:#eef3ef;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
    --binder-inset: clamp(14px, 2.2vw, 28px);   /* padding away from the stitched edge */
  --binder-radius: 18px;
  --brand-gold: #C89B3C;                      /* brass/rivet gold */
  --brand-orange: #E28C19; 
}
/* H2 specialty (no underline; alternate color) */




.h2-special.minds {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 46px);
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: none;
  background: linear-gradient(180deg, #e9c46a 0%, #c47d2d 55%, #9b5e1a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3),
    0 3px 6px rgba(0, 0, 0, 0.25);
  margin: 0 0 12px;
}
.h2-special.minds::after {
  content: "";
  display: block;
  margin: 8px auto 0;
  width: 70px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #d3a84f, #7c5318);
  opacity: 0.85;
}

/* container is optional; gives nice rhythm */
.faq-grid{
  display:grid;
  gap:14px;
}
.team-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 4.5vw, 50px);
  line-height: 1.1;
  text-align: center;
  background: linear-gradient(180deg, #dca82c 0%, #f7e394 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
  letter-spacing:0.5px;
}

.team-heading span {
  display: block;
  font-size: 0.85em;
  background: linear-gradient(180deg, #8ba53d 0%, #516423 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding:2px;
}

.team-heading::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #9cbb4d, #677e30);
  opacity: 0.6;
}
.team-paragraph {
  font-family: 'Archivo', sans-serif;
  color: #2b2b2b;
  max-width: 640px;
  margin: 10px auto 0;
  text-align: center;
}

.date-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38em;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #746c57;
  font-family: "Archivo", sans-serif;
  font-size: clamp(10px, .72vw, 12px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
  background: transparent;
  box-shadow: none;
}

.date-chip__label {
  color: #99752f;
  font-weight: 800;
}

body.home #site-header,
body.page-template-template-homepagery #site-header,
body.page-template-template-homepage #site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  background-color: rgba(34, 58, 22, 0) !important;
  -webkit-backdrop-filter: saturate(1) blur(0);
  backdrop-filter: saturate(1) blur(0);
  box-shadow: 0 2px 14px rgba(7, 22, 10, 0) !important;
  transition:
    background-color .28s ease,
    box-shadow .28s ease,
    -webkit-backdrop-filter .28s ease,
    backdrop-filter .28s ease;
}

body.home #site-header.bh-home-header--scrolled,
body.page-template-template-homepagery #site-header.bh-home-header--scrolled,
body.page-template-template-homepage #site-header.bh-home-header--scrolled {
  background-color: rgba(34, 58, 22, .94) !important;
  -webkit-backdrop-filter: saturate(1.12) blur(10px);
  backdrop-filter: saturate(1.12) blur(10px);
  box-shadow: 0 2px 14px rgba(7, 22, 10, .24) !important;
}

body.home #site-header::after,
body.page-template-template-homepagery #site-header::after,
body.page-template-template-homepage #site-header::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: rgba(244, 225, 163, .16);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}

body.home #site-header.bh-home-header--scrolled::after,
body.page-template-template-homepagery #site-header.bh-home-header--scrolled::after,
body.page-template-template-homepage #site-header.bh-home-header--scrolled::after {
  opacity: 1;
}

/* each accordion */
details.faq{
  border-radius:14px;
  border:1px solid rgba(26,67,2,.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.46)) ,
    radial-gradient(90% 140% at 0% 0%, rgba(239,181,72,.10), transparent 50%),
    radial-gradient(90% 140% at 100% 0%, rgba(47,107,47,.10), transparent 60%),
    var(--bh-parchment);
  box-shadow: var(--bh-shadow);
  overflow:hidden;
  position:relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* slim “vintage map” side accent */
details.faq::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background: linear-gradient(180deg, var(--bh-gold), var(--bh-amber));
  opacity:.85;
}

/* hover lift */
details.faq:hover{
  transform: translateY(-1px);
  background-color: #FBF7EB;
  box-shadow: 0 10px 28px rgba(0,0,0,.16), 0 3px 10px rgba(0,0,0,.08);
  border-color: rgba(26,67,2,.35);
}

/* make room for the icon, keep the rest of your FAQ styles */
details.faq > summary{
  background-color: #F7F3E8;
  color: #1A4302;
  border: 1px solid rgba(26,67,2,.25);
  border-left: 5px solid #EFB548;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);   
  position: relative;
  padding-left: calc(var(--faq-icon-size) + 34px); /* icon + spacing */
  padding:18px 58px 18px 54px; /* room for icons */
}
details.faq[open] > summary {
  background-color: #FFF5D6;
}
details.faq[open] > summary::before{
  background-image: var(--faq-icon-open);
  transform: translateY(-50%) scale(1.04);
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.22));
}
/* subtle “hover bounce” */
details.faq > summary:hover::before{
  transform: translateY(-50%) scale(1.08);
}
/* remove default marker in Safari/Firefox */
details.faq > summary::-webkit-details-marker { display:none; }
details.faq > summary::marker { content:""; }

/* icon (closed by default) */
details.faq > summary::before{
  content:"";
  position:absolute;
  left:18px; top:50%;
  width:var(--faq-icon-size); height:var(--faq-icon-size);
  transform: translateY(-50%) scale(1);
  background: var(--faq-icon-closed) center/contain no-repeat;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.18));
  transition: transform .18s ease, filter .18s ease, background-image .1s linear;
}

/* RIGHT icon – chevron (rotates on open) */
/* details.faq > summary::after{
  content:"";
  position:absolute;
  right:18px; top:50%; transform: translateY(-50%) rotate(0deg);
  width:18px; height:18px;
  background-repeat:no-repeat;
  background-size:contain;
  transition: transform .22s ease;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A4302' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
  <path d='M6 9l6 6 6-6'/>\
  </svg>");
} */
details.faq[open] > summary::after{
  transform: translateY(-50%) rotate(180deg);
}

/* subtle underline on hover for the title text only */
details.faq > summary:hover{
  text-decoration: underline dotted rgba(26,67,2,.4) 2px;
  text-underline-offset: .2em;
}

/* CONTENT wrapper (put your answer text in a div right after summary) */
details.faq > .faq-content{
  padding: 0 22px 18px 22px;
  color: #1d241d;
  line-height: 1.6;
  border-top:1px dashed rgba(26,67,2,.25);
  /* animated open/close */
  max-height: 0;
  overflow: hidden;
  transition: max-height .26s ease;
}
details.faq > .faq-content p {
    margin-top:10px;
}
/* when open, let it breathe */
details.faq[open] > .faq-content{
  max-height: 1000px; /* big enough for most answers */
}

/* bullets inside content */
details.faq .faq-content ul{
  padding-left: 1.1rem;
}
details.faq .faq-content li{
  margin:.25rem 0;
}
details.faq .faq-content strong{
  color: var(--bh-green-900);
}

/* “highlight callout” style for quick examples or stats */
.faq-callout {
  background: linear-gradient(180deg, #1A4302 0%, #2F6B2F 100%);
  border: 2px solid #EFB548;
  border-radius: 10px;
  padding: 14px 18px;
  color: #fff;
  font-weight: 700;
  font-family: "Alegreya Sans SC", sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.faq-callout strong {
  color: #FFD762;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.faq-callout:hover {
  background: linear-gradient(180deg, #245D07 0%, #377C37 100%);
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  details.faq > summary::before{ transition:none; }
}
.subscribe-overlay {
  background: rgba(0, 0, 0, 0.70); /* your brand green with transparency */
  backdrop-filter: blur(1px); /* subtle frost effect */
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
  border-radius: 12px;
  padding: 15px 18px;
  margin: 0 auto;
  text-align: center;
}
.subscribe-overlay input[type="email"] {
  background: rgba(255,255,255,0.9);
  color: #333;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 15px;
  width: 70%;
  font-size: 14px;
}
.subsline {
    font-family:"Archivo", sans-serif;
    font-size:16px;
    color:#fff;
}
.footerform {
      background-image: none !important;
border: 2px solid rgba(255, 255, 255, 0.4) !important;
background: rgba(13, 13, 13, 0.6) !important;
backdrop-filter: blur(5px); /* This creates the frosted glass effect */
-webkit-backdrop-filter: blur(5px); /* For Safari compatibility */
  border-radius: 15px !important;
  padding: 5px 5px !important;
}
.section-title {
font: 800 clamp(26px,3vw,38px)/1.25 "Roboto",sans-serif;
  color: var(--orange);
  display:inline-block; margin:0 0 var(--space-2);
  position:relative; letter-spacing:.4px;
  margin:20px 0 40px 0 !important;
    }
.section-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  height:4px;
  width:100%;
  border-radius:2px;
  background:linear-gradient(90deg,#9cbb4d,#677e30);
  opacity:.85;
}
/* Main flexbox container for the entire profile */
  .profile-container {
    display: flex;
    align-items: center; /* Vertically aligns the image and text */
    column-gap: 40px; /* Adjust the space between the image and text */
    flex-wrap: wrap; /* Allows items to wrap on smaller screens if needed */
  }

  /* Container for the image */
  .profile-image {
    flex-shrink: 0; /* Prevents the image from shrinking */
  }

  /* Make the image responsive */
  .profile-image img {
    max-width: 250px; /* Matches your original width */
    width: 100%; /* Ensures the image scales down on smaller containers */
    height: auto; /* Maintains the aspect ratio */
  }

  /* Container for all the text content */
  .profile-text {
    flex: 1; /* Allows the text block to grow and fill available space */
  }
  .profile-position {
        font-size: 22px;
        color: white !important;
        font-style: italic;
        font-family: 'Roboto';
    }
    .profile-description {
        font-size: 20px;
        font-family: 'Roboto';
        color: rgba(255, 255, 255, 0.7);
    }
h2 {
    font-family: "Roboto", sans-serif;
    margin:10px auto !important;
}
#ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_1 .probox .proinput input.autocomplete {
    font-family:'Archivo', sans-serif !important;
    font-size:16px !important;
}
/* --- Ajax Search Pro Placeholder Style --- */
/* Targets the placeholder in modern browsers */
#ajaxsearchpro1_2 .probox .proinput input.orig::placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder {
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #ebebeb;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}

/* Fallback for older browsers (optional but good practice) */
#ajaxsearchpro1_2 .probox .proinput input.orig::-webkit-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #ebebeb;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-moz-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-ms-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-ms-input-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-moz-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
.teamgrid > div {
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}
.teamgrid > div:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.h3-profile {
    @apply font-black uppercase text-white;
    font-family:"Roboto",sans-serif;
    font-size: 38px; 
    line-height:1.1;
    letter-spacing:.5px;
    margin:0 0 .4rem;
    color:#fff;
  }


  /* Media query for mobile devices (screens 768px or smaller) */
  @media (max-width: 768px) {
    
    .snowbgsec {
        justify-content:start !important;
        height:1490px !important;
        margin-top:20px;
    }  
    .teamgrid .dhw {
        width:37%;
    }  
    .profile-container {
      flex-direction: column; /* Stacks the image and text vertically */
      text-align: center; /* Centers the text for a cleaner mobile view */
      gap:0px !important;
    }
.footersub {
    height:490px;
    background-image:url('/wp-content/uploads/2025/10/temple-footer-mobile.webp')
}
.subsline {
    width: 70%;
    margin: 0 auto 13px auto;
}
.smtop6 {
        top: calc(var(--spacing) * 6) !important;
}
.kiragtk { 
    position:relative;
    top:27px;
    max-width:480px;
}
.jaxsn { 
    position:absolute;
    bottom:0px;
    max-width:480px;
    left:60px;
    transform:scalex(-1);
}
    .image-postion-cs {
    background-size: 125%;
    margin-bottom: -1px;
    justify-content: end !important;
}
  .h3-profile::after{
    content:"";
    display:block;
    width:40%;
    height:3px;
    margin: 10px auto 0px auto;
    border-radius:2px;
    background:linear-gradient(90deg,#ffdb70,#caa63a);
    opacity:.9;
  }
.hero-title-wrapper h2 {
    font-size: 20px !important;
    font-weight: 500;
    line-height: 26px;
    color:#fff;
  font-family: "Archivo", sans-serif;
    text-shadow: 1px 1px 5px #00000078;
    margin:15px auto !important;
    max-width:80%;
    font-style:italic;
    letter-spacing: 0px;
}
.section-title {
    text-align:center;
    display:block;
    margin: 10px auto 30px auto !important;
    padding:5px;
    line-height: 1.4;
}
.section-title::after {
    width:40%;
    margin: 0px auto 0px auto !important;
    left:0%;
    right:0%;
}
h2.welcomemsg {
    text-transform: normal;
    color:#e58830;
    letter-spacing: 0px;
    font-size: 28px;
    line-height: 32px;
    max-width: 85%;
    text-align: center;
    margin: 15px auto !important;
}
h2.mapmsg {
    text-transform: none;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
    margin-top:12px !important;
    text-shadow: -1px 1px 15px #00000080;
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .15));
}
h2.thexperts {
    text-transform: none;
    color: #e58830;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 32px;
    margin-top: 12px !important;
}
.expertsec {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Archivo';
    color: #000000;
    margin:0px 10px;
}

.team-paragraph {
  font-size: 18px;
  line-height: 24px;
}
.asp_w_container_1 {
    margin-bottom:20px;
}
.ryherocon {
    background-size:250%;
    background-position:center;
}
.teamgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.teambox {
    flex-direction:column !important;
    justify-content: space-between;
}
.teamtext {
    text-align:center !important;
}
.profile-position {
    font-size: 20px;
}
.profile-description {
    font-size: 18px;
}
.h3-profile {
  font-size: 28px; 
}
details.faq > summary {
    font-size: 18px;
}
  }
  /* Media query for desktop/laptop devices (screens 769px or larger) */
  @media (min-width: 769px) {
.snowbgsec { 
    height:1020px;
    background-position:top;
    margin-top:0px !important;
}
.teamgrid .dhw {
    width:100px;
    height:100px;
}
  .h3-profile::after{
    content:"";
    display:block;
    width:40%;
    height:3px;
    margin:.5rem 0 0;
    border-radius:2px;
    background:linear-gradient(90deg,#ffdb70,#caa63a);
    opacity:.9;
  }
  
    
.kiradiv .h3-profile::after {
    left: 59%;
    position: relative;
    right: 0;
    transform: translate(10px);
}  
.image-postion-cs {
    background-size: 65%;
    margin-bottom: -1px;
}
.hero-title-wrapper h2 {
    font-size: 25px !important;
    font-weight: 500;
    line-height: 35px;
    color:#fff;
  font-family: "Archivo", sans-serif;
    text-shadow: 1px 1px 5px #00000078;
    margin:25px auto !important;
   font-style:italic;
   letter-spacing: 0px;
}
h2.welcomemsg {
    text-transform: none;
    color:#e58830;
    letter-spacing: 0px;
    font-size: 36px;
    line-height: 40px;
    margin-top:20px !important;
}
h2.mapmsg {
    text-transform: none;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(28px, 3.2vw, 40px);
    margin-top:12px !important;
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .15));
    color: #fff;
}
h2.thexperts {
    text-transform: none;
    color: #e58830;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 36px;
    line-height: 40px;
    margin-top: 12px !important;
}

.expertsec {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Archivo';
    color: #000000;
}

.team-paragraph {
  font-size: 18px;
  line-height: 26px;
}
.kiragtk {
    top:-44px;
    z-index: -1;
    height: 470px;
    left: -173px;
    position:absolute;
}
.jaxsn {
    bottom:0px;
    z-index: 2;
    height: 544px;
    right: -150px;
    position:absolute;
    transform:scalex(-1);
}
.teamgrid {
    width:50%;
    min-width:746px;
}
.brdiv img {
    width:60%;
    margin:40px auto;
    }
.kiradiv {
    flex-direction:row-reverse;
}
.kiradiv .profile-text {
    text-align:right;
}
.profiledesc {
    text-align:justify;
}
.section-title {
    display:block;
}
  }
@media (min-width:769px) and (max-width: 1559px) {
.subscribe-overlay {
    position: relative;
    top: -10px;
    max-width: 500px;
    width:500px;
} 
.footersub {
    height: 600px;
    background-image:url('/wp-content/uploads/2025/10/footer-temple1.webp');
    min-height:60vh;
}
}
@media (min-width: 1560px) {
.subscribe-overlay {
    position: relative;
    left: -30px;
    top: -10px;
    max-width: 500px;
    width:500px;
}    
.footersub {
    height: 600px;
    background-image:url('/wp-content/uploads/2025/10/footerbg-uw1.webp') !important;
    min-height:60vh;
}
.left-1\/2
 {
    left: calc(1 / 2 * 95%) !important;
}
}
@media (min-width:769px) and (max-width:1299px) {

.kiragtk {
        top: 28px;
        z-index: -1;
        height: 400px;
        left: -173px;
        position: absolute;
    }
}

/* Homepage heading plaque pass.
   Only the title itself gets a carved expedition sign; sections stay unframed. */
.custom-homepage {
  --bh-plaque-ratio: 1743 / 513;
}

.custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) {
  position: relative;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) h2,
.custom-homepage .section-title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(calc(100% - 160px), 760px);
  aspect-ratio: var(--bh-plaque-ratio);
  min-height: 0;
  margin: 0 auto 18px !important;
  padding: clamp(32px, 4.1vw, 60px) clamp(84px, 10.25vw, 122px) clamp(16px, 2.4vw, 30px);
  border: 0;
  border-radius: 0;
  color: #4b2a0b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 2.16vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none;
  white-space: normal;
  text-shadow:
    0 1px 0 rgba(255, 235, 169, 0.72),
    0 2px 2px rgba(255, 224, 135, 0.38),
    0 3px 4px rgba(55, 30, 7, 0.24);
  background: url("/wp-content/themes/thebonushunters-twentytwenty/assets/images/bh-home-plaque-full.webp") center / contain no-repeat;
  clip-path: none;
  box-shadow: none;
  isolation: isolate;
}

.custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) h2::before,
.custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) h2::after,
.custom-homepage .section-title::before,
.custom-homepage .section-title::after {
  content: "";
  display: none;
}

.custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) p {
  color: #2d251b !important;
  font-family: "Archivo", sans-serif !important;
  line-height: 1.55 !important;
}

.custom-homepage .bh-featured-heading-row {
  position: relative;
  gap: clamp(12px, 1.4vw, 20px) !important;
  margin: clamp(18px, 1.5vw, 24px) auto 19px !important;
  padding: 2px 10px 7px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.custom-homepage .bh-featured-heading-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  text-align: center;
}

.custom-homepage .bh-featured-heading-row::before,
.custom-homepage .bh-featured-heading-row::after {
  content: "";
  display: block;
  width: clamp(38px, 5.5vw, 86px);
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(155, 116, 43, 0), rgba(155, 116, 43, .75));
}

.custom-homepage .bh-featured-heading-row::after {
  transform: scaleX(-1);
}

.custom-homepage .bh-featured-heading-row :is(h1, h2, h3, h4, p) {
  margin: 0 !important;
  padding: 0 !important;
  color: #382817 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(24px, 1.65vw, 30px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  background: transparent !important;
}

.custom-homepage .map-scene .section-title,
.custom-homepage .image-postion-cs .section-title,
.custom-homepage .snowbgsec .section-title {
  display: inherit;
  max-width: none;
  padding: inherit;
  border: inherit;
  border-radius: inherit;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  text-transform: inherit;
  text-shadow: inherit;
  background: inherit;
  box-shadow: inherit;
}

.custom-homepage .map-scene .section-title::before,
.custom-homepage .map-scene .section-title::after,
.custom-homepage .image-postion-cs .section-title::before,
.custom-homepage .image-postion-cs .section-title::after,
.custom-homepage .snowbgsec .section-title::before,
.custom-homepage .snowbgsec .section-title::after {
  display: none;
}

.custom-homepage .bh-get-to-know-heading {
  max-width: 100%;
}

.custom-homepage .bh-get-to-know-heading :is(h1, h2, h3, .section-title) {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(94vw, 980px);
  min-height: clamp(156px, 16vw, 222px);
  margin: 0 auto clamp(10px, 1.4vw, 18px) !important;
  padding: clamp(48px, 4.6vw, 85px) clamp(128px, 12vw, 206px) clamp(34px, 3.4vw, 48px) !important;
  color: #4b2a0b !important;
  -webkit-text-fill-color: #4b2a0b !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  background: url("/wp-content/themes/thebonushunters-twentytwenty/assets/images/bh-get-to-know-plaque.webp") center / contain no-repeat !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 2.16vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance;
  text-transform: none !important;
  text-shadow:
    0 1px 0 rgba(255, 235, 169, .78),
    0 2px 2px rgba(255, 224, 135, .42),
    0 3px 5px rgba(55, 30, 7, .28);
}

.custom-homepage .bh-get-to-know-heading :is(h1, h2, h3, .section-title)::before,
.custom-homepage .bh-get-to-know-heading :is(h1, h2, h3, .section-title)::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 769px) {
  .custom-homepage .image-postion-cs {
    height: clamp(500px, 28vw, 560px) !important;
  }

  .custom-homepage .image-postion-cs .kiragtk {
    top: 57px !important;
  }
}

.custom-homepage .bh-team-section-heading {
  max-width: 100%;
}

.custom-homepage .bh-team-section-heading :is(h1, h2, h3, .section-title) {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(calc(100% - 160px), 760px);
  aspect-ratio: var(--bh-plaque-ratio);
  min-height: 0;
  margin: 0 auto 18px !important;
  padding: clamp(32px, 4.1vw, 60px) clamp(84px, 10.25vw, 122px) clamp(16px, 2.4vw, 30px) !important;
  color: #4b2a0b !important;
  -webkit-text-fill-color: #4b2a0b !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  background: url("/wp-content/themes/thebonushunters-twentytwenty/assets/images/bh-home-plaque-full.webp") center / contain no-repeat !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 2.16vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: normal;
  text-shadow:
    0 1px 0 rgba(255, 235, 169, 0.72),
    0 2px 2px rgba(255, 224, 135, 0.38),
    0 3px 4px rgba(55, 30, 7, 0.24);
}

.custom-homepage .bh-team-section-heading :is(h1, h2, h3, .section-title)::before,
.custom-homepage .bh-team-section-heading :is(h1, h2, h3, .section-title)::after {
  content: none !important;
  display: none !important;
}

.custom-homepage .bonus-territories-section,
.custom-homepage .map-scene {
  scroll-margin-top: 110px;
}

.custom-homepage .map-scene-heading-desktop {
  display: none;
}

.custom-homepage .map-scene .bh-bonus-templates-signpost,
.custom-homepage .map-scene-heading-desktop .bh-bonus-templates-signpost {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(100%, 1080px);
  min-height: clamp(148px, 19.4vw, 232px);
  margin: 0 auto clamp(12px, 1.8vw, 24px) !important;
  padding: clamp(40px, 4.65vw, 64px) clamp(170px, 16vw, 246px) clamp(36px, 4.55vw, 58px) !important;
  color: #4b2a0b !important;
  -webkit-text-fill-color: #4b2a0b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 2.16vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance;
  text-transform: none !important;
  text-shadow:
    0 1px 0 rgba(255, 235, 169, .78),
    0 2px 2px rgba(255, 224, 135, .42),
    0 3px 5px rgba(55, 30, 7, .28);
  background: url("/wp-content/themes/thebonushunters-twentytwenty/assets/images/bh-bonus-templates-signpost.webp") center / contain no-repeat !important;
}

.custom-homepage .map-scene .bh-bonus-templates-signpost::before,
.custom-homepage .map-scene .bh-bonus-templates-signpost::after,
.custom-homepage .map-scene-heading-desktop .bh-bonus-templates-signpost::before,
.custom-homepage .map-scene-heading-desktop .bh-bonus-templates-signpost::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  .custom-homepage .bh-get-to-know-heading :is(h1, h2, h3, .section-title) {
    width: min(calc(100% + 24px), 640px);
    min-height: clamp(118px, 35vw, 158px);
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: clamp(38px, 8vw, 48px) clamp(58px, 16vw, 92px) clamp(26px, 6vw, 36px) !important;
    font-size: clamp(23px, 6vw, 30px) !important;
    line-height: 1.05 !important;
  }

  .custom-homepage .map-scene .bh-bonus-templates-signpost {
    width: min(calc(100% + 20px), 680px);
    min-height: clamp(126px, 35vw, 176px);
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding: clamp(31px, 8vw, 44px) clamp(68px, 17vw, 112px) clamp(39px, 7vw, 38px) !important;
    font-size: clamp(22px, 5.55vw, 30px) !important;
    line-height: 1.04 !important;
    transform: translateY(-19px);
    background-size: auto 70% !important;
    background-position: center calc(50% - 8px) !important;
  }

  .custom-homepage .map-scene .wyiswyg-wrapper-special p {
    transform: translateY(-47px);
  }
}

@media (max-width: 420px) {
  .custom-homepage .map-scene .bh-bonus-templates-signpost {
    min-height: 130px;
    font-size: clamp(19px, 5vw, 25px) !important;
  }
}

@media (min-width: 769px) {
  .custom-homepage .bonus-territories-section {
    margin-top: -48px;
    padding-top: 0 !important;
    background: transparent !important;
  }

  .custom-homepage .map-scene-heading-desktop {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0 auto !important;
    padding: clamp(12px, 1.4vw, 22px) 10px clamp(24px, 2.6vw, 38px) !important;
    background: transparent !important;
    text-align: center;
  }

  .custom-homepage .map-scene-heading-desktop .bh-bonus-templates-signpost {
    width: min(100%, 1080px);
    min-height: clamp(148px, 19.4vw, 232px);
    margin: 0 auto clamp(18px, 1.8vw, 28px) !important;
    padding: clamp(40px, 4.65vw, 64px) clamp(170px, 16vw, 246px) clamp(36px, 4.55vw, 58px) !important;
    font-size: clamp(34px, 2.16vw, 42px) !important;
    line-height: 1.12 !important;
  }

  .custom-homepage .map-scene-heading-desktop p {
    width: min(100%, 1200px);
    margin: 0 auto !important;
    color: #2d251b !important;
    font-family: "Archivo", sans-serif !important;
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-wrap: balance;
    text-shadow: none !important;
  }

  .custom-homepage .map-scene .map-scene__mobile-heading {
    display: none !important;
  }

  .custom-homepage .map-scene .map-scene__frame {
    padding: clamp(189px, 8.55vw, 169px) 0 clamp(86px, 5.05vw, 100px) !important;
  }

  .custom-homepage .map-scene .wyiswyg-wrapper-special {
    width: min(100%, 1120px);
    margin: 0 auto;
  }

  .custom-homepage .map-scene .bh-bonus-templates-signpost {
    width: min(82vw, 900px);
    min-height: clamp(148px, 11.8vw, 172px);
    margin-bottom: clamp(16px, 1.8vw, 28px) !important;
    padding: clamp(38px, 3.2vw, 46px) clamp(140px, 11vw, 180px) clamp(40px, 3.1vw, 46px) !important;
    font-size: clamp(28px, 1.82vw, 34px) !important;
    line-height: 1.08 !important;
  }

  .custom-homepage .map-scene .wyiswyg-wrapper-special p {
    max-width: min(680px, 82vw);
    margin: 0 auto clamp(34px, 3.2vw, 56px) !important;
    font-size: clamp(17px, 1.16vw, 21px) !important;
    line-height: 1.32 !important;
    text-align: center !important;
    text-wrap: balance;
  }

  .custom-homepage .map-scene .mapcontainer {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: clamp(10px, 1.2vw, 18px);
    width: min(100%, 1200px) !important;
    max-width: calc(100vw - clamp(32px, 7vw, 160px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
  }

  .custom-homepage .map-scene .mapbox {
    width: 100%;
    min-height: clamp(220px, 23vw, 300px) !important;
    margin: 0 !important;
  }

  .custom-homepage .map-scene .mapbox a {
    width: 100%;
    min-height: inherit;
  }

  .custom-homepage .map-scene .mapbox img {
    width: clamp(132px, 11.5vw, 190px);
    max-width: 58% !important;
    height: auto;
  }

  .custom-homepage .map-scene .mapbox .label {
    max-width: min(100%, 320px);
    font-size: clamp(20px, 1.62vw, 25px);
    line-height: 1.08;
    text-wrap: balance;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .custom-homepage .map-scene .map-scene__frame {
    padding-top: clamp(96px, 13vw, 150px) !important;
    padding-bottom: clamp(64px, 8.5vw, 92px) !important;
  }

  .custom-homepage .map-scene .bh-bonus-templates-signpost {
    width: min(100%, 980px);
    min-height: clamp(158px, 17.8vw, 198px);
    margin-bottom: clamp(14px, 1.8vw, 22px) !important;
    padding: clamp(42px, 5vw, 58px) clamp(132px, 15vw, 180px) clamp(36px, 4.7vw, 52px) !important;
    font-size: clamp(30px, 3.25vw, 38px) !important;
  }

  .custom-homepage .map-scene .mapcontainer {
    max-width: calc(100vw - clamp(28px, 5vw, 72px)) !important;
  }

  .custom-homepage .map-scene .mapbox {
    min-height: clamp(198px, 24vw, 260px) !important;
  }

  .custom-homepage .map-scene .mapbox img {
    width: clamp(120px, 13vw, 160px);
    max-width: 60% !important;
  }

  .custom-homepage .map-scene .mapbox .label {
    font-size: clamp(18px, 2vw, 22px);
  }
}

@media (max-width: 900px) {
  .custom-homepage .wyiswyg-wrapper-custom:not(.wyiswyg-wrapper-special):not(.wyiswyg-wrapper-white) h2,
  .custom-homepage .section-title,
  .custom-homepage .bh-team-section-heading :is(h1, h2, h3, .section-title) {
    width: 100%;
    min-width: 0;
    aspect-ratio: var(--bh-plaque-ratio);
    min-height: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: clamp(22px, 8.4vw, 36px) clamp(34px, 13vw, 50px) clamp(0px, 7.2vw, 18px);
    font-size: clamp(21px, 5.65vw, 26px) !important;
    line-height: 1.18 !important;
    white-space: normal;
  }

  .custom-homepage .bh-featured-heading-row {
    flex-direction: row !important;
    gap: 9px !important;
    margin-top: 16px !important;
    margin-bottom: 14px !important;
    padding-bottom: 2px !important;
  }

  .custom-homepage .bh-featured-heading-row::before,
  .custom-homepage .bh-featured-heading-row::after {
    width: 22px;
  }

  .custom-homepage .bh-featured-heading-row :is(h1, h2, h3, h4, p) {
    font-size: clamp(22px, 6vw, 26px) !important;
    line-height: 1.08 !important;
  }

  .custom-homepage .bh-featured-heading-row .date-chip {
    font-size: 10px;
  }
}

@media (max-width: 900px) {
  body.home #site-header,
  body.page-template-template-homepagery #site-header,
  body.page-template-template-homepage #site-header {
    position: fixed !important;
    inset: 0 0 auto;
    top: 0;
    z-index: 9999;
    background-color: rgba(34, 58, 22, 0) !important;
    box-shadow: 0 2px 14px rgba(7, 22, 10, 0) !important;
  }

  body.home #site-header .header-inner,
  body.page-template-template-homepagery #site-header .header-inner,
  body.page-template-template-homepage #site-header .header-inner {
    width: 100%;
    max-width: none;
    min-height: 96px;
    padding: 12px 18px 0 !important;
  }

  body.home #site-header .header-titles-wrapper,
  body.page-template-template-homepagery #site-header .header-titles-wrapper,
  body.page-template-template-homepage #site-header .header-titles-wrapper {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: start !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home #site-header .header-titles,
  body.page-template-template-homepagery #site-header .header-titles,
  body.page-template-template-homepage #site-header .header-titles {
    grid-column: 2;
    justify-self: center;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home #site-header .custom-logo,
  body.page-template-template-homepagery #site-header .custom-logo,
  body.page-template-template-homepage #site-header .custom-logo {
    width: clamp(122px, 32vw, 150px) !important;
    max-width: clamp(122px, 32vw, 150px) !important;
    max-height: 84px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, .56));
  }

  body.home #site-header .mobile-nav-toggle,
  body.page-template-template-homepagery #site-header .mobile-nav-toggle,
  body.page-template-template-homepage #site-header .mobile-nav-toggle {
    position: static !important;
    grid-column: 3;
    justify-self: end;
    align-self: start;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 40px;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: rgba(8, 24, 12, .48);
  }

  body.home #site-header .mobile-nav-toggle .toggle-inner,
  body.page-template-template-homepagery #site-header .mobile-nav-toggle .toggle-inner,
  body.page-template-template-homepage #site-header .mobile-nav-toggle .toggle-inner {
    position: relative !important;
    inset: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform: none !important;
  }

  body.home #site-header .mobile-asp-search,
  body.page-template-template-homepagery #site-header .mobile-asp-search,
  body.page-template-template-homepage #site-header .mobile-asp-search,
  body.home #site-header .header-navigation-wrapper,
  body.page-template-template-homepagery #site-header .header-navigation-wrapper,
  body.page-template-template-homepage #site-header .header-navigation-wrapper {
    display: none !important;
  }

  body.home .ryherocon,
  body.page-template-template-homepagery .ryherocon,
  body.page-template-template-homepage .ryherocon {
    padding-top: 0 !important;
  }
}

.custom-homepage .bh-home-bonus-card {
  min-height: 94px;
}

.custom-homepage .bh-home-bonus-card__media-column {
  flex: 0 0 94px;
  width: 94px !important;
  min-width: 94px;
  gap: 6px;
}

.custom-homepage .bh-home-bonus-card__logo-link,
.custom-homepage .bh-home-bonus-card__logo-placeholder {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 90px !important;
  height: 58px !important;
}

.custom-homepage .bh-home-bonus-card__logo {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover !important;
}

.custom-homepage .bh-home-bonus-card__rating {
  width: 90px;
  justify-content: center !important;
}

.custom-homepage .bh-home-bonus-card__body,
.custom-homepage .bh-home-bonus-card__main {
  min-width: 0;
}

.custom-homepage .bh-home-bonus-card__restrictions {
  margin: 0 !important;
  color: rgba(7, 42, 53, .54);
  font-family: "Archivo", sans-serif;
  font-size: 10px !important;
  font-weight: 700;
  line-height: 1.25 !important;
}

.custom-homepage #sweepstakes-bonuses-grid .bh-home-bonus-card__main h3 {
  min-height: 2.3em;
  line-height: 1.15 !important;
}

.custom-homepage #sweepstakes-bonuses-grid .bh-home-bonus-card__main h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.custom-homepage .bh-home-bonus-card__actions {
  gap: 10px !important;
}

.custom-homepage .bh-home-bonus-card__visit {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

@media (max-width: 640px) {
  .custom-homepage .bonus-item.bh-home-bonus-card:not(.hidden) {
    display: grid !important;
    grid-template-columns: 94px minmax(0, 1fr);
    align-items: center !important;
    gap: 10px 12px !important;
    min-height: 126px;
    padding: 12px !important;
  }

  .custom-homepage .bh-home-bonus-card__media-column {
    align-self: stretch;
    justify-content: center !important;
    width: 94px !important;
    min-width: 94px;
  }

  .custom-homepage .bh-home-bonus-card__logo-link,
  .custom-homepage .bh-home-bonus-card__logo-placeholder {
    width: 86px !important;
    height: 58px !important;
  }

  .custom-homepage .bh-home-bonus-card__rating {
    width: 86px;
    top: 4px !important;
  }

  .custom-homepage .bh-home-bonus-card__body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch !important;
    gap: 8px !important;
    width: 100%;
  }

  .custom-homepage .bh-home-bonus-card__main {
    width: 100%;
    gap: 7px !important;
  }

  .custom-homepage .bh-home-bonus-card__main h3 {
    font-size: 15px !important;
    line-height: 1.14 !important;
  }

  .custom-homepage .bh-home-bonus-card__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 88px;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .custom-homepage .bh-home-bonus-card__visit,
  .custom-homepage .bh-home-bonus-card__more {
    width: 100% !important;
    min-height: 40px;
  }

  .custom-homepage .bh-home-bonus-card__visit {
    padding: 0 10px !important;
    font-size: 12px !important;
  }

}

@media (max-width: 374px) {
  .custom-homepage .bonus-item.bh-home-bonus-card:not(.hidden) {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px !important;
  }

  .custom-homepage .bh-home-bonus-card__media-column {
    width: 86px !important;
    min-width: 86px;
  }

  .custom-homepage .bh-home-bonus-card__logo-link,
  .custom-homepage .bh-home-bonus-card__logo-placeholder,
  .custom-homepage .bh-home-bonus-card__rating {
    width: 80px !important;
  }

  .custom-homepage .bh-home-bonus-card__actions {
    grid-template-columns: minmax(0, 1fr) 82px;
  }
}

.bh-home-copy-code,
.bh-home-code-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(199, 201, 203, .55);
  border-radius: 6px;
  color: rgba(24, 24, 24, .62);
  background: #fff;
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.bh-home-copy-code {
  position: relative;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background-color .18s ease;
}

.bh-home-copy-code:hover,
.bh-home-copy-code:focus-visible {
  border-color: rgba(58, 174, 8, .72);
  background: #fff;
  box-shadow: 0 2px 8px rgba(58, 174, 8, .16);
  outline: 0;
}

.bh-home-copy-code.is-copied {
  color: #318701;
  background: #f5fbf2;
  border-color: rgba(58, 174, 8, .55);
}

.bh-home-copy-code__action {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #318701;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

.bh-home-copy-code.is-copied .bh-home-copy-code__action:not([hidden]) {
  opacity: 1;
}

.bh-home-copy-code__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: inherit;
  min-width: 0;
  max-width: 100%;
  opacity: 1;
  transition: opacity .22s ease;
}

.bh-home-copy-code.is-copied .bh-home-copy-code__content {
  opacity: 0;
}

.bh-home-copy-code__icon {
  flex: 0 0 auto;
  width: 17px;
  height: auto;
  opacity: .72;
  transition: opacity .18s ease, transform .18s ease;
}

.bh-home-copy-code:hover .bh-home-copy-code__icon,
.bh-home-copy-code:focus-visible .bh-home-copy-code__icon {
  opacity: 1;
  transform: translateY(-1px);
}

.bonus-item .bh-home-copy-code:not(.bh-home-copy-code--modal),
.bonus-item .bh-home-code-chip {
  align-self: flex-start;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 10px !important;
  gap: 7px;
  white-space: nowrap;
  flex-wrap: nowrap;
  font-size: 11px;
  line-height: 1 !important;
}

.bonus-item .bh-home-copy-code:not(.bh-home-copy-code--modal) span:first-child,
.bonus-item .bh-home-code-chip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bonus-item .bh-home-copy-code:not(.bh-home-copy-code--modal) .bh-home-copy-code__content span:first-child {
  min-width: 0;
}

.bonus-item .bh-home-copy-code__icon {
  width: 15px;
}

.bh-home-code-chip--empty {
  color: rgba(7, 42, 53, .58);
  background: #f4f6f8;
  border-color: rgba(7, 42, 53, .12);
}

@media (max-width: 640px) {
  .custom-homepage .bonus-item .bh-home-copy-code:not(.bh-home-copy-code--modal),
  .custom-homepage .bonus-item .bh-home-code-chip {
    align-self: stretch;
    width: 100%;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 9px !important;
  }
}

.custom-homepage .bh-view-all-bonuses-cta {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: min(100%, 292px);
  min-height: 52px;
  margin: 4px 0 8px;
  padding: 0 22px !important;
  border: 1px solid rgba(197, 157, 72, .84) !important;
  border-radius: 999px !important;
  color: #f6e8b7 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 44%),
    linear-gradient(180deg, #245f27 0%, #17491d 56%, #0f3415 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 196, .28),
    inset 0 -1px 0 rgba(0, 0, 0, .18),
    0 8px 16px rgba(14, 45, 18, .18) !important;
  font-family: "Archivo", sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .24);
  overflow: hidden;
  isolation: isolate;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.custom-homepage .bh-view-all-bonuses-cta::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(235, 202, 119, .76);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #f4dc93 0 2px, transparent 2.5px),
    conic-gradient(from 45deg, rgba(245, 217, 140, .95) 0 13deg, transparent 13deg 77deg, rgba(245, 217, 140, .95) 77deg 103deg, transparent 103deg 167deg, rgba(245, 217, 140, .95) 167deg 193deg, transparent 193deg 257deg, rgba(245, 217, 140, .95) 257deg 283deg, transparent 283deg 360deg),
    radial-gradient(circle at center, rgba(31, 88, 35, .96), rgba(11, 47, 18, .98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .24),
    0 1px 3px rgba(0, 0, 0, .20);
}

.custom-homepage .bh-view-all-bonuses-cta::after {
  content: none !important;
  display: none !important;
}

.custom-homepage .bh-view-all-bonuses-cta:hover,
.custom-homepage .bh-view-all-bonuses-cta:focus-visible {
  color: #fff3c7 !important;
  border-color: rgba(231, 196, 105, .96) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, 0) 44%),
    linear-gradient(180deg, #2b722d 0%, #1b5521 56%, #123b18 100%) !important;
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 196, .36),
    inset 0 -1px 0 rgba(0, 0, 0, .16),
    0 0 0 2px rgba(207, 169, 77, .12),
    0 10px 18px rgba(14, 45, 18, .22) !important;
  outline: 0;
}

.custom-homepage .bh-view-all-bonuses-cta:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 196, .22),
    inset 0 2px 4px rgba(0, 0, 0, .18),
    0 5px 10px rgba(14, 45, 18, .16) !important;
}

.bh-home-more-info {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-transform: uppercase;
}

.bh-home-more-info:hover,
.bh-home-more-info:focus-visible {
  color: #318701 !important;
  outline: 0;
}

@media (max-width: 640px) {
  .custom-homepage .bh-home-bonus-card__more {
    display: flex;
    flex: none !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 40px;
    padding: 0 8px;
    border: 1px solid rgba(7, 42, 53, .13);
    border-radius: 9px;
    color: rgba(7, 42, 53, .58) !important;
    background: #f4f6f8;
    text-decoration: none !important;
  }

  .custom-homepage .bh-home-bonus-card__more:hover,
  .custom-homepage .bh-home-bonus-card__more:focus-visible {
    border-color: rgba(58, 174, 8, .34);
    background: #f8fbf6;
  }
}

.bh-home-modal-open {
  overflow: hidden;
}

.bh-home-bonus-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 18px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}

.bh-home-bonus-modal.is-open {
  pointer-events: auto;
  opacity: 1;
}

.bh-home-bonus-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 22, 10, .62);
  backdrop-filter: blur(3px);
}

.bh-home-bonus-modal__dialog {
  position: relative;
  width: min(100%, 520px);
  max-height: calc(100vh - 36px);
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(121, 91, 36, .24);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 80px rgba(0, 0, 0, .28);
  transform: translateY(10px) scale(.98);
  transition: transform .2s ease;
}

.bh-home-bonus-modal.is-open .bh-home-bonus-modal__dialog {
  transform: translateY(0) scale(1);
}

.bh-home-bonus-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 1em !important;
  border: 0;
  border-radius: 50%;
  color: #53616f;
  background: #f0f4f8;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.bh-home-bonus-modal__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 34px;
}

.bh-home-bonus-modal__image {
  width: 92px;
  height: 64px;
  object-fit: contain;
  border-radius: 6px;
  background: #f6f8fa;
}

.bh-home-bonus-modal__casino {
  margin: 0 0 4px;
  color: rgba(7, 42, 53, .58);
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.bh-home-bonus-modal__title {
  margin: 0;
  color: #071f15;
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0;
}

.bh-home-bonus-modal__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.bh-home-bonus-modal__meta span,
.bh-home-bonus-modal__terms > div {
  border: 1px solid rgba(7, 42, 53, .12);
  border-radius: 6px;
  background: #f6f8fa;
}

.bh-home-bonus-modal__meta span {
  padding: 5px 8px;
  color: #53616f;
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 800;
}

.bh-home-copy-code--modal {
  width: 100%;
  justify-content: center;
  margin-top: 16px;
  padding: 14px 12px;
  border-radius: 5px;
  font-size: 16px;
}

.bh-home-bonus-modal__terms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.bh-home-bonus-modal__terms > div {
  padding: 10px;
}

.bh-home-bonus-modal__terms span {
  display: block;
  margin-bottom: 4px;
  color: rgba(7, 42, 53, .58);
  font-family: "Archivo", sans-serif;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.bh-home-bonus-modal__terms strong {
  color: #071f15;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.bh-home-bonus-modal__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

.bh-home-modal-visit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  min-height: 52px;
  padding: 13px 22px;
  border-radius: 10px;
  color: #fff !important;
  background: #3AAE08;
  box-shadow: 0 12px 24px rgba(58, 174, 8, .20);
  font-family: "Baloo 2", "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none !important;
}

.bh-home-modal-visit:hover,
.bh-home-modal-visit:focus-visible {
  color: #fff !important;
  background: #35a207;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  outline: 0;
}

.bh-home-bonus-modal__review-link {
  color: #53616f;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

@media (max-width: 560px) {
  .bh-home-bonus-modal__header {
    align-items: flex-start;
  }

  .bh-home-bonus-modal__image {
    width: 76px;
    height: 56px;
  }

  .bh-home-bonus-modal__title {
    font-size: 18px;
  }

  .bh-home-bonus-modal__terms {
    grid-template-columns: 1fr;
  }

  .bh-home-bonus-modal__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .bh-home-bonus-modal__review-link {
    text-align: center;
  }

  .custom-homepage .bh-view-all-bonuses-cta {
    width: min(100%, 280px);
    min-height: 50px;
    padding: 0 18px !important;
    font-size: 14px !important;
  }

  .custom-homepage .bh-view-all-bonuses-cta::before {
    width: 17px;
    height: 17px;
  }
}

.custom-homepage {
  --hunter-green-deep: #17371c;
  --hunter-green-dark: #1f4722;
  --hunter-green: #2e612d;
  --hunter-green-light: #477d3d;
  --hunter-gold-dark: #8b651d;
  --hunter-gold: #c39a3a;
  --hunter-gold-light: #ead486;
  --hunter-ivory: #fff4cf;
  --hunter-parchment-light: #fff8df;
  --hunter-parchment: #ead8a9;
  --hunter-brown: #4b3215;
}

.custom-homepage .hunter-section-action {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 34px 0 48px;
}

.custom-homepage .hunter-action {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  width: auto;
  min-width: 270px;
  min-height: 52px;
  max-width: 100%;
  margin: 4px 0 8px;
  padding: 5px 16px 5px 6px !important;
  border: 1px solid var(--hunter-gold) !important;
  border-radius: 15px !important;
  font-family: "Archivo", "Work Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  isolation: isolate;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease;
}

.custom-homepage .hunter-action::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  display: block !important;
  width: auto !important;
  height: auto !important;
  flex: none !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
  pointer-events: none;
}

.custom-homepage .hunter-action--primary {
  color: var(--hunter-ivory) !important;
  background:
    linear-gradient(
      180deg,
      var(--hunter-green-light) 0%,
      var(--hunter-green) 42%,
      var(--hunter-green-dark) 72%,
      var(--hunter-green-deep) 100%
    ) !important;
  box-shadow:
    inset 0 -2px 0 rgba(0, 0, 0, .18),
    0 7px 15px rgba(28, 45, 24, .23) !important;
}

.custom-homepage .hunter-action--secondary {
  color: var(--hunter-brown) !important;
  background:
    linear-gradient(
      180deg,
      var(--hunter-parchment-light) 0%,
      var(--hunter-parchment) 100%
    ) !important;
  box-shadow:
    inset 0 -2px 0 rgba(108, 78, 24, .10),
    0 6px 13px rgba(57, 45, 24, .16) !important;
}

.custom-homepage .hunter-action--map {
  color: #3d2a10 !important;
  border-color: #f0ce69 !important;
  background:
    linear-gradient(180deg, rgba(255, 249, 210, .34) 0%, rgba(255, 255, 255, 0) 38%),
    linear-gradient(180deg, #f7d86c 0%, #eab33a 55%, #c98212 100%) !important;
  box-shadow:
    inset 0 -2px 0 rgba(99, 55, 7, .24),
    inset 0 1px 0 rgba(255, 255, 255, .5),
    0 7px 15px rgba(45, 28, 9, .3) !important;
}

.custom-homepage .hunter-action--map::before {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 0 0 1px rgba(115, 68, 12, .14);
}

.custom-homepage .hunter-action--map .hunter-action__icon {
  filter: drop-shadow(0 1px 2px rgba(56, 35, 9, .28));
}

.custom-homepage .hunter-action--map .hunter-action__arrow {
  color: #51340e;
}

.custom-homepage .hunter-action__icon {
  display: block !important;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: transform .18s ease, filter .18s ease;
}

.custom-homepage .hunter-action__icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.custom-homepage .hunter-action__label {
  display: block !important;
  flex: 0 0 auto;
  min-width: 0;
  text-align: center;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.custom-homepage .hunter-action__arrow {
  display: block !important;
  flex: 0 0 18px;
  color: var(--hunter-gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transition: transform .18s ease;
}

.custom-homepage .hunter-action--secondary .hunter-action__arrow {
  color: var(--hunter-gold-dark);
  font-size: 17px;
}

.custom-homepage .hunter-action:hover,
.custom-homepage .hunter-action:focus-visible {
  color: var(--hunter-ivory) !important;
  border-color: var(--hunter-gold-light) !important;
  filter: brightness(1.045);
  text-decoration: none !important;
  transform: translateY(-2px);
  outline: 0;
}

.custom-homepage .hunter-action:focus-visible {
  outline: 3px solid rgba(195, 154, 58, .42);
  outline-offset: 4px;
}

.custom-homepage .hunter-action--primary:hover,
.custom-homepage .hunter-action--primary:focus-visible {
  box-shadow:
    inset 0 -2px 0 rgba(0, 0, 0, .15),
    0 10px 20px rgba(28, 45, 24, .29) !important;
}

.custom-homepage .hunter-action--secondary:hover,
.custom-homepage .hunter-action--secondary:focus-visible {
  color: var(--hunter-brown) !important;
  box-shadow:
    inset 0 -2px 0 rgba(108, 78, 24, .08),
    0 9px 17px rgba(57, 45, 24, .20) !important;
}

.custom-homepage .hunter-action--map:hover,
.custom-homepage .hunter-action--map:focus-visible {
  color: #352209 !important;
  border-color: #ffe296 !important;
  box-shadow:
    inset 0 -2px 0 rgba(99, 55, 7, .2),
    inset 0 1px 0 rgba(255, 255, 255, .58),
    0 10px 20px rgba(45, 28, 9, .36) !important;
}

.custom-homepage .hunter-action:hover .hunter-action__icon,
.custom-homepage .hunter-action:focus-visible .hunter-action__icon {
  filter: brightness(1.05);
  transform: rotate(-5deg) scale(1.045);
}

.custom-homepage .hunter-action:hover .hunter-action__arrow,
.custom-homepage .hunter-action:focus-visible .hunter-action__arrow {
  transform: translateX(2px);
}

.custom-homepage .hunter-action:hover .hunter-action__arrow--down,
.custom-homepage .hunter-action:focus-visible .hunter-action__arrow--down {
  transform: translateY(2px);
}

.custom-homepage .hunter-action:active {
  transform: translateY(0);
}

.custom-homepage .hunter-action[disabled],
.custom-homepage .hunter-action.is-loading {
  cursor: wait;
  opacity: .72;
  transform: none;
}

@keyframes hunter-icon-loading {
  to {
    transform: rotate(360deg);
  }
}

.custom-homepage .hunter-action.is-loading .hunter-action__icon {
  animation: hunter-icon-loading 1.4s linear infinite;
}

@media (max-width: 600px) {
  .custom-homepage .hunter-section-action {
    margin: 28px 0 40px;
    padding: 0 16px;
  }

  .custom-homepage .hunter-action {
    display: inline-flex !important;
    width: min(100%, 300px);
    min-width: min(100%, 270px);
    min-height: 49px;
    padding: 5px 13px 5px 7px !important;
    gap: 8px;
    font-size: 13px !important;
  }

  .custom-homepage .hunter-action__icon {
    flex-basis: 37px;
    width: 37px;
    height: 37px;
  }

  .custom-homepage .hunter-action__arrow {
    flex-basis: 16px;
    font-size: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .custom-homepage .hunter-action,
  .custom-homepage .hunter-action__icon,
  .custom-homepage .hunter-action__arrow {
    transition: none;
  }
}

/* Shared rhythm for the homepage's standard content sections. */
.custom-homepage .bh-home-section {
  box-sizing: border-box;
  width: min(100%, 1200px);
  margin: clamp(42px, 4vw, 64px) auto 0 !important;
  padding-right: 10px;
  padding-left: 10px;
}

.custom-homepage .bh-home-section__intro {
  padding: 0 !important;
  text-align: center !important;
}

.custom-homepage .bh-home-section__intro h2 {
  margin-bottom: clamp(16px, 1.7vw, 24px) !important;
}

.custom-homepage .bh-home-section__intro > p,
.custom-homepage .bh-home-section__intro > :not(h1):not(h2):not(h3):not(h4) p,
.custom-homepage .bh-home-section__description,
.custom-homepage .bh-home-section__description p {
  width: min(100%, 1040px);
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.custom-homepage .bh-home-section__content {
  margin-top: clamp(20px, 2vw, 28px) !important;
}

.custom-homepage .bh-home-section__action {
  margin-top: clamp(30px, 3vw, 42px) !important;
}

.custom-homepage .bh-home-section--faq-guide {
  margin-top: 0 !important;
  padding-top: clamp(48px, 5vw, 70px);
}

.custom-homepage .bh-home-section--faq-guide .bh-home-section__intro {
  padding: 0 !important;
}

.custom-homepage .bh-home-section--tips + .bh-hunt {
  margin-top: clamp(34px, 3vw, 48px);
}

@media (min-width: 769px) {
  /* Cancel the theme's broad desktop section padding on homepage modules. */
  .custom-homepage .bh-home-section {
    margin-top: clamp(32px, 3vw, 48px) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .custom-homepage .bonus-territories-section {
    padding-bottom: 0 !important;
  }

  .custom-homepage .bh-home-section--faq-guide {
    margin-top: 0 !important;
    padding-top: clamp(48px, 5vw, 70px) !important;
  }
}

@media (max-width: 768px) {
  .custom-homepage .bh-home-section {
    margin-top: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .custom-homepage .bh-home-section--featured {
    margin-top: 20px !important;
  }

  .custom-homepage .bh-home-section--news {
    margin-top: 36px !important;
  }

  .custom-homepage .bh-home-section__intro h2 {
    margin-bottom: 14px !important;
  }

  .custom-homepage .bh-home-section__content {
    margin-top: 18px !important;
  }

  .custom-homepage .bh-home-section__action {
    margin-top: 28px !important;
  }

  .custom-homepage .bh-home-section--faq-guide {
    margin-top: 0 !important;
    padding-top: 48px !important;
  }

  .custom-homepage .bonus-territories-section {
    padding-top: 24px !important;
    padding-bottom: 0 !important;
  }

  .custom-homepage .map-scene .map-scene__frame {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Homepage Bonus Hunt showcase. */
.custom-homepage .bh-hunt {
  width: 100%;
  margin: clamp(48px, 6vw, 88px) 0 0;
  padding: 0 10px clamp(42px, 5vw, 72px);
  color: #18251a;
  font-family: "Archivo", "Work Sans", sans-serif;
}

.custom-homepage .bh-hunt,
.custom-homepage .bh-hunt * {
  box-sizing: border-box;
}

.custom-homepage .bh-hunt__inner {
  width: min(100%, 1200px);
  margin: 0 auto;
}

.custom-homepage .bh-hunt__header {
  width: 100%;
  max-width: none;
  margin: 0 auto clamp(28px, 3vw, 42px);
  padding: 0;
  text-align: center;
}

.custom-homepage .bh-hunt__header h2 {
  margin-bottom: 18px !important;
}

.custom-homepage .bh-hunt__header p {
  max-width: 960px;
  margin: 0 auto !important;
  padding: 0 16px;
  font-size: 1.8rem !important;
  line-height: 1.55 !important;
}

.custom-homepage .bh-hunt__featured {
  margin-bottom: clamp(36px, 4vw, 54px);
}

.custom-homepage .bh-hunt__subheading {
  margin: 0 0 18px;
  color: #213d1a;
  font-family: "Archivo", "Work Sans", sans-serif;
  font-size: clamp(22px, 2vw, 29px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}

.custom-homepage .bh-hunt__subheading::after {
  content: "";
  display: block;
  width: 74px;
  height: 2px;
  margin: 11px auto 0;
  background: linear-gradient(90deg, rgba(195, 154, 58, 0), #c39a3a, rgba(195, 154, 58, 0));
}

.custom-homepage .bh-hunt__expeditions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.custom-homepage .bh-hunt-expedition {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(111, 92, 50, .24);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(45, 50, 39, .10);
}

.custom-homepage .bh-hunt-expedition__art {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 15px 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0)),
    #edf1e6;
}

.custom-homepage .bh-hunt-expedition__art img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 132px;
  object-fit: contain;
  filter: drop-shadow(0 5px 7px rgba(31, 41, 27, .18));
  transition: transform .18s ease;
}

.custom-homepage .bh-hunt-expedition:hover .bh-hunt-expedition__art img {
  transform: translateY(-2px) scale(1.02);
}

.custom-homepage .bh-hunt-expedition__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 17px 16px 15px;
}

.custom-homepage .bh-hunt-expedition__eyebrow,
.custom-homepage .bh-hunt-status__heading > span,
.custom-homepage .bh-hunt-status__next > div:last-child > span {
  color: #8a671e;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.custom-homepage .bh-hunt-status__next > div:last-child > span {
  color: #e3c15f;
}

.custom-homepage .bh-hunt-expedition h3 {
  margin: 5px 0 8px;
  font-family: "Archivo", "Work Sans", sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.custom-homepage .bh-hunt-expedition h3 a,
.custom-homepage .bh-hunt-status__next h4 a {
  color: #17251a;
  text-decoration: none;
}

.custom-homepage .bh-hunt-expedition h3 a:hover,
.custom-homepage .bh-hunt-expedition h3 a:focus-visible,
.custom-homepage .bh-hunt-status__next h4 a:hover,
.custom-homepage .bh-hunt-status__next h4 a:focus-visible {
  color: #4f771d;
  text-decoration: underline;
}

.custom-homepage .bh-hunt-expedition__body > p {
  margin: 0 0 12px;
  color: #4d574e;
  font-size: 13px;
  line-height: 1.42;
}

.custom-homepage .bh-hunt-expedition__reward {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: auto;
  color: #223820;
  font-size: 12px;
  line-height: 1.3;
}

.custom-homepage .bh-hunt-expedition__reward span {
  color: #7a8278;
  font-weight: 700;
  text-transform: uppercase;
}

.custom-homepage .bh-hunt-expedition__requirement {
  margin: 8px 0 0 !important;
  color: #6c5a2d !important;
  font-size: 12px !important;
  font-weight: 700;
}

.custom-homepage .bh-hunt-expedition__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: #416d22;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .035em;
  text-decoration: none;
  text-transform: uppercase;
}

.custom-homepage .bh-hunt-expedition__link-label {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.custom-homepage .bh-hunt-expedition__link-arrow {
  color: #a77a1e;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: .7;
  text-decoration: none;
}

.custom-homepage .bh-hunt-progress {
  width: 100%;
  margin-top: 11px;
}

.custom-homepage .bh-hunt-progress__labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 5px;
  color: #5b655c;
  font-size: 10px;
  line-height: 1.2;
}

.custom-homepage .bh-hunt-progress__track {
  width: 100%;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe4da;
}

.custom-homepage .bh-hunt-progress__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #6f9a2a, #d0a236);
}

.custom-homepage .bh-hunt-status {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(198, 157, 60, .58);
  border-radius: 8px;
  color: #f7f1dc;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 42%),
    #183a1c;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .09),
    0 8px 20px rgba(30, 43, 28, .17);
}

.custom-homepage .bh-hunt-status::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .08;
  background-image: url("/wp-content/themes/thebonushunters-twentytwenty/assets/images/button-icons/icon-rewards.webp");
  background-position: calc(100% + 38px) calc(100% + 42px);
  background-repeat: no-repeat;
  background-size: 180px;
  pointer-events: none;
}

.custom-homepage .bh-hunt-status > * {
  position: relative;
  z-index: 1;
}

.custom-homepage .bh-hunt-status__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px clamp(18px, 3vw, 32px);
  border-bottom: 1px solid rgba(220, 190, 111, .25);
}

.custom-homepage .bh-hunt-status__heading > span {
  color: #e2bd62;
}

.custom-homepage .bh-hunt-status__heading h3 {
  margin: 0;
  color: #fff9e8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(24px, 2.2vw, 31px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: right;
}

.custom-homepage .bh-hunt-status__logged-out {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.4fr);
  align-items: center;
  gap: clamp(22px, 4vw, 52px);
  min-height: 250px;
  padding: clamp(24px, 4vw, 48px);
}

.custom-homepage .bh-hunt-status__badge-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 12px 26px;
}

.custom-homepage .bh-hunt-status__badge-preview img {
  display: block;
  flex: 0 0 clamp(70px, 8vw, 100px);
  width: clamp(70px, 8vw, 100px);
  height: clamp(70px, 8vw, 100px);
  margin-left: clamp(-28px, -2.3vw, -16px);
  border: 2px solid #d5b45c;
  border-radius: 50%;
  background: #f2ead3;
  object-fit: cover;
  box-shadow: 0 8px 14px rgba(0, 0, 0, .28);
}

.custom-homepage .bh-hunt-status__badge-preview img:first-child {
  margin-left: 0;
}

.custom-homepage .bh-hunt-status__badge-preview img:nth-child(2n) {
  transform: translateY(13px);
}

.custom-homepage .bh-hunt-status__pitch,
.custom-homepage .bh-hunt-status__welcome {
  min-width: 0;
}

.custom-homepage .bh-hunt-status__lead {
  margin: 0 0 9px;
  color: #fff9e8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(23px, 2.4vw, 32px);
  font-weight: 700;
  line-height: 1.2;
}

.custom-homepage .bh-hunt-status__pitch > p:not(.bh-hunt-status__lead),
.custom-homepage .bh-hunt-status__welcome > p:not(.bh-hunt-status__lead) {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 252, 238, .82);
  font-size: 16px;
  line-height: 1.52;
}

.custom-homepage .bh-hunt-status__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.custom-homepage .bh-hunt-status__actions .hunter-action {
  min-width: 240px;
  margin: 0;
}

.custom-homepage .bh-hunt-status__logged-in {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr);
  gap: 22px 34px;
  padding: clamp(24px, 3.5vw, 42px);
}

.custom-homepage .bh-hunt-status__welcome,
.custom-homepage .bh-hunt-status__points,
.custom-homepage .bh-hunt-status__recent,
.custom-homepage .bh-hunt-status__rank {
  min-width: 0;
}

.custom-homepage .bh-hunt-status__points,
.custom-homepage .bh-hunt-status__recent,
.custom-homepage .bh-hunt-status__rank {
  grid-column: 1 / -1;
}

.custom-homepage .bh-hunt-status__logged-in h4 {
  margin: 0 0 12px;
  color: #f8eac0;
  font-family: "Archivo", "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.custom-homepage .bh-hunt-status__next {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(221, 191, 112, .27);
  border-radius: 6px;
  background: rgba(255, 255, 255, .065);
}

.custom-homepage .bh-hunt-status__next-art img {
  display: block;
  width: 78px;
  height: 78px;
  object-fit: contain;
}

.custom-homepage .bh-hunt-status__next h4 {
  margin: 4px 0 5px;
  text-transform: none;
}

.custom-homepage .bh-hunt-status__next h4 a {
  color: #fff9e8;
}

.custom-homepage .bh-hunt-status__next p {
  margin: 0;
  color: rgba(255, 249, 226, .9) !important;
  font-size: 12px;
  line-height: 1.4;
}

.custom-homepage .bh-hunt-status .gamipress-user-points {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin: 0 !important;
}

.custom-homepage .bh-hunt-status .gamipress-user-points .gamipress-points {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(221, 191, 112, .24);
  border-radius: 6px;
  background: rgba(255, 255, 255, .06);
  text-align: left !important;
}

.custom-homepage .bh-hunt-status .gamipress-user-points-image,
.custom-homepage .bh-hunt-status .gamipress-user-points-description {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.custom-homepage .bh-hunt-status .gamipress-points-thumbnail {
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.custom-homepage .bh-hunt-status .gamipress-user-points-description {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.custom-homepage .bh-hunt-status .gamipress-user-points-amount {
  color: #fff9e8;
  font-size: 23px;
  font-weight: 800;
  line-height: 1;
}

.custom-homepage .bh-hunt-status .gamipress-user-points-label {
  overflow: hidden;
  margin-top: 4px;
  color: rgba(255, 252, 238, .7);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-homepage .bh-hunt-status__recent .gamipress-achievements-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 !important;
}

.custom-homepage .bh-hunt-status__recent .gamipress-achievement {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(221, 191, 112, .24);
  border-radius: 6px;
  background: rgba(255, 255, 255, .06);
  text-align: left !important;
}

.custom-homepage .bh-hunt-status__recent .gamipress-achievement-thumbnail,
.custom-homepage .bh-hunt-status__recent .gamipress-achievement-description {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

.custom-homepage .bh-hunt-status__recent .gamipress-achievement-thumbnail img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.custom-homepage .bh-hunt-status__recent .gamipress-achievement-title,
.custom-homepage .bh-hunt-status__recent .gamipress-achievement-title a {
  margin: 0 !important;
  color: #fff9e8 !important;
  font-family: "Archivo", "Work Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-decoration: none !important;
}

.custom-homepage .bh-hunt-status__empty {
  margin: 0;
  padding: 13px 15px;
  border: 1px dashed rgba(221, 191, 112, .32);
  border-radius: 6px;
  color: rgba(255, 252, 238, .72);
  font-size: 14px;
  line-height: 1.4;
}

@media (max-width: 980px) {
  .custom-homepage .bh-hunt__expeditions {
    grid-template-columns: 1fr;
  }

  .custom-homepage .bh-hunt-expedition {
    grid-template-columns: 138px minmax(0, 1fr);
  }

  .custom-homepage .bh-hunt-status__logged-out {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .custom-homepage .bh-hunt-status__badge-preview {
    min-height: 120px;
  }

  .custom-homepage .bh-hunt-status__pitch {
    text-align: center;
  }

  .custom-homepage .bh-hunt-status__pitch > p:not(.bh-hunt-status__lead) {
    margin-right: auto;
    margin-left: auto;
  }

  .custom-homepage .bh-hunt-status__actions {
    justify-content: center;
  }

  .custom-homepage .bh-hunt-status .gamipress-user-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .custom-homepage .bh-hunt-status__recent .gamipress-achievements-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .custom-homepage .bh-hunt {
    margin-top: 38px;
    padding-right: 14px;
    padding-left: 14px;
  }

  .custom-homepage .bh-hunt__header {
    margin-bottom: 26px;
  }

  .custom-homepage .bh-hunt__header p {
    padding: 0 4px;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  .custom-homepage .bh-hunt__subheading {
    font-size: 22px;
  }

  .custom-homepage .bh-hunt-expedition {
    grid-template-columns: 102px minmax(0, 1fr);
  }

  .custom-homepage .bh-hunt-expedition__art {
    padding: 12px 8px;
  }

  .custom-homepage .bh-hunt-expedition__body {
    padding: 14px 13px;
  }

  .custom-homepage .bh-hunt-expedition h3 {
    font-size: 17px;
  }

  .custom-homepage .bh-hunt-status__heading {
    display: block;
    padding: 14px 17px;
  }

  .custom-homepage .bh-hunt-status__heading h3 {
    margin-top: 4px;
    font-size: 25px;
    text-align: left;
  }

  .custom-homepage .bh-hunt-status__logged-out,
  .custom-homepage .bh-hunt-status__logged-in {
    display: block;
    padding: 20px 16px 24px;
  }

  .custom-homepage .bh-hunt-status__badge-preview {
    min-height: 112px;
    padding: 4px 14px 22px;
  }

  .custom-homepage .bh-hunt-status__badge-preview img {
    flex-basis: 70px;
    width: 70px;
    height: 70px;
    margin-left: -18px;
  }

  .custom-homepage .bh-hunt-status__lead {
    font-size: 24px;
  }

  .custom-homepage .bh-hunt-status__pitch > p:not(.bh-hunt-status__lead),
  .custom-homepage .bh-hunt-status__welcome > p:not(.bh-hunt-status__lead) {
    font-size: 15px;
  }

  .custom-homepage .bh-hunt-status__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .custom-homepage .bh-hunt-status__actions .hunter-action {
    width: 100%;
    min-width: 0;
  }

  .custom-homepage .bh-hunt-status__logged-in > * + * {
    margin-top: 22px;
  }

  .custom-homepage .bh-hunt-status__next {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .custom-homepage .bh-hunt-status__next-art img {
    width: 68px;
    height: 68px;
  }

  .custom-homepage .bh-hunt-status .gamipress-user-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .custom-homepage .bh-hunt-status .gamipress-user-points .gamipress-points {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 8px !important;
  }

  .custom-homepage .bh-hunt-status .gamipress-points-thumbnail {
    width: 40px;
    height: 40px;
  }

  .custom-homepage .bh-hunt-status .gamipress-user-points-amount {
    font-size: 20px;
  }
}

@media (max-width: 390px) {
  .custom-homepage .bh-hunt-expedition {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .custom-homepage .bh-hunt-status .gamipress-user-points {
    grid-template-columns: 1fr;
  }
}

/* Expedition Field Notes: premium homepage FAQ accordion. */
.custom-homepage .faq-grid {
  --faq-icon-size: 40px;
  display: grid;
  gap: 14px;
  width: min(100%, 1120px);
  margin-right: auto;
  margin-left: auto;
}

.custom-homepage details.faq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #c5a453;
  border-radius: 11px;
  background:
    radial-gradient(circle at 16% 22%, rgba(112, 82, 31, .045) 0 1px, transparent 1.5px) 0 0 / 19px 19px,
    linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, 0)),
    #f8f0dc;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .78),
    inset 0 0 0 1px rgba(255, 248, 224, .28),
    0 4px 13px rgba(86, 61, 25, .11);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Small brass corner mark in place of the former flat yellow rail. */
.custom-homepage details.faq::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-top: 2px solid rgba(157, 119, 44, .62);
  border-left: 2px solid rgba(157, 119, 44, .62);
  border-radius: 5px 0 0;
  background: none;
  opacity: 1;
  pointer-events: none;
}

.custom-homepage details.faq[open]::before {
  border-color: #efd68a;
}

.custom-homepage details.faq:hover {
  transform: translateY(-2px);
  border-color: #b68f39;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .84),
    inset 0 0 0 1px rgba(255, 248, 224, .34),
    0 7px 18px rgba(79, 55, 22, .16);
}

.custom-homepage details.faq[open] {
  border-color: #b6903d;
  background: #fbf4e3;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .7),
    0 6px 18px rgba(48, 55, 29, .14);
}

.custom-homepage details.faq > summary {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 17px 58px 17px 72px;
  border: 0;
  color: #274416;
  font-family: "Archivo", "Work Sans", sans-serif;
  font-size: clamp(17px, 1.35vw, 19px);
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: .005em;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36);
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.custom-homepage details.faq > summary:hover {
  color: #1e3810;
  text-decoration: none;
}

.custom-homepage details.faq > summary:focus-visible {
  z-index: 4;
  outline: 3px solid #e2bf59;
  outline-offset: -4px;
  box-shadow: inset 0 0 0 6px rgba(255, 249, 228, .72);
}

.custom-homepage details.faq[open] > summary {
  color: #fff8e8;
  background:
    radial-gradient(circle at 92% 18%, rgba(232, 196, 104, .1), transparent 30%),
    linear-gradient(135deg, #2d4b1d 0%, #203813 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.custom-homepage details.faq[open] > summary:focus-visible {
  outline-color: #f0d98f;
  box-shadow: inset 0 0 0 6px rgba(255, 247, 215, .18);
}

/* Keep summary keyboard semantics while replacing the native marker. */
.custom-homepage details.faq > summary::-webkit-details-marker {
  display: none;
}

.custom-homepage details.faq > summary::marker {
  content: "";
}

/* Closed chest and dark-green, brass-edged holder. */
.custom-homepage details.faq > summary::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  box-sizing: border-box;
  width: var(--faq-icon-size);
  height: var(--faq-icon-size);
  border: 1px solid #c5a453;
  border-radius: 11px 11px 13px 13px;
  transform: translateY(-50%);
  background-image:
    var(--faq-icon-closed),
    linear-gradient(145deg, #355527, #1d3514);
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: 27px 27px, 100% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .13),
    0 2px 5px rgba(37, 44, 23, .2);
  filter: drop-shadow(0 1px 1px rgba(31, 35, 20, .12));
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, background-image .1s linear;
}

.custom-homepage details.faq > summary:hover::before {
  transform: translateY(calc(-50% - 1px)) scale(1.045);
  filter: drop-shadow(0 2px 2px rgba(31, 35, 20, .2));
}

.custom-homepage details.faq[open] > summary::before {
  transform: translateY(-50%) scale(1.025);
  background-image:
    var(--faq-icon-open),
    linear-gradient(145deg, #3b5b2a, #1c3213);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .15),
    0 0 11px rgba(225, 176, 65, .3),
    0 2px 5px rgba(18, 26, 13, .3);
  filter: drop-shadow(0 1px 2px rgba(241, 202, 105, .18));
}

.custom-homepage details.faq[open] > summary:hover::before {
  transform: translateY(calc(-50% - 1px)) scale(1.06);
}

/* Restrained brass chevron. */
.custom-homepage details.faq > summary::after {
  content: "";
  position: absolute;
  right: 21px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #8a6a2a;
  border-bottom: 2px solid #8a6a2a;
  transform: translateY(-68%) rotate(45deg);
  transition: transform .2s ease, border-color .18s ease;
}

.custom-homepage details.faq[open] > summary::after {
  border-color: #efd68a;
  transform: translateY(-30%) rotate(225deg);
}

/* The answer opens as a separate, lighter field-note page. */
.custom-homepage details.faq > .faq-content {
  max-height: none;
  overflow: visible;
  padding: 18px 24px 20px 72px;
  border-top: 1px solid rgba(197, 164, 83, .78);
  color: #30372a;
  font-family: "Archivo", "Work Sans", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  background:
    radial-gradient(circle at 88% 24%, rgba(148, 108, 43, .035) 0 1px, transparent 1.5px) 0 0 / 21px 21px,
    linear-gradient(180deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, 0)),
    #fbf4e4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
  transition: none;
}

.custom-homepage details.faq > .faq-content > :first-child {
  margin-top: 0 !important;
}

.custom-homepage details.faq > .faq-content > :last-child {
  margin-bottom: 0 !important;
}

.custom-homepage details.faq > .faq-content p {
  margin: 0 0 12px;
}

.custom-homepage details.faq .faq-content ul,
.custom-homepage details.faq .faq-content ol {
  margin: 0 0 12px;
  padding-left: 1.2rem;
}

.custom-homepage details.faq .faq-content li {
  margin: .3rem 0;
}

.custom-homepage details.faq .faq-content strong {
  color: #274416;
}

.custom-homepage details.faq .faq-content a {
  color: #355c20;
  font-weight: 700;
  text-decoration-color: rgba(197, 164, 83, .9);
  text-underline-offset: 2px;
}

.custom-homepage details.faq .faq-content a:focus-visible {
  outline: 2px solid #c5a453;
  outline-offset: 2px;
}

@media (max-width: 480px) {
  .custom-homepage .faq-grid {
    --faq-icon-size: 38px;
    gap: 11px;
  }

  .custom-homepage details.faq {
    border-radius: 10px;
  }

  .custom-homepage details.faq > summary {
    padding: 15px 42px 15px 60px;
    font-size: 17px;
    line-height: 1.38;
  }

  .custom-homepage details.faq > summary::before {
    left: 11px;
    background-size: 25px 25px, 100% 100%;
  }

  .custom-homepage details.faq > summary::after {
    right: 16px;
  }

  .custom-homepage details.faq > .faq-content {
    padding: 16px 16px 18px;
    font-size: 15px;
    line-height: 1.62;
  }
}

/* Remove decorative movement for visitors who prefer reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .custom-homepage details.faq,
  .custom-homepage details.faq > summary,
  .custom-homepage details.faq > summary::before,
  .custom-homepage details.faq > summary::after {
    transition: none !important;
  }

  .custom-homepage details.faq:hover {
    transform: none;
  }
}