
.btn-primary,
.btn-secondary {
  background-color: inherit !important;
}


.poster-panel {
  position: relative;
  overflow: hidden;
}

.poster-panel-border {
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.poster-layer {
  position: relative;
  z-index: 1;
}

.poster-display {
  font-size: clamp(3rem, 6vw, 5.5rem);
  line-height: 0.92;
}

.poster-title-xl {
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 0.95;
}

.poster-title-lg {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.95;
}

.poster-why-title {
  font-size: clamp(2.2rem, 4vw, 3.75rem);
  line-height: 0.95;
}

.poster-visit-title {
  font-size: clamp(2.25rem, 4.5vw, 4rem);
  line-height: 0.95;
}

.poster-copy-lg {
  font-size: 1.125rem;
}

.poster-num-display {
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 0.9;
  font-weight: 800;
  margin: 0 0 0.75rem 0;
}

.poster-max-8 {
  max-width: 8ch;
}

.poster-max-9 {
  max-width: 9ch;
}

.poster-max-10 {
  max-width: 10ch;
}

.poster-max-11 {
  max-width: 11ch;
}

.poster-max-12 {
  max-width: 12ch;
}

.poster-max-24 {
  max-width: 24rem;
}

.poster-max-28 {
  max-width: 28rem;
}

.poster-max-30 {
  max-width: 30rem;
}

.poster-orb-green-xl-tr,
.poster-orb-black-md-br,
.poster-orb-white-lg-tr,
.poster-orb-green-lg-bl,
.poster-orb-green-md-tr,
.poster-orb-white-lg-br,
.poster-orb-green-sm-tr,
.poster-orb-green-sm-br,
.poster-orb-white-sm-bl,
.poster-bar-green-tl {
  position: absolute;
}

.poster-orb-green-xl-tr {
  right: -3rem;
  top: -3rem;
  width: 12rem;
  height: 12rem;
  border-radius: 999px;
  background: #008a40;
}

.poster-bar-green-tl {
  left: 0;
  top: 0;
  width: 6rem;
  height: 0.6rem;
  background: #008a40;
}

.poster-orb-black-md-br {
  right: -2rem;
  bottom: -2rem;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  background: #000;
  opacity: 0.08;
}

.poster-orb-white-lg-tr {
  right: -2.5rem;
  top: 1rem;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: #fff;
  opacity: 0.16;
}

.poster-orb-green-lg-bl {
  left: -2rem;
  bottom: -2rem;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  background: #008a40;
  opacity: 0.12;
}

.poster-orb-green-md-tr {
  right: 1rem;
  top: 1rem;
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  background: #008a40;
}

.poster-orb-white-lg-br {
  right: -2rem;
  bottom: -2rem;
  width: 9rem;
  height: 9rem;
  border-radius: 999px;
  background: #fff;
  opacity: 0.14;
}

.poster-orb-green-sm-tr {
  right: -1.5rem;
  top: -1.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  background: #008a40;
  opacity: 0.12;
}

.poster-orb-green-sm-br {
  right: -1.5rem;
  bottom: -1.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  background: #008a40;
}

.poster-orb-white-sm-bl {
  left: -1.5rem;
  bottom: -1.5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 999px;
  background: #fff;
  opacity: 0.16;
}

.poster-dark {
  background: var(--color-black);
  color: var(--color-white);
}

.poster-light {
  background: var(--color-white);
  color: var(--color-black);
}

.poster-soft {
  background: var(--color-off-white);
  color: var(--color-black);
}

.poster-accent-top {
  border-top: 14px solid var(--color-wolverine-green);
}

.poster-accent-left {
  border-left: 14px solid var(--color-wolverine-green);
}

.poster-frame {
  border: 14px solid var(--color-wolverine-green);
}

.poster-kicker {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.poster-h1 {
  font-size: clamp(3rem, 6vw, 5.75rem);
  line-height: 0.92;
  letter-spacing: -0.04em;
  margin: 0 0 1rem 0;
  max-width: 8ch;
}

.poster-h2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.96;
  letter-spacing: -0.03em;
  margin: 0 0 0.75rem 0;
  max-width: 10ch;
}

.poster-num {
  font-size: clamp(3rem, 7vw, 5.5rem);
  line-height: 0.88;
  letter-spacing: -0.05em;
  font-weight: 900;
  margin: 0;
}

.poster-copy {
  max-width: 28rem;
  font-size: 1.125rem;
}

.poster-btn-dark,
.poster-btn-light {
  border-radius: var(--radius-md);
  font-weight: 700;
}

.poster-btn-dark {
  background: var(--color-white);
  color: var(--color-black);
  border-color: var(--color-white);
}

.poster-btn-light {
  background: transparent;
  color: var(--color-white);
  border-color: var(--color-white);
}

.poster-btn-dark:hover,
.poster-btn-dark:focus-visible {
  background: var(--color-off-white);
  color: var(--color-black);
  border-color: var(--color-off-white);
}

.poster-btn-light:hover,
.poster-btn-light:focus-visible {
  background: var(--color-white);
  color: var(--color-black);
  border-color: var(--color-white);
}

.accent-top {
  border-top: 14px solid var(--color-wolverine-green);
}

.accent-left {
  border-left: 14px solid var(--color-wolverine-green);
}

.image-frame {
  border: 14px solid var(--color-wolverine-green);
}




/* KICKERS */


.kicker-uvugreen{
   display: inline-block;
  background-color:var(--color-uvu-green);
  color:white;
  padding:var(--space-xs);
  letter-spacing: var(--ls-xxxl);
  font-family: var(--font-primary);
}
.kicker-black{
  display: inline-block;
  background-color: var(--color-black);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-branddrift{
  display: inline-block;
  background-color: var(--color-brand-drift);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-darkgreen{
  display: inline-block;
  background-color: var(--color-dark-green);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-darkgrey{
  display: inline-block;
  background-color: var(--color-dark-grey);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-grey{
  display: inline-block;
  background-color: var(--color-grey);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-lightgrey{
  display: inline-block;
  background-color: var(--color-light-grey);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-meadowgreen{
  display: inline-block;
  background-color: var(--color-meadow-green);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-offwhite{
  display: inline-block;
  background-color: var(--color-off-white);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-sagegreen{
  display: inline-block;
  background-color: var(--color-sage-green);
  color: var(--color-dark-green);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-seahazegreen{
  display: inline-block;
  background-color: var(--color-seahaze-green);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-supergreen{
  display: inline-block;
  background-color: var(--color-super-green);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-uvugreen{
  display: inline-block;
  background-color: var(--color-uvu-green);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-valleygreen{
  display: inline-block;
  background-color: var(--color-valley-green);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
  font-family: var(--font-primary);
}

.kicker-warmgrey{
  display: inline-block;
  background-color: var(--color-warm-grey);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-white{
  display: inline-block;
  background-color: var(--color-white);
  color: var(--color-dark-grey);
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
 
  font-family: var(--font-primary);
}

.kicker-wolverinegreen{
  display: inline-block;
  background-color: var(--color-wolverine-green);
  color: white;
  padding: var(--space-xs);
  letter-spacing: var(--ls-xxxl);
  font-family: var(--font-primary);
}

.text-shadow{
  text-shadow: 1px 0px 2px rgba(0,0,0,0.58);
}
.text-shadow-light{
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.90), 1px 0px 2px rgba(255,255,255,0.80);
}