@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-slab@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-slab@latest/700.css";

html {
  box-sizing: border-box
}

*,
::before,
::after {
  box-sizing: inherit
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-height: 100vh
}

.pageframe {
  font-family: 'Roboto Slab', Georgia, serif;
  background-color: #141209;
  color: #EEEFE2;
  font-size: 17px;
  line-height: 1.55
}

.sitehead {
  background: linear-gradient(135deg, #1a1306 0%, #201708 55%, #2a1e08 100%);
  border-bottom: 1px solid #bd7e3338;
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  position: relative
}

.sitehead-shell {
  max-width: 1170px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: stretch;
  min-height: 96px
}

.brandzone {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 32px
}

.headdivider {
  background: linear-gradient(to bottom, transparent, #bd7e3359, transparent);
  width: 1px;
  align-self: stretch
}

.navzone {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 16px 32px
}

.logoframe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 68px;
  border: 1px solid #d9dda547;
  border-radius: 0;
  background-color: #eeefe20f;
  box-shadow: 1px 5px 18px 0 #bd7e3314 inset 0 2px 4px #bd7e330d;
  flex-shrink: 0;
  padding: 4px
}

.logoframe img {
  width: 52px;
  height: 60px;
  object-fit: contain;
  display: block
}

.brandtext {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.brandname {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  color: #D9DDA5;
  letter-spacing: 0;
  text-decoration: none
}

.brandname:hover {
  color: #BD7E33;
  transition: color .15s ease-out
}

.brandtag {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.1;
  color: #bd7e33d1;
  letter-spacing: 0
}

.primarynav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0
}

.primarynav li {
  display: flex
}

.primarynav a {
  display: flex;
  align-items: center;
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #EEEFE2;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 38px;
  border: 1px solid transparent;
  transition: color .12s ease-out, background-color .18s ease, border-color .18s ease;
  min-height: 44px;
  white-space: nowrap
}

.primarynav a:hover {
  color: #D9DDA5;
  background-color: #bd7e331f;
  border-color: #bd7e334d
}

.primarynav a:focus-visible {
  outline: 2px solid #BD7E33;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #bd7e332e
}

.primarynav a.active {
  color: #BD7E33;
  background-color: #bd7e331a;
  border-color: #bd7e3340
}

@media (max-width: 1024px) {
  .sitehead-shell {
    grid-template-columns: 1fr;
    min-height: auto
  }

  .headdivider {
    display: none
  }

  .brandzone {
    padding: 16px 32px 8px;
    border-bottom: 1px solid #bd7e3326
  }

  .navzone {
    padding: 8px 32px 16px;
    justify-content: flex-start
  }

  .primarynav {
    justify-content: flex-start
  }
}

@media (max-width: 640px) {
  .brandzone {
    padding: 16px
  }

  .navzone {
    padding: 8px 16px 16px
  }

  .primarynav a {
    font-size: 15px;
    padding: 8px 12px
  }
}

@media (max-width: 360px) {
  .brandname {
    font-size: 17px
  }

  .primarynav a {
    padding: 8px
  }
}

.sitefooter {
  background: linear-gradient(180deg, #0e0c05 0%, #141209 100%);
  border-top: 1px solid #bd7e334d;
  box-shadow: 1px 10px 36px 0 #bd7e3314
}

.footer-shell {
  max-width: 1170px;
  margin: 0 auto;
  padding: 48px 32px 32px
}

.footer-upper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  align-items: start;
  margin-bottom: 48px
}

.footer-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px
}

.footerlogoframe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 68px;
  border: 1px solid #d9dda538;
  border-radius: 0;
  background-color: #eeefe20a;
  box-shadow: 1px 5px 18px 0 #bd7e3314 inset 0 3px 6px #bd7e330f;
  padding: 4px
}

.footerlogoframe img {
  width: 52px;
  height: 60px;
  object-fit: contain;
  display: block
}

.footer-brandname {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  color: #D9DDA5
}

.footer-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #eeefe29e;
  max-width: 240px
}

.footer-contact {
  margin-top: 8px
}

.footer-contactlink {
  font-size: 15px;
  color: #BD7E33;
  text-decoration: none;
  font-weight: 400;
  transition: color .12s ease-out
}

.footer-contactlink:hover {
  color: #D9DDA5
}

.footer-contactlink:focus-visible {
  outline: 2px solid #BD7E33;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #bd7e332e
}

.footer-right {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.footer-trust {
  display: flex;
  gap: 32px;
  flex-wrap: wrap
}

.trustitem {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.trustlabel {
  font-size: 15px;
  font-weight: 700;
  color: #BD7E33;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .08em
}

.trustval {
  font-size: 17px;
  font-weight: 400;
  color: #eeefe2c7;
  line-height: 1.55
}

.footer-lownav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center
}

.footer-lownav a {
  font-size: 15px;
  font-weight: 400;
  color: #eeefe28c;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 38px;
  border: 1px solid #d9dda51a;
  transition: color .15s ease-out, border-color .2s ease, background-color .2s ease;
  min-height: 44px;
  display: flex;
  align-items: center
}

.footer-lownav a:hover {
  color: #D9DDA5;
  border-color: #bd7e334d;
  background-color: #bd7e3312
}

.footer-lownav a:focus-visible {
  outline: 2px solid #BD7E33;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px #bd7e332e
}

.footer-bottom {
  border-top: 1px solid #bd7e3326;
  padding-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px
}

.footer-copy {
  font-size: 15px;
  color: #eeefe266;
  line-height: 1.55
}

.footer-domain {
  font-size: 15px;
  color: #bd7e3399;
  line-height: 1.55
}

@media (max-width: 1024px) {
  .footer-upper {
    grid-template-columns: 1fr;
    gap: 32px
  }
}

@media (max-width: 640px) {
  .footer-shell {
    padding: 32px 16px
  }

  .footer-upper {
    gap: 32px;
    margin-bottom: 32px
  }

  .footer-trust {
    gap: 16px
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start
  }
}

@media (max-width: 360px) {
  .footer-lownav a {
    font-size: 15px;
    padding: 8px 12px
  }
}

.legal-data {
  max-width: 1170px;
  margin: 0 auto;
  padding: 48px 32px;
  color: #EEEFE2;
  background: #1b1a16;
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  border-radius: 0
}

.legal-data p {
  font-size: 17px;
  line-height: 1.55;
  margin-top: 0;
  margin-bottom: 16px;
  color: #EEEFE2
}

.legal-data ul,
.legal-data ol {
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: 0
}

.legal-data ul {
  list-style-type: disc
}

.legal-data ol {
  list-style-type: decimal
}

.legal-data li {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2;
  margin-bottom: 8px;
  padding-left: 4px
}

.legal-data li:last-child {
  margin-bottom: 0
}

.legal-data ul ul,
.legal-data ol ol,
.legal-data ul ol,
.legal-data ol ul {
  margin-top: 8px;
  margin-bottom: 4px
}

.legal-data em,
.legal-data i {
  font-style: italic;
  color: #D9DDA5
}

.legal-data a {
  color: #BD7E33;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color .15s ease-out, text-decoration-color .15s ease-out
}

.legal-data a:hover {
  color: #D9DDA5;
  text-decoration-color: #D9DDA5
}

.legal-data a:visited {
  color: #BD7E33
}

.legal-data hr {
  border: none;
  border-top: 1px solid #d9dda52e;
  margin-top: 48px;
  margin-bottom: 48px;
  box-shadow: 0 1px 3px 0 #bd7e3314
}

@media (max-width: 640px) {
  .legal-data {
    padding: 32px 16px
  }

  .legal-data p,
  .legal-data li {
    font-size: 15px
  }

  .legal-data ul,
  .legal-data ol {
    padding-left: 16px
  }

  .legal-data hr {
    margin-top: 32px;
    margin-bottom: 32px
  }
}

@media (max-width: 360px) {
  .legal-data {
    padding: 16px 8px
  }
}

.blogdet {
  background: #18160f;
  color: #EEEFE2;
  overflow-x: hidden;
  width: 100%
}

.blogdet .maxw {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px
}

.blogdet .posthead {
  position: relative;
  padding-top: 96px;
  padding-bottom: 96px;
  background: conic-gradient(from 323deg at 8% 12%, #1a1200 0%, #2a1e05 18%, #18160f 40%, #0f0e09 70%, #1e1a0a 100%)
}

.blogdet .posthead::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, #BD7E33 0%, #D9DDA5 60%, transparent 100%);
  opacity: .7
}

.blogdet .posthead .maxw {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start
}

.blogdet .postheadtext {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 1
}

.blogdet .postheadtext::before {
  content: "";
  position: absolute;
  top: -32px;
  left: -32px;
  width: 180px;
  height: 180px;
  background: conic-gradient(from 323deg at 15% 20%, #bd7e332e 0%, transparent 60%);
  border-radius: 0;
  pointer-events: none
}

.blogdet .postmeta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap
}

.blogdet .cattag {
  background: #BD7E33;
  color: #18160f;
  font-size: 15px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 0;
  letter-spacing: .08em;
  text-transform: uppercase
}

.blogdet .readtime {
  font-size: 15px;
  color: #D9DDA5;
  opacity: .8
}

.blogdet .viewcount {
  font-size: 15px;
  color: #D9DDA5;
  opacity: .7;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.blogdet .viewcount .eyeico {
  width: 18px;
  height: 12px;
  display: inline-block;
  position: relative
}

.blogdet .viewcount .eyeico::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 12px;
  border: 2px solid #D9DDA5;
  border-radius: 38px;
  opacity: .7
}

.blogdet .viewcount .eyeico::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 6px;
  background: #D9DDA5;
  border-radius: 38px;
  opacity: .7
}

.blogdet .likecount {
  font-size: 15px;
  color: #D9DDA5;
  opacity: .7;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.blogdet .likecount .heartico {
  width: 16px;
  height: 14px;
  display: inline-block;
  position: relative
}

.blogdet .heartico::before,
.blogdet .heartico::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #BD7E33;
  border-radius: 38px 38px 0 0
}

.blogdet .heartico::before {
  left: 0;
  top: 0
}

.blogdet .heartico::after {
  left: 8px;
  top: 0
}

.blogdet .posth1 {
  font-size: 50px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0;
  animation: sweepcolor .7s ease-out both
}

@keyframes sweepcolor {
  0% {
    color: #BD7E33
  }

  100% {
    color: #EEEFE2
  }
}

.blogdet .posth1 .firstword {
  color: #BD7E33
}

.blogdet .postsub {
  font-size: 20px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  max-width: 560px
}

.blogdet .authorline {
  font-size: 15px;
  color: #EEEFE2;
  opacity: .65;
  margin-top: 8px
}

.blogdet .authorline strong {
  color: #BD7E33;
  opacity: 1
}

.blogdet .postheadimg {
  flex: 1 1 40%;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.blogdet .postheadimg img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
  border-radius: 0
}

.blogdet .postheadimg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(to bottom, transparent, #18160f 100%);
  pointer-events: none
}

.blogdet .readarrow {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  pointer-events: none;
  opacity: .45
}

.blogdet .readarrow::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-right: 2px solid #D9DDA5;
  border-bottom: 2px solid #D9DDA5;
  transform: rotate(45deg);
  margin: 4px auto 0
}

.blogdet .divdoublecurve {
  width: 100%;
  height: 32px;
  position: relative;
  overflow: hidden;
  background: #18160f
}

.blogdet .divdoublecurve svg {
  width: 100%;
  height: 100%;
  display: block
}

.blogdet .articlearea {
  padding-top: 48px;
  padding-bottom: 48px;
  background: #18160f;
  position: relative
}

.blogdet .articlearea .maxw {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: flex-start
}

.blogdet .articlecol {
  flex: 1 1 65%;
  min-width: 0
}

.blogdet .articlesidebar {
  flex: 0 0 260px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.blogdet .articlecol .postcontent {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2
}

.blogdet .articlecol .postcontent p {
  margin-bottom: 16px
}

.blogdet .articlecol .postcontent h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #BD7E33;
  margin-top: 48px;
  margin-bottom: 16px
}

.blogdet .articlecol .postcontent h3 {
  font-size: 26px;
  line-height: 1.1;
  color: #D9DDA5;
  margin-top: 32px;
  margin-bottom: 16px
}

.blogdet .articlecol .postcontent h4 {
  font-size: 20px;
  line-height: 1.55;
  color: #EEEFE2;
  margin-top: 32px;
  margin-bottom: 8px
}

.blogdet .articlecol .postcontent em {
  color: #D9DDA5;
  font-style: italic
}

.blogdet .articlecol .postcontent code {
  background: #2a2210;
  color: #BD7E33;
  padding: 4px 8px;
  border-radius: 0;
  font-size: 15px
}

.blogdet .articlecol .postcontent ul {
  padding-left: 32px;
  margin-bottom: 16px;
  list-style: none;
  counter-reset: listnum
}

.blogdet .articlecol .postcontent ul li {
  counter-increment: listnum;
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.55
}

.blogdet .articlecol .postcontent ul li::before {
  content: counter(listnum);
  position: absolute;
  left: 0;
  top: 0;
  color: #BD7E33;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1
}

.blogdet .sidecard {
  background: #211d10;
  border-radius: 0;
  padding: 32px;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  position: relative;
  overflow: hidden
}

.blogdet .sidecard::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: #BD7E33;
  opacity: .5
}

.blogdet .sidecard .sidecardtitle {
  font-size: 17px;
  font-weight: 700;
  color: #D9DDA5;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: .08em
}

.blogdet .sidecard .sidecardtext {
  font-size: 15px;
  line-height: 1.55;
  color: #EEEFE2;
  opacity: .8
}

.blogdet .sidecard .sidecardlink {
  display: inline-block;
  margin-top: 16px;
  font-size: 15px;
  color: #BD7E33;
  text-decoration: none;
  border-bottom: 1px solid #bd7e334d;
  padding-bottom: 4px;
  transition: color .15s ease-out, border-color .2s ease
}

.blogdet .sidecard .sidecardlink:hover {
  color: #D9DDA5;
  border-color: #D9DDA5
}

.blogdet .metricstrip {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blogdet .metricitem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px
}

.blogdet .metricnum {
  font-size: 36px;
  font-weight: 700;
  color: #BD7E33;
  line-height: 1.1;
  min-width: 64px
}

.blogdet .metriclabel {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55
}

.blogdet .divdoublecurve2 {
  width: 100%;
  height: 32px;
  position: relative;
  overflow: hidden;
  background: #211d10
}

.blogdet .divdoublecurve2 svg {
  width: 100%;
  height: 100%;
  display: block
}

.blogdet .highlightband {
  background: #211d10;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative
}

.blogdet .highlightband::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, #D9DDA5 50%, transparent 100%);
  opacity: .35
}

.blogdet .highlightband .maxw {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center
}

.blogdet .hbquote {
  flex: 1 1 55%;
  position: relative
}

.blogdet .hbquotetxt {
  font-size: 26px;
  line-height: 1.55;
  color: #EEEFE2;
  position: relative;
  z-index: 1
}

.blogdet .hbquotetxt .accentword {
  background: #BD7E33;
  color: #18160f !important;
  padding: 0 8px;
  border-radius: 0
}

.blogdet .hbquotemark {
  position: absolute;
  top: -16px;
  left: -16px;
  width: 48px;
  height: 40px;
  pointer-events: none;
  z-index: 0
}

.blogdet .hbquotemark::before,
.blogdet .hbquotemark::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 22px;
  border-top: 4px solid #bd7e3340;
  border-right: 4px solid #bd7e3340;
  border-radius: 0 38px 0 0
}

.blogdet .hbquotemark::before {
  left: 0;
  top: 0
}

.blogdet .hbquotemark::after {
  left: 20px;
  top: 0
}

.blogdet .hbmetrics {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.blogdet .hbmetricrow {
  display: flex;
  flex-direction: row;
  gap: 32px
}

.blogdet .hbmetricbox {
  flex: 1;
  background: #18160f;
  border-radius: 0;
  padding: 32px 16px;
  text-align: center;
  box-shadow: 1px 3px 2px 0 #bd7e330d;
  transition: box-shadow .15s ease-out
}

.blogdet .hbmetricbox:hover {
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.blogdet .hbmetricbox .hbnum {
  font-size: 50px;
  font-weight: 700;
  color: #BD7E33;
  line-height: 1.1;
  display: block
}

.blogdet .hbmetricbox .hbunit {
  font-size: 15px;
  color: #D9DDA5;
  margin-top: 8px;
  display: block
}

.blogdet .divdoublecurve3 {
  width: 100%;
  height: 32px;
  position: relative;
  overflow: hidden;
  background: #18160f
}

.blogdet .divdoublecurve3 svg {
  width: 100%;
  height: 100%;
  display: block
}

.blogdet .ctaarea {
  background: #18160f;
  padding-top: 96px;
  padding-bottom: 96px;
  position: relative
}

.blogdet .ctaarea .maxw {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center
}

.blogdet .ctacopy {
  flex: 1 1 55%
}

.blogdet .ctacopy .ctah {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin-bottom: 16px
}

.blogdet .ctacopy .ctah .fw {
  color: #BD7E33
}

.blogdet .ctacopy .ctap {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin-bottom: 32px
}

.blogdet .ctabtns {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap
}

.blogdet .btnprimary {
  display: inline-block;
  padding: 16px 32px;
  background: #BD7E33;
  color: #18160f;
  font-size: 17px;
  font-weight: 700;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #BD7E33;
  cursor: pointer;
  transition: background .15s ease-out, color .15s ease-out, box-shadow .2s ease;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  outline: 2px solid transparent;
  outline-offset: 0
}

.blogdet .btnprimary:hover {
  background: transparent;
  color: #BD7E33;
  outline: 2px solid #BD7E33;
  outline-offset: 3px;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.blogdet .btnprimary:focus {
  outline: 2px solid #D9DDA5;
  outline-offset: 3px
}

.blogdet .btnsecondary {
  display: inline-block;
  padding: 16px 32px;
  background: transparent;
  color: #D9DDA5;
  font-size: 17px;
  font-weight: 700;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #d9dda566;
  cursor: pointer;
  transition: border-color .2s ease, color .15s ease-out;
  outline: 2px solid transparent;
  outline-offset: 0
}

.blogdet .btnsecondary:hover {
  border-color: #D9DDA5;
  color: #EEEFE2;
  outline: 2px solid #d9dda54d;
  outline-offset: 3px
}

.blogdet .btnsecondary:focus {
  outline: 2px solid #BD7E33;
  outline-offset: 3px
}

.blogdet .ctavisual {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.blogdet .ctastatrow {
  display: flex;
  flex-direction: row;
  gap: 16px
}

.blogdet .ctastatbox {
  flex: 1;
  background: #211d10;
  border-radius: 0;
  padding: 32px 16px;
  text-align: center;
  box-shadow: 1px 3px 2px 0 #bd7e330d;
  transition: box-shadow .18s ease-out, background .15s ease-out
}

.blogdet .ctastatbox:hover {
  background: #2a2210;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.blogdet .ctastatbox .statico {
  width: 32px;
  height: 32px;
  margin: 0 auto 8px;
  position: relative
}

.blogdet .ctastatbox .statico.chart::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8px;
  height: 16px;
  background: #BD7E33;
  border-radius: 0
}

.blogdet .ctastatbox .statico.chart::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 12px;
  width: 8px;
  height: 28px;
  background: #D9DDA5;
  border-radius: 0
}

.blogdet .ctastatbox .statico.doc::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 20px;
  height: 26px;
  border: 2px solid #BD7E33;
  border-radius: 0
}

.blogdet .ctastatbox .statico.doc::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 9px;
  width: 10px;
  height: 2px;
  background: #D9DDA5;
  box-shadow: 0 5px 0 #D9DDA5, 0 10px 0 #D9DDA5
}

.blogdet .ctastatbox .statval {
  font-size: 26px;
  font-weight: 700;
  color: #BD7E33;
  display: block;
  line-height: 1.1
}

.blogdet .ctastatbox .statlabel {
  font-size: 15px;
  color: #D9DDA5;
  margin-top: 4px;
  display: block;
  line-height: 1.55
}

@media (max-width: 1024px) {
  .blogdet .posthead .maxw {
    flex-direction: column;
    gap: 32px
  }

  .blogdet .postheadtext {
    flex: 1 1 auto
  }

  .blogdet .postheadimg {
    flex: 1 1 auto;
    width: 100%
  }

  .blogdet .articlearea .maxw {
    flex-direction: column
  }

  .blogdet .articlesidebar {
    flex: 1 1 auto;
    width: 100%
  }

  .blogdet .highlightband .maxw {
    flex-direction: column
  }

  .blogdet .ctaarea .maxw {
    flex-direction: column
  }
}

@media (max-width: 640px) {
  .blogdet .posth1 {
    font-size: 36px
  }

  .blogdet .postsub {
    font-size: 17px
  }

  .blogdet .posthead {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .blogdet .maxw {
    padding-left: 16px;
    padding-right: 16px
  }

  .blogdet .hbmetricrow {
    flex-direction: column;
    gap: 16px
  }

  .blogdet .ctastatrow {
    flex-direction: column;
    gap: 16px
  }

  .blogdet .highlightband {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .blogdet .ctaarea {
    padding-top: 48px;
    padding-bottom: 48px
  }

  .blogdet .hbquotetxt {
    font-size: 20px
  }

  .blogdet .ctacopy .ctah {
    font-size: 26px
  }
}

@media (max-width: 360px) {
  .blogdet .posth1 {
    font-size: 26px
  }

  .blogdet .cattag {
    font-size: 15px
  }

  .blogdet .ctabtns {
    flex-direction: column
  }
}

.blogdet .sidecard .statico {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: relative;
  vertical-align: middle;
  margin-right: 8px;
  transition: transform .15s ease-out
}

.blogdet .sidecard:hover .statico {
  transform: scale(1.25) rotate(-8deg)
}

.csd {
  background: #18160f;
  color: #EEEFE2;
  overflow-x: hidden;
  padding: 0
}

.csd .grain-bg {
  position: relative;
  background: #18160f
}

.csd .grain-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");
  background-size: 256px 256px;
  pointer-events: none;
  z-index: 0;
  border-radius: 0
}

.csd .dotgrid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #bd7e332e 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0
}

.csd .artpost {
  max-width: 1170px;
  margin: 0 auto;
  padding: 96px 32px 48px;
  position: relative;
  z-index: 1
}

.csd .artpost-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
  flex-wrap: wrap
}

.csd .atag {
  display: inline-block;
  background: #BD7E33;
  color: #18160f;
  font-size: 15px;
  font-weight: 700;
  padding: 4px 16px;
  border-radius: 0;
  letter-spacing: .08em;
  text-transform: uppercase
}

.csd .ctag {
  display: inline-block;
  border: 1.5px solid #bd7e3373;
  color: #BD7E33;
  font-size: 15px;
  padding: 4px 16px;
  border-radius: 38px;
  letter-spacing: .04em
}

.csd .metarow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-left: auto
}

.csd .metarow .mdate,
.csd .metarow .mviews,
.csd .metarow .mauthor {
  font-size: 15px;
  color: #D9DDA5;
  opacity: .75
}

.csd .metarow .mdot {
  width: 4px;
  height: 4px;
  border-radius: 38px;
  background: #d9dda566;
  display: inline-block
}

.csd .arttitle {
  font-size: 50px;
  line-height: 1.1;
  color: #EEEFE2;
  margin-bottom: 32px;
  max-width: 820px;
  position: relative;
  z-index: 1
}

.csd .arttitle .accent-word {
  color: #BD7E33
}

.csd .artlayout {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 48px;
  align-items: start;
  position: relative;
  z-index: 1
}

.csd .imgwrap {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  aspect-ratio: 16/9;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.csd .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease-out
}

.csd .imgwrap:hover img {
  transform: scale(1.03)
}

.csd .lightleak {
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 55%;
  background: conic-gradient(from 323deg at 10% 10%, #bd7e3361, #d9dda521, transparent 60%);
  pointer-events: none;
  z-index: 2
}

.csd .arrowdeco {
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  opacity: .22;
  pointer-events: none;
  z-index: 3
}

.csd .arrowdeco svg {
  width: 100%;
  height: 100%
}

.csd .titlepanel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: #d9dda50d;
  border-radius: 0;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  position: relative
}

.csd .titlepanel .tpauthor {
  font-size: 17px;
  color: #D9DDA5;
  font-weight: 600
}

.csd .titlepanel .tpdesc {
  font-size: 17px;
  color: #EEEFE2;
  line-height: 1.55;
  opacity: .88
}

.csd .titlepanel .tpdate {
  font-size: 15px;
  color: #BD7E33;
  opacity: .85
}

.csd .printbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1.5px solid #bd7e338c;
  color: #BD7E33;
  font-size: 15px;
  padding: 8px 32px;
  border-radius: 0;
  cursor: pointer;
  transition: background .15s ease-out, border-color .15s ease-out, color .15s ease-out, box-shadow .2s ease;
  position: relative;
  margin-top: 8px;
  align-self: flex-start;
  outline: 2px solid transparent;
  outline-offset: 0
}

.csd .printbtn:hover {
  background: #bd7e331f;
  border-color: #BD7E33;
  outline-color: #bd7e3359;
  outline-offset: 4px
}

.csd .printbtn:focus-visible {
  outline: 2px solid #BD7E33;
  outline-offset: 4px
}

.csd .printbtn:active {
  background: #bd7e3338
}

.csd .printbtn svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0
}

.csd .heightreveal {
  overflow: hidden;
  animation: heightopen .55s ease-out forwards;
  animation-delay: .1s;
  max-height: none
}

@keyframes heightopen {
  from {
    clip-path: inset(0 0 100% 0);
    opacity: .2
  }

  to {
    clip-path: inset(0 0 0% 0);
    opacity: 1
  }
}

.csd .artbody-wrap {
  background: #EEEFE2;
  position: relative
}

.csd .artbody-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 96px 32px;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 48px;
  align-items: start
}

.csd .artbody {
  color: #18160f;
  font-size: 17px;
  line-height: 1.55
}

.csd .artbody p {
  margin-bottom: 16px;
  color: #18160f
}

.csd .artbody h2 {
  font-size: 26px;
  line-height: 1.1;
  color: #18160f;
  margin-top: 32px;
  margin-bottom: 16px
}

.csd .artbody em {
  color: #BD7E33;
  font-style: italic
}

.csd .artbody ins {
  text-decoration: underline;
  text-decoration-color: #BD7E33;
  text-underline-offset: 3px
}

.csd .artbody blockquote {
  border-top: 2px solid #BD7E33;
  border-bottom: 2px solid #BD7E33;
  padding: 16px 32px;
  margin: 32px 0;
  background: #bd7e3312;
  border-radius: 0;
  color: #18160f;
  font-size: 20px;
  line-height: 1.55
}

.csd .artbody blockquote cite {
  display: block;
  font-size: 15px;
  color: #BD7E33;
  margin-top: 8px;
  font-style: normal
}

.csd .artbody table {
  width: 100%;
  border-collapse: collapse;
  margin: 32px 0;
  font-size: 15px
}

.csd .artbody th {
  background: #BD7E33;
  color: #18160f;
  padding: 8px 16px;
  text-align: left;
  font-weight: 700
}

.csd .artbody td {
  padding: 8px 16px;
  border-bottom: 1px solid #bd7e3333;
  color: #18160f
}

.csd .artbody tr:nth-child(even) td {
  background: #bd7e330f
}

.csd .aside-panel {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: sticky;
  top: 32px
}

.csd .aside-block {
  background: #18160f;
  border-radius: 0;
  padding: 32px;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.csd .aside-block .ablabel {
  font-size: 15px;
  color: #BD7E33;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 16px;
  display: block;
  font-weight: 700
}

.csd .aside-block .abtext {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55
}

.csd .aside-block .abauthor {
  font-size: 17px;
  color: #EEEFE2;
  font-weight: 600;
  margin-bottom: 8px
}

.csd .keylist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  counter-reset: keycount
}

.csd .keylist li {
  counter-increment: keycount;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55
}

.csd .keylist li::before {
  content: counter(keycount, decimal-leading-zero);
  color: #BD7E33;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  flex-shrink: 0;
  min-width: 28px
}

.csd .bottombar {
  background: #BD7E33;
  position: relative
}

.csd .bottombar-inner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 48px 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap
}

.csd .bottombar .barlabel {
  font-size: 26px;
  line-height: 1.1;
  color: #18160f;
  font-weight: 700;
  max-width: 480px
}

.csd .bottombar .barlabel span {
  color: #EEEFE2
}

.csd .barlinks {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap
}

.csd .barlink {
  display: inline-block;
  background: #18160f;
  color: #BD7E33;
  font-size: 15px;
  padding: 8px 32px;
  border-radius: 0;
  text-decoration: none;
  font-weight: 600;
  transition: background .15s ease-out, color .12s ease-out, outline-offset .15s ease;
  outline: 2px solid transparent;
  outline-offset: 0
}

.csd .barlink:hover {
  background: #EEEFE2;
  color: #18160f;
  outline-color: #eeefe280;
  outline-offset: 3px
}

.csd .barlink:focus-visible {
  outline: 2px solid #EEEFE2;
  outline-offset: 4px
}

@media (max-width: 1024px) {
  .csd .artlayout {
    grid-template-columns: 1fr
  }

  .csd .arrowdeco {
    display: none
  }

  .csd .artbody-inner {
    grid-template-columns: 1fr;
    padding: 48px 32px
  }

  .csd .aside-panel {
    position: static
  }
}

@media (max-width: 640px) {
  .csd .artpost {
    padding: 48px 16px 32px
  }

  .csd .arttitle {
    font-size: 36px
  }

  .csd .artbody-inner {
    padding: 48px 16px
  }

  .csd .bottombar-inner {
    padding: 48px 16px;
    flex-direction: column;
    align-items: flex-start
  }

  .csd .metarow {
    margin-left: 0
  }
}

@media (max-width: 360px) {
  .csd .arttitle {
    font-size: 26px
  }

  .csd .artbody h2 {
    font-size: 20px
  }
}

.abtauth {
  background: #18160f;
  overflow-x: clip;
  padding: 0
}

.abtauth .pgwrap {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px
}

.abtauth .profileblock {
  padding: 96px 0 48px
}

.abtauth .profileblock .pgwrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px
}

.abtauth .portraitcol {
  flex: 0 0 280px;
  position: relative
}

.abtauth .portraitframe {
  position: relative;
  width: 280px;
  height: 420px;
  overflow: hidden
}

.abtauth .portraitframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: blur(0px)
}

.abtauth .portraitframe::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 55%, #18160f73 100%);
  z-index: 1;
  pointer-events: none
}

.abtauth .bracketdeco {
  position: absolute;
  width: 28px;
  height: 28px;
  pointer-events: none
}

.abtauth .bracketdeco.tl {
  top: -8px;
  left: -8px;
  border-top: 2px solid #BD7E33;
  border-left: 2px solid #BD7E33
}

.abtauth .bracketdeco.tr {
  top: -8px;
  right: -8px;
  border-top: 2px solid #BD7E33;
  border-right: 2px solid #BD7E33
}

.abtauth .bracketdeco.bl {
  bottom: -8px;
  left: -8px;
  border-bottom: 2px solid #BD7E33;
  border-left: 2px solid #BD7E33
}

.abtauth .bracketdeco.br {
  bottom: -8px;
  right: -8px;
  border-bottom: 2px solid #BD7E33;
  border-right: 2px solid #BD7E33
}

.abtauth .parallines {
  position: absolute;
  bottom: -32px;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  pointer-events: none
}

.abtauth .parallines span {
  display: block;
  height: 1px;
  background: #BD7E33;
  opacity: .35
}

.abtauth .parallines span:nth-child(1) {
  width: 80px
}

.abtauth .parallines span:nth-child(2) {
  width: 56px
}

.abtauth .parallines span:nth-child(3) {
  width: 40px
}

.abtauth .parallines span:nth-child(4) {
  width: 28px
}

.abtauth .profiletext {
  flex: 1 1 0;
  padding-top: 8px
}

.abtauth .profiletext .eyebrow {
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #BD7E33;
  margin-bottom: 16px;
  display: block
}

.abtauth .profiletext h1 {
  font-size: 50px;
  line-height: 1.1;
  margin: 0 0 16px;
  color: #EEEFE2
}

.abtauth .profiletext h1 .accent {
  color: #BD7E33
}

.abtauth .profiletext .lead {
  font-size: 20px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0 0 32px
}

.abtauth .profiletext .bio {
  font-size: 17px;
  line-height: 1.55;
  color: #b8b9a0;
  margin: 0 0 16px
}

.abtauth .metricrow {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-top: 32px;
  flex-wrap: wrap
}

.abtauth .metricitem {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.abtauth .metricitem .mval {
  font-size: 36px;
  line-height: 1.1;
  color: #BD7E33;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.abtauth .metricitem .mval .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 11px solid #D9DDA5;
  margin-bottom: 4px
}

.abtauth .metricitem .mlabel {
  font-size: 15px;
  color: #7a7b68;
  line-height: 1.55
}

.abtauth .divider-convex {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  height: 48px
}

.abtauth .divider-convex svg {
  display: block;
  width: 100%;
  height: 48px
}

.abtauth .approachblock {
  background: #2a2518;
  padding: 96px 0 80px
}

.abtauth .approachblock .pgwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.abtauth .approachtext h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 32px
}

.abtauth .approachtext h2 .firstword {
  color: #BD7E33
}

.abtauth .approachtext p {
  font-size: 17px;
  line-height: 1.55;
  color: #b8b9a0;
  margin: 0 0 16px
}

.abtauth .approachtext .highlight {
  display: inline;
  background: #BD7E33;
  color: #18160f;
  padding: 0 4px
}

.abtauth .methodlist {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abtauth .methodlist li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px
}

.abtauth .methodlist .mnum {
  font-size: 50px;
  line-height: 1.1;
  color: #BD7E33;
  opacity: .28;
  flex: 0 0 48px;
  text-align: right;
  font-weight: 700
}

.abtauth .methodlist .mtext {
  flex: 1 1 0
}

.abtauth .methodlist .mtext h4 {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0 0 4px
}

.abtauth .methodlist .mtext p {
  font-size: 15px;
  line-height: 1.55;
  color: #7a7b68;
  margin: 0
}

.abtauth .divider-convex2 {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  height: 48px
}

.abtauth .divider-convex2 svg {
  display: block;
  width: 100%;
  height: 48px
}

.abtauth .workblock {
  background: #18160f;
  padding: 80px 0 96px
}

.abtauth .workblock .pgwrap {
  display: flex;
  flex-direction: column;
  gap: 48px
}

.abtauth .workblock .worktop {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px
}

.abtauth .workblock .workleft {
  flex: 0 0 420px
}

.abtauth .workblock .workleft h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 16px
}

.abtauth .workblock .workleft h2 .firstword {
  color: #BD7E33
}

.abtauth .workblock .workleft p {
  font-size: 17px;
  line-height: 1.55;
  color: #b8b9a0;
  margin: 0 0 16px
}

.abtauth .workblock .workright {
  flex: 1 1 0
}

.abtauth .imgrow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.abtauth .imgcard {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border: 1px solid #bd7e332e
}

.abtauth .imgcard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .18s ease-out
}

.abtauth .imgcard:hover img {
  transform: scale(1.04)
}

.abtauth .imgcard .cardlabel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #18160fc7;
  padding: 8px 16px;
  font-size: 15px;
  color: #D9DDA5
}

.abtauth .largeimgcard {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  border: 1px solid #bd7e332e;
  margin-top: 16px
}

.abtauth .largeimgcard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

.abtauth .largeimgcard .cardlabel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #18160fc7;
  padding: 8px 16px;
  font-size: 15px;
  color: #D9DDA5
}

.abtauth .divider-convex3 {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  height: 48px
}

.abtauth .divider-convex3 svg {
  display: block;
  width: 100%;
  height: 48px
}

.abtauth .contactblock {
  background: #232115;
  padding: 80px 0 96px
}

.abtauth .contactblock .pgwrap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 48px
}

.abtauth .contactleft {
  flex: 1 1 0
}

.abtauth .contactleft h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 16px
}

.abtauth .contactleft h2 .firstword {
  color: #BD7E33
}

.abtauth .contactleft p {
  font-size: 17px;
  line-height: 1.55;
  color: #b8b9a0;
  margin: 0 0 16px
}

.abtauth .contactright {
  flex: 0 0 380px;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.abtauth .infocard {
  background: #18160f;
  border: 1px solid #bd7e3326;
  padding: 32px;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  position: relative;
  overflow: hidden
}

.abtauth .infocard::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-right: 1px solid #bd7e3338;
  border-top: 1px solid #bd7e3338;
  pointer-events: none
}

.abtauth .infocard h5 {
  font-size: 15px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #BD7E33;
  margin: 0 0 16px
}

.abtauth .infocard .emaillink {
  font-size: 17px;
  color: #D9DDA5;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #d9dda51f;
  transition: color .15s ease-out
}

.abtauth .infocard .emaillink:hover {
  color: #EEEFE2
}

.abtauth .infocard .domainval {
  font-size: 17px;
  color: #D9DDA5;
  margin-top: 8px;
  display: block
}

.abtauth .statgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px
}

.abtauth .statcell {
  background: #18160f;
  border: 1px solid #bd7e331f;
  padding: 16px;
  box-shadow: 1px 3px 2px 0 #bd7e330d
}

.abtauth .statcell .sval {
  font-size: 26px;
  line-height: 1.1;
  color: #BD7E33;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px
}

.abtauth .statcell .sval .arrowup {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #D9DDA5
}

.abtauth .statcell .slabel {
  font-size: 15px;
  color: #7a7b68;
  margin-top: 4px;
  line-height: 1.55
}

.abtauth .borderhover {
  position: relative;
  display: inline-block;
  padding: 16px 32px;
  font-size: 17px;
  color: #BD7E33;
  background: transparent;
  border: 0 !important;
  cursor: pointer;
  text-decoration: none;
  margin-top: 16px;
  transition: color .18s ease-out
}

.abtauth .borderhover::before,
.abtauth .borderhover::after {
  content: "";
  position: absolute;
  background: #BD7E33;
  transition: width .15s ease-out, height .15s ease-out
}

.abtauth .borderhover::before {
  top: 0;
  left: 0;
  width: 0;
  height: 2px
}

.abtauth .borderhover::after {
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px
}

.abtauth .borderhover:hover::before,
.abtauth .borderhover:hover::after {
  width: 100%
}

.abtauth .borderhover .bside {
  position: absolute;
  background: #BD7E33;
  transition: height .15s ease-out .12s
}

.abtauth .borderhover .bside.left {
  left: 0;
  top: 0;
  width: 2px;
  height: 0
}

.abtauth .borderhover .bside.right {
  right: 0;
  bottom: 0;
  width: 2px;
  height: 0
}

.abtauth .borderhover:hover .bside.left,
.abtauth .borderhover:hover .bside.right {
  height: 100%
}

.abtauth .rotatesettlecard {
  animation: rotsettle .55s ease-out both
}

@keyframes rotsettle {
  from {
    transform: rotate(-4deg) translateY(18px);
    opacity: 0
  }

  80% {
    transform: rotate(0.8deg)
  }

  to {
    transform: rotate(0deg) translateY(0);
    opacity: 1
  }
}

.abtauth .rotatesettlecard2 {
  animation: rotsettle2 .5s ease-out .12s both
}

@keyframes rotsettle2 {
  from {
    transform: rotate(3deg) translateY(14px);
    opacity: 0
  }

  80% {
    transform: rotate(-0.5deg)
  }

  to {
    transform: rotate(0deg) translateY(0);
    opacity: 1
  }
}

@media (max-width: 1024px) {
  .abtauth .profileblock .pgwrap {
    flex-direction: column;
    gap: 32px
  }

  .abtauth .portraitcol {
    flex: 0 0 auto
  }

  .abtauth .approachblock .pgwrap {
    grid-template-columns: 1fr;
    gap: 32px
  }

  .abtauth .workblock .worktop {
    flex-direction: column;
    gap: 32px
  }

  .abtauth .workblock .workleft {
    flex: 0 0 auto
  }

  .abtauth .contactblock .pgwrap {
    flex-direction: column;
    gap: 32px
  }

  .abtauth .contactright {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 640px) {
  .abtauth .profiletext h1 {
    font-size: 36px
  }

  .abtauth .metricrow {
    gap: 16px
  }

  .abtauth .imgrow {
    grid-template-columns: 1fr
  }

  .abtauth .statgrid {
    grid-template-columns: 1fr
  }

  .abtauth .pgwrap {
    padding: 0 16px
  }

  .abtauth .portraitframe {
    width: 100%;
    height: 320px
  }
}

@media (max-width: 360px) {
  .abtauth .profiletext h1 {
    font-size: 26px
  }

  .abtauth .metricitem .mval {
    font-size: 26px
  }
}

.blg {
  background-color: #18160f;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative
}

.blg::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  background-size: 200px 200px;
  pointer-events: none;
  z-index: 0;
  opacity: .35
}

.blg * {
  box-sizing: border-box
}

.blg .pagebound {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 1
}

.blg .pagetop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
  position: relative;
  z-index: 1;
  padding-bottom: 96px;
  padding-top: 48px
}

.blg .pagetop .imgside {
  position: relative;
  overflow: hidden;
  border-radius: 38px 0 0 38px
}

.blg .pagetop .imgside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  display: block;
  border: 2px solid #bd7e3347;
  border-radius: 38px 0 0 38px;
  animation: fadeimg .7s ease-out both;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

@keyframes fadeimg {
  from {
    opacity: 0;
    transform: translateX(-16px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.blg .pagetop .txtside {
  background: #18160fd1;
  border: 1px solid #bd7e332e;
  border-left: none;
  border-radius: 0 38px 38px 0;
  padding: 48px 48px 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.blg .pagetop .txtside .pagelabel {
  font-size: 15px;
  color: #BD7E33;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 16px;
  display: block
}

.blg .pagetop .txtside h1 {
  font-size: 50px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 16px
}

.blg .pagetop .txtside h1 .accentword {
  background: #BD7E33;
  color: #18160f;
  padding: 0 8px;
  border-radius: 0;
  display: inline
}

.blg .pagetop .txtside .subtext {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0 0 32px
}

.blg .pagetop .txtside .dashedlink {
  display: inline-block;
  border: 2px dashed #bd7e3380;
  border-radius: 38px;
  padding: 8px 32px;
  font-size: 15px;
  color: #BD7E33;
  text-decoration: none;
  transition: border-color .15s ease-out, color .15s ease-out, background .2s ease
}

.blg .pagetop .txtside .dashedlink:hover {
  border-color: #BD7E33;
  background: #bd7e331a;
  color: #EEEFE2
}

.blg .divrow1 {
  height: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 48px;
  position: relative;
  z-index: 1
}

.blg .divrow1 span {
  display: block;
  border-top: 2px dotted #bd7e3340;
  width: 100%
}

.blg .postsgrid {
  position: relative;
  z-index: 1;
  padding-bottom: 96px
}

.blg .postsgrid .gridhead {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 16px;
  margin-bottom: 48px
}

.blg .postsgrid .gridhead h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0
}

.blg .postsgrid .gridhead h2 span {
  color: #BD7E33
}

.blg .postsgrid .gridhead .countbadge {
  font-size: 15px;
  color: #D9DDA5;
  background: #bd7e331f;
  border: 1px solid #bd7e3338;
  border-radius: 38px;
  padding: 4px 16px
}

.blg .cardgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px
}

.blg .postcard {
  background: #1e1b12e6;
  border: 1px solid #bd7e3326;
  border-radius: 38px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color .18s ease-out, box-shadow .18s ease-out;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  animation: cardrise .25s ease-out both
}

.blg .postcard:nth-child(2) {
  animation-delay: .06s
}

.blg .postcard:nth-child(3) {
  animation-delay: .12s
}

.blg .postcard:nth-child(4) {
  animation-delay: .18s
}

.blg .postcard:nth-child(5) {
  animation-delay: .24s
}

.blg .postcard:nth-child(6) {
  animation-delay: .3s
}

@keyframes cardrise {
  from {
    opacity: 0;
    transform: translateY(12px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.blg .postcard:hover {
  border-color: #bd7e3373;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.blg .postcard .cardimg {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #bd7e331f
}

.blg .postcard .cardimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease-out
}

.blg .postcard:hover .cardimg img {
  transform: scale(1.03)
}

.blg .postcard .cardimg .cattag {
  position: absolute;
  top: 16px;
  left: 16px;
  background: #BD7E33;
  color: #18160f;
  font-size: 15px;
  border-radius: 38px;
  padding: 4px 16px;
  font-weight: 600
}

.blg .postcard .cardbody {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px
}

.blg .postcard .cardbody h3 {
  font-size: 20px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0
}

.blg .postcard .cardbody h3 span {
  color: #BD7E33
}

.blg .postcard .cardbody .subtitle {
  font-size: 15px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.blg .postcard .cardbody .desc {
  font-size: 15px;
  line-height: 1.55;
  color: #d9dda5b8;
  margin: 0;
  flex: 1
}

.blg .postcard .cardbody .cardmeta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 16px;
  border-top: 1px dotted #bd7e3333
}

.blg .postcard .cardbody .cardmeta .author {
  font-size: 15px;
  color: #BD7E33
}

.blg .postcard .cardbody .cardmeta .metaright {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 15px;
  color: #eeefe280
}

.blg .postcard .cardbody .cardmeta .metaright .dot {
  width: 3px;
  height: 3px;
  background: #bd7e3366;
  border-radius: 0;
  display: inline-block
}

.blg .postcard .readlink {
  display: block;
  margin: 0 32px 32px;
  padding: 8px 32px;
  background: #bd7e331a;
  border: 2px solid #bd7e334d;
  border-radius: 38px;
  color: #BD7E33;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  transition: background .15s ease-out, border-color .15s ease-out, color .15s ease-out;
  position: relative
}

.blg .postcard .readlink:hover {
  background: #BD7E33;
  border-color: #BD7E33;
  color: #18160f
}

.blg .divrow2 {
  height: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 96px;
  position: relative;
  z-index: 1
}

.blg .divrow2 span {
  display: block;
  border-top: 2px dotted #d9dda52e;
  width: 100%
}

.blg .casestrip {
  position: relative;
  z-index: 1;
  padding-bottom: 96px
}

.blg .casestrip .striphead {
  margin-bottom: 48px
}

.blg .casestrip .striphead h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 8px
}

.blg .casestrip .striphead h2 span {
  color: #BD7E33
}

.blg .casestrip .striphead p {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  max-width: 580px
}

.blg .casegrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px
}

.blg .casecard {
  background: #1a170ed9;
  border: 1px solid #d9dda51f;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 0;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-shadow: 1px 3px 2px 0 #bd7e330d
}

.blg .casecard:hover {
  border-color: #d9dda54d;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.blg .casecard .casenum {
  width: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bd7e3314;
  position: relative
}

.blg .casecard .casenum .ring {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #bd7e334d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}

.blg .casecard .casenum .ring::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(from 323deg, #BD7E33 0deg, #BD7E33 120deg, transparent 120deg);
  z-index: 0;
  opacity: .7
}

.blg .casecard .casenum .ring .numval {
  font-size: 17px;
  color: #EEEFE2;
  font-weight: 700;
  position: relative;
  z-index: 1
}

.blg .casecard .casecontent {
  padding: 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.blg .casecard .casecontent .casetags {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap
}

.blg .casecard .casecontent .casetags .tagitem {
  font-size: 15px;
  color: #D9DDA5;
  background: #d9dda514;
  border: 1px solid #d9dda526;
  border-radius: 38px;
  padding: 4px 16px
}

.blg .casecard .casecontent h4 {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0
}

.blg .casecard .casecontent h4 span {
  color: #BD7E33
}

.blg .casecard .casecontent .casedesc {
  font-size: 15px;
  line-height: 1.55;
  color: #d9dda5a6;
  margin: 0
}

.blg .casecard .casecontent .casefooter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px
}

.blg .casecard .casecontent .casefooter .caseauthor {
  font-size: 15px;
  color: #bd7e33cc
}

.blg .casecard .casecontent .casefooter .casedate {
  font-size: 15px;
  color: #eeefe266
}

.blg .casecard .casecontent .caselink {
  display: inline-block;
  font-size: 15px;
  color: #BD7E33;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .15s ease-out;
  margin-top: 8px;
  align-self: flex-start
}

.blg .casecard .casecontent .caselink:hover {
  color: #EEEFE2
}

.blg .divrow3 {
  height: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 96px;
  position: relative;
  z-index: 1
}

.blg .divrow3 span {
  display: block;
  border-top: 2px dotted #bd7e3333;
  width: 100%
}

.blg .topicblock {
  position: relative;
  z-index: 1;
  padding-bottom: 96px;
  background: #eeefe20a;
  border-top: 1px solid #eeefe214;
  border-bottom: 1px solid #eeefe214
}

.blg .topicblock .topicinner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 96px 32px;
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 48px;
  align-items: start
}

.blg .topicblock .topicinner .topicmain h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0 0 32px
}

.blg .topicblock .topicinner .topicmain h2 span {
  color: #BD7E33
}

.blg .topicblock .topicinner .topicmain .topictext {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0 0 32px
}

.blg .topicblock .topicinner .topicmain .topictext2 {
  font-size: 17px;
  line-height: 1.55;
  color: #d9dda5b3;
  margin: 0 0 32px
}

.blg .topicblock .topicinner .topicmain .kwtag {
  display: inline-block;
  background: #bd7e3326;
  border: 1px solid #bd7e3359;
  border-radius: 38px;
  padding: 8px 32px;
  font-size: 15px;
  color: #BD7E33
}

.blg .topicblock .topicinner .topiccol {
  display: flex;
  flex-direction: column;
  gap: 32px
}

.blg .topicblock .topicinner .topiccol .colcard {
  background: #bd7e3312;
  border: 1px solid #bd7e3333;
  border-radius: 38px;
  padding: 32px;
  box-shadow: inset 0 4px 6px #bd7e330d
}

.blg .topicblock .topicinner .topiccol .colcard h5 {
  font-size: 15px;
  color: #BD7E33;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: .1em
}

.blg .topicblock .topicinner .topiccol .colcard p {
  font-size: 15px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.blg .contactband {
  position: relative;
  z-index: 1;
  padding-bottom: 96px
}

.blg .contactband .bandinner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 32px
}

.blg .contactband .bandinner h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #EEEFE2;
  margin: 0
}

.blg .contactband .bandinner h2 span {
  color: #BD7E33
}

.blg .contactband .bandinner p {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  max-width: 560px
}

.blg .contactband .bandinner .emaillink {
  display: inline-block;
  background: #BD7E33;
  color: #18160f;
  font-size: 17px;
  border-radius: 38px;
  padding: 16px 48px;
  text-decoration: none;
  font-weight: 700;
  border: 2px solid #BD7E33;
  transition: background .18s ease-out, color .18s ease-out, border-color .18s ease-out;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.blg .contactband .bandinner .emaillink:hover {
  background: transparent;
  color: #BD7E33;
  border-color: #BD7E33
}

@media (max-width: 1024px) {
  .blg .pagetop {
    grid-template-columns: 1fr;
    padding-bottom: 48px;
    padding-top: 32px
  }

  .blg .pagetop .imgside {
    border-radius: 38px 38px 0 0;
    height: 280px
  }

  .blg .pagetop .imgside img {
    border-radius: 38px 38px 0 0;
    height: 280px
  }

  .blg .pagetop .txtside {
    border-left: 1px solid #bd7e332e;
    border-top: none;
    border-radius: 0 0 38px 38px;
    padding: 32px 32px 48px
  }

  .blg .pagetop .txtside h1 {
    font-size: 36px
  }

  .blg .cardgrid {
    grid-template-columns: repeat(2, 1fr)
  }

  .blg .casegrid {
    grid-template-columns: 1fr
  }

  .blg .topicblock .topicinner {
    grid-template-columns: 1fr;
    padding: 48px 32px
  }
}

@media (max-width: 640px) {
  .blg .pagebound {
    padding: 0 16px
  }

  .blg .pagetop .txtside h1 {
    font-size: 26px
  }

  .blg .cardgrid {
    grid-template-columns: 1fr
  }

  .blg .casegrid {
    grid-template-columns: 1fr
  }

  .blg .casecard {
    flex-direction: column
  }

  .blg .casecard .casenum {
    width: 100%;
    height: 48px;
    flex-direction: row
  }

  .blg .postsgrid .gridhead h2 {
    font-size: 26px
  }

  .blg .casestrip .striphead h2 {
    font-size: 26px
  }

  .blg .contactband .bandinner h2 {
    font-size: 26px
  }

  .blg .topicblock .topicinner .topicmain h2 {
    font-size: 26px
  }
}

@media (max-width: 360px) {
  .blg .pagetop .txtside {
    padding: 16px 16px 32px
  }

  .blg .postcard .cardbody {
    padding: 16px
  }

  .blg .postcard .readlink {
    margin: 0 16px 16px
  }
}

.cstud {
  background: #18160f;
  color: #EEEFE2;
  overflow-x: hidden;
  padding: 0
}

.cstud a {
  text-decoration: none !important;
  color: inherit
}

.cstud .splitscreen {
  display: flex;
  flex-direction: row;
  max-width: 1170px;
  margin: 0 auto;
  position: relative
}

.cstud .splitleft {
  flex: 1 1 55%;
  background: #1e1b12;
  padding: 96px 48px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.cstud .splitleft::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, #BD7E33 0%, transparent 100%)
}

.cstud .splitright {
  flex: 1 1 45%;
  position: relative;
  min-height: 400px;
  overflow: hidden
}

.cstud .splitright img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.cstud .splitright .imgoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, transparent 30%, #1e1b12 100%);
  pointer-events: none
}

.cstud .pagelabel {
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #BD7E33;
  margin-bottom: 16px;
  display: block
}

.cstud .splith1 {
  font-size: 50px;
  line-height: 1.1;
  margin-bottom: 32px;
  margin-top: 0
}

.cstud .splith1 .wordone {
  color: #BD7E33
}

.cstud .splith1 .wordtwo {
  color: #EEEFE2
}

.cstud .countrow {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 48px;
  margin-top: 32px
}

.cstud .countitem {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.cstud .countnum {
  font-size: 36px;
  line-height: 1.1;
  color: #BD7E33
}

.cstud .countbar {
  height: 2px;
  background: #BD7E33;
  opacity: .35;
  border-radius: 0
}

.cstud .countlabel {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55
}

.cstud .svgdivider {
  width: 100%;
  display: block;
  overflow: hidden;
  line-height: 0;
  background: #18160f
}

.cstud .svgdivider svg {
  display: block;
  width: 100%
}

.cstud .cardgridouter {
  background: #18160f;
  padding: 96px 0
}

.cstud .cardgridinner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px
}

.cstud .gridlabel {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #BD7E33;
  margin-bottom: 8px;
  display: block
}

.cstud .gridheading {
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 48px
}

.cstud .gridheading .wd1 {
  color: #BD7E33
}

.cstud .gridheading .wd2 {
  color: #EEEFE2
}

.cstud .postgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px
}

.cstud .postcard {
  background: #1e1b12;
  border-radius: 0;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  display: flex;
  flex-direction: column;
  transition: box-shadow .18s ease-out, background .15s ease-out;
  position: relative
}

.cstud .postcard:hover {
  background: #232016;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.cstud .postcard:focus-within {
  outline: 2px solid #BD7E33;
  outline-offset: 4px
}

.cstud .cardimgwrap {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden
}

.cstud .cardimgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform .2s ease-out
}

.cstud .postcard:hover .cardimgwrap img {
  transform: scale(1.03)
}

.cstud .cardbody {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px
}

.cstud .tagrow {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap
}

.cstud .atag {
  font-size: 15px;
  background: #BD7E33;
  color: #18160f;
  padding: 4px 16px;
  border-radius: 38px;
  line-height: 1.55
}

.cstud .ctag {
  font-size: 15px;
  border: 1px solid #D9DDA5;
  color: #D9DDA5;
  padding: 4px 16px;
  border-radius: 38px;
  line-height: 1.55
}

.cstud .cardtitle {
  font-size: 20px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0
}

.cstud .carddesc {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  flex: 1
}

.cstud .cardmeta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid #d9dda51f
}

.cstud .cardauthor {
  font-size: 15px;
  color: #BD7E33
}

.cstud .cardlink {
  margin-top: 0;
  display: inline-block;
  font-size: 15px;
  color: #BD7E33;
  border-bottom: 1px solid #bd7e3366;
  padding-bottom: 2px;
  transition: border-color .15s ease-out, color .15s ease-out
}

.cstud .postcard:hover .cardlink {
  color: #D9DDA5;
  border-color: #d9dda599
}

.cstud .geobg {
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  width: 220px;
  height: 220px;
  pointer-events: none;
  opacity: .07;
  animation: geoPulse 4.5s ease-in-out infinite
}

@keyframes geoPulse {

  0%,
  100% {
    opacity: .07
  }

  50% {
    opacity: .13
  }
}

.cstud .svgdivider2 {
  width: 100%;
  display: block;
  overflow: hidden;
  line-height: 0;
  background: #23200f
}

.cstud .svgdivider2 svg {
  display: block;
  width: 100%
}

.cstud .texturebg {
  background: #23200f;
  position: relative;
  padding: 96px 0
}

.cstud .texturebg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  opacity: .045;
  pointer-events: none
}

.cstud .textureinner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative
}

.cstud .twocol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center
}

.cstud .textcol h2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 32px
}

.cstud .textcol h2 .wd1 {
  color: #BD7E33
}

.cstud .textcol h2 .wd2 {
  color: #EEEFE2
}

.cstud .textcol p {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0 0 16px
}

.cstud .accentword {
  background: #BD7E33;
  color: #18160f;
  padding: 0 8px;
  border-radius: 0
}

.cstud .imgcol {
  position: relative
}

.cstud .imgcol img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0;
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.cstud .svgdivider3 {
  width: 100%;
  display: block;
  overflow: hidden;
  line-height: 0;
  background: #18160f
}

.cstud .svgdivider3 svg {
  display: block;
  width: 100%
}

.cstud .expertsouter {
  background: #18160f;
  padding: 96px 0;
  animation: bgOsc 7s ease-in-out infinite
}

@keyframes bgOsc {

  0%,
  100% {
    background: #18160f
  }

  50% {
    background: #1b1810
  }
}

.cstud .expertsinner {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px
}

.cstud .expertsheading {
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 8px
}

.cstud .expertsheading .wd1 {
  color: #BD7E33
}

.cstud .expertsheading .wd2 {
  color: #EEEFE2
}

.cstud .expertssub {
  font-size: 17px;
  color: #D9DDA5;
  line-height: 1.55;
  margin: 0 0 48px;
  max-width: 560px
}

.cstud .expertsgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px
}

.cstud .expertcard {
  background: #1e1b12;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 1px 3px 2px 0 #bd7e330d;
  transition: box-shadow .18s ease-out;
  border-radius: 0
}

.cstud .expertcard:hover {
  box-shadow: 1px 10px 36px 0 #bd7e3321
}

.cstud .expertcard:focus-within {
  outline: 2px solid #BD7E33;
  outline-offset: 3px
}

.cstud .numblock {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.cstud .bignum {
  font-size: 50px;
  line-height: 1.1;
  color: #BD7E33
}

.cstud .numfill {
  height: 2px;
  background: linear-gradient(90deg, #BD7E33 0%, transparent 100%);
  border-radius: 0
}

.cstud .expertcardh {
  font-size: 20px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0
}

.cstud .expertcardp {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.cstud .portraitrow {
  display: flex;
  flex-direction: row;
  gap: 32px;
  margin-top: 48px;
  align-items: flex-start
}

.cstud .portraitcard {
  display: flex;
  flex-direction: row;
  gap: 32px;
  flex: 1;
  background: #1e1b12;
  padding: 32px;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.cstud .portraitwrap {
  width: 120px;
  min-width: 120px;
  aspect-ratio: 3/4;
  overflow: hidden;
  border-radius: 0;
  flex-shrink: 0
}

.cstud .portraitwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block
}

.cstud .portraittext {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center
}

.cstud .portraitname {
  font-size: 20px;
  color: #EEEFE2;
  margin: 0
}

.cstud .portraitrole {
  font-size: 15px;
  color: #BD7E33
}

.cstud .portraitquote {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

@media (max-width: 1024px) {
  .cstud .splitscreen {
    flex-direction: column
  }

  .cstud .splitright {
    min-height: 260px
  }

  .cstud .splith1 {
    font-size: 36px
  }

  .cstud .postgrid {
    grid-template-columns: 1fr
  }

  .cstud .twocol {
    grid-template-columns: 1fr
  }

  .cstud .expertsgrid {
    grid-template-columns: 1fr 1fr
  }

  .cstud .portraitrow {
    flex-direction: column
  }
}

@media (max-width: 640px) {
  .cstud .splitleft {
    padding: 48px 16px
  }

  .cstud .cardgridinner,
  .cstud .textureinner,
  .cstud .expertsinner {
    padding: 0 16px
  }

  .cstud .expertsgrid {
    grid-template-columns: 1fr
  }

  .cstud .countrow {
    gap: 32px
  }

  .cstud .splith1 {
    font-size: 26px
  }

  .cstud .portraitcard {
    flex-direction: column
  }

  .cstud .portraitwrap {
    width: 100%
  }
}

@media (max-width: 360px) {
  .cstud .splith1 {
    font-size: 20px
  }

  .cstud .bignum {
    font-size: 36px
  }
}

.frst {
  background: #181510;
  color: #EEEFE2;
  overflow-x: hidden;
  width: 100%
}

.frst .pagewrap {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 32px
}

.frst .gradline {
  height: 1px;
  background: linear-gradient(to right, #BD7E33 0%, transparent 60%);
  border: none;
  margin: 0
}

.frst .gradline.rev {
  background: linear-gradient(to left, #BD7E33 0%, transparent 60%)
}

.frst .titblock {
  padding: 96px 0 48px;
  border-top: 1px solid #BD7E33;
  border-bottom: 1px solid #bd7e3340
}

.frst .titblock .pagewrap {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center
}

.frst .titcol {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 32px
}

.frst .imgcol {
  flex: 0 0 420px;
  max-width: 420px
}

.frst .imgframe {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0;
  border-top: 2px solid #BD7E33;
  border-bottom: 2px solid #D9DDA5
}

.frst .imgframe img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: grayscale(100%) contrast(1.15);
  transform: scale(0.97);
  animation: imgload .18s ease-out forwards
}

@keyframes imgload {
  to {
    transform: scale(1)
  }
}

.frst .titlabel {
  font-size: 15px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #BD7E33;
  line-height: 1.55
}

.frst .tith1 {
  font-size: 50px;
  line-height: 1.1;
  margin: 0
}

.frst .tith1 .accent {
  color: #BD7E33
}

.frst .titdesc {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.frst .titlinks {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap
}

.frst .btnprim {
  display: inline-block;
  padding: 16px 32px;
  background: #BD7E33;
  color: #181510;
  font-size: 15px;
  font-weight: 700;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #BD7E33;
  transition: background .15s ease-out, color .15s ease-out, border-color .15s ease-out;
  cursor: pointer;
  letter-spacing: .06em;
  text-transform: uppercase
}

.frst .btnprim:hover {
  background: transparent;
  color: #BD7E33;
  outline: 2px solid #BD7E33;
  outline-offset: 3px
}

.frst .btnsec {
  display: inline-block;
  padding: 16px 32px;
  background: transparent;
  color: #D9DDA5;
  font-size: 15px;
  border-radius: 0;
  text-decoration: none;
  border: 2px solid #D9DDA5;
  transition: border-color .12s ease-out, color .12s ease-out;
  letter-spacing: .06em;
  text-transform: uppercase
}

.frst .btnsec:hover {
  border-color: #BD7E33;
  color: #BD7E33;
  outline: 2px solid #BD7E33;
  outline-offset: 3px
}

.frst .postfeed {
  padding: 96px 0;
  background: #1e1a12
}

.frst .feedtop {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
  gap: 16px
}

.frst .feedh2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0
}

.frst .feedh2 .first {
  color: #BD7E33
}

.frst .feedlink {
  font-size: 15px;
  color: #BD7E33;
  text-decoration: none;
  border-bottom: 1px solid #bd7e3366;
  transition: border-color .15s ease-out;
  white-space: nowrap
}

.frst .feedlink:hover {
  border-color: #BD7E33
}

.frst .postlist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px
}

.frst .postcard {
  background: #181510;
  border-radius: 0;
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-top: 2px solid #bd7e3333;
  transition: border-color .15s ease-out, box-shadow .18s ease-out;
  position: relative
}

.frst .postcard:hover {
  border-color: #BD7E33;
  box-shadow: 1px 5px 18px 0 #bd7e332e 6px 6px 0 0 #d9dda52e
}

.frst .postcard.featured {
  grid-column: span 2;
  flex-direction: row
}

.frst .postcard.featured .cardimg {
  flex: 0 0 48%
}

.frst .postcard.featured .cardbody {
  flex: 1 1 0;
  padding: 32px
}

.frst .cardimg {
  aspect-ratio: 16/9;
  overflow: hidden
}

.frst .cardimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .18s ease-out
}

.frst .postcard:hover .cardimg img {
  transform: scale(1.03)
}

.frst .cardbody {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto
}

.frst .cardtag {
  font-size: 15px;
  color: #BD7E33;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 1.55
}

.frst .cardh3 {
  font-size: 20px;
  line-height: 1.55;
  margin: 0;
  color: #EEEFE2
}

.frst .cardh3.big {
  font-size: 26px
}

.frst .cardsub {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55;
  margin: 0
}

.frst .carddesc {
  font-size: 15px;
  color: #eeefe2b3;
  line-height: 1.55;
  margin: 0
}

.frst .cardmeta {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
  flex-wrap: wrap
}

.frst .metaitem {
  font-size: 15px;
  color: #eeefe280;
  line-height: 1.55
}

.frst .metaauthor {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55
}

.frst .depthblock {
  padding: 48px 0;
  background: #EEEFE2;
  border-top: 1px solid #D9DDA5;
  border-bottom: 1px solid #D9DDA5
}

.frst .depthblock .pagewrap {
  display: flex;
  flex-direction: row;
  gap: 48px;
  align-items: center
}

.frst .depthtext {
  flex: 1 1 0
}

.frst .depthh2 {
  font-size: 36px;
  line-height: 1.1;
  color: #181510;
  margin: 0 0 16px
}

.frst .depthh2 .first {
  color: #BD7E33
}

.frst .depthp {
  font-size: 17px;
  line-height: 1.55;
  color: #3a3020;
  margin: 0 0 16px
}

.frst .depthp:last-child {
  margin-bottom: 0
}

.frst .depthnums {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 16px
}

.frst .numrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: #181510;
  border-radius: 0;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.frst .numval {
  font-size: 36px;
  line-height: 1.1;
  color: #BD7E33;
  font-weight: 700;
  min-width: 60px
}

.frst .numlabel {
  font-size: 15px;
  color: #EEEFE2;
  line-height: 1.55
}

.frst .casesect {
  padding: 96px 0;
  background: #181510
}

.frst .casetop {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
  gap: 16px
}

.frst .caseh2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0
}

.frst .caseh2 .first {
  color: #BD7E33
}

.frst .casegrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 32px
}

.frst .casecard {
  background: #1e1a12;
  border-radius: 0;
  box-shadow: 1px 3px 2px 0 #bd7e330d;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-bottom: 2px solid #bd7e3333;
  transition: border-color .12s ease-out, box-shadow .15s ease-out
}

.frst .casecard:hover {
  border-color: #BD7E33;
  box-shadow: 4px 8px 0 0 #d9dda51f 1px 10px 36px 0 #bd7e3321
}

.frst .caseimg {
  aspect-ratio: 16/9;
  overflow: hidden
}

.frst .caseimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .18s ease-out
}

.frst .casecard:hover .caseimg img {
  transform: scale(1.04)
}

.frst .casebody {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 1 auto
}

.frst .casetag {
  font-size: 15px;
  color: #BD7E33;
  text-transform: uppercase;
  letter-spacing: .1em
}

.frst .caseh4 {
  font-size: 20px;
  line-height: 1.55;
  margin: 0;
  color: #EEEFE2
}

.frst .casedesc {
  font-size: 15px;
  color: #eeefe2a6;
  line-height: 1.55;
  margin: 0
}

.frst .casemeta {
  font-size: 15px;
  color: #eeefe266;
  margin-top: 8px
}

.frst .teamsect {
  padding: 96px 0;
  background: #1e1a12;
  border-top: 1px solid #bd7e3326
}

.frst .teamgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center
}

.frst .teamtext {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.frst .teamh2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0
}

.frst .teamh2 .first {
  color: #BD7E33
}

.frst .teamp {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.frst .teamcards {
  display: flex;
  flex-direction: column;
  gap: 24px
}

.frst .authorcard {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  background: #181510;
  padding: 16px;
  border-radius: 38px;
  box-shadow: 1px 5px 18px 0 #bd7e3314
}

.frst .authorpic {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 38px;
  overflow: hidden
}

.frst .authorpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.frst .authorinfo {
  flex: 1 1 0
}

.frst .authorname {
  font-size: 17px;
  color: #EEEFE2;
  line-height: 1.55;
  font-weight: 700
}

.frst .authorrole {
  font-size: 15px;
  color: #BD7E33;
  line-height: 1.55
}

.frst .authorbio {
  font-size: 15px;
  color: #eeefe2a6;
  line-height: 1.55;
  margin-top: 4px
}

.frst .topread {
  padding: 96px 0;
  background: #181510
}

.frst .topreadwrap {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 48px;
  align-items: start
}

.frst .topreadsidebar {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.frst .topreadsidebar .sideimg {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0;
  margin-bottom: 24px
}

.frst .topreadsidebar .sideimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.frst .topreadh2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 32px
}

.frst .topreadh2 .first {
  color: #BD7E33
}

.frst .rankedlist {
  display: flex;
  flex-direction: column;
  gap: 0;
  counter-reset: rankcount
}

.frst .rankitem {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #bd7e331f;
  text-decoration: none;
  color: inherit;
  transition: background .12s ease-out
}

.frst .rankitem:last-child {
  border-bottom: none
}

.frst .rankitem:hover .ranknum {
  color: #EEEFE2
}

.frst .ranknum {
  font-size: 36px;
  line-height: 1.1;
  color: #bd7e3359;
  font-weight: 700;
  min-width: 48px;
  transition: color .12s ease-out
}

.frst .rankbody {
  flex: 1 1 0
}

.frst .ranktitle {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0 0 4px
}

.frst .rankdesc {
  font-size: 15px;
  color: #eeefe28c;
  line-height: 1.55;
  margin: 0
}

.frst .ranktag {
  font-size: 15px;
  color: #BD7E33;
  text-transform: uppercase;
  letter-spacing: .08em
}

.frst .engagesect {
  padding: 96px 0;
  background: #1e1a12;
  border-top: 1px solid #d9dda51a;
  border-bottom: 1px solid #d9dda51a
}

.frst .engagegrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start
}

.frst .engagetext {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.frst .engageh2 {
  font-size: 36px;
  line-height: 1.1;
  margin: 0
}

.frst .engageh2 .first {
  color: #BD7E33
}

.frst .engagep {
  font-size: 17px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0
}

.frst .engageform {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #181510;
  padding: 32px;
  border-radius: 0;
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  border-top: 2px solid #BD7E33
}

.frst .engageform label {
  font-size: 15px;
  color: #D9DDA5;
  line-height: 1.55;
  display: block;
  margin-bottom: 4px
}

.frst .engageform input,
.frst .engageform textarea {
  width: 100%;
  background: #1e1a12;
  border: 1px solid #bd7e334d;
  border-radius: 0;
  color: #EEEFE2;
  font-size: 15px;
  line-height: 1.55;
  padding: 12px 16px;
  box-sizing: border-box;
  transition: border-color .15s ease-out;
  outline: none
}

.frst .engageform input::placeholder,
.frst .engageform textarea::placeholder {
  color: #eeefe259
}

.frst .engageform input:focus,
.frst .engageform textarea:focus {
  border-color: #BD7E33;
  box-shadow: inset 0 2px 6px 0 #bd7e3314
}

.frst .engageform textarea {
  resize: vertical;
  min-height: 96px
}

.frst .engageform .btnprim {
  align-self: flex-start
}

.frst .progressbar {
  width: 100%;
  height: 8px;
  background: #bd7e3326;
  border-radius: 0;
  margin-top: 8px;
  overflow: hidden
}

.frst .progressfill {
  height: 100%;
  background: conic-gradient(from 323deg, #BD7E33 0%, #D9DDA5 60%, #BD7E33 100%);
  border-radius: 0;
  animation: progressgrow .18s ease-out forwards
}

@keyframes progressgrow {
  from {
    width: 0
  }
}

.frst .progressrow {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 16px
}

.frst .progresslabel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 15px;
  color: #eeefe2a6
}

.frst .highlightword {
  background: #BD7E33;
  color: #181510;
  padding: 0 8px;
  border-radius: 0
}

@media (max-width: 1024px) {
  .frst .titblock .pagewrap {
    flex-direction: column
  }

  .frst .imgcol {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%
  }

  .frst .postcard.featured {
    flex-direction: column
  }

  .frst .postcard.featured .cardimg {
    flex: 0 0 auto
  }

  .frst .casegrid {
    grid-template-columns: 1fr 1fr
  }

  .frst .topreadwrap {
    grid-template-columns: 1fr
  }

  .frst .topreadsidebar {
    display: none
  }

  .frst .depthblock .pagewrap {
    flex-direction: column
  }

  .frst .depthnums {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (max-width: 640px) {
  .frst .tith1 {
    font-size: 36px
  }

  .frst .postlist {
    grid-template-columns: 1fr
  }

  .frst .postcard.featured {
    grid-column: span 1
  }

  .frst .casegrid {
    grid-template-columns: 1fr
  }

  .frst .teamgrid {
    grid-template-columns: 1fr
  }

  .frst .engagegrid {
    grid-template-columns: 1fr
  }

  .frst .feedh2,
  .frst .caseh2,
  .frst .teamh2,
  .frst .topreadh2,
  .frst .engageh2,
  .frst .depthh2 {
    font-size: 26px
  }

  .frst .pagewrap {
    padding: 0 16px
  }

  .frst .titblock {
    padding: 48px 0 32px
  }

  .frst .postfeed,
  .frst .casesect,
  .frst .teamsect,
  .frst .topread,
  .frst .engagesect {
    padding: 48px 0
  }
}

@media (max-width: 360px) {
  .frst .tith1 {
    font-size: 26px
  }

  .frst .titlinks {
    flex-direction: column
  }

  .frst .btnprim,
  .frst .btnsec {
    width: 100%;
    text-align: center
  }
}

.SuccessPage {
  min-height: 100vh;
  background-color: #111008;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 96px 16px
}

.SuccessPage .SuccessWrapper {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px
}

.SuccessPage .SuccessIcon {
  width: 88px;
  height: 88px;
  border-radius: 38px;
  background: linear-gradient(323deg, #BD7E33 0%, #D9DDA5 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  flex-shrink: 0
}

.SuccessPage .SuccessIcon svg {
  width: 40px;
  height: 40px;
  display: block
}

.SuccessPage .SuccessContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  max-width: 560px
}

.SuccessPage .SuccessHeading {
  font-size: 50px;
  line-height: 1.1;
  color: #D9DDA5;
  margin: 0
}

.SuccessPage .SuccessHeading span {
  color: #BD7E33
}

.SuccessPage .SuccessSubtext {
  font-size: 17px;
  line-height: 1.55;
  color: #EEEFE2;
  margin: 0;
  opacity: .82
}

.SuccessPage .SuccessDivider {
  width: 64px;
  height: 2px;
  background: linear-gradient(323deg, #BD7E33, #D9DDA5);
  border-radius: 0;
  flex-shrink: 0
}

.SuccessPage .SuccessNote {
  font-size: 15px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  opacity: .65;
  text-align: center;
  max-width: 420px
}

.SuccessPage .SuccessActions {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center
}

.SuccessPage .BtnPrimary {
  display: inline-block;
  padding: 16px 32px;
  background: linear-gradient(323deg, #BD7E33 0%, #D9DDA5 100%);
  color: #111008;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 700;
  border-radius: 0;
  border: 2px solid transparent;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 1px 5px 18px 0 #bd7e3314;
  transition: box-shadow .15s ease-out, outline-offset .15s ease-out;
  outline: 2px solid transparent;
  outline-offset: 0
}

.SuccessPage .BtnPrimary:hover {
  box-shadow: 1px 10px 36px 0 #bd7e3321;
  outline: 2px solid #BD7E33;
  outline-offset: 4px
}

.SuccessPage .BtnPrimary:focus-visible {
  outline: 2px solid #BD7E33;
  outline-offset: 4px
}

.SuccessPage .BtnSecondary {
  display: inline-block;
  padding: 16px 32px;
  background: transparent;
  color: #D9DDA5;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 600;
  border-radius: 0;
  border: 2px solid #BD7E33;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, outline-offset .15s ease-out;
  outline: 2px solid transparent;
  outline-offset: 0
}

.SuccessPage .BtnSecondary:hover {
  background-color: #bd7e331f;
  color: #EEEFE2;
  outline: 2px solid #D9DDA5;
  outline-offset: 4px
}

.SuccessPage .BtnSecondary:focus-visible {
  outline: 2px solid #D9DDA5;
  outline-offset: 4px
}

.SuccessPage .SuccessContact {
  font-size: 15px;
  line-height: 1.55;
  color: #D9DDA5;
  margin: 0;
  opacity: .6;
  text-align: center
}

.SuccessPage .SuccessContact a {
  color: #BD7E33;
  text-decoration: none;
  border-bottom: 1px solid #bd7e3366;
  transition: border-color .12s ease-out, color .12s ease-out
}

.SuccessPage .SuccessContact a:hover {
  color: #D9DDA5;
  border-color: #d9dda5b3
}

@media (max-width: 640px) {
  .SuccessPage {
    padding: 48px 16px
  }

  .SuccessPage .SuccessHeading {
    font-size: 36px
  }

  .SuccessPage .SuccessActions {
    flex-direction: column;
    width: 100%
  }

  .SuccessPage .BtnPrimary,
  .SuccessPage .BtnSecondary {
    text-align: center;
    width: 100%
  }
}

@media (max-width: 360px) {
  .SuccessPage .SuccessHeading {
    font-size: 26px
  }

  .SuccessPage .SuccessIcon {
    width: 72px;
    height: 72px
  }
}