/*
 * Omojola Law - main stylesheet
 * Load order: Bootstrap 5.3 first, then this file.
 * Layout helpers use Bootstrap utility classes (d-flex, flex-column, position-relative,
 * container-xxl, fw-semibold, text-uppercase ...). This file holds only the brand styles:
 *   section__element  - used in one section (e.g. hero__h1, faq__btn)
 *   ol-*              - shared styles reused across sections (e.g. ol-label, ol-btn)
 */
/* ===== Base (loaded after Bootstrap 5.3) ===== */
html { scroll-behavior: smooth; }
a { text-decoration: none; }
/* keep the browser heading defaults the design was built on (Bootstrap reboot sets 500 / 1.2) */
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: normal; }

body.theme-1 {
  background:#0A0A0A;
  color:#F5F0E8;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height: normal;
  --bs-link-color-rgb: 201, 164, 92;
  --bs-link-hover-color-rgb: 227, 194, 122;
}

body.theme-2 {
  background:#0A0A0A;
  color:#F5F0E8;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height: normal;
  --bs-link-color-rgb: 184, 154, 90;
  --bs-link-hover-color-rgb: 212, 188, 133;
}
body.theme-2 input::placeholder,
body.theme-2 textarea::placeholder { color:#7E776C; }

body.theme-3 {
  background:#0C0A08;
  color:#F5F0E8;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height: normal;
  --bs-link-color-rgb: 184, 154, 90;
  --bs-link-hover-color-rgb: 212, 188, 133;
}
body.theme-3 input::placeholder,
body.theme-3 textarea::placeholder { color:#7E776C; }

body.theme-4 {
  background:#0A0A0A;
  color:#F5F1EA;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height: normal;
  --bs-link-color-rgb: 227, 194, 122;
  --bs-link-hover-color-rgb: 227, 194, 122;
}

body.theme-5 {
  background:#0A0A0A;
  color:#F5F1EA;
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height: normal;
  --bs-link-color-rgb: 227, 194, 122;
  --bs-link-hover-color-rgb: 227, 194, 122;
}
body.theme-5 input::placeholder,
body.theme-5 textarea::placeholder { color:#8E857A; }

/* ===== Components ===== */
.page__box {
  min-height: 100vh;
  background: rgb(10, 10, 10);
}
.header__header {
  z-index: 10;
  border-bottom: 1px solid rgba(245, 240, 232, 0.08);
}
.header__row {
  max-width: 1280px;
  padding: 0px clamp(20px, 4vw, 56px);
  min-height: 84px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  align-items: center;
  justify-content: space-between;
}
.header__img {
  height: 64px;
  width: auto;
}
.header__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 26px;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.header__link-2 {
  color: rgba(245, 240, 232, 0.78);
}
.header__link-2:hover {
  color: rgb(227, 194, 122);
}
.header__row-2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
.header__btn {
  all: unset;
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: rgb(201, 164, 92);
  font-size: 9px;
  transform: none;
  transition: transform 0.2s;
}
.header__stack {
  position: absolute;
  top: calc(100% + 16px);
  left: -16px;
  width: 280px;
  background: rgb(20, 18, 16);
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: rgb(201, 164, 92) rgba(184, 154, 90, 0.35) rgba(184, 154, 90, 0.35);
  border-image: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 48px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  z-index: 30;
}
.header__link-3 {
  padding: 9px 12px;
  font-size: 13px;
  color: rgb(245, 240, 232);
}
.header__link-3:hover {
  background: rgb(94, 29, 29);
  color: rgb(245, 240, 232);
}
.header__link-4 {
  padding: 9px 12px 9px 28px;
  font-size: 13px;
  color: rgba(245, 240, 232, 0.75);
}
.header__link-4:hover {
  background: rgb(94, 29, 29);
  color: rgb(245, 240, 232);
}
.header__stack-2 {
  position: absolute;
  top: calc(100% + 16px);
  left: -16px;
  width: 240px;
  background: rgb(20, 18, 16);
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: rgb(201, 164, 92) rgba(184, 154, 90, 0.35) rgba(184, 154, 90, 0.35);
  border-image: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 48px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  z-index: 30;
}
.header__row-3 {
  gap: 20px;
}
.header__link-5 {
  font-size: 13px;
  color: rgba(245, 240, 232, 0.78);
}
.header__link-5:hover {
  color: rgb(227, 194, 122);
}
.header__btn-2 {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 11px 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.header__btn-2:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.hero {
  background: rgb(10, 10, 10);
  min-height: min(100vh, 940px);
}
.hero__overlay {
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.88) 0%, rgba(10, 10, 10, 0.62) 45%, rgba(14, 26, 51, 0.35) 100%);
}
.hero__overlay-2 {
  background: linear-gradient(rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0) 30%, rgba(58, 15, 24, 0.55) 100%);
}
.hero__stack {
  max-width: 1320px;
  padding: clamp(160px, 15vw, 200px) clamp(20px, 4vw, 56px) clamp(56px, 7vw, 96px);
  gap: 26px;
}
.hero__label {
  gap: 14px;
  font-size: 12px;
  letter-spacing: 0.24em;
  color: rgb(227, 194, 122);
}
.ol-span {
  width: 40px;
  height: 1px;
  background: rgb(201, 164, 92);
}
.hero__h1 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(46px, 6.4vw, 96px);
  line-height: 0.98;
  letter-spacing: -0.01em;
  color: rgb(245, 241, 234);
  max-width: 980px;
  text-wrap: balance;
}
.hero__em {
  color: rgb(227, 194, 122);
}
.hero__text {
  font-size: 17px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.9);
  max-width: 640px;
  text-wrap: pretty;
}
.ol-row {
  gap: 12px;
}
.hero__btn {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 17px 28px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.hero__btn:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.hero__link {
  border: 1px solid rgba(245, 241, 234, 0.5);
  color: rgb(245, 241, 234);
  padding: 16px 28px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.hero__link:hover {
  border-color: rgb(227, 194, 122);
  color: rgb(227, 194, 122);
}
.hero__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 20px 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(201, 164, 92, 0.35);
  max-width: 1080px;
}
.hero__text-2 {
  font-size: 14.5px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.8);
  text-wrap: pretty;
}
.trust {
  background: rgb(58, 15, 24);
}
.trust__grid {
  max-width: 1320px;
  padding: 0px clamp(20px, 4vw, 56px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
}
.trust__stack {
  padding: 34px 24px;
  border-right: 1px solid rgba(245, 241, 234, 0.12);
  gap: 6px;
}
.trust__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 44px;
  color: rgb(227, 194, 122);
}
.trust__span-2 {
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.trust__span-3 {
  font-size: 12px;
  color: rgba(245, 241, 234, 0.6);
}
.trust__link {
  padding: 34px 24px;
  gap: 6px;
  color: rgb(245, 241, 234);
}
.trust__link:hover {
  background: rgba(0, 0, 0, 0.2);
  color: rgb(245, 241, 234);
}
.trust__span-4 {
  font-size: 13px;
}
.ol-block {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.approach__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: clamp(48px, 6vw, 80px);
}
.approach__stack-2 {
  gap: 22px;
  max-width: 1040px;
}
.ol-label {
  gap: 14px;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgb(122, 94, 42);
}
.ol-span-2 {
  width: 40px;
  height: 1px;
  background: rgb(122, 94, 42);
}
.approach__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 5vw, 72px);
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.ol-em {
  color: rgb(122, 94, 42);
}
.approach__text {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.3;
  color: rgb(58, 15, 24);
}
.approach__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  border-top: 2px solid rgb(10, 10, 10);
}
.approach__stack-3 {
  padding: 30px 28px 34px 0px;
  border-right: 1px solid rgb(217, 209, 195);
  gap: 12px;
}
.approach__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 56px;
  line-height: 0.9;
  color: rgb(58, 15, 24);
}
.approach__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
}
.approach__text-2 {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
}
.approach__stack-4 {
  padding: 30px 28px 34px;
  border-right: 1px solid rgb(217, 209, 195);
  gap: 12px;
}
.approach__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 56px;
  line-height: 0.9;
  color: rgb(14, 26, 51);
}
.approach__stack-5 {
  padding: 30px 0px 34px 28px;
  gap: 12px;
}
.approach__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 56px;
  line-height: 0.9;
  color: rgb(122, 94, 42);
}
.approach__row {
  gap: 24px 64px;
  background: rgb(10, 10, 10);
  color: rgb(245, 241, 234);
  padding: clamp(28px, 4vw, 48px);
}
.approach__text-3 {
  flex: 1 1 480px;
  font-size: 17px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.88);
  text-wrap: pretty;
}
.approach__btn {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 16px 26px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.approach__btn:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.ol-block-2 {
  background: rgb(237, 230, 218);
}
.ol-stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: clamp(40px, 5vw, 64px);
}
.ol-row-2 {
  gap: 20px 64px;
}
.ol-stack-2 {
  gap: 18px;
}
.practice-areas__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 5.6vw, 80px);
  line-height: 0.95;
  color: rgb(10, 10, 10);
}
.practice-areas__text {
  max-width: 420px;
  font-size: 16px;
  line-height: 1.7;
  color: rgb(63, 56, 48);
}
.practice-areas__grid {
  grid-template-columns: minmax(0px, 1fr);
  gap: 18px;
}
.practice-areas__stack {
  grid-column: 1 / -1;
  min-height: 460px;
  background: rgb(0, 0, 0);
}
.practice-areas__overlay {
  background: linear-gradient(rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.7) 45%, rgb(58, 15, 24) 100%);
}
.practice-areas__stack-2 {
  padding: clamp(26px, 3vw, 40px);
  gap: 14px;
}
.practice-areas__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: rgb(227, 194, 122);
}
.practice-areas__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.05;
  color: rgb(245, 241, 234);
}
.practice-areas__text-2 {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.88);
  text-wrap: pretty;
}
.practice-areas__text-3 {
  font-size: 14.5px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.72);
  text-wrap: pretty;
}
.practice-areas__btn {
  font-size: 12.5px;
  color: rgb(245, 241, 234);
  border: 1px solid rgba(245, 241, 234, 0.3);
  padding: 7px 11px;
  background: rgba(0, 0, 0, 0.3);
}
.practice-areas__btn:hover {
  border-color: rgb(227, 194, 122);
  color: rgb(227, 194, 122);
}
.practice-areas__link {
  gap: 10px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgb(227, 194, 122);
  padding-top: 6px;
}
.practice-areas__link:hover {
  color: rgb(245, 241, 234);
}
.practice-areas__overlay-2 {
  background: linear-gradient(rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.7) 45%, rgb(14, 26, 51) 100%);
}
.practice-areas__overlay-3 {
  background: linear-gradient(rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.7) 45%, rgb(10, 10, 10) 100%);
}
.ol-block-3 {
  background: rgb(58, 15, 24);
}
.image-banner__box {
  width: 38%;
  background: rgb(10, 10, 10);
  opacity: 0.35;
  clip-path: polygon(22% 0px, 100% 0px, 100% 100%, 0px 100%);
}
.image-banner__row {
  max-width: 1320px;
  padding: clamp(72px, 9vw, 120px) clamp(20px, 4vw, 56px);
  gap: 32px 64px;
}
.image-banner__text {
  flex: 1 1 560px;
  max-width: 860px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3.6vw, 50px);
  line-height: 1.18;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.image-banner__stack {
  gap: 12px;
  flex: 0 0 auto;
}
.ol-btn {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 17px 28px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.ol-btn:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.ol-link {
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
  color: rgb(245, 241, 234);
}
.ol-link:hover {
  color: rgb(227, 194, 122);
}
.ol-block-4 {
  background: rgb(232, 228, 220);
}
.ol-row-4 {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: 48px clamp(40px, 6vw, 96px);
}
.dv-guide__stack {
  flex: 1 1 320px;
  gap: 22px;
  top: 32px;
}
.dv-guide__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 60px);
  color: rgb(10, 10, 10);
}
.dv-guide__text {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
}
.dv-guide__stack-2 {
  border-top: 1px solid rgb(217, 209, 195);
}
.dv-guide__btn {
  all: unset;
  cursor: pointer;
  padding: 18px 0px;
  border-bottom: 1px solid rgb(217, 209, 195);
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: rgb(138, 128, 118);
}
.dv-guide__btn:hover {
  color: rgb(58, 15, 24);
}
.dv-guide__span {
  width: 28px;
  height: 2px;
  background: transparent;
}
.dv-guide__stack-3 {
  flex: 1.4 1 460px;
  min-width: 0px;
  gap: 18px;
}
.dv-guide__text-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  line-height: 1.4;
  color: rgb(122, 94, 42);
}
.dv-guide__grid.d-grid {
    color: #000;
}
.dv-guide__grid {
  grid-template-columns: 72px minmax(0px, 1fr);
  gap: 20px;
  padding: 28px;
  background: rgb(245, 241, 234);
  border-left: 3px solid rgb(58, 15, 24);
}
.dv-guide__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 48px;
  line-height: 0.9;
  color: rgb(122, 94, 42);
}
.dv-guide__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(10, 10, 10);
}
.dv-guide__text-3 {
  font-size: 15px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.ol-stack-3 {
  gap: 18px;
  max-width: 760px;
}
.dui-process__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.6vw, 64px);
  color: rgb(10, 10, 10);
}
.dui-process__em {
  color: rgb(14, 26, 51);
}
.dui-process__text {
  max-width: 460px;
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
}
.dui-process__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: 48px 40px;
  border-top: 2px solid rgb(14, 26, 51);
}
.dui-process__stack {
  padding: 0px 24px 32px 0px;
  gap: 12px;
}
.dui-process__span {
  width: 52px;
  height: 52px;
  margin-top: -27px;
  background: rgb(14, 26, 51);
  color: rgb(227, 194, 122);
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
}
.dui-process__h3 {
  margin: 8px 0px 0px;
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  line-height: 1.1;
  color: rgb(10, 10, 10);
}
.dui-process__text-2 {
  font-size: 15px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.ol-row-5 {
  gap: 10px;
}
.dui-process__btn {
  padding: 12px 18px;
  background: rgb(10, 10, 10);
  color: rgb(245, 241, 234);
  font-size: 14px;
}
.dui-process__btn:hover {
  background: rgb(14, 26, 51);
  color: rgb(227, 194, 122);
}
.attorney {
  background: rgb(14, 26, 51);
}
.ol-row-6 {
  max-width: 1320px;
}
.attorney__stack {
  flex: 1.3 1 460px;
  padding: clamp(72px, 9vw, 130px) clamp(20px, 4vw, 56px);
  gap: 22px;
  min-width: 0px;
}
.ol-label-2 {
  gap: 14px;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgb(227, 194, 122);
}
.ol-span-3 {
  width: 40px;
  height: 1px;
  background: rgb(227, 194, 122);
}
.attorney__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 5.6vw, 84px);
  line-height: 0.95;
  color: rgb(245, 241, 234);
}
.ol-span-4 {
  color: rgb(227, 194, 122);
}
.attorney__text {
  font-size: 16.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.88);
  max-width: 640px;
  text-wrap: pretty;
}
.attorney__text-2 {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.72);
  max-width: 640px;
  text-wrap: pretty;
}
.attorney__row {
  gap: 24px 56px;
  padding-top: 18px;
  border-top: 1px solid rgba(227, 194, 122, 0.3);
}
.attorney__stack-2 {
  gap: 6px;
}
.ol-label-3 {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
}
.attorney__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(245, 241, 234);
}
.attorney__link {
  border: 1px solid rgb(201, 164, 92);
  color: rgb(227, 194, 122);
  padding: 15px 26px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.attorney__link:hover {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
}
.attorney__box {
  flex: 1 1 340px;
  min-height: 520px;
  background: rgb(58, 15, 24);
}
.attorney__img {
  object-position: center top;
}
.reviews {
  background: rgb(245, 241, 234);
}
.reviews__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 4vw, 56px);
}
.reviews__row {
  gap: 24px 64px;
}
.ol-h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.98;
  color: rgb(10, 10, 10);
}
.reviews__row-2 {
  gap: 22px;
}
.ol-stack-4 {
  gap: 2px;
}
.reviews__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 52px;
  color: rgb(122, 94, 42);
}
.reviews__span-2 {
  font-size: 22px;
}
.reviews__span-3 {
  font-size: 13px;
  color: rgb(63, 56, 48);
}
.reviews__btn {
  all: unset;
  cursor: pointer;
  width: 50px;
  height: 50px;
  border: 1px solid rgb(189, 179, 163);
  color: rgb(10, 10, 10);
}
.reviews__btn:hover {
  border-color: rgb(122, 94, 42);
  color: rgb(58, 15, 24);
}
.reviews__btn-2 {
  all: unset;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
}
.reviews__btn-2:hover {
  background: rgb(122, 94, 42);
}
.reviews__row-3 {
  gap: 18px;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  scrollbar-width: none;
}
.reviews__stack-2 {
  flex: 0 0 min(86%, 420px);
  scroll-snap-align: start;
  background: rgb(58, 15, 24);
  padding: 34px 30px;
  gap: 20px;
  border-top: 3px solid rgb(201, 164, 92);
}
.reviews__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 80px;
  line-height: 0.5;
  color: rgb(201, 164, 92);
  height: 34px;
}
.reviews__text {
  font-family: "Cormorant Garamond", serif;
  font-size: 21px;
  line-height: 1.5;
  color: rgb(245, 241, 234);
  text-wrap: pretty;
  flex: 1 1 0%;
}
.reviews__row-4 {
  gap: 14px;
  padding-top: 16px;
  border-top: 1px solid rgba(245, 241, 234, 0.12);
}
.reviews__span-5 {
  width: 44px;
  height: 44px;
  background: rgb(10, 10, 10);
  color: rgb(227, 194, 122);
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
}
.reviews__span-6 {
  font-size: 14.5px;
  color: rgb(245, 241, 234);
}
.reviews__span-7 {
  font-size: 12px;
  color: rgb(227, 194, 122);
}
.ol-block-5 {
  background: rgb(10, 10, 10);
}
.legal-insights__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px) clamp(48px, 5vw, 64px);
  gap: 18px;
}
.legal-insights__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(42px, 5.4vw, 80px);
  line-height: 0.98;
  color: rgb(245, 241, 234);
  max-width: 980px;
  text-wrap: balance;
}
.legal-insights__text {
  max-width: 680px;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.78);
}
.video-guide {
  background: rgb(232, 228, 220);
}
.video-guide__row {
  max-width: 1320px;
  padding: clamp(64px, 8vw, 110px) clamp(20px, 4vw, 56px);
  flex-flow: wrap;
  gap: 40px clamp(40px, 6vw, 88px);
}
.video-guide__box {
  flex: 1.1 1 460px;
  min-width: 0px;
}
.video-guide__box-2 {
  aspect-ratio: 16 / 9;
  background: rgb(0, 0, 0);
  box-shadow: rgb(58, 15, 24) 24px 24px 0px;
}
.ol-iframe {
  border: 0px;
}
.video-guide__stack {
  flex: 1 1 400px;
  min-width: 0px;
  gap: 18px;
}
.ol-label-4 {
  font-size: 11px;
  letter-spacing: 0.2em;
  color: rgb(122, 94, 42);
}
.video-guide__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: 1.04;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.video-guide__text {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 1.9vw, 24px);
  line-height: 1.45;
  color: rgb(122, 94, 42);
  text-wrap: pretty;
}
.video-guide__text-2 {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.video-guide__link {
  gap: 10px;
  padding-top: 6px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgb(122, 94, 42);
}
.video-guide__row-2 {
  max-width: 1320px;
  padding: clamp(64px, 8vw, 110px) clamp(20px, 4vw, 56px);
  flex-flow: row-reverse wrap;
  gap: 40px clamp(40px, 6vw, 88px);
}
.video-guide__box-3 {
  aspect-ratio: 16 / 9;
  background: rgb(0, 0, 0);
  box-shadow: rgb(201, 164, 92) 24px 24px 0px;
}
.ol-label-5 {
  font-size: 11px;
  letter-spacing: 0.2em;
  color: rgb(227, 194, 122);
}
.video-guide__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(32px, 3.4vw, 48px);
  line-height: 1.04;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.video-guide__text-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 1.9vw, 24px);
  line-height: 1.45;
  color: rgb(227, 194, 122);
  text-wrap: pretty;
}
.video-guide__text-4 {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.86);
  text-wrap: pretty;
}
.video-guide__link-2 {
  gap: 10px;
  padding-top: 6px;
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgb(227, 194, 122);
}
.video-guide-2 {
  background: rgb(245, 241, 234);
}
.video-guide__box-4 {
  aspect-ratio: 16 / 9;
  background: rgb(0, 0, 0);
  box-shadow: rgb(14, 26, 51) 24px 24px 0px;
}
.ol-block-6 {
  background: rgb(10, 10, 10);
}
.video-guide__overlay {
  background-image: url("../images/city-courtroom-wood.jpg");
  background-size: cover;
  background-position: center center;
}
.video-guide__overlay-2 {
  background: linear-gradient(90deg, rgba(58, 15, 24, 0.9) 0%, rgba(10, 10, 10, 0.6) 100%);
}
.ol-stack-5 {
  flex: 1 1 300px;
  gap: 20px;
  top: 32px;
}
.why-choose__grid {
  flex: 1.6 1 480px;
  min-width: 0px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 1px;
  background: rgba(227, 194, 122, 0.25);
  border: 1px solid rgba(227, 194, 122, 0.25);
}
.why-choose__stack {
  background: rgb(245, 241, 234);
  padding: 34px 30px;
  gap: 14px;
  min-height: 240px;
}
.why-choose__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 48px;
  line-height: 0.9;
  color: transparent;
  -webkit-text-stroke: 1px rgb(122, 94, 42);
}
.why-choose__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  color: rgb(10, 10, 10);
  line-height: 1.1;
}
.why-choose__text {
  font-size: 15px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
}
.locations__stack {
  gap: 28px;
}
.locations__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 5vw, 76px);
  color: rgb(245, 241, 234);
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(201, 164, 92, 0.35);
}
.locations__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 12px 56px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.78);
}
.locations__grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 14px;
}
.locations__btn {
  grid-column: auto;
  min-height: 440px;
  background-color: rgb(0, 0, 0);
  background-image: url("../images/loc-toms-river.jpg");
  background-size: cover;
  background-position: center center;
  color: rgb(245, 241, 234);
}
.locations__btn:hover {
  color: rgb(227, 194, 122);
}
.locations__span {
  background: linear-gradient(rgba(10, 10, 10, 0.05) 20%, rgba(14, 26, 51, 0.95) 100%);
}
.locations__span-2 {
  padding: 28px;
  gap: 10px;
}
.locations__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
}
.locations__span-4 {
  font-size: 13.5px;
  line-height: 1.6;
  color: rgba(245, 241, 234, 0.8);
}
.locations__span-5 {
  font-size: 13px;
  color: rgb(227, 194, 122);
  padding-top: 6px;
}
.locations__btn-2 {
  grid-column: auto;
  min-height: 440px;
  background-color: rgb(0, 0, 0);
  background-image: url("../images/loc-jersey-city.jpg");
  background-size: cover;
  background-position: center center;
  color: rgb(245, 241, 234);
}
.locations__btn-2:hover {
  color: rgb(227, 194, 122);
}
.locations__btn-3 {
  grid-column: auto;
  min-height: 440px;
  background-color: rgb(0, 0, 0);
  background-image: url("../images/loc-newark.jpg");
  background-size: cover;
  background-position: center center;
  color: rgb(245, 241, 234);
}
.locations__btn-3:hover {
  color: rgb(227, 194, 122);
}
.locations__btn-4 {
  grid-column: 1 / -1;
  min-height: 400px;
  background-color: rgb(0, 0, 0);
  background-image: url("../images/loc-houston.jpg");
  background-size: cover;
  background-position: center center;
  color: rgb(245, 241, 234);
}
.locations__btn-4:hover {
  color: rgb(227, 194, 122);
}
.locations__row {
  gap: 10px;
}
.locations__span-6 {
  font-size: 13px;
  color: rgba(245, 241, 234, 0.78);
  margin-right: 6px;
}
.locations__link {
  padding: 9px 14px;
  border: 1px solid rgba(201, 164, 92, 0.4);
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.locations__link:hover {
  border-color: rgb(227, 194, 122);
  color: rgb(227, 194, 122);
}
.faq {
  background: rgb(237, 230, 218);
  color: rgb(10, 10, 10);
}
.faq__row {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: 40px clamp(40px, 6vw, 96px);
}
.ol-em-2 {
  color: rgb(58, 15, 24);
}
.faq__text {
  font-size: 15px;
  line-height: 1.7;
  color: rgb(43, 38, 33);
}
.faq__link {
  color: rgb(58, 15, 24);
}
.faq__stack {
  flex: 1.6 1 480px;
  min-width: 0px;
  border-top: 2px solid rgb(10, 10, 10);
}
.faq__box {
  border-bottom: 1px solid rgb(217, 209, 195);
}
.faq__btn {
  all: unset;
  cursor: pointer;
  box-sizing: border-box;
  gap: 20px;
  padding: 22px 0px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 2vw, 25px);
  color: rgb(10, 10, 10);
}
.faq__btn:hover {
  color: rgb(58, 15, 24);
}
.faq__span {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  background: rgb(10, 10, 10);
  color: rgb(227, 194, 122);
  font-family: Inter, sans-serif;
  font-size: 18px;
}
.faq__text-2 {
  margin: 0px 0px 24px;
  max-width: 760px;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgb(43, 38, 33);
}
.contact__overlay {
  background-image: url("../images/city-bookcase.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.45;
}
.contact__overlay-2 {
  background: linear-gradient(90deg, rgba(58, 15, 24, 0.94) 0%, rgba(58, 15, 24, 0.82) 100%);
}
.contact__stack {
  flex: 1 1 420px;
  background: transparent;
  padding: clamp(56px, 7vw, 100px) clamp(24px, 4vw, 56px);
  gap: 22px;
}
.contact__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 5.4vw, 78px);
  line-height: 0.95;
  color: rgb(245, 241, 234);
}
.contact__text {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.85);
  max-width: 520px;
}
.contact__stack-2 {
  gap: 14px;
  padding-top: 12px;
}
.contact__link {
  gap: 2px;
  color: rgb(245, 241, 234);
}
.contact__link:hover {
  color: rgb(227, 194, 122);
}
.contact__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
}
.contact__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
}
.contact__box {
  flex: 1.2 1 460px;
  background: rgba(0, 0, 0, 0.22);
  border-left: 1px solid rgba(201, 164, 92, 0.3);
  padding: clamp(56px, 7vw, 100px) clamp(24px, 4vw, 56px);
}
.contact__h3 {
  margin: 0px 0px 6px;
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  color: rgb(245, 241, 234);
}
.contact__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
}
.contact__input {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(245, 241, 234, 0.2);
  color: rgb(245, 241, 234);
  font-size: 15px;
  outline: none;
}
.contact__textarea {
  padding: 16px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(245, 241, 234, 0.2);
  color: rgb(245, 241, 234);
  font-size: 15px;
  outline: none;
  resize: vertical;
}
.contact__text-2 {
  font-size: 12px;
  line-height: 1.6;
  color: rgba(245, 241, 234, 0.55);
}
.contact__btn {
  all: unset;
  cursor: pointer;
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 17px 30px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.contact__btn:hover {
  background: rgb(227, 194, 122);
}
.ol-stack-7 {
  gap: 12px;
}
.contact__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
  color: rgb(227, 194, 122);
}
.contact__text-3 {
  font-size: 15.5px;
  color: rgba(245, 241, 234, 0.8);
}
.footer__footer {
  background: rgb(8, 6, 5);
  color: rgb(168, 159, 146);
  border-top: 1px solid rgba(245, 240, 232, 0.06);
}
.footer__stack {
  max-width: 1280px;
  padding: 72px clamp(20px, 4vw, 56px) 40px;
}
.footer__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 40px;
}
.footer__img {
  height: 96px;
  width: auto;
}
.footer__span {
  font-size: 14px;
  line-height: 1.7;
}
.footer__link {
  color: rgb(245, 240, 232);
  font-size: 14px;
}
.footer__stack-2 {
  gap: 9px;
  font-size: 14px;
  line-height: 1.55;
}
.footer__label {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgb(201, 164, 92);
  padding-bottom: 6px;
}
.footer__link-2 {
  color: rgba(245, 240, 232, 0.72);
}
.footer__link-2:hover {
  color: rgb(227, 194, 122);
}
.footer__span-2 {
  color: rgb(245, 240, 232);
}
.footer__stack-3 {
  gap: 10px;
  padding-top: 28px;
  border-top: 1px solid rgba(245, 240, 232, 0.08);
  font-size: 12px;
  line-height: 1.7;
  color: rgb(126, 119, 108);
}
.footer__label-2 {
  color: rgb(168, 159, 146);
  letter-spacing: 0.12em;
}
.footer__text {
  max-width: 960px;
}
.header__link-6 {
  color: rgba(245, 240, 232, 0.78);
}
.header__link-6:hover {
  color: rgb(212, 188, 133);
}
.header__btn-3 {
  all: unset;
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: rgb(184, 154, 90);
  font-size: 9px;
  transform: none;
  transition: transform 0.2s;
}
.header__stack-3 {
  position: absolute;
  top: calc(100% + 16px);
  left: -16px;
  width: 280px;
  background: rgb(23, 19, 14);
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgba(184, 154, 90, 0.35) rgba(184, 154, 90, 0.35);
  border-image: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 48px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  z-index: 30;
}
.header__stack-4 {
  position: absolute;
  top: calc(100% + 16px);
  left: -16px;
  width: 240px;
  background: rgb(23, 19, 14);
  border-width: 2px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgba(184, 154, 90, 0.35) rgba(184, 154, 90, 0.35);
  border-image: none;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 24px 48px;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  z-index: 30;
}
.header__link-7 {
  font-size: 13px;
  color: rgba(245, 240, 232, 0.78);
}
.header__link-7:hover {
  color: rgb(212, 188, 133);
}
.header__btn-4 {
  background: rgb(184, 154, 90);
  color: rgb(10, 10, 10);
  padding: 11px 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.header__btn-4:hover {
  background: rgb(212, 188, 133);
  color: rgb(10, 10, 10);
}
.hero__overlay-3 {
  background-image: url("../images/city-chamber.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.4;
}
.hero__overlay-4 {
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.8) 50%, rgba(14, 26, 51, 0.6) 100%);
}
.hero__row {
  max-width: 1320px;
}
.hero__stack-2 {
  flex: 1.2 1 440px;
  min-width: 0px;
  padding: 170px clamp(20px, 4vw, 56px) clamp(56px, 7vw, 96px);
}
.hero__h1-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(52px, 7vw, 104px);
  line-height: 0.92;
  color: rgb(245, 241, 234);
}
.hero__stack-3 {
  gap: 14px;
  padding-left: 24px;
  border-left: 1px solid rgba(201, 164, 92, 0.5);
  max-width: 620px;
}
.ol-text {
  font-size: 17px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.88);
  text-wrap: pretty;
}
.hero__text-3 {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.72);
  text-wrap: pretty;
}
.hero__row-2 {
  gap: 12px;
  padding-top: 6px;
}
.hero__link-2 {
  border: 1px solid rgba(245, 241, 234, 0.45);
  color: rgb(245, 241, 234);
  padding: 16px 28px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.hero__link-2:hover {
  border-color: rgb(227, 194, 122);
  color: rgb(227, 194, 122);
}
.hero__box {
  flex: 1 1 340px;
  min-height: 560px;
}
.hero__img {
  object-position: center 12%;
  mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 35%);
}
.hero__overlay-5 {
  inset: auto 0px 0px;
  height: 35%;
  background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.9));
}
.hero__stack-4 {
  right: clamp(20px, 3vw, 40px);
  bottom: clamp(24px, 4vw, 48px);
}
.hero__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  color: rgb(245, 241, 234);
}
.quote {
  background: rgb(58, 15, 24);
  border-top: 3px solid rgb(201, 164, 92);
}
.quote__box {
  max-width: 1100px;
  padding: clamp(64px, 8vw, 110px) clamp(20px, 4vw, 56px);
}
.quote__text {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.35;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.meet-attorney__row {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: 56px clamp(40px, 6vw, 96px);
}
.meet-attorney__stack {
  flex: 1.1 1 440px;
  min-width: 0px;
  gap: 20px;
}
.ol-h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 0.98;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.meet-attorney__text {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.4;
  color: rgb(58, 15, 24);
}
.meet-attorney__text-2 {
  font-size: 16px;
  line-height: 1.8;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.meet-attorney__stack-2 {
  flex: 1 1 400px;
  min-width: 0px;
}
.meet-attorney__box {
  aspect-ratio: 16 / 9;
  background: rgb(0, 0, 0);
  box-shadow: rgb(14, 26, 51) 22px 22px 0px;
}
.meet-attorney__stack-3 {
  padding-top: 20px;
  gap: 6px;
}
.meet-attorney__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: rgb(10, 10, 10);
}
.meet-attorney__span-2 {
  font-size: 14px;
  color: rgb(74, 67, 59);
}
.ol-stack-8 {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: clamp(40px, 5vw, 64px);
}
.ol-h2-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 0.98;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.credentials__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  gap: 48px clamp(40px, 6vw, 96px);
}
.credentials__label {
  font-size: 11px;
  letter-spacing: 0.2em;
  color: rgb(227, 194, 122);
  padding-bottom: 14px;
}
.credentials__stack {
  flex: 1 1 0%;
}
.credentials__span {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.25;
  color: rgb(245, 241, 234);
  padding: 20px 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.3);
  flex: 1 1 0%;
}
.credentials__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.25;
  color: rgb(245, 241, 234);
  padding: 20px 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.3);
  border-bottom: 1px solid rgba(227, 194, 122, 0.3);
  flex: 1 1 0%;
}
.ol-block-7 {
  background: rgb(14, 26, 51);
}
.approach__overlay {
  background-image: url("../images/city-gavel-hand.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.5;
}
.approach__overlay-2 {
  background: linear-gradient(rgba(14, 26, 51, 0.82) 0%, rgba(14, 26, 51, 0.9) 100%);
}
.approach__stack-6 {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: clamp(48px, 6vw, 80px);
}
.ol-stack-9 {
  gap: 18px;
}
.ol-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 40px 32px;
}
.ol-stack-10 {
  gap: 14px;
}
.approach__span-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 96px;
  line-height: 0.8;
  color: transparent;
  -webkit-text-stroke: 1px rgb(201, 164, 92);
}
.approach__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(245, 241, 234);
  line-height: 1.1;
}
.ol-text-2 {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.8);
  text-wrap: pretty;
}
.approach__stack-7 {
  gap: 14px;
  padding-top: 0px;
}
.what-we-handle__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 4vw, 56px);
}
.ol-stack-11 {
  gap: 18px;
  max-width: 720px;
}
.what-we-handle__text {
  max-width: 440px;
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
}
.what-we-handle__stack-2 {
  border-bottom: 1px solid rgb(207, 197, 179);
}
.what-we-handle__link {
  grid-template-columns: minmax(0px, 90px) minmax(0px, 1fr) minmax(0px, 1.4fr) 40px;
  gap: 12px 32px;
  padding: 30px 0px;
  border-top: 1px solid rgb(207, 197, 179);
  color: rgb(10, 10, 10);
}
.what-we-handle__link:hover {
  color: rgb(58, 15, 24);
  padding-left: 12px;
}
.what-we-handle__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: rgb(122, 94, 42);
}
.what-we-handle__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(28px, 2.8vw, 40px);
  line-height: 1.05;
}
.what-we-handle__span-3 {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
}
.what-we-handle__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(58, 15, 24);
}
.advocacy__overlay {
  background-image: url("../images/law-justice.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.45;
}
.advocacy__overlay-2 {
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.75) 60%, rgba(58, 15, 24, 0.55) 100%);
}
.advocacy__box {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
}
.advocacy__stack {
  max-width: 720px;
  gap: 22px;
}
.advocacy__text {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.8);
  text-wrap: pretty;
}
.fees__row {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: 48px clamp(40px, 6vw, 96px);
}
.fees__stack {
  flex: 1 1 380px;
  gap: 20px;
}
.ol-text-3 {
  font-size: 16px;
  line-height: 1.8;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.fees__text {
  font-size: 15px;
  line-height: 1.8;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.fees__stack-2 {
  flex: 1 1 380px;
}
.fees__row-2 {
  padding: 22px 0px;
  border-top: 1px solid rgb(207, 197, 179);
}
.fees__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 44px;
  color: rgb(122, 94, 42);
  min-width: 110px;
}
.fees__span-2 {
  font-size: 15.5px;
  line-height: 1.6;
  color: rgb(10, 10, 10);
}
.fees__row-3 {
  padding: 22px 0px;
  border-top: 1px solid rgb(207, 197, 179);
  border-bottom: 1px solid rgb(207, 197, 179);
}
.client-words__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 48px;
  color: rgb(58, 15, 24);
}
.client-words__span-2 {
  font-size: 20px;
  color: rgb(122, 94, 42);
}
.client-words__figure {
  gap: 18px;
  padding-top: 26px;
  border-top: 2px solid rgb(58, 15, 24);
}
.client-words__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 70px;
  line-height: 0.4;
  height: 28px;
  color: rgb(201, 164, 92);
}
.client-words__blockquote {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 1.8vw, 24px);
  line-height: 1.5;
  color: rgb(10, 10, 10);
  text-wrap: pretty;
}
.client-words__box {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgb(58, 15, 24);
}
.where-we-serve {
  background: rgb(14, 26, 51);
  border-top: 1px solid rgba(227, 194, 122, 0.2);
}
.where-we-serve__row {
  max-width: 1320px;
}
.where-we-serve__stack {
  flex: 1.3 1 460px;
  background: rgb(14, 26, 51);
  color: rgb(245, 241, 234);
  padding: clamp(56px, 7vw, 100px) clamp(24px, 4vw, 56px);
  gap: 20px;
}
.where-we-serve__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 4.2vw, 58px);
  color: rgb(245, 241, 234);
}
.where-we-serve__stack-2 {
  border-bottom: 1px solid rgba(227, 194, 122, 0.3);
  margin-top: 8px;
}
.where-we-serve__grid {
  grid-template-columns: minmax(0px, 1fr) auto;
  gap: 6px 24px;
  padding: 24px 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.3);
}
.where-we-serve__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  color: rgb(245, 241, 234);
}
.where-we-serve__link {
  font-size: 15px;
  color: rgb(227, 194, 122);
}
.where-we-serve__link:hover {
  color: rgb(245, 241, 234);
}
.where-we-serve__span-2 {
  grid-column: 1 / -1;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(245, 241, 234, 0.8);
}
.where-we-serve__box {
  flex: 1 1 380px;
  background: rgb(14, 26, 51);
  min-height: 520px;
  border-left: 1px solid rgba(227, 194, 122, 0.25);
}
.where-we-serve__overlay {
  background-image: url("../images/loc-houston.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.4;
}
.where-we-serve__overlay-2 {
  background: linear-gradient(rgba(14, 26, 51, 0.6), rgba(14, 26, 51, 0.96));
}
.where-we-serve__stack-3 {
  padding: clamp(56px, 7vw, 100px) clamp(24px, 4vw, 56px);
  gap: 18px;
}
.where-we-serve__text {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.85);
  text-wrap: pretty;
}
.where-we-serve__stack-4 {
  padding-top: 12px;
  border-top: 1px solid rgba(227, 194, 122, 0.35);
}
.where-we-serve__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(245, 241, 234);
}
.where-we-serve__span-4 {
  font-size: 14.5px;
  color: rgba(245, 241, 234, 0.78);
}
.where-we-serve__link-2 {
  font-size: 15px;
  color: rgb(227, 194, 122);
}
.where-we-serve__link-2:hover {
  color: rgb(245, 241, 234);
}
.where-we-serve__link-3 {
  font-size: 13px;
  letter-spacing: 0.08em;
  color: rgb(227, 194, 122);
}
.where-we-serve__link-3:hover {
  color: rgb(245, 241, 234);
}
.cta__overlay {
  background-image: url("../images/city-bookcase.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.35;
}
.cta__overlay-2 {
  background: linear-gradient(90deg, rgba(58, 15, 24, 0.95), rgba(10, 10, 10, 0.8));
}
.cta__row {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: 32px 64px;
}
.cta__stack {
  flex: 1 1 520px;
  max-width: 760px;
  gap: 20px;
}
.cta__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(48px, 6vw, 92px);
  line-height: 0.92;
  color: rgb(245, 241, 234);
}
.cta__link {
  font-size: 15px;
  color: rgb(227, 194, 122);
}
.cta__link:hover {
  color: rgb(245, 241, 234);
}
.footer__label-3 {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgb(184, 154, 90);
  padding-bottom: 6px;
}
.footer__link-3 {
  color: rgba(245, 240, 232, 0.72);
}
.footer__link-3:hover {
  color: rgb(212, 188, 133);
}
.footer__span-3 {
  color: rgb(212, 188, 133);
}
.hero__overlay-6 {
  background-image: url("../images/city-red-courtroom.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.5;
}
.hero__overlay-7 {
  background: linear-gradient(90deg, rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0.88) 45%, rgba(14, 26, 51, 0.55) 100%);
}
.hero__stack-5 {
  max-width: 1320px;
  padding: clamp(160px, 15vw, 200px) clamp(20px, 4vw, 56px) 0px;
  gap: 28px;
}
.hero__h1-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 9vw, 140px);
  line-height: 0.88;
  letter-spacing: -0.02em;
  color: rgb(245, 241, 234);
  max-width: 1100px;
}
.ol-em-3 {
  color: rgb(227, 194, 122);
}
.hero__row-3 {
  gap: 28px 64px;
}
.hero__stack-6 {
  flex: 1 1 480px;
  max-width: 640px;
  gap: 14px;
}
.hero__text-4 {
  font-size: 18px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.9);
  text-wrap: pretty;
}
.hero__text-5 {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.72);
  text-wrap: pretty;
}
.hero__grid-2 {
  max-width: 1320px;
  padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 56px) clamp(48px, 6vw, 80px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 22px 0px;
}
.hero__span-2 {
  gap: 12px;
  padding: 4px 20px;
  border-left: 1px solid rgba(227, 194, 122, 0.5);
}
.hero__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 5vw, 68px);
  color: rgb(227, 194, 122);
}
.hero__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(245, 241, 234);
}
.ol-block-8 {
  background: rgb(237, 230, 218);
}
.attorney__box-2 {
  left: clamp(12px, 3vw, 40px);
  bottom: -0.16em;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(110px, 15vw, 240px);
  color: transparent;
  -webkit-text-stroke: 1px rgba(122, 94, 42, 0.3);
}
.attorney__row-2 {
  max-width: 1400px;
}
.attorney__stack-3 {
  flex: 1.2 1 420px;
  min-width: 0px;
  max-width: 720px;
  padding: clamp(72px, 10vw, 150px) clamp(20px, 4vw, 56px) clamp(150px, 16vw, 240px);
  gap: 26px;
}
.attorney__label {
  font-size: 12px;
  letter-spacing: 0.24em;
  color: rgb(122, 94, 42);
}
.attorney__h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 5.4vw, 80px);
  line-height: 0.95;
  color: rgb(10, 10, 10);
}
.attorney__box-3 {
  padding-left: clamp(36px, 4vw, 56px);
}
.attorney__span-2 {
  top: -0.12em;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(80px, 8vw, 120px);
  color: rgb(201, 164, 92);
}
.attorney__text-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.35;
  color: rgb(10, 10, 10);
  text-wrap: pretty;
}
.attorney__text-4 {
  font-size: 16px;
  line-height: 1.85;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.attorney__stack-4 {
  gap: 10px;
  padding-top: 6px;
}
.attorney__text-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(19px, 1.7vw, 23px);
  line-height: 1.55;
  color: rgb(10, 10, 10);
}
.attorney__span-3 {
  color: rgb(201, 164, 92);
}
.attorney__box-4 {
  flex: 1 1 340px;
  min-height: 560px;
}
.attorney__img-2 {
  object-position: center 15%;
  mask-image: linear-gradient(90deg, transparent 0%, rgb(0, 0, 0) 38%);
}
.attorney__overlay {
  inset: auto 0px 0px;
  height: 40%;
  background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.85));
}
.reasons {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.reasons__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: clamp(80px, 10vw, 140px);
}
.reasons__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 6vw, 88px);
  line-height: 0.95;
  max-width: 900px;
}
.reasons__text {
  max-width: 520px;
  font-size: 16px;
  line-height: 1.75;
  color: rgb(43, 38, 33);
}
.reasons__row {
  gap: 32px clamp(40px, 6vw, 96px);
  margin-left: 0px;
}
.reasons__box {
  flex: 1 1 300px;
  max-width: 520px;
  min-height: 320px;
}
.reasons__span {
  left: -0.06em;
  top: -0.28em;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(180px, 22vw, 320px);
  color: transparent;
  -webkit-text-stroke: 1.5px rgb(201, 164, 92);
  opacity: 0.9;
}
.reasons__box-2 {
  margin-left: clamp(60px, 8vw, 120px);
  margin-top: clamp(60px, 7vw, 110px);
  aspect-ratio: 4 / 3;
  box-shadow: rgb(14, 26, 51) 24px 24px 0px;
}
.reasons__stack-2 {
  flex: 1 1 380px;
  min-width: 0px;
}
.reasons__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 3.6vw, 52px);
  color: rgb(10, 10, 10);
}
.reasons__text-2 {
  font-size: 17px;
  line-height: 1.8;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.reasons__text-3 {
  font-size: 15.5px;
  line-height: 1.8;
  color: rgb(74, 67, 59);
  text-wrap: pretty;
}
.reasons__row-2 {
  flex-flow: row-reverse wrap;
  gap: 32px clamp(40px, 6vw, 96px);
  margin-left: 0px;
}
.reasons__span-2 {
  right: -0.06em;
  top: -0.28em;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(180px, 22vw, 320px);
  color: transparent;
  -webkit-text-stroke: 1.5px rgb(201, 164, 92);
  opacity: 0.9;
}
.reasons__box-3 {
  margin-right: clamp(60px, 8vw, 120px);
  margin-top: clamp(60px, 7vw, 110px);
  aspect-ratio: 4 / 3;
  box-shadow: rgb(58, 15, 24) 24px 24px 0px;
}
.problem-solving__overlay {
  background-image: url("../images/city-bronze-justice.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.4;
}
.problem-solving__overlay-2 {
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.8) 55%, rgba(58, 15, 24, 0.6) 100%);
}
.problem-solving__row {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 130px) clamp(20px, 4vw, 56px);
  gap: 48px clamp(40px, 6vw, 96px);
}
.problem-solving__stack {
  flex: 1 1 360px;
  gap: 22px;
}
.problem-solving__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 0.98;
  color: rgb(245, 241, 234);
}
.problem-solving__text {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.4;
  color: rgb(245, 241, 234);
}
.problem-solving__text-2 {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.75);
}
.problem-solving__stack-2 {
  flex: 1.2 1 420px;
  min-width: 0px;
}
.problem-solving__label {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
  padding-bottom: 14px;
}
.problem-solving__row-2 {
  gap: 20px;
  padding: 22px 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.35);
}
.problem-solving__span {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(22px, 2.2vw, 28px);
  color: rgb(245, 241, 234);
}
.problem-solving__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(201, 164, 92);
}
.problem-solving__row-3 {
  gap: 20px;
  padding: 22px 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.35);
  border-bottom: 1px solid rgba(227, 194, 122, 0.35);
}
.where-we-practice__box {
  width: 42%;
  background-image: url("../images/loc-jersey-city.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.35;
  clip-path: polygon(30% 0px, 100% 0px, 100% 100%, 0px 100%);
}
.where-we-practice__overlay {
  background: linear-gradient(90deg, rgb(14, 26, 51) 45%, rgba(14, 26, 51, 0.4) 100%);
}
.where-we-practice__stack {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 4vw, 56px);
}
.where-we-practice__stack-2 {
  gap: 18px;
  max-width: 820px;
}
.where-we-practice__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 4.4vw, 60px);
  color: rgb(245, 241, 234);
}
.where-we-practice__text {
  max-width: 620px;
  font-size: 15.5px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.8);
}
.where-we-practice__stack-3 {
  border-bottom: 1px solid rgba(227, 194, 122, 0.3);
}
.where-we-practice__link {
  gap: 8px 24px;
  padding: clamp(18px, 2.4vw, 30px) 0px;
  border-top: 1px solid rgba(227, 194, 122, 0.3);
  color: rgb(245, 241, 234);
}
.where-we-practice__link:hover {
  color: rgb(227, 194, 122);
  padding-left: 16px;
}
.where-we-practice__span {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 6vw, 88px);
  line-height: 0.95;
}
.where-we-practice__label {
  font-size: 12px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
}
.where-we-practice__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
  letter-spacing: 0px;
}
.where-we-practice__em {
  color: inherit;
}
.cta__overlay-3 {
  background-image: url("../images/city-courtroom-wood.jpg");
  background-size: cover;
  background-position: center center;
  opacity: 0.4;
}
.cta__overlay-4 {
  background: linear-gradient(rgba(10, 10, 10, 0.7) 0%, rgba(58, 15, 24, 0.85) 60%, rgb(58, 15, 24) 100%);
}
.cta__row-2 {
  max-width: 1320px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px);
  gap: 56px clamp(40px, 7vw, 120px);
}
.cta__stack-2 {
  flex: 1 1 380px;
  gap: 22px;
}
.cta__h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(52px, 7vw, 104px);
  line-height: 0.9;
  color: rgb(245, 241, 234);
}
.cta__text {
  font-size: 16.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.88);
  max-width: 520px;
}
.cta__row-3 {
  gap: 20px 44px;
  padding-top: 10px;
}
.cta__link-2 {
  color: rgb(245, 241, 234);
}
.cta__link-2:hover {
  color: rgb(227, 194, 122);
}
.cta__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
}
.cta__box {
  flex: 1 1 420px;
  min-width: 0px;
}
.ol-stack-12 {
  gap: 22px;
}
.cta__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(227, 194, 122);
}
.cta__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 22px 32px;
}
.cta__input {
  padding: 14px 0px;
  background: transparent;
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgba(245, 241, 234, 0.35);
  border-image: none;
  color: rgb(245, 241, 234);
  font-size: 16px;
  outline: none;
}
.cta__textarea {
  padding: 14px 0px;
  background: transparent;
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgba(245, 241, 234, 0.35);
  border-image: none;
  color: rgb(245, 241, 234);
  font-size: 16px;
  outline: none;
  resize: vertical;
}
.cta__text-2 {
  font-size: 12px;
  line-height: 1.6;
  color: rgba(245, 241, 234, 0.6);
}
.cta__btn {
  all: unset;
  cursor: pointer;
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 17px 28px;
  font-size: 13px;
  letter-spacing: 0.1em;
}
.cta__btn:hover {
  background: rgb(227, 194, 122);
}
.cta__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  color: rgb(227, 194, 122);
}
.cta__text-3 {
  font-size: 15.5px;
  color: rgba(245, 241, 234, 0.85);
}
.page__box-2 {
  min-height: 100vh;
  background: rgb(12, 10, 8);
}
.header__btn-5 {
  background: rgb(184, 154, 90);
  color: rgb(12, 10, 8);
  padding: 11px 20px;
  font-size: 12px;
  letter-spacing: 0.1em;
}
.header__btn-5:hover {
  background: rgb(212, 188, 133);
  color: rgb(12, 10, 8);
}
.hero-2 {
  min-height: min(90vh, 800px);
  background: rgb(12, 10, 8);
}
.hero__overlay-8 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/city-bookcase.jpg");
}
.hero__overlay-9 {
  background: linear-gradient(90deg, rgba(12, 10, 8, 0.9) 0%, rgba(12, 10, 8, 0.66) 55%, rgba(12, 10, 8, 0.38) 100%);
}
.hero__grid-3 {
  max-width: 1280px;
  padding: 170px clamp(20px, 4vw, 56px) clamp(56px, 7vw, 96px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: 36px clamp(40px, 6vw, 96px);
  align-items: end;
}
.hero__label-2 {
  font-size: 12px;
  letter-spacing: 0.24em;
  color: rgb(184, 154, 90);
}
.hero__h1-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 6vw, 84px);
  line-height: 1.02;
  color: rgb(245, 240, 232);
  text-wrap: balance;
}
.hero__em-2 {
  color: rgb(212, 188, 133);
}
.hero__btn-2 {
  background: rgb(184, 154, 90);
  color: rgb(12, 10, 8);
  padding: 17px 28px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.hero__btn-2:hover {
  background: rgb(212, 188, 133);
  color: rgb(12, 10, 8);
}
.hero__link-3 {
  border: 1px solid rgba(245, 240, 232, 0.45);
  color: rgb(245, 240, 232);
  padding: 16px 28px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.hero__link-3:hover {
  border-color: rgb(184, 154, 90);
  color: rgb(212, 188, 133);
}
.hero__stack-7 {
  background: rgba(23, 19, 14, 0.94);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgba(184, 154, 90, 0.35) rgba(184, 154, 90, 0.35);
  border-image: none;
  padding: clamp(24px, 3vw, 36px);
}
.hero__span-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  color: rgb(245, 240, 232);
}
.hero__grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
}
.hero__input {
  background: rgb(12, 10, 8);
  border: 1px solid rgba(245, 240, 232, 0.15);
  color: rgb(245, 240, 232);
  padding: 15px 16px;
  font-size: 15px;
  outline: none;
}
.hero__input:focus {
  border-color: rgb(184, 154, 90);
}
.hero__select {
  background: rgb(12, 10, 8);
  border: 1px solid rgba(245, 240, 232, 0.15);
  color: rgb(245, 240, 232);
  padding: 15px 16px;
  font-size: 15px;
  outline: none;
}
.hero__textarea {
  background: rgb(12, 10, 8);
  border: 1px solid rgba(245, 240, 232, 0.15);
  color: rgb(245, 240, 232);
  padding: 15px 16px;
  font-size: 15px;
  outline: none;
  resize: vertical;
}
.hero__textarea:focus {
  border-color: rgb(184, 154, 90);
}
.hero__btn-3 {
  all: unset;
  cursor: pointer;
  background: rgb(184, 154, 90);
  color: rgb(12, 10, 8);
  padding: 17px 28px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.hero__btn-3:hover {
  background: rgb(212, 188, 133);
}
.hero__text-6 {
  font-size: 12px;
  line-height: 1.6;
  color: rgb(142, 134, 122);
}
.hero__span-6 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(212, 188, 133);
}
.ol-block-9 {
  background: rgb(12, 10, 8);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #F5F0E8;
  --muted: rgba(245,240,232,0.78);
  --em: #D4BC85;
  --gold: #B89A5A;
  --card: #17130E;
  --line: rgba(245,240,232,0.1);
  --dim: #A89F92;
}
.band__overlay {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/new-law-books-red.jpg");
}
.band__overlay-2 {
  background: radial-gradient(rgba(12, 10, 8, 0.5) 0%, rgba(12, 10, 8, 0.7) 70%, rgba(12, 10, 8, 0.86) 100%);
}
.ol-stack-13 {
  max-width: 1280px;
  padding: clamp(72px, 9vw, 128px) clamp(20px, 4vw, 56px);
  gap: clamp(32px, 4vw, 52px);
}
.band__stack {
  gap: 18px;
  max-width: 860px;
}
.ol-h2-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.06;
  color: var(--ink);
  text-wrap: balance;
}
.ol-em-4 {
  color: var(--em);
}
.ol-text-4 {
  font-size: 16px;
  line-height: 1.8;
  /*color: rgba(245, 240, 232, 0.8);*/
  color: inherit ;
  text-wrap: pretty;
}
.chapters__stack-3.d-flex.flex-column {
    color: initial;
}
#s6 .chapters__stack-3.d-flex.flex-column {
    color: inherit;
}
.ol-block-10 {
  background: rgb(245, 241, 234);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #0A0A0A;
  --muted: #3F3830;
  --em: #3A0F18;
  --gold: #7A5E2A;
  --card: #EDE6DA;
  --line: #D3CABB;
  --dim: #6E655A;
}
.ol-stack-14 {
  gap: 18px;
  max-width: 860px;
}
.ol-row-7 {
  gap: 18px;
}
.offices__btn {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  background: var(--card);
  border: 1px solid rgba(184, 154, 90, 0.25);
  color: var(--ink);
}
.offices__btn:hover {
  border-color: var(--gold);
  color: var(--ink);
}
.offices__box {
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/loc-toms-river.jpg");
}
.offices__overlay {
  background: linear-gradient(rgba(12, 10, 8, 0.1), rgba(12, 10, 8, 0.85));
}
.offices__span {
  left: 22px;
  bottom: 18px;
  font-family: "Cormorant Garamond", serif;
  font-size: 30px;
  color: rgb(255, 255, 255);
}
.offices__stack {
  padding: 22px;
}
.offices__span-2 {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(245, 240, 232, 0.8);
}
.offices__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: var(--em);
}
.offices__box-2 {
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/loc-jersey-city.jpg");
}
.offices__box-3 {
  aspect-ratio: 4 / 3;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/loc-newark.jpg");
}
.band__overlay-3 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/loc-houston.jpg");
}
.hero__overlay-10 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/courtroom-wide.jpg");
}
.hero__stack-8 {
  padding-left: 28px;
  border-left: 1px solid rgba(184, 154, 90, 0.45);
}
.hero__text-7 {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(245, 240, 232, 0.82);
  text-wrap: pretty;
}
.ol-stack-15 {
  gap: 20px;
}
.areas__row {
  flex-flow: wrap;
  border: 1px solid rgba(184, 154, 90, 0.25);
  background: var(--card);
}
.areas__row-2 {
  flex: 1 1 320px;
  min-width: 0px;
  background: var(--card);
}
.areas__box {
  aspect-ratio: 1.582 / 1;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/dv-book.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.areas__stack {
  flex: 1.6 1 440px;
  min-width: 0px;
  padding: clamp(28px, 4vw, 52px);
}
.areas__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: var(--gold);
}
.areas__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(32px, 3.4vw, 46px);
  line-height: 1.08;
  color: var(--ink);
}
.areas__text {
  font-size: 15px;
  line-height: 1.8;
  color: var(--muted);
}
.areas__link {
  margin-top: 6px;
  border: 1px solid rgb(184, 154, 90);
  color: var(--gold);
  padding: 13px 22px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.areas__link:hover {
  background: rgb(184, 154, 90);
  color: rgb(12, 10, 8);
}
.areas__row-3 {
  flex-flow: row-reverse wrap;
  border: 1px solid rgba(184, 154, 90, 0.25);
  background: var(--card);
}
.areas__box-2 {
  aspect-ratio: 1.795 / 1;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/dui-law.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.areas__span-2 {
  font-size: 13px;
  color: var(--ink);
  border: 1px solid rgba(184, 154, 90, 0.35);
  background: rgba(94, 29, 29, 0.35);
  padding: 8px 14px;
}
.areas__text-2 {
  font-size: 14px;
  line-height: 1.7;
  color: var(--dim);
}
.areas__box-3 {
  aspect-ratio: 1.91 / 1;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/cc-letters.jpg");
  filter: none;
}
.areas__box-4 {
  aspect-ratio: 0.653 / 1;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/city-gavel-hand.jpg");
  filter: none;
}
.areas__box-5 {
  aspect-ratio: 1.551 / 1;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/immigration-law.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.split__row {
  flex-flow: row-reverse wrap;
  gap: 48px clamp(40px, 6vw, 96px);
}
.split__stack {
  flex: 1.3 1 440px;
  min-width: 0px;
  gap: 20px;
}
.ol-label-6 {
  font-size: 12px;
  letter-spacing: 0.24em;
  color: var(--gold);
}
.split__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.08;
  color: var(--ink);
  text-wrap: balance;
}
.split__box {
  width: 48px;
  height: 1px;
  background: rgb(184, 154, 90);
}
.split__text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
  text-wrap: pretty;
}
.split__box-2 {
  flex: 1 1 320px;
  max-width: 460px;
  padding: 0px 18px 18px 0px;
}
.split__box-3 {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border: 1px solid rgba(184, 154, 90, 0.4);
}
.split__box-4 {
  aspect-ratio: 0.919 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/city-gavel-books.jpg");
  filter: none;
}
.ol-overlay {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-red-courtroom.jpg");
}
.cta__overlay-5 {
  background: linear-gradient(90deg, rgba(12, 10, 8, 0.78) 0%, rgba(12, 10, 8, 0.5) 55%, rgba(12, 10, 8, 0.3) 100%);
}
.cta__row-4 {
  gap: 32px 64px;
}
.cta__stack-3 {
  flex: 1 1 440px;
  gap: 20px;
}
.cta__h2-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(42px, 5.4vw, 76px);
  color: var(--ink);
}
.cta__text-4 {
  font-size: 17px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 620px;
}
.cta__stack-4 {
  flex: 0 1 360px;
  gap: 12px;
}
.cta__btn-2 {
  background: rgb(184, 154, 90);
  color: rgb(12, 10, 8);
  padding: 18px 28px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.cta__btn-2:hover {
  background: rgb(212, 188, 133);
  color: rgb(12, 10, 8);
}
.cta__link-3 {
  border: 1px solid rgba(245, 240, 232, 0.45);
  color: var(--ink);
  padding: 17px 28px;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.cta__link-3:hover {
  border-color: var(--gold);
  color: var(--em);
}
.cta__link-4 {
  font-size: 14px;
  color: var(--em);
  padding-top: 4px;
}
.hero__overlay-11 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/loc-jersey-city.jpg");
}
.links__btn {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  border: 1px solid rgba(184, 154, 90, 0.25);
  background: var(--card);
  padding: 28px 30px;
  gap: 12px;
  color: var(--ink);
}
.links__btn:hover {
  background: rgb(42, 14, 14);
  color: var(--ink);
}
.links__span-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 25px;
  line-height: 1.2;
}
.links__span-3 {
  color: var(--gold);
  font-size: 18px;
}
.links__span-4 {
  font-size: 15px;
  line-height: 1.7;
  /*color: rgba(245, 240, 232, 0.7);*/
    color: initial;
}
.links__btn:hover span.d-flex.justify-content-between.gap-3.align-items-baseline,
.links__btn:hover span.links__span-4.fw-light {
    color: #ffffff !important;
}
.ol-block-11 {
  background: rgb(237, 230, 218);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #0A0A0A;
  --muted: #3F3830;
  --em: #3A0F18;
  --gold: #7A5E2A;
  --card: #F5F1EA;
  --line: #D3CABB;
  --dim: #6E655A;
}
.links__btn-2 {
  flex: 0 1 100%;
  min-width: min(100%, 220px);
  border: 1px solid rgba(184, 154, 90, 0.25);
  background: var(--card);
  padding: 28px 30px;
  gap: 12px;
  color: var(--ink);
}
.links__btn-2:hover {
  background: rgb(42, 14, 14);
  color: var(--ink);
}
.cta__overlay-6 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-chamber.jpg");
}
.hero__overlay-12 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/dv-restraining.jpg");
}
.cards__stack {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  background: rgb(237, 230, 218);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgb(207, 197, 179) rgb(207, 197, 179);
  border-image: none;
  padding: clamp(26px, 3vw, 38px);
  gap: 14px;
}
.cards__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 34px;
  color: initial; /* var(--em); */
}
.cards__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 25px;
  line-height: 1.2;
 color: initial; /*var(--ink);*/
}
.cards__text {
  font-size: 15px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.two-sides__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 18px;
}
.two-sides__stack {
  padding: 32px;
  background: rgb(42, 14, 14);
  border: 1px solid rgba(184, 154, 90, 0.3);
  gap: 12px;
}
.two-sides__label {
  font-size: 11px;
  letter-spacing: 0.2em;
  color: var(--em);
}
.two-sides__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  color: var(--ink);
}
.two-sides__text {
  font-size: 16px;
  line-height: 1.75;
  color: var(--muted);
}
.two-sides__stack-2 {
  padding: 32px;
  background: rgb(23, 19, 14);
  border: 1px solid rgba(184, 154, 90, 0.3);
  gap: 12px;
}
.ol-block-12 {
  background: rgb(23, 19, 14);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #F5F0E8;
  --muted: rgba(245,240,232,0.78);
  --em: #D4BC85;
  --gold: #B89A5A;
  --card: #17130E;
  --line: rgba(245,240,232,0.1);
  --dim: #A89F92;
}
.video__row {
  gap: 40px clamp(40px, 5vw, 80px);
}
.video__stack {
  flex: 1 1 300px;
  min-width: 0px;
}
.video__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.1;
  color: var(--ink);
}
.ol-text-5 {
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted);
}
.video__box {
  flex: 1.6 1 480px;
  min-width: 0px;
  aspect-ratio: 16 / 9;
  background: var(--card);
  border: 1px solid rgba(184, 154, 90, 0.3);
}
.split__box-5 {
  aspect-ratio: 1.582 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/dv-book.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.band__overlay-4 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/dv-silhouette.jpg");
}
.faq__stack-2 {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  padding: 28px;
  background: var(--card);
  border: 1px solid rgba(184, 154, 90, 0.22);
  gap: 12px;
}
.faq__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 23px;
  line-height: 1.3;
  color: var(--ink);
}
.faq__text-3 {
  font-size: 13px;
  color: var(--dim);
}
.ol-overlay-2 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-bronze-justice.jpg");
}
.hero__overlay-13 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/dui-keys.jpg");
}
.steps__stack {
  border-top: 1px solid rgba(184, 154, 90, 0.45);
}
.steps__row {
  gap: 12px 48px;
  padding: 32px 0px;
  border-bottom: 1px solid var(--line);
}
.steps__span {
  flex: 0 0 72px;
  font-family: "Cormorant Garamond", serif;
  font-size: 44px;
  color: var(--gold);
}
.steps__h3 {
  flex: 1 1 240px;
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  line-height: 1.2;
  color: var(--ink);
}
.steps__text {
  flex: 2 1 380px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
  text-wrap: pretty;
}
.split__row-2 {
  flex-flow: wrap;
  gap: 48px clamp(40px, 6vw, 96px);
}
.split__box-6 {
  aspect-ratio: 1.795 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/dui-law.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.band__overlay-5 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/courtroom-wide.jpg");
}
.faq-2 {
  background: rgb(58, 15, 24);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #F5F0E8;
  --muted: rgba(245,240,232,0.78);
  --em: #D4BC85;
  --gold: #B89A5A;
  --card: #17130E;
  --line: rgba(245,240,232,0.1);
  --dim: #A89F92;
}
.ol-overlay-3 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-courtroom-wood.jpg");
}
.hero__overlay-14 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/dui-block.jpg");
}
.split__box-7 {
  aspect-ratio: 0.647 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/gavel-open-book.jpg");
  filter: none;
}
.cards__stack-2 {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  background: rgb(94, 29, 29);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgb(122, 43, 43) rgb(122, 43, 43);
  border-image: none;
  padding: clamp(26px, 3vw, 38px);
  gap: 14px;
}
.cards__text-2 {
  font-size: 15px;
  line-height: 1.75;
  color: rgb(234, 217, 208);
  text-wrap: pretty;
}
.cta__overlay-7 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-bookcase.jpg");
}
.hero__overlay-15 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/city-courtroom-wood.jpg");
}
.split__box-8 {
  aspect-ratio: 0.682 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/scales-hand.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.split__box-9 {
  aspect-ratio: 0.798 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/law-gavel-leather.jpg");
  filter: none;
}
.hero-3 {
  background: rgb(12, 10, 8);
  min-height: min(88vh, 780px);
}
.hero__overlay-16 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/city-chamber.jpg");
}
.hero__overlay-17 {
  background: radial-gradient(rgba(42, 14, 14, 0.66) 0%, rgba(12, 10, 8, 0.86) 75%);
}
.hero__grid-5 {
  padding: 170px clamp(20px, 4vw, 56px) clamp(56px, 7vw, 96px);
  gap: 36px clamp(40px, 6vw, 96px);
  place-items: end center;
  max-width: 980px;
  grid-template-columns: 1fr;
}
.hero__row-4 {
  gap: 12px;
  padding-top: 6px;
}
.hero__stack-9 {
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  background: transparent;
  border-top-width: medium;
  border-top-style: none;
  border-top-color: currentcolor;
}
.split {
  background: rgb(28, 13, 11);
  border-top: 1px solid rgba(184, 154, 90, 0.12);
  --ink: #F5F0E8;
  --muted: rgba(245,240,232,0.78);
  --em: #D4BC85;
  --gold: #B89A5A;
  --card: #17130E;
  --line: rgba(245,240,232,0.1);
  --dim: #A89F92;
}
.split__box-10 {
  aspect-ratio: 0.655 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/city-bronze-closeup.jpg");
  filter: none;
}
.split__box-11 {
  aspect-ratio: 0.62 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/books-shelf.jpg");
  filter: none;
}
.cta__overlay-8 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-gavel-books.jpg");
}
.split__box-12 {
  aspect-ratio: 1.54 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/city-bookcase.jpg");
  filter: none;
}
.cta__overlay-9 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/city-statue-facade.jpg");
}
.hero__overlay-18 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/not-guilty-2.jpg");
}
.split__box-13 {
  aspect-ratio: 1.569 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/city-chamber.jpg");
  filter: none;
}
.cta__overlay-10 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/dui-block.jpg");
}
.hero-4 {
  background: rgb(12, 10, 8);
  min-height: min(80vh, 700px);
}
.hero__overlay-19 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/cc-family.jpg");
}
.hero__overlay-20 {
  background: linear-gradient(90deg, rgba(12, 10, 8, 0.45) 0%, rgba(12, 10, 8, 0.82) 55%, rgba(12, 10, 8, 0.92) 100%);
}
.hero__grid-6 {
  padding: 170px clamp(20px, 4vw, 56px) clamp(56px, 7vw, 96px);
  gap: 36px clamp(40px, 6vw, 96px);
  place-items: end stretch;
  max-width: 1280px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
}
.hero__row-5 {
  gap: 12px;
  padding-top: 6px;
}
.hero__stack-10 {
  padding: 28px 0px 0px;
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  background: transparent;
  border-top: 1px solid rgba(184, 154, 90, 0.5);
}
.cards__stack-3 {
  flex: 0 1 calc(33.333% - 12px);
  min-width: min(100%, 220px);
  background: rgb(12, 10, 8);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgb(122, 43, 43) rgb(122, 43, 43);
  border-image: none;
  padding: clamp(26px, 3vw, 38px);
  gap: 14px;
}
.split__box-14 {
  aspect-ratio: 0.972 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/cc-petition.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.band__overlay-6 {
  background-size: cover;
  background-position: center center;
  opacity: 0.62;
  background-image: url("../images/cc-letters.jpg");
}
.priorities__row {
  gap: 12px;
}
.priorities__row-2 {
  flex: 0 1 calc(50% - 9px);
  min-width: min(100%, 200px);
  gap: 14px;
  padding: 20px 22px;
  background: rgba(94, 29, 29, 0.28);
  border: 1px solid rgba(184, 154, 90, 0.22);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
}
.priorities__span {
  width: 7px;
  height: 7px;
  background: rgb(184, 154, 90);
  transform: translateY(-2px);
}
.priorities__text {
  max-width: 860px;
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
}
.faq__stack-3 {
  flex: 0 1 100%;
  min-width: min(100%, 220px);
  padding: 28px;
  background: var(--card);
  border: 1px solid rgba(184, 154, 90, 0.22);
  gap: 12px;
}
.hero__overlay-21 {
  background-size: cover;
  background-position: center center;
  opacity: 0.55;
  filter: saturate(0.75);
  background-image: url("../images/law-books-gavel.jpg");
}
.cards__stack-4 {
  flex: 0 1 calc(50% - 9px);
  min-width: min(100%, 220px);
  background: rgb(237, 230, 218);
  border-width: 3px 1px 1px;
  border-style: solid;
  border-color: rgb(184, 154, 90) rgb(207, 197, 179) rgb(207, 197, 179);
  border-image: none;
  padding: clamp(26px, 3vw, 38px);
  gap: 14px;
}
.split__box-15 {
  aspect-ratio: 1.582 / 1;
  max-height: 620px;
  background-color: var(--card);
  background-size: cover;
  background-position: center center;
  background-image: url("../images/law-justice.jpg");
  filter: brightness(0.72) contrast(1.05);
}
.page__stack {
  min-height: 100vh;
  background: rgb(10, 10, 10);
}
.header__header-2 {
  z-index: 20;
  background: rgb(0, 0, 0);
  border-bottom: 1px solid rgba(201, 164, 92, 0.35);
}
.hero-5 {
  background: rgb(10, 10, 10);
}
.hero__box-2 {
  right: -2vw;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(160px, 24vw, 360px);
  line-height: 0.8;
  color: transparent;
  -webkit-text-stroke: 1px rgba(201, 164, 92, 0.22);
}
.hero__stack-11 {
  max-width: 1280px;
  padding: clamp(72px, 9vw, 128px) clamp(20px, 4vw, 48px) clamp(56px, 7vw, 96px);
  gap: 26px;
}
.hero__row-6 {
  gap: 14px;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgb(227, 194, 122);
}
.hero__h1-5 {
  max-width: 980px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(46px, 6.4vw, 92px);
  line-height: 0.98;
  letter-spacing: -0.01em;
  color: rgb(245, 241, 234);
  text-wrap: balance;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 30px;
}
.hero__row-7 {
  gap: 28px 56px;
  margin-top: 8px;
}
.hero__text-8 {
  flex: 1 1 420px;
  max-width: 640px;
  font-size: 17px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.82);
  text-wrap: pretty;
}
.hero__btn-4 {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 16px 28px;
  font-size: 14px;
}
.hero__btn-4:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.hero__link-4 {
  border: 1px solid rgba(245, 241, 234, 0.4);
  color: rgb(245, 241, 234);
  padding: 16px 28px;
  font-size: 14px;
}
.hero__link-4:hover {
  border-color: rgb(227, 194, 122);
  color: rgb(227, 194, 122);
}
.hero__box-3 {
  aspect-ratio: 16 / 9;
  max-height: 620px;
  background: rgb(0, 0, 0);
}
.hero__img-2 {
  object-position: center center;
}
.hero__overlay-22 {
  background: linear-gradient(rgb(10, 10, 10) 0%, rgba(10, 10, 10, 0) 35%, rgba(10, 10, 10, 0) 70%, rgb(10, 10, 10) 100%);
}
.services {
  background: rgb(10, 10, 10);
  border-top: 1px solid rgba(201, 164, 92, 0.25);
  border-bottom: 1px solid rgba(201, 164, 92, 0.25);
}
.services__row {
  max-width: 1280px;
  padding: 0px clamp(20px, 4vw, 48px);
}
.services__link {
  flex: 1 1 160px;
  padding: 18px 14px;
  border-bottom: 2px solid rgb(201, 164, 92);
  font-size: 13.5px;
  color: rgb(227, 194, 122);
}
.services__link:hover {
  color: rgb(227, 194, 122);
}
.services__link-2 {
  flex: 1 1 160px;
  padding: 18px 14px;
  border-bottom: 2px solid transparent;
  font-size: 13.5px;
  color: rgba(245, 241, 234, 0.72);
}
.services__link-2:hover {
  color: rgb(227, 194, 122);
}
.chapters__box {
  background: rgb(245, 241, 234);
  scroll-margin-top: 0px;
}
.chapters__stack {
  max-width: 1280px;
  padding: clamp(64px, 8vw, 112px) clamp(20px, 4vw, 48px);
  gap: clamp(36px, 4vw, 56px);
}
.chapters__stack-2 {
  gap: 14px;
  max-width: 960px;
}
.chapters__box-2 {
  width: 56px;
  height: 2px;
  background: rgb(122, 94, 42);
}
.chapters__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 4.4vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.005em;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.chapters__stack-3 {
  gap: 22px;
  max-width: 1120px;
  padding-left: clamp(0px, 6vw, 96px);
}
.chapters__h3 {
  margin: 26px 0px 0px;
  max-width: 760px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(26px, 2.6vw, 34px);
  color: rgb(122, 94, 42);
  line-height: 1.15;
}
.chapters__text {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.85;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.chapters__box-3 {
  background: rgb(237, 230, 218);
  scroll-margin-top: 0px;
}
.chapters__text-2 {
  max-width: 860px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1.4;
  color: rgb(10, 10, 10);
  text-wrap: pretty;
}
.chapters__span {
  float: left;
  font-size: 3.1em;
  line-height: 0.82;
  padding: 6px 12px 0px 0px;
  color: rgb(122, 94, 42);
}
.chapters__box-4 {
  background: rgb(10, 10, 10);
  scroll-margin-top: 0px;
}
.chapters__box-5 {
  width: 56px;
  height: 2px;
  background: rgb(227, 194, 122);
}
.chapters__h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 4.4vw, 60px);
  line-height: 1.02;
  letter-spacing: -0.005em;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.chapters__text-3 {
  max-width: 860px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(24px, 2.5vw, 32px);
  line-height: 1.4;
  color: rgb(245, 241, 234);
  text-wrap: pretty;
}
.chapters__span-2 {
  float: left;
  font-size: 3.1em;
  line-height: 0.82;
  padding: 6px 12px 0px 0px;
  color: rgb(227, 194, 122);
}
.chapters__text-4 {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.85;
  color: rgba(245, 241, 234, 0.84);
  text-wrap: pretty;
}
.chapters__box-6 {
  background: rgb(0, 0, 0);
  border-top: 1px solid rgba(201, 164, 92, 0.3);
  border-bottom: 1px solid rgba(201, 164, 92, 0.3);
}
.chapters__row {
  max-width: 1280px;
  padding: 44px clamp(20px, 4vw, 48px);
  gap: 20px 40px;
}
.chapters__box-7 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(28px, 3.2vw, 42px);
  color: rgb(245, 241, 234);
  line-height: 1.1;
  max-width: 760px;
}
.chapters__btn {
  background: rgb(201, 164, 92);
  color: rgb(10, 10, 10);
  padding: 15px 26px;
  font-size: 14px;
}
.chapters__btn:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.chapters__box-8 {
  aspect-ratio: 16 / 9;
  max-height: 560px;
  background: rgb(0, 0, 0);
}
.chapters__overlay {
  background: linear-gradient(rgba(10, 10, 10, 0) 60%, rgb(237, 230, 218) 100%);
}
.chapters__row-2 {
  gap: 12px;
  font-size: 13px;
  letter-spacing: 0.18em;
  color: rgb(122, 94, 42);
}
.chapters__span-3 {
  width: 28px;
  height: 1px;
  background: rgb(122, 94, 42);
}
.chapters__box-9 {
  background: rgb(58, 15, 24);
  scroll-margin-top: 0px;
}
.chapters__h3-2 {
  margin: 26px 0px 0px;
  max-width: 760px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(26px, 2.6vw, 34px);
  color: rgb(227, 194, 122);
  line-height: 1.15;
}
.chapters__overlay-2 {
  background: linear-gradient(rgba(10, 10, 10, 0) 60%, rgb(245, 241, 234) 100%);
}
.attorney__row-3 {
  max-width: 1280px;
}
.attorney__box-5 {
  flex: 1 1 320px;
  min-height: 420px;
  background: rgb(230, 224, 213);
}
.attorney__stack-5 {
  flex: 1.6 1 460px;
  padding: clamp(56px, 7vw, 96px) clamp(24px, 5vw, 72px);
  gap: 18px;
  min-width: 0px;
}
.attorney__box-6 {
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgb(122, 94, 42);
}
.attorney__h2-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 4.8vw, 64px);
  line-height: 0.98;
  color: rgb(10, 10, 10);
}
.ol-span-6 {
  color: rgb(122, 94, 42);
}
.attorney__text-6 {
  font-size: 16.5px;
  line-height: 1.8;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
  max-width: 680px;
}
.attorney__row-4 {
  gap: 24px 56px;
  padding-top: 16px;
  border-top: 1px solid rgb(217, 209, 195);
}
.attorney__box-7 {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: rgb(122, 94, 42);
}
.attorney__box-8 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(10, 10, 10);
}
.more__stack {
  max-width: 1280px;
  padding: clamp(56px, 7vw, 96px) clamp(20px, 4vw, 48px);
  gap: 28px;
}
.more__row {
  gap: 14px;
  font-size: 12px;
  letter-spacing: 0.22em;
  color: rgb(227, 194, 122);
}
.more__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
}
.more__btn {
  aspect-ratio: 1 / 1;
  background: rgb(0, 0, 0);
  color: rgb(245, 241, 234);
}
.more__btn:hover {
  color: rgb(227, 194, 122);
}
.more__span {
  background: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.88) 100%);
}
.more__span-2 {
  padding: 24px;
  gap: 12px;
}
.more__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(26px, 2.4vw, 32px);
  line-height: 1.05;
}
.more__span-4 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 1px solid rgb(201, 164, 92);
  color: rgb(227, 194, 122);
  font-size: 18px;
}
.footer__footer-2 {
  background: rgb(0, 0, 0);
  color: rgb(171, 164, 152);
}
.footer__stack-4 {
  max-width: 1320px;
  padding: 64px clamp(20px, 3.5vw, 48px) 36px;
  gap: 44px;
}
.footer__img-2 {
  height: 88px;
  width: auto;
}
.footer__link-4 {
  color: rgb(245, 241, 234);
  font-size: 14px;
}
.footer__span-4 {
  font-size: 12px;
  color: rgb(227, 194, 122);
  padding-bottom: 6px;
}
.footer__link-5 {
  color: rgba(245, 241, 234, 0.75);
}
.footer__link-5:hover {
  color: rgb(227, 194, 122);
}
.footer__span-5 {
  gap: 2px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(245, 241, 234, 0.6);
}
.footer__stack-5 {
  gap: 10px;
  padding-top: 28px;
  border-top: 1px solid rgba(245, 241, 234, 0.08);
  font-size: 12.5px;
  line-height: 1.7;
  color: rgb(142, 135, 124);
}
.footer__span-6 {
  color: rgb(171, 164, 152);
}
.chapters__row-3 {
  gap: 12px;
  font-size: 13px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
}
.chapters__span-4 {
  width: 28px;
  height: 1px;
  background: rgb(227, 194, 122);
}
.chapters__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 1px;
  background: rgba(245, 241, 234, 0.14);
  border: 1px solid rgba(245, 241, 234, 0.14);
}
.chapters__stack-4 {
  background: rgb(58, 15, 24);
  padding: 28px 26px 30px;
  gap: 12px;
}
.chapters__box-10 {
  font-family: "Cormorant Garamond", serif;
  font-size: 44px;
  line-height: 0.9;
  color: transparent;
  -webkit-text-stroke: 1px rgb(227, 194, 122);
}
.chapters__box-11 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: rgb(245, 241, 234);
  line-height: 1.15;
}
.chapters__box-12 {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.84);
  text-wrap: pretty;
}
.chapters__stack-5 {
  max-width: 860px;
}
.chapters__grid-2 {
  grid-template-columns: 44px minmax(0px, 1fr);
  gap: 14px;
  padding: 15px 0px;
  border-bottom: 1px solid rgb(217, 209, 195);
}
.chapters__span-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(122, 94, 42);
}
.chapters__span-6 {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.chapters__grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 0px 32px;
  max-width: 960px;
}
.chapters__row-4 {
  gap: 14px;
  padding: 14px 0px;
  border-bottom: 1px solid rgb(217, 209, 195);
}
.chapters__span-7 {
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  color: rgb(122, 94, 42);
  flex: 0 0 auto;
}
.chapters__span-8 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  line-height: 1.25;
  color: rgb(10, 10, 10);
}
.chapters__grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1px;
  background: rgb(217, 209, 195);
  border: 1px solid rgb(217, 209, 195);
}
.chapters__stack-6 {
  background: rgb(237, 230, 218);
  padding: 28px 26px 30px;
  gap: 12px;
}
.chapters__box-13 {
  font-family: "Cormorant Garamond", serif;
  font-size: 44px;
  line-height: 0.9;
  color: transparent;
  -webkit-text-stroke: 1px rgb(122, 94, 42);
}
.chapters__box-14 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: rgb(10, 10, 10);
  line-height: 1.15;
}
.chapters__box-15 {
  font-size: 15px;
  line-height: 1.7;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.chapters__stack-7 {
  max-width: 900px;
}
.chapters__grid-5 {
  grid-template-columns: clamp(64px, 8vw, 104px) minmax(0px, 1fr);
  gap: 20px;
  padding: 22px 0px;
  border-top: 1px solid rgb(217, 209, 195);
}
.chapters__box-16 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(48px, 5.6vw, 72px);
  line-height: 0.85;
  color: rgb(122, 94, 42);
}
.chapters__stack-8 {
  gap: 6px;
  padding-top: 6px;
}
.chapters__box-17 {
  font-family: "Cormorant Garamond", serif;
  font-size: 25px;
  color: rgb(10, 10, 10);
  line-height: 1.15;
}
.chapters__box-18 {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgb(43, 38, 33);
  text-wrap: pretty;
}
.chapters__grid-6 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 1px;
  background: rgb(217, 209, 195);
  border: 1px solid rgb(217, 209, 195);
}
.chapters__stack-9 {
  background: rgb(245, 241, 234);
  padding: 28px 26px 30px;
  gap: 12px;
}
.chapters__row-5 {
  gap: 14px;
  padding: 14px 0px;
  border-bottom: 1px solid rgba(245, 241, 234, 0.14);
}
.chapters__span-9 {
  font-family: "Cormorant Garamond", serif;
  font-size: 18px;
  color: rgb(227, 194, 122);
  flex: 0 0 auto;
}
.chapters__span-10 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  line-height: 1.25;
  color: rgb(245, 241, 234);
}
.chapters__grid-7 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
  grid-auto-flow: dense;
  gap: 18px;
  margin-top: 10px;
}
.chapters__stack-10 {
  grid-column: auto;
  background: rgb(10, 10, 10);
  border-top: 3px solid rgb(201, 164, 92);
  padding: clamp(26px, 3vw, 38px);
  box-shadow: rgba(122, 94, 42, 0.18) 14px 14px 0px;
}
.chapters__h3-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(26px, 2.4vw, 32px);
  line-height: 1.1;
  color: rgb(245, 241, 234);
}
.chapters__span-11 {
  flex: 0 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-size: 40px;
  line-height: 0.8;
  color: transparent;
  -webkit-text-stroke: 1px rgb(201, 164, 92);
}
.chapters__text-5 {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.82);
  text-wrap: pretty;
}
.chapters__grid-8 {
  grid-template-columns: 1fr;
  gap: 0px 28px;
}
.chapters__row-7 {
  gap: 12px;
  padding: 11px 0px;
  border-bottom: 1px solid rgba(245, 241, 234, 0.12);
}
.chapters__span-12 {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  background: rgb(201, 164, 92);
  transform: translateY(-2px);
}
.chapters__span-13 {
  font-size: 15px;
  line-height: 1.55;
  color: rgb(245, 241, 234);
  text-wrap: pretty;
}
.chapters__stack-11 {
  grid-column: 1 / -1;
  background: rgb(10, 10, 10);
  border-top: 3px solid rgb(201, 164, 92);
  padding: clamp(26px, 3vw, 38px);
  box-shadow: rgba(122, 94, 42, 0.18) 14px 14px 0px;
}
.chapters__grid-9 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 28px;
}
.chapters__text-6 {
  font-size: 15px;
  line-height: 1.7;
  color: rgb(227, 194, 122);
  text-wrap: pretty;
}
.chapters__box-19 {
  background: rgb(0, 0, 0);
  scroll-margin-top: 0px;
}
.chapters__overlay-3 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.78) 55%, rgba(0, 0, 0, 0.6) 100%);
}
.chapters__grid-10 {
  grid-template-columns: 44px minmax(0px, 1fr);
  gap: 14px;
  padding: 15px 0px;
  border-bottom: 1px solid rgba(245, 241, 234, 0.14);
}
.chapters__span-14 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  color: rgb(227, 194, 122);
}
.chapters__span-15 {
  font-size: 16px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.84);
  text-wrap: pretty;
}
.chapters__grid-11 {
  grid-template-columns: clamp(64px, 8vw, 104px) minmax(0px, 1fr);
  gap: 20px;
  padding: 22px 0px;
  border-top: 1px solid rgba(245, 241, 234, 0.14);
}
.chapters__box-20 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(48px, 5.6vw, 72px);
  line-height: 0.85;
  color: rgb(227, 194, 122);
}
.chapters__box-21 {
  font-family: "Cormorant Garamond", serif;
  font-size: 25px;
  color: rgb(245, 241, 234);
  line-height: 1.15;
}
.chapters__box-22 {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.84);
  text-wrap: pretty;
}
.chapters__stack-12 {
  background: rgba(0, 0, 0, 0.55);
  padding: 28px 26px 30px;
  gap: 12px;
}
.chapters__stack-13 {
  background: rgb(10, 10, 10);
  padding: 28px 26px 30px;
  gap: 12px;
}
.chapters__grid-12 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 0px 32px;
  max-width: 960px;
}
.chapters__grid-13 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 1px;
  background: rgba(245, 241, 234, 0.14);
  border: 1px solid rgba(245, 241, 234, 0.14);
}
.hero-6 {
  min-height: min(94vh, 900px);
  background: rgb(10, 10, 10);
}
.hero__overlay-23 {
  background: linear-gradient(100deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.05) 100%);
}
.hero__overlay-24 {
  inset: auto 0px 0px;
  height: 45%;
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
}
.header__header-3 {
  z-index: 10;
}
.header__row-4 {
  max-width: 1320px;
  padding: 18px clamp(20px, 3.5vw, 48px);
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  align-items: center;
  justify-content: space-between;
}
.header__img-2 {
  height: 60px;
  width: auto;
}
.header__nav-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  font-size: 13.5px;
  padding: 6px;
  background: rgba(20, 18, 16, 0.55);
  border: 1px solid rgba(245, 241, 234, 0.1);
  backdrop-filter: blur(10px);
}
.header__link-8 {
  color: rgba(245, 241, 234, 0.85);
  padding: 8px 14px;
}
.header__link-8:hover {
  background: rgba(245, 241, 234, 0.08);
  color: rgb(245, 241, 234);
}
.header__row-5 {
  position: relative;
  display: flex;
  align-items: center;
}
.header__link-9 {
  color: rgba(245, 241, 234, 0.85);
  padding: 8px 4px 8px 14px;
}
.header__link-9:hover {
  color: rgb(245, 241, 234);
}
.header__btn-6 {
  all: unset;
  cursor: pointer;
  width: 26px;
  height: 26px;
  margin-right: 6px;
  color: rgb(227, 194, 122);
  font-size: 9px;
  transform: none;
  transition: transform 0.2s;
}
.header__stack-5 {
  position: absolute;
  top: calc(100% + 14px);
  width: 280px;
  background: rgb(23, 21, 19);
  border: 1px solid rgba(201, 164, 92, 0.25);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  z-index: 30;
}
.header__link-10 {
  padding: 9px 14px;
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.header__link-10:hover {
  background: rgb(94, 29, 29);
  color: rgb(245, 241, 234);
}
.header__link-11 {
  padding: 8px 14px 8px 28px;
  font-size: 13px;
  color: rgba(245, 241, 234, 0.72);
}
.header__link-11:hover {
  background: rgb(94, 29, 29);
  color: rgb(245, 241, 234);
}
.header__stack-6 {
  position: absolute;
  top: calc(100% + 14px);
  width: 230px;
  background: rgb(23, 21, 19);
  border: 1px solid rgba(201, 164, 92, 0.25);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  z-index: 30;
}
.header__row-6 {
  gap: 18px;
}
.header__link-12 {
  font-size: 14px;
  color: rgb(245, 241, 234);
}
.header__link-12:hover {
  color: rgb(227, 194, 122);
}
.header__btn-7 {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 13px 22px;
  font-size: 13px;
}
.header__btn-7:hover {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.hero__stack-12 {
  flex: 1 1 0%;
  max-width: 1320px;
  padding: clamp(48px, 8vw, 120px) clamp(20px, 3.5vw, 48px) clamp(36px, 4vw, 56px);
  gap: clamp(36px, 5vw, 64px);
}
.hero__stack-13 {
  max-width: 820px;
  gap: 26px;
}
.hero__span-7 {
  gap: 10px;
  padding: 8px 16px;
  background: rgba(245, 241, 234, 0.1);
  border: 1px solid rgba(245, 241, 234, 0.16);
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.hero__span-8 {
  width: 7px;
  height: 7px;
  background: rgb(227, 194, 122);
}
.hero__h1-6 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(44px, 6.4vw, 92px);
  line-height: 0.98;
  letter-spacing: -0.01em;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.ol-em-5 {
  color: rgb(227, 194, 122);
}
.hero__text-9 {
  max-width: 640px;
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.88);
  text-wrap: pretty;
}
.hero__btn-5 {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 17px 30px;
  font-size: 14px;
}
.hero__btn-5:hover {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.hero__btn-6 {
  background: rgba(245, 241, 234, 0.08);
  border: 1px solid rgba(245, 241, 234, 0.3);
  color: rgb(245, 241, 234);
  padding: 17px 30px;
  font-size: 14px;
}
.hero__btn-6:hover {
  background: rgba(245, 241, 234, 0.16);
  color: rgb(245, 241, 234);
}
.hero__grid-7 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 10px;
  padding: 10px;
  background: rgba(20, 18, 16, 0.6);
  border: 1px solid rgba(245, 241, 234, 0.1);
  backdrop-filter: blur(12px);
}
.hero__row-8 {
  gap: 14px;
  padding: 14px 16px;
}
.hero__img-3 {
  width: 52px;
  height: 52px;
  object-position: center top;
  background: rgb(34, 31, 27);
}
.hero__span-9 {
  font-family: "Cormorant Garamond", serif;
  font-size: 21px;
  color: rgb(245, 241, 234);
}
.hero__span-10 {
  font-size: 12.5px;
  color: rgba(245, 241, 234, 0.7);
}
.hero__stack-14 {
  padding: 14px 16px;
  background: rgba(245, 241, 234, 0.05);
}
.hero__label-3 {
  font-size: 11px;
  letter-spacing: 0.14em;
  color: rgb(227, 194, 122);
}
.hero__span-11 {
  font-size: 14px;
  line-height: 1.5;
  color: rgb(245, 241, 234);
}
.hero__link-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(245, 241, 234);
}
.hero__link-5:hover {
  color: rgb(227, 194, 122);
}
.ol-block-13 {
  background: rgb(245, 241, 234);
}
.firm__grid {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 48px clamp(40px, 6vw, 96px);
  align-items: start;
}
.firm__stack {
  gap: 26px;
}
.ol-span-7 {
  font-size: 13px;
  color: rgb(122, 94, 42);
}
.firm__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.02;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.ol-em-6 {
  color: rgb(122, 94, 42);
}
.firm__box {
  aspect-ratio: 4 / 4.4;
  max-width: 440px;
  background: rgb(237, 230, 218);
}
.firm__label {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: rgb(94, 85, 75);
}
.firm__span {
  padding: 8px 16px;
  background: rgb(237, 230, 218);
  font-size: 14px;
  color: rgb(10, 10, 10);
}
.firm__stack-2 {
  gap: 22px;
  padding-top: 8px;
}
.firm__text {
  font-size: 17.5px;
  line-height: 1.85;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.firm__row {
  gap: 10px;
  padding-top: 10px;
}
.firm__btn {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 15px 26px;
  font-size: 14px;
}
.firm__btn:hover {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
}
.firm__link {
  border: 1px solid rgb(211, 202, 187);
  color: rgb(10, 10, 10);
  padding: 15px 26px;
  font-size: 14px;
}
.firm__link:hover {
  border-color: rgb(122, 94, 42);
  color: rgb(122, 94, 42);
}
.assist__overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.7) 100%);
}
.assist__stack {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 4vw, 56px);
}
.assist__h2 {
  max-width: 640px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.02;
  color: rgb(245, 241, 234);
}
.assist__text {
  max-width: 400px;
  font-size: 16px;
  line-height: 1.7;
  color: rgb(171, 164, 152);
}
.assist__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap: 14px;
}
.assist__stack-2 {
  gap: 18px;
  padding: clamp(28px, 3vw, 40px);
  background: rgba(20, 18, 16, 0.92);
  border-top: 2px solid rgb(227, 194, 122);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 18px 40px -24px;
}
.assist__row {
  gap: 14px;
}
.assist__span {
  width: 44px;
  height: 44px;
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  font-family: "Cormorant Garamond", serif;
  font-size: 19px;
}
.assist__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(25px, 2.2vw, 31px);
  line-height: 1.15;
  color: rgb(245, 241, 234);
}
.assist__text-2 {
  font-size: 16px;
  line-height: 1.8;
  color: rgb(216, 210, 200);
  text-wrap: pretty;
}
.assist__link {
  gap: 10px;
  font-size: 14px;
  color: rgb(227, 194, 122);
}
.assist__link:hover {
  color: rgb(245, 241, 234);
}
.assist__span-2 {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(227, 194, 122, 0.4);
}
.reviews__stack-3 {
  max-width: 1320px;
  padding: clamp(64px, 8vw, 110px) clamp(20px, 3.5vw, 48px);
  gap: clamp(32px, 4vw, 48px);
}
.reviews__row-5 {
  gap: 20px 48px;
}
.ol-span-8 {
  padding: 8px 16px;
  background: rgba(122, 94, 42, 0.14);
  font-size: 13px;
  color: rgb(122, 94, 42);
}
.ol-h2-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.02;
  color: rgb(10, 10, 10);
}
.reviews__btn-3 {
  all: unset;
  cursor: pointer;
  width: 52px;
  height: 52px;
  border: 1px solid rgb(211, 202, 187);
  color: rgb(10, 10, 10);
  font-size: 18px;
}
.reviews__btn-3:hover {
  background: rgb(10, 10, 10);
  color: rgb(245, 241, 234);
}
.reviews__row-7 {
  gap: 14px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.reviews__figure {
  flex: 0 0 min(86vw, 400px);
  scroll-snap-align: start;
  gap: 20px;
  padding: 32px;
  background: rgb(245, 241, 234);
  border: 1px solid rgb(211, 202, 187);
}
.reviews__span-8 {
  font-family: "Cormorant Garamond", serif;
  font-size: 64px;
  line-height: 0.6;
  color: rgb(122, 94, 42);
  height: 30px;
}
.reviews__blockquote {
  flex: 1 1 0%;
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
}
.reviews__row-8 {
  gap: 12px;
}
.reviews__span-9 {
  width: 42px;
  height: 42px;
  background: rgb(94, 29, 29);
  color: rgb(245, 241, 234);
  font-size: 13px;
}
.reviews__span-10 {
  font-size: 14px;
  color: rgb(10, 10, 10);
}
.reviews__span-11 {
  font-size: 12px;
  color: rgb(122, 94, 42);
}
.attorney__grid {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 48px clamp(40px, 6vw, 96px);
}
.attorney__box-9 {
  max-width: 460px;
  justify-self: center;
}
.attorney__overlay-2 {
  inset: -14px -14px 40px 40px;
  background: rgb(237, 230, 218);
}
.attorney__box-10 {
  aspect-ratio: 4 / 5;
  background: rgb(237, 230, 218);
}
.attorney__img-3 {
  object-position: center top;
}
.attorney__box-11 {
  left: -12px;
  bottom: 28px;
  padding: 16px 22px;
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 40px -16px;
}
.attorney__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
}
.attorney__span-5 {
  font-size: 12.5px;
}
.attorney__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: rgb(63, 56, 48);
}
.ol-text-6 {
  font-size: 17px;
  line-height: 1.85;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.attorney__grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  padding-top: 6px;
}
.attorney__stack-6 {
  gap: 10px;
  padding: 22px;
  background: rgb(237, 230, 218);
}
.attorney__label-2 {
  font-size: 12px;
  letter-spacing: 0.12em;
  color: rgb(122, 94, 42);
}
.attorney__span-6 {
  font-size: 15px;
  line-height: 1.5;
  color: rgb(10, 10, 10);
}
.about__img {
  opacity: 0;
}
.about__overlay {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.78) 55%, rgba(0, 0, 0, 0.35) 100%);
  opacity: 0;
}
.about__stack {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  gap: clamp(48px, 6vw, 80px);
}
.about__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 24px clamp(40px, 6vw, 96px);
  align-items: start;
}
.ol-span-9 {
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: rgb(122, 94, 42);
}
.about__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.1;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.practice-areas__overlay-4 {
  background: linear-gradient(rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.practice-areas__stack-3 {
  max-width: 1320px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 3.5vw, 48px);
  gap: clamp(36px, 4vw, 56px);
}
.practice-areas__span-2 {
  padding: 8px 16px;
  background: rgba(227, 194, 122, 0.12);
  font-size: 13px;
  color: rgb(227, 194, 122);
}
.practice-areas__h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.02;
  color: rgb(245, 241, 234);
}
.practice-areas__row {
  gap: 14px;
}
.practice-areas__stack-4 {
  flex: 0 1 calc(33.3333% - 9.33333px);
  min-width: min(100%, 320px);
  padding: 30px;
  background: rgba(20, 18, 16, 0.85);
  border: 1px solid rgba(245, 241, 234, 0.08);
  backdrop-filter: blur(6px);
}
.practice-areas__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  line-height: 1.15;
  color: rgb(245, 241, 234);
}
.practice-areas__text-4 {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(245, 241, 234, 0.78);
}
.practice-areas__span-3 {
  padding: 7px 14px;
  background: rgba(245, 241, 234, 0.07);
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.practice-areas__link-2 {
  margin-top: auto;
  font-size: 13.5px;
  color: rgb(227, 194, 122);
}
.practice-areas__link-2:hover {
  color: rgb(245, 241, 234);
}
.why-choose {
  background: rgb(230, 210, 164);
}
.why-choose__stack-2 {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 4vw, 56px);
}
.why-choose__h2 {
  max-width: 720px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 62px);
  line-height: 1.02;
  color: rgb(10, 10, 10);
}
.why-choose__em {
  color: rgb(94, 29, 29);
}
.why-choose__grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: clamp(28px, 3vw, 44px) clamp(40px, 5vw, 80px);
  max-width: 1080px;
}
.why-choose__span-2 {
  width: 56px;
  height: 56px;
  background: rgb(10, 10, 10);
  font-family: "Cormorant Garamond", serif;
  font-size: 22px;
  color: rgb(230, 210, 164);
}
.why-choose__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(10, 10, 10);
}
.why-choose__text-2 {
  font-size: 15.5px;
  line-height: 1.75;
  color: rgb(42, 51, 70);
}
.domestic-violence {
  background: rgb(58, 20, 20);
}
.domestic-violence__img {
  opacity: 0.3;
}
.domestic-violence__overlay {
  background: linear-gradient(100deg, rgba(46, 14, 14, 0.97) 0%, rgba(58, 20, 20, 0.85) 55%, rgba(58, 20, 20, 0.55) 100%);
}
.domestic-violence__grid {
  max-width: 1320px;
  padding: clamp(72px, 9vw, 140px) clamp(20px, 3.5vw, 48px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 48px clamp(40px, 6vw, 96px);
}
.ol-span-10 {
  padding: 8px 16px;
  background: rgba(245, 241, 234, 0.1);
  font-size: 13px;
  color: rgb(245, 241, 234);
}
.domestic-violence__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(42px, 5.2vw, 76px);
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.domestic-violence__em {
  color: rgb(232, 207, 160);
}
.domestic-violence__text {
  font-size: 17.5px;
  line-height: 1.8;
  color: rgba(245, 241, 234, 0.9);
  text-wrap: pretty;
}
.domestic-violence__btn {
  background: rgb(245, 241, 234);
  color: rgb(58, 20, 20);
  padding: 16px 28px;
  font-size: 14px;
}
.domestic-violence__btn:hover {
  background: rgb(232, 207, 160);
  color: rgb(58, 20, 20);
}
.domestic-violence__link {
  border: 1px solid rgba(245, 241, 234, 0.4);
  color: rgb(245, 241, 234);
  padding: 16px 28px;
  font-size: 14px;
}
.domestic-violence__link:hover {
  border-color: rgb(232, 207, 160);
  color: rgb(232, 207, 160);
}
.ol-stack-17 {
  gap: 10px;
}
.domestic-violence__span {
  font-size: 13px;
  color: rgb(232, 207, 160);
  padding-left: 6px;
}
.domestic-violence__row {
  padding: 18px 22px;
  background: rgba(245, 241, 234, 0.08);
  border: 1px solid rgba(245, 241, 234, 0.1);
}
.domestic-violence__span-2 {
  width: 36px;
  height: 36px;
  background: rgb(245, 241, 234);
  color: rgb(58, 20, 20);
  font-family: "Cormorant Garamond", serif;
  font-size: 16px;
}
.ol-span-11 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  color: rgb(245, 241, 234);
}
.videos {
  background: rgb(0, 0, 0);
}
.videos__box {
  background: rgb(0, 0, 0);
  scroll-margin-top: 24px;
}
.videos__overlay {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 45%, rgba(0, 0, 0, 0.25) 100%);
}
.videos__box-2 {
  max-width: 1240px;
  padding: clamp(56px, 7vw, 100px) clamp(20px, 4vw, 56px);
  display: flow-root;
}
.videos__box-3 {
  float: right;
  margin: 0px 0px 24px clamp(28px, 4vw, 56px);
  width: max(48%, min(100%, -99900% + 759240px));
  aspect-ratio: 16 / 9;
  background: rgb(23, 21, 19);
  box-shadow: rgba(0, 0, 0, 0.7) 0px 30px 60px -20px;
  outline: rgba(227, 194, 122, 0.35) solid 1px;
  outline-offset: 10px;
}
.videos__iframe {
  border: 0px;
}
.videos__btn {
  all: unset;
  cursor: pointer;
}
.videos__span {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 76px;
  height: 54px;
  background: rgb(139, 26, 26);
  color: rgb(245, 241, 234);
  font-size: 20px;
}
.videos__label {
  margin-bottom: 16px;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
}
.videos__h2 {
  margin: 0px 0px 20px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.videos__text {
  margin: 0px 0px 18px;
  font-size: 16.5px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.88);
  text-wrap: pretty;
}
.videos__btn-2 {
  all: unset;
  cursor: pointer;
  margin-top: 8px;
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 14px 24px;
  font-size: 14px;
}
.videos__btn-2:hover {
  background: rgb(245, 241, 234);
}
.videos__box-5 {
  background: rgb(245, 241, 234);
  scroll-margin-top: 24px;
}
.videos__box-6 {
  float: left;
  margin: 0px clamp(28px, 4vw, 56px) 24px 0px;
  width: max(48%, min(100%, -99900% + 759240px));
  aspect-ratio: 16 / 9;
  background: rgb(23, 21, 19);
  box-shadow: rgba(0, 0, 0, 0.7) 0px 30px 60px -20px;
  outline: rgba(227, 194, 122, 0.35) solid 1px;
  outline-offset: 10px;
}
.videos__label-2 {
  margin-bottom: 16px;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: rgb(122, 94, 42);
}
.videos__h2-2 {
  margin: 0px 0px 20px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.videos__text-2 {
  margin: 0px 0px 18px;
  font-size: 16.5px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.videos__box-7 {
  background: rgb(237, 230, 218);
  scroll-margin-top: 24px;
}
.legal-guides__box {
  background: rgb(0, 0, 0);
}
.legal-guides__overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(10, 10, 10, 0.96) 100%);
}
.legal-guides__stack {
  max-width: 1240px;
  padding: clamp(80px, 10vw, 140px) clamp(20px, 4vw, 56px) clamp(56px, 6vw, 88px);
  gap: 40px;
}
.legal-guides__stack-2 {
  max-width: 780px;
  gap: 18px;
}
.legal-guides__label {
  font-size: 12px;
  letter-spacing: 0.18em;
  color: rgb(227, 194, 122);
}
.legal-guides__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1.02;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.legal-guides__text {
  max-width: 640px;
  font-size: 17px;
  line-height: 1.8;
  color: rgb(228, 222, 212);
  text-wrap: pretty;
}
.legal-guides__nav {
  background: rgba(10, 10, 10, 0.82);
  padding: 0px 1px 1px 0px;
}
.legal-guides__link {
  flex: 0 1 calc(33.3333%);
  min-width: min(100%, 280px);
  box-sizing: border-box;
  padding: 22px 24px;
  border: 1px solid rgba(227, 194, 122, 0.25);
  margin: 0px -1px -1px 0px;
  color: rgb(245, 241, 234);
  transition: background 0.2s;
}
.legal-guides__link:hover {
  background: rgba(139, 26, 26, 0.55);
}
.legal-guides__span {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(227, 194, 122);
}
.legal-guides__span-2 {
  font-size: 15px;
  line-height: 1.4;
}
.legal-guides__box-2 {
  background: rgb(245, 241, 234);
  scroll-margin-top: 24px;
}
.legal-guides__row {
  min-height: clamp(260px, 32vw, 400px);
  background: rgb(0, 0, 0);
}
.legal-guides__overlay-2 {
  background: linear-gradient(0deg, rgb(12, 19, 34) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.2) 100%);
}
.legal-guides__row-2 {
  max-width: 1240px;
  padding: 0px clamp(20px, 4vw, 56px) clamp(28px, 3vw, 44px);
  gap: clamp(20px, 3vw, 40px);
}
.legal-guides__span-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(80px, 10vw, 150px);
  line-height: 0.8;
  color: rgb(227, 194, 122);
}
.legal-guides__stack-3 {
  flex: 1 1 420px;
  min-width: 0px;
  gap: 12px;
}
.legal-guides__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(34px, 3.8vw, 56px);
  line-height: 1.04;
  color: rgb(245, 241, 234);
  text-wrap: balance;
}
.legal-guides__row-3 {
  max-width: 1240px;
  padding: clamp(40px, 5vw, 72px) clamp(20px, 4vw, 56px) clamp(64px, 7vw, 100px);
  gap: clamp(32px, 5vw, 72px);
}
.legal-guides__stack-4 {
  flex: 1 1 260px;
  max-width: 340px;
  top: 32px;
  gap: 18px;
  padding: 28px;
  background: rgb(237, 230, 218);
  border-top: 2px solid rgb(227, 194, 122);
}
.legal-guides__label-2 {
  font-size: 12px;
  letter-spacing: 0.16em;
  color: rgb(122, 94, 42);
}
.legal-guides__span-4 {
  font-size: 14.5px;
  line-height: 1.45;
  color: rgb(63, 56, 48);
  padding-bottom: 12px;
  border-bottom: 1px solid rgb(211, 202, 187);
}
.legal-guides__btn {
  margin-top: 6px;
  padding: 14px 20px;
  background: rgb(139, 26, 26);
  color: rgb(245, 241, 234);
  font-size: 14px;
  gap: 6px;
}
.legal-guides__btn:hover {
  background: rgb(165, 35, 35);
}
.legal-guides__stack-5 {
  flex: 3 1 520px;
  min-width: 0px;
  max-width: 780px;
  gap: 18px;
}
.legal-guides__box-3 {
  background: rgb(237, 230, 218);
  scroll-margin-top: 24px;
  border-top: 1px solid rgba(227, 194, 122, 0.18);
}
.legal-guides__row-4 {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 112px) clamp(20px, 4vw, 56px);
  gap: clamp(36px, 5vw, 80px);
}
.legal-guides__stack-6 {
  flex: 1 1 320px;
  max-width: 420px;
  top: 32px;
  gap: 22px;
}
.legal-guides__span-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 48px;
  color: rgb(122, 94, 42);
}
.legal-guides__span-6 {
  flex: 1 1 0%;
  height: 1px;
  background: rgba(227, 194, 122, 0.4);
}
.legal-guides__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.06;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.legal-guides__overlay-3 {
  inset: 14px -14px -14px 14px;
  border: 1px solid rgba(227, 194, 122, 0.45);
}
.legal-guides__box-5 {
  aspect-ratio: 4 / 5;
  background: rgb(23, 21, 19);
}
.legal-guides__img {
  object-position: center 20%;
}
.legal-guides__stack-7 {
  flex: 2 1 480px;
  min-width: 0px;
  gap: 18px;
}
.legal-guides__h4 {
  margin: 22px 0px 0px;
  gap: 14px;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(23px, 2vw, 28px);
  line-height: 1.25;
  color: rgb(10, 10, 10);
}
.legal-guides__span-7 {
  width: 28px;
  height: 2px;
  background: rgb(227, 194, 122);
}
.legal-guides__ul {
  margin: 6px 0px;
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  background: rgb(245, 241, 234);
  border-top: 1px solid rgba(227, 194, 122, 0.22);
  border-left: 1px solid rgba(227, 194, 122, 0.22);
}
.legal-guides__li {
  gap: 14px;
  padding: 18px 20px;
  background: rgb(245, 241, 234);
  border-right: 1px solid rgba(227, 194, 122, 0.22);
  border-bottom: 1px solid rgba(227, 194, 122, 0.22);
  font-size: 15.5px;
  line-height: 1.55;
  color: rgb(10, 10, 10);
}
.legal-guides__span-8 {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid rgb(227, 194, 122);
  color: rgb(122, 94, 42);
  font-size: 11px;
}
.legal-guides__ul-2 {
  margin: 6px 0px;
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  background: rgb(230, 225, 216);
  border-top: 1px solid rgba(227, 194, 122, 0.22);
  border-left: 1px solid rgba(227, 194, 122, 0.22);
}
.legal-guides__li-2 {
  gap: 14px;
  padding: 18px 20px;
  background: rgb(230, 225, 216);
  border-right: 1px solid rgba(227, 194, 122, 0.22);
  border-bottom: 1px solid rgba(227, 194, 122, 0.22);
  font-size: 15.5px;
  line-height: 1.55;
  color: rgb(10, 10, 10);
}
.faq__row-2 {
  max-width: 1240px;
  padding: clamp(64px, 8vw, 120px) clamp(20px, 4vw, 56px);
  gap: 40px clamp(40px, 6vw, 96px);
}
.faq__stack-4 {
  flex: 1 1 300px;
  min-width: 0px;
  gap: 20px;
  top: 20px;
}
.faq__text-4 {
  font-size: 15.5px;
  line-height: 1.7;
  color: rgb(94, 85, 75);
}
.faq__box-2 {
  aspect-ratio: 4 / 4.2;
  max-width: 360px;
  background: rgb(245, 241, 234);
}
.faq__stack-5 {
  flex: 2 1 520px;
  min-width: 0px;
  gap: 10px;
}
.faq__box-3 {
  background: rgb(245, 241, 234);
  box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 0px, rgba(0, 0, 0, 0.35) 0px 14px 30px -24px;
}
.faq__btn-2 {
  all: unset;
  cursor: pointer;
  box-sizing: border-box;
  gap: 20px;
  padding: 22px 24px;
}
.faq__h3-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 1.7vw, 23px);
  line-height: 1.3;
  color: rgb(10, 10, 10);
}
.faq__span-2 {
  width: 36px;
  height: 36px;
  background: rgb(10, 10, 10);
  color: rgb(227, 194, 122);
  font-size: 18px;
}
.faq__stack-6 {
  gap: 14px;
  padding: 0px 24px 24px;
}
.contact__overlay-3 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.15) 100%);
}
.contact__grid-2 {
  max-width: 1320px;
  padding: clamp(72px, 9vw, 130px) clamp(20px, 3.5vw, 48px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 48px clamp(40px, 6vw, 96px);
}
.contact__h2-2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(40px, 4.8vw, 68px);
  color: rgb(245, 241, 234);
}
.contact__text-4 {
  max-width: 520px;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(245, 241, 234, 0.88);
}
.contact__btn-2 {
  gap: 2px;
  padding: 16px 22px;
  background: rgba(245, 241, 234, 0.08);
  border: 1px solid rgba(245, 241, 234, 0.14);
  color: rgb(245, 241, 234);
}
.contact__btn-2:hover {
  background: rgba(245, 241, 234, 0.14);
  color: rgb(245, 241, 234);
}
.contact__span-3 {
  font-size: 11.5px;
  color: rgb(227, 194, 122);
}
.contact__span-4 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
}
.contact__stack-3 {
  gap: 18px;
  padding: clamp(26px, 3vw, 40px);
  background: rgb(10, 10, 10);
  box-shadow: rgba(0, 0, 0, 0.6) 0px 40px 80px -30px;
}
.contact__h3-3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 32px;
  color: rgb(245, 241, 234);
}
.contact__grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
.contact__input-2 {
  background: rgb(28, 26, 23);
  border: 1px solid rgba(245, 241, 234, 0.14);
  color: rgb(245, 241, 234);
  padding: 15px 16px;
  font-size: 15px;
  outline: none;
}
.contact__input-2:focus {
  border-color: rgb(227, 194, 122);
}
.contact__textarea-2 {
  background: rgb(28, 26, 23);
  border: 1px solid rgba(245, 241, 234, 0.14);
  color: rgb(245, 241, 234);
  padding: 15px 16px;
  font-size: 15px;
  outline: none;
  resize: vertical;
}
.contact__textarea-2:focus {
  border-color: rgb(227, 194, 122);
}
.contact__text-5 {
  font-size: 11.5px;
  line-height: 1.6;
  color: rgb(171, 164, 152);
}
.contact__btn-3 {
  all: unset;
  cursor: pointer;
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 17px 28px;
  font-size: 14px;
}
.contact__btn-3:hover {
  background: rgb(245, 241, 234);
}
.contact__stack-4 {
  gap: 10px;
  padding: 20px 0px;
}
.contact__span-5 {
  font-family: "Cormorant Garamond", serif;
  font-size: 26px;
  color: rgb(227, 194, 122);
}
.contact__span-6 {
  font-size: 15px;
  line-height: 1.7;
  color: rgb(216, 210, 200);
}
.resources {
  background: rgb(237, 230, 218);
  border-top: 1px solid rgba(122, 94, 42, 0.14);
}
.resources__stack {
  max-width: 1320px;
  padding: clamp(72px, 9vw, 120px) clamp(20px, 3.5vw, 48px);
  gap: clamp(40px, 5vw, 64px);
}
.resources__row {
  gap: 24px clamp(40px, 6vw, 96px);
}
.resources__stack-2 {
  flex: 1 1 480px;
  max-width: 640px;
}
.resources__label {
  font-size: 12px;
  letter-spacing: 0.18em;
  color: rgb(122, 94, 42);
}
.resources__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(38px, 4.4vw, 60px);
  line-height: 1.04;
  color: rgb(10, 10, 10);
  text-wrap: balance;
}
.resources__text {
  flex: 1 1 320px;
  max-width: 440px;
  font-size: 16px;
  line-height: 1.75;
  color: rgb(63, 56, 48);
  text-wrap: pretty;
}
.resources__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: clamp(36px, 4vw, 56px) clamp(28px, 3vw, 48px);
  padding-top: clamp(32px, 4vw, 48px);
  border-top: 1px solid rgba(227, 194, 122, 0.3);
}
.resources__row-2 {
  gap: 12px;
}
.resources__h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 24px;
  line-height: 1.2;
  color: rgb(10, 10, 10);
}
.resources__ul {
  list-style: none;
}
.resources__li {
  border-bottom: 1px solid rgb(211, 202, 187);
}
.resources__link {
  gap: 14px;
  padding: 13px 0px;
  font-size: 15px;
  line-height: 1.45;
  color: rgb(63, 56, 48);
  transition: color 0.2s, padding 0.2s;
}
.resources__link:hover {
  color: rgb(122, 94, 42);
  padding-left: 6px;
}
.resources__span {
  color: rgb(122, 94, 42);
  font-size: 14px;
}
.office__grid {
  max-width: 1320px;
  padding: clamp(64px, 8vw, 110px) clamp(20px, 3.5vw, 48px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
  gap: 40px clamp(40px, 5vw, 80px);
}
.office__h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.04;
  color: rgb(10, 10, 10);
}
.office__text {
  font-size: 17px;
  line-height: 1.7;
  color: rgb(63, 56, 48);
}
.office__label {
  font-size: 12px;
  letter-spacing: 0.14em;
  color: rgb(94, 85, 75);
}
.office__span {
  padding: 8px 14px;
  background: rgb(237, 230, 218);
  font-size: 13px;
  color: rgb(10, 10, 10);
}
.office__row {
  gap: 10px;
  padding-top: 6px;
}
.office__btn {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 15px 26px;
  font-size: 14px;
}
.office__btn:hover {
  background: rgb(10, 10, 10);
  color: rgb(245, 241, 234);
}
.office__link {
  border: 1px solid rgb(211, 202, 187);
  color: rgb(10, 10, 10);
  padding: 15px 26px;
  font-size: 14px;
}
.office__link:hover {
  border-color: rgb(122, 94, 42);
  color: rgb(122, 94, 42);
}
.office__box {
  aspect-ratio: 4 / 3;
  background: rgb(237, 230, 218);
}
.office__iframe {
  border: 0px;
  filter: grayscale(0.4) contrast(1.05);
}
.header__box {
  border-bottom: 1px solid rgba(245, 241, 234, 0.12);
  background: rgba(10, 10, 10, 0.45);
}
.header__row-7 {
  max-width: 1320px;
  padding: 8px clamp(20px, 3.5vw, 48px);
  gap: 8px 20px;
  font-size: 13px;
}
.header__span {
  color: rgba(245, 241, 234, 0.7);
}
.header__link-13 {
  color: rgb(245, 241, 234);
}
.header__link-13:hover {
  color: rgb(227, 194, 122);
}
.header__strong {
  color: rgb(227, 194, 122);
}
.header__btn-8 {
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 7px 14px;
  font-size: 12.5px;
}
.header__btn-8:hover {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.header__stack-7 {
  position: absolute;
  top: calc(100% + 14px);
  width: 250px;
  background: rgb(23, 21, 19);
  border: 1px solid rgba(201, 164, 92, 0.25);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 60px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  z-index: 30;
}
.footer__grid-2 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 40px 32px;
  align-items: start;
}
.footer__stack-6 {
  min-width: 0px;
}
.footer__img-3 {
  height: 76px;
  width: auto;
}
.footer__span-7 {
  font-size: 14px;
  line-height: 1.7;
  max-width: 420px;
}
.footer__span-9 {
  font-size: 12px;
  color: rgb(227, 194, 122);
  padding: 14px 0px 6px;
}
.footer__link-6 {
  color: rgb(227, 194, 122);
}
.footer__link-6:hover {
  color: rgb(245, 241, 234);
}
.footer__link-7 {
  color: rgb(245, 241, 234);
}
.footer__link-7:hover {
  color: rgb(227, 194, 122);
}
.footer__btn {
  margin-top: 8px;
  background: rgb(227, 194, 122);
  color: rgb(10, 10, 10);
  padding: 12px 18px;
  font-size: 13px;
}
.footer__btn:hover {
  background: rgb(245, 241, 234);
  color: rgb(10, 10, 10);
}
.footer__stack-7 {
  gap: 10px;
  padding-top: 28px;
  border-top: 1px solid rgba(245, 241, 234, 0.08);
  font-size: 12px;
  line-height: 1.7;
  color: rgb(126, 119, 108);
}

/* ===== Interactive states (used by js/main.js) ===== */
[hidden] { display: none !important; }

.is-open.state-1, .is-open .state-1 { transform: rotate(180deg); }
.is-open.state-2, .is-open .state-2 { color: rgb(58, 15, 24); }
.is-open.state-3, .is-open .state-3 { background: rgb(201, 164, 92); }
.is-open.state-4, .is-open .state-4 { background: rgb(230, 225, 216); }
.is-open.state-5, .is-open .state-5 { background: rgb(227, 194, 122); color: rgb(10, 10, 10); }

/* ===== Header dropdown arrow ===== */
[data-toggle="dropdown"] > button { transition: transform .2s; }
[data-toggle="dropdown"].is-open > button { transform: rotate(180deg); }

/* ===== Review carousels: hide scrollbar ===== */
[data-carousel] { scrollbar-width: none; }
[data-carousel]::-webkit-scrollbar { display: none; }

/* ===== Mobile menu (added - the approved design had no phone menu) ===== */
.nav-toggle { display: none; }

@media (max-width: 1100px) {
  .site-header__bar { flex-wrap: wrap !important; row-gap: 0 !important; }
  .nav-toggle {
    display: flex !important; flex-direction: column; justify-content: center; gap: 6px;
    width: 46px; height: 46px; padding: 0 12px; margin-left: auto;
    background: transparent; border: 1px solid rgba(201, 164, 92, 0.5); cursor: pointer;
  }
  .nav-toggle span { display: block; height: 1px; background: #E3C27A; transition: transform .2s, opacity .2s; }
  .nav-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-open .nav-toggle span:nth-child(2) { opacity: 0; }
  .nav-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

  .site-nav, .site-header__actions { display: none !important; }
  .site-header.nav-open { background: #0A0A0A; }
  .nav-open .site-nav {
    display: flex !important; order: 3; width: 100% !important;
    flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
    padding: 8px 0 12px !important; font-size: 15px !important;
  }
  .nav-open .site-nav > a,
  .nav-open .site-nav > div { padding: 13px 0 !important; border-top: 1px solid rgba(245, 240, 232, 0.1); }
  .nav-open .site-nav > div { flex-wrap: wrap !important; justify-content: space-between !important; }
  .nav-open .site-nav [data-toggle="dropdown"] > button { width: 36px !important; height: 28px !important; }
  .nav-open .site-nav [data-toggle="dropdown"] > div {
    position: static !important; width: 100% !important; margin-top: 10px; box-shadow: none !important;
  }
  .nav-open .site-header__actions {
    display: flex !important; order: 4; width: 100% !important; justify-content: space-between !important; padding: 4px 0 20px !important;
  }
}

/* ===== Default WordPress templates (posts, plain pages, 404) ===== */
.omojola-default { padding: 160px clamp(20px, 4vw, 56px) 96px; color: #F5F0E8; }
.omojola-default__title { font-family: 'Cormorant Garamond', serif; font-weight: 500; font-size: clamp(40px, 5vw, 64px); margin: 0 0 24px; }
.omojola-default__content { max-width: 820px; font-size: 16px; line-height: 1.8; }
.omojola-default__content a { color: #E3C27A; }