.elementor-36982 .elementor-element.elementor-element-wcc00c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc01s{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc01c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc01w{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-wcc01w > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc02s{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc02c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc02w{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-wcc02w > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc03s{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc03c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc03w{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-wcc03w > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-f08f1b9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-5df84bc > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-67a847c{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-67a847c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-d608b3d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-9cc6e6d > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-a160c39{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-a160c39 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc04s{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc04c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc04w{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-wcc04w > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc05s{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc05c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-wcc05w{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-wcc05w > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-b8cc213{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-e78ca04 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-e38b092{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-e38b092 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-ec9565d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-03a01a8 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-20c7288{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-20c7288 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-9a8aff9{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-e0724f1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-7e7f192{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-7e7f192 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-654fff6{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-0c784ad > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-df06132{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-df06132 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-2d9edd4{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-2aed185 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-36982 .elementor-element.elementor-element-9db109c{width:100;max-width:100;}.elementor-36982 .elementor-element.elementor-element-9db109c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ======================================================================
   WHITE CLOUDS HOMEPAGE — ASTRA PAGE CSS
   Paste this raw CSS into the Astra page-level Custom CSS field.
   Do not include <style> tags.
   All body.elementor-page-36982s are scoped to .wc-home-page so they do not affect the
   Astra header, footer, or unrelated Elementor pages.
   ====================================================================== */

.wc-home-page {
  --wc-home-black: #0b0b0a;
  --wc-home-charcoal: #292621;
  --wc-home-ink: #17191d;
  --wc-home-gold-dark: #9d7438;
  --wc-home-gold: #c9a25f;
  --wc-home-gold-light: #d7b675;
  --wc-home-orange: #f7941d;
  --wc-home-ivory: #f2eee6;
  --wc-home-ivory-light: #fbf9f5;
  --wc-home-gray-50: #f8f7f5;
  --wc-home-gray-100: #efede9;
  --wc-home-gray-200: #dfdcd6;
  --wc-home-gray-500: #6d6861;
  --wc-home-white: #ffffff;
  --wc-home-shadow-sm: 0 8px 24px rgba(26, 22, 16, 0.08);
  --wc-home-shadow-md: 0 18px 48px rgba(26, 22, 16, 0.13);
  --wc-home-shadow-lg: 0 30px 80px rgba(26, 22, 16, 0.20);
  --wc-home-radius-sm: 12px;
  --wc-home-radius-md: 20px;
  --wc-home-radius-lg: 30px;
  --wc-home-max-width: 1240px;
  width: 100%;
  color: var(--wc-home-ink);
  font-family: "Raleway", Arial, sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

.wc-home-page,
.wc-home-page * {
  box-sizing: border-box;
}

.wc-home-page img {
  display: block;
  width: 100%;
  height: auto;
}

.wc-home-page a {
  color: inherit;
  text-decoration: none;
}

.wc-home-page h1,
.wc-home-page h2,
.wc-home-page h3,
.wc-home-page p,
.wc-home-page figure,
.wc-home-page blockquote {
  margin-top: 0;
}

.wc-home-page h1,
.wc-home-page h2,
.wc-home-page h3 {
  color: inherit;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
}

.wc-home-page h1 {
  margin-bottom: 24px;
  font-size: clamp(2.75rem, 5.2vw, 5.35rem);
  line-height: 0.99;
  letter-spacing: -0.035em;
}

.wc-home-page h2 {
  margin-bottom: 20px;
  font-size: clamp(2.15rem, 3.4vw, 3.55rem);
  line-height: 1.06;
  letter-spacing: -0.025em;
}

.wc-home-page h3 {
  margin-bottom: 10px;
  font-size: 1.28rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.wc-home-page .wc-home-wrap {
  width: min(calc(100% - 40px), var(--wc-home-max-width));
  margin-inline: auto;
}

.wc-home-page .wc-home-section {
  padding: 96px 0;
}

.wc-home-page .wc-home-section-sm {
  padding: 58px 0;
}

.wc-home-page .wc-home-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 15px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-eyebrow::before {
  width: 25px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--wc-home-orange), var(--wc-home-gold));
  content: "";
}

.wc-home-page .wc-home-lead {
  max-width: 740px;
  color: #625d56;
  font-size: clamp(1.05rem, 1.45vw, 1.25rem);
}

.wc-home-page .wc-home-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 42px;
}

.wc-home-page .wc-home-section-head .wc-home-copy {
  max-width: 760px;
}

.wc-home-page .wc-home-section-head p:last-child {
  margin-bottom: 0;
  color: #655f57;
}

.wc-home-page .wc-home-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.wc-home-page .wc-home-btn:hover {
  transform: translateY(-2px);
}

.wc-home-page .wc-home-btn-primary {
  color: #18150f;
  background: linear-gradient(135deg, #d3b174, var(--wc-home-gold));
  box-shadow: 0 12px 28px rgba(157, 116, 56, 0.26);
}

.wc-home-page .wc-home-btn-primary:hover {
  color: #18150f;
  background: linear-gradient(135deg, #dec18b, #c69a54);
  box-shadow: 0 17px 34px rgba(157, 116, 56, 0.34);
}

.wc-home-page .wc-home-btn-secondary {
  color: var(--wc-home-black);
  background: var(--wc-home-white);
  border-color: rgba(34, 29, 22, 0.16);
  box-shadow: var(--wc-home-shadow-sm);
}

.wc-home-page .wc-home-btn-secondary:hover {
  color: var(--wc-home-black);
}

.wc-home-page .wc-home-btn-ghost {
  color: var(--wc-home-white);
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(215, 182, 117, 0.55);
}

.wc-home-page .wc-home-btn-ghost:hover {
  color: var(--wc-home-white);
  background: rgba(201, 162, 95, 0.12);
  border-color: var(--wc-home-gold);
}

.wc-home-page .wc-home-arrow {
  font-size: 1.2em;
  line-height: 1;
  transition: transform 0.2s ease;
}

.wc-home-page a:hover .wc-home-arrow,
.wc-home-page .wc-home-btn:hover .wc-home-arrow {
  transform: translateX(3px);
}
.wc-header-bar{
  background:#111 !important;
  height:150px !important;
  min-height:0 !important;
  padding:0 !important;
}


/* =========================================================
   Top Bar
========================================================= */

.topbar{
  margin-top:0 !important;
  background:var(--navy);
  color:rgba(255,255,255,.92);
  font-size:.92rem;
}

.topbar .container{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  padding:10px 24px;
  flex-wrap:wrap;
  width:78%;
  max-width:none;
}

.topbar a{
  color:#fff;
}

/* HEADER + NAVIGATION ================================================== */
.wc-home-page .wc-home-utility {
  color: #e7dfd2;
  background: var(--wc-home-black);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.75rem;
}

.wc-home-page .wc-home-utility-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 34px;
}

.wc-home-page .wc-home-utility p {
  margin: 0;
  color: #d8cfc2;
  font-size: inherit;
}

.wc-home-page .wc-home-utility-links {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.wc-home-page .wc-home-utility a:hover {
  color: var(--wc-home-white);
}

.wc-home-page .wc-home-site-header {
  position: relative;
  z-index: 100;
  color: var(--wc-home-ink);
  background: rgba(255, 255, 255, 0.985);
  border-bottom: 1px solid rgba(34, 29, 22, 0.11);
  box-shadow: 0 4px 18px rgba(26, 22, 16, 0.045);
}

.wc-home-page .wc-home-header-inner {
  display: flex;
  align-items: center;
  gap: 25px;
  min-height: 82px;
}

.wc-home-page .wc-home-logo {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  width: 214px;
  max-width: 20vw;
}

.wc-home-page .wc-home-header-logo-svg {
  display: block;
  width: 100%;
  height: auto;
}

.wc-home-page .wc-home-desktop-nav {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  justify-content: flex-end;
  align-self: stretch;
  gap: 2px;
  min-width: 0;
}

.wc-home-page .wc-home-nav-item,
.wc-home-page .wc-home-nav-link {
  position: relative;
  display: flex;
  align-items: center;
}

.wc-home-page .wc-home-nav-trigger,
.wc-home-page .wc-home-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 100%;
  padding: 0 10px;
  border: 0;
  color: #38332d;
  background: transparent;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.91rem;
  font-weight: 600;
  letter-spacing: 0.005em;
  cursor: pointer;
  white-space: nowrap;
}

.wc-home-page .wc-home-nav-trigger::after,
.wc-home-page .wc-home-nav-link::after {
  position: absolute;
  right: 10px;
  bottom: 18px;
  left: 10px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--wc-home-gold), var(--wc-home-orange));
  content: "";
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.18s ease;
}

.wc-home-page .wc-home-nav-trigger:hover,
.wc-home-page .wc-home-nav-trigger:focus-visible,
.wc-home-page .wc-home-nav-link:hover,
.wc-home-page .wc-home-nav-link:focus-visible {
  color: var(--wc-home-black);
  outline: none;
}

.wc-home-page .wc-home-nav-trigger:hover::after,
.wc-home-page .wc-home-nav-trigger:focus-visible::after,
.wc-home-page .wc-home-nav-link:hover::after,
.wc-home-page .wc-home-nav-link:focus-visible::after,
.wc-home-page .wc-home-has-menu:hover > .wc-home-nav-trigger::after,
.wc-home-page .wc-home-has-menu:focus-within > .wc-home-nav-trigger::after {
  transform: scaleX(1);
}

.wc-home-page .wc-home-nav-emphasis {
  color: #805b27;
}

.wc-home-page .wc-home-mega-menu,
.wc-home-page .wc-home-dropdown-menu {
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  z-index: 120;
  visibility: hidden;
  opacity: 0;
  border: 1px solid rgba(34, 29, 22, 0.12);
  border-radius: 0 0 18px 18px;
  background: var(--wc-home-white);
  box-shadow: 0 24px 60px rgba(26, 22, 16, 0.19);
  transform: translate(-50%, 10px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
  pointer-events: none;
}

.wc-home-page .wc-home-has-menu:hover > .wc-home-mega-menu,
.wc-home-page .wc-home-has-menu:hover > .wc-home-dropdown-menu,
.wc-home-page .wc-home-has-menu:focus-within > .wc-home-mega-menu,
.wc-home-page .wc-home-has-menu:focus-within > .wc-home-dropdown-menu {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.wc-home-page .wc-home-services-menu {
  width: min(970px, calc(100vw - 36px));
}

.wc-home-page .wc-home-mega-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--wc-home-gray-200);
  background: var(--wc-home-ivory-light);
}

.wc-home-page .wc-home-mega-heading > span {
  color: var(--wc-home-black);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.04rem;
  font-weight: 700;
}

.wc-home-page .wc-home-mega-heading > a {
  color: var(--wc-home-gold-dark);
  font-size: 0.78rem;
  font-weight: 800;
}

.wc-home-page .wc-home-mega-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 0.72fr;
  gap: 0;
}

.wc-home-page .wc-home-mega-grid > div {
  padding: 22px;
}

.wc-home-page .wc-home-mega-grid > div + div {
  border-left: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-mega-grid h3,
.wc-home-page .wc-home-dropdown-menu h3 {
  margin: 0 0 12px;
  color: #9a7136;
  font-size: 0.72rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-mega-grid a {
  display: block;
  padding: 7px 8px;
  border-radius: 9px;
}

.wc-home-page .wc-home-mega-grid a:hover,
.wc-home-page .wc-home-mega-grid a:focus-visible,
.wc-home-page .wc-home-dropdown-menu a:hover,
.wc-home-page .wc-home-dropdown-menu a:focus-visible {
  color: var(--wc-home-black);
  background: var(--wc-home-ivory-light);
  outline: none;
}

.wc-home-page .wc-home-mega-grid a strong,
.wc-home-page .wc-home-dropdown-menu a strong {
  display: block;
  color: #25211c;
  font-size: 0.83rem;
  line-height: 1.25;
}

.wc-home-page .wc-home-mega-grid a span,
.wc-home-page .wc-home-dropdown-menu a span {
  display: block;
  margin-top: 2px;
  color: #777066;
  font-size: 0.68rem;
  line-height: 1.3;
}

.wc-home-page .wc-home-mega-secondary {
  background: #fcfaf6;
}

.wc-home-page .wc-home-mega-secondary a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #514b43;
  font-size: 0.76rem;
  font-weight: 700;
}

.wc-home-page .wc-home-mega-subheading {
  margin-top: 16px !important;
  padding-top: 14px;
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-dropdown-menu {
  width: 310px;
  padding: 13px;
}

.wc-home-page .wc-home-dropdown-menu a {
  display: block;
  padding: 10px 11px;
  border-radius: 9px;
  color: #4a443d;
  font-size: 0.8rem;
  font-weight: 700;
}

.wc-home-page .wc-home-dropdown-compact {
  width: 270px;
}

.wc-home-page .wc-home-dropdown-compact a {
  padding: 8px 10px;
}

.wc-home-page .wc-home-header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 9px;
}

.wc-home-page .wc-home-search-toggle,
.wc-home-page .wc-home-mobile-toggle {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--wc-home-gray-200);
  border-radius: 50%;
  color: #342f29;
  background: var(--wc-home-white);
  cursor: pointer;
}

.wc-home-page .wc-home-search-toggle:hover,
.wc-home-page .wc-home-search-toggle:focus-visible,
.wc-home-page .wc-home-mobile-toggle:hover,
.wc-home-page .wc-home-mobile-toggle:focus-visible {
  color: var(--wc-home-black);
  border-color: #c7a86d;
  outline: none;
  background: var(--wc-home-ivory-light);
}

.wc-home-page .wc-home-search-toggle svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

.wc-home-page .wc-home-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 17px;
  border-radius: 999px;
  color: #18150f;
  background: linear-gradient(135deg, #d3b174, var(--wc-home-gold));
  box-shadow: 0 10px 24px rgba(157, 116, 56, 0.22);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.86rem;
  font-weight: 650;
  white-space: nowrap;
}

.wc-home-page .wc-home-header-cta:hover {
  color: #18150f;
  background: linear-gradient(135deg, #dec18b, #c69a54);
}

.wc-home-page .wc-home-mobile-toggle {
  display: none;
  position: relative;
}

.wc-home-page .wc-home-mobile-toggle span {
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.wc-home-page .wc-home-mobile-toggle span:nth-child(1) { transform: translateY(-6px); }
.wc-home-page .wc-home-mobile-toggle span:nth-child(3) { transform: translateY(6px); }
.wc-home-page .wc-home-mobile-open .wc-home-mobile-toggle span:nth-child(1) { transform: rotate(45deg); }
.wc-home-page .wc-home-mobile-open .wc-home-mobile-toggle span:nth-child(2) { opacity: 0; }
.wc-home-page .wc-home-mobile-open .wc-home-mobile-toggle span:nth-child(3) { transform: rotate(-45deg); }

.wc-home-page .wc-home-search-panel {
  border-top: 1px solid var(--wc-home-gray-200);
  background: var(--wc-home-ivory-light);
}

.wc-home-page .wc-home-search-panel[hidden],
.wc-home-page .wc-home-mobile-panel[hidden] {
  display: none !important;
}

.wc-home-page .wc-home-search-panel form {
  padding: 22px 0 25px;
}

.wc-home-page .wc-home-search-panel label {
  display: block;
  margin-bottom: 8px;
  color: #4a443d;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-search-panel form > div {
  display: flex;
  gap: 9px;
}

.wc-home-page .wc-home-search-panel input {
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  padding: 0 15px;
  border: 1px solid #d6d1c8;
  border-radius: 10px;
  color: var(--wc-home-ink);
  background: var(--wc-home-white);
}

.wc-home-page .wc-home-search-panel button {
  min-width: 110px;
  border: 0;
  border-radius: 10px;
  color: #19150f;
  background: var(--wc-home-gold);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 650;
  cursor: pointer;
}

.wc-home-page .wc-home-mobile-panel {
  border-top: 1px solid var(--wc-home-gray-200);
  background: var(--wc-home-white);
  box-shadow: 0 20px 36px rgba(26, 22, 16, 0.12);
}

.wc-home-page .wc-home-mobile-panel > .wc-home-wrap {
  padding-top: 11px;
  padding-bottom: 22px;
}

.wc-home-page .wc-home-mobile-panel details {
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-mobile-panel summary,
.wc-home-page .wc-home-mobile-direct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 2px;
  color: #2d2924;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.96rem;
  font-weight: 650;
  list-style: none;
  cursor: pointer;
}

.wc-home-page .wc-home-mobile-panel summary::-webkit-details-marker { display: none; }
.wc-home-page .wc-home-mobile-panel details[open] summary span { transform: rotate(45deg); }
.wc-home-page .wc-home-mobile-panel summary span { transition: transform 0.16s ease; }

.wc-home-page .wc-home-mobile-highlight {
  color: #8b632d;
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-mobile-submenu {
  display: grid;
  gap: 0;
  padding: 2px 0 13px 12px;
}

.wc-home-page .wc-home-mobile-submenu-columns {
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}

.wc-home-page .wc-home-mobile-submenu a {
  padding: 7px 0;
  color: #5f5951;
  font-size: 0.78rem;
  font-weight: 650;
}

.wc-home-page .wc-home-mobile-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  margin-top: 17px;
  border-radius: 999px;
  color: #18150f;
  background: var(--wc-home-gold);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 650;
}

.wc-home-page .wc-home-mobile-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  padding-top: 17px;
  color: #6c655d;
  font-size: 0.76rem;
  font-weight: 700;
}

/* FOOTER + FOOTER NAVIGATION ========================================== */
.wc-home-page .wc-home-footer {
  position: relative;
  overflow: hidden;
  padding: 0 0 28px;
  color: #cfc5b6;
  background: #090908;
}

.wc-home-page .wc-home-footer::before {
  position: absolute;
  top: -280px;
  right: -230px;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 174, 180, 0.14), transparent 68%);
  content: "";
}

.wc-home-page .wc-home-footer-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 38px;
  padding: 54px 0 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.wc-home-page .wc-home-footer-cta > div:first-child {
  max-width: 760px;
}

.wc-home-page .wc-home-footer .wc-home-eyebrow {
  color: #e2c78e;
}

.wc-home-page .wc-home-footer-cta h2 {
  margin-bottom: 0;
  color: var(--wc-home-white);
  font-size: clamp(2rem, 3vw, 3.25rem);
}

.wc-home-page .wc-home-footer-cta-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 18px;
}

.wc-home-page .wc-home-footer-phone {
  color: #eadfcf;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.91rem;
  font-weight: 600;
  white-space: nowrap;
}

.wc-home-page .wc-home-footer-phone:hover { color: var(--wc-home-white); }

.wc-home-page .wc-home-footer-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr 1.55fr 0.92fr 0.9fr 0.78fr;
  gap: 38px;
  padding: 52px 0 45px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.wc-home-page .wc-home-footer-logo {
  display: inline-block;
  width: 214px;
  max-width: 100%;
}

.wc-home-page .wc-home-footer-logo img {
  width: 100%;
  height: auto;
}

.wc-home-page .wc-home-footer-brand > p {
  max-width: 310px;
  margin: 18px 0 21px;
  color: #cfc5b6;
  font-size: 0.84rem;
}

.wc-home-page .wc-home-footer-contact {
  display: grid;
  gap: 7px;
  color: #e1d7c7;
  font-size: 0.78rem;
  font-weight: 650;
}

.wc-home-page .wc-home-footer-contact span {
  color: #9f9689;
  font-weight: 600;
}

.wc-home-page .wc-home-footer-column h3 {
  margin: 0 0 17px;
  color: var(--wc-home-white);
  font-size: 0.84rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-footer-column ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wc-home-page .wc-home-footer-column li {
  margin: 0;
  padding: 0;
}

.wc-home-page .wc-home-footer-column a {
  color: #bfb5a7;
  font-size: 0.76rem;
  line-height: 1.35;
}

.wc-home-page .wc-home-footer-column a:hover,
.wc-home-page .wc-home-footer-column a:focus-visible,
.wc-home-page .wc-home-footer-contact a:hover,
.wc-home-page .wc-home-footer-contact a:focus-visible {
  color: var(--wc-home-white);
  outline: none;
}

.wc-home-page .wc-home-footer-link-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.wc-home-page .wc-home-footer-all-link {
  display: inline-flex;
  gap: 7px;
  margin-top: 18px;
  color: #d8b978 !important;
  font-weight: 750;
}

.wc-home-page .wc-home-footer-rule {
  margin-top: 7px !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.wc-home-page .wc-home-footer-bottom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding-top: 24px;
  color: #8e867b;
  font-size: 0.7rem;
}

.wc-home-page .wc-home-footer-bottom p { margin: 0; }

.wc-home-page .wc-home-footer-bottom > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px 18px;
}

.wc-home-page .wc-home-footer-bottom a:hover { color: var(--wc-home-white); }

.wc-home-page .wc-home-back-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 150;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #17130d;
  background: var(--wc-home-orange);
  box-shadow: var(--wc-home-shadow-md);
  font-weight: 900;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.18s ease;
  pointer-events: none;
}

.wc-home-page .wc-home-back-top.wc-home-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


/* HERO ================================================================= */
.wc-home-page .wc-home-hero {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 174, 180, 0.25), transparent 36%),
    radial-gradient(circle at 95% 90%, rgba(126, 134, 142, 0.22), transparent 31%),
    linear-gradient(125deg, var(--wc-home-black), #2a251e);
}

.wc-home-page .wc-home-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(to right, #000, transparent 82%);
  mask-image: linear-gradient(to right, #000, transparent 82%);
  content: "";
}

.wc-home-page .wc-home-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(440px, 0.98fr);
  align-items: center;
  gap: 62px;
  min-height: 700px;
  padding: 78px 0 88px;
}

.wc-home-page .wc-home-hero-copy {
  position: relative;
  z-index: 2;
}

.wc-home-page .wc-home-hero .wc-home-eyebrow {
  color: #e3c98f;
}

.wc-home-page .wc-home-hero h1 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-home-hero h1 span {
  color: #d8b875;
}

.wc-home-page .wc-home-hero .wc-home-lead {
  max-width: 670px;
  color: #ebe2d1;
}

.wc-home-page .wc-home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin: 31px 0 32px;
}

.wc-home-page .wc-home-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 22px;
  color: #f1e8d6;
  font-size: 0.88rem;
  font-weight: 700;
}

.wc-home-page .wc-home-hero-proof span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wc-home-page .wc-home-check {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(215, 182, 117, 0.45);
  border-radius: 50%;
  color: #f0dbac;
  background: rgba(215, 182, 117, 0.15);
  font-size: 0.72rem;
  font-style: normal;
}

.wc-home-page .wc-home-hero-gallery {
  position: relative;
  height: 555px;
}

.wc-home-page .wc-home-hero-photo {
  position: absolute;
  overflow: hidden;
  margin: 0;
  border: 6px solid rgba(255, 255, 255, 0.13);
  background: #2d2924;
  box-shadow: var(--wc-home-shadow-lg);
}

.wc-home-page .wc-home-hero-photo img {
  height: 100%;
  object-fit: cover;
}

.wc-home-page .wc-home-hero-photo.wc-home-main {
  top: 2%;
  right: 4%;
  width: 68%;
  height: 76%;
  border-radius: 32px;
}

.wc-home-page .wc-home-hero-photo.wc-home-top {
  top: 7%;
  left: 0;
  width: 40%;
  height: 36%;
  border-radius: 22px;
  transform: rotate(-3deg);
}

.wc-home-page .wc-home-hero-photo.wc-home-bottom {
  bottom: 0;
  left: 4%;
  width: 46%;
  height: 42%;
  border-radius: 24px;
  transform: rotate(2deg);
}

.wc-home-page .wc-home-hero-badge {
  position: absolute;
  right: 0;
  bottom: 7%;
  z-index: 3;
  width: 170px;
  padding: 18px 19px;
  border-radius: 18px;
  color: var(--wc-home-black);
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-home-hero-badge strong {
  display: block;
  margin-bottom: 7px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.65rem;
  line-height: 1;
}

.wc-home-page .wc-home-hero-badge span {
  display: block;
  color: #625d56;
  font-size: 0.75rem;
  font-weight: 750;
  line-height: 1.35;
}

/* TRUST METRICS ========================================================= */
.wc-home-page .wc-home-trust-strip {
  margin-top: -1px;
  background: var(--wc-home-white);
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.wc-home-page .wc-home-trust-item {
  padding: 25px 24px;
  border-right: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-trust-item:first-child {
  border-left: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-trust-label {
  margin-bottom: 4px;
  color: #8f682f;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-trust-value {
  color: var(--wc-home-black);
  font-weight: 800;
}

/* CLIENT PROOF ========================================================== */
.wc-home-page .wc-home-client-proof {
  padding: 29px 0 31px;
  background: var(--wc-home-white);
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-client-proof-inner {
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: start;
  gap: 34px;
}

.wc-home-page .wc-home-client-proof-label {
  padding-top: 2px;
  color: #70695f;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-client-proof-label strong {
  display: block;
  margin-top: 6px;
  color: #191816;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  text-transform: none;
}

.wc-home-page .wc-home-client-proof-label span {
  display: block;
  margin-top: 7px;
  color: #797269;
  font-family: "Raleway", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
}

.wc-home-page .wc-home-client-groups {
  display: grid;
  gap: 7px;
}

.wc-home-page .wc-home-client-row {
  display: grid;
  grid-template-columns: 148px 1fr;
  align-items: start;
  gap: 17px;
  padding-bottom: 7px;
  border-bottom: 1px solid #eeeae3;
}

.wc-home-page .wc-home-client-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.wc-home-page .wc-home-client-category {
  padding-top: 3px;
  color: #986f36;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-client-names {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  row-gap: 2px;
  color: #4d4842;
  font-size: 0.76rem;
  line-height: 1.55;
}

.wc-home-page .wc-home-client-name {
  display: inline;
  color: #4d4842;
  font-weight: 690;
  letter-spacing: -0.005em;
  white-space: nowrap;
}

.wc-home-page .wc-home-client-name.wc-home-major {
  color: #1f1c18;
  font-weight: 850;
}

.wc-home-page .wc-home-client-name:not(:last-child)::after {
  color: #c39c59;
  font-weight: 800;
  white-space: pre;
  content: "  •  ";
}

/* PRIMARY SERVICES ====================================================== */
.wc-home-page .wc-home-services {
  background: linear-gradient(180deg, var(--wc-home-white), var(--wc-home-ivory-light));
}

.wc-home-page .wc-home-service-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.wc-home-page .wc-home-service-card {
  position: relative;
  overflow: hidden;
  min-height: 370px;
  border: 1px solid rgba(34, 29, 22, 0.09);
  border-radius: var(--wc-home-radius-md);
  color: var(--wc-home-ink);
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.wc-home-page .wc-home-service-card:hover {
  color: var(--wc-home-ink);
  transform: translateY(-6px);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-home-service-image {
  overflow: hidden;
  height: 190px;
  background: #e5dfd4;
}

.wc-home-page .wc-home-service-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.wc-home-page .wc-home-service-card:hover img {
  transform: scale(1.035);
}

.wc-home-page .wc-home-service-body {
  padding: 21px 21px 23px;
}

.wc-home-page .wc-home-service-number {
  position: absolute;
  top: 174px;
  right: 16px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--wc-home-gold-dark);
  background: var(--wc-home-white);
  box-shadow: 0 7px 18px rgba(26, 22, 16, 0.15);
  font-size: 0.78rem;
  font-weight: 900;
}

.wc-home-page .wc-home-service-body p {
  margin-bottom: 17px;
  color: #6b655e;
  font-size: 0.9rem;
}

.wc-home-page .wc-home-service-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8f682f;
  font-size: 0.86rem;
  font-weight: 850;
}

/* RECENT PROJECTS ======================================================= */
.wc-home-page .wc-home-recent {
  overflow: hidden;
  color: var(--wc-home-white);
  background: var(--wc-home-black);
}

.wc-home-page .wc-home-recent h2,
.wc-home-page .wc-home-recent h3 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-home-recent .wc-home-eyebrow {
  color: #e3c98f;
}

.wc-home-page .wc-home-recent .wc-home-section-head p:last-child {
  color: #cfc4b2;
}

.wc-home-page .wc-home-project-mosaic {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr 0.9fr;
  grid-template-rows: 260px 260px;
  gap: 16px;
}

.wc-home-page .wc-home-project-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #2a2621;
}

.wc-home-page .wc-home-project-card.wc-home-featured {
  grid-row: span 2;
}

.wc-home-page .wc-home-project-card img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, filter 0.4s ease;
}

.wc-home-page .wc-home-project-card::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 19, 29, 0.88), transparent 66%);
  content: "";
}

.wc-home-page .wc-home-project-card:hover img {
  filter: saturate(1.08);
  transform: scale(1.035);
}

.wc-home-page .wc-home-project-info {
  position: absolute;
  right: 22px;
  bottom: 20px;
  left: 22px;
  z-index: 2;
}

.wc-home-page .wc-home-project-tag {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 9px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.14);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-project-info h3 {
  margin-bottom: 0;
  font-size: 1.05rem;
}

.wc-home-page .wc-home-project-card.wc-home-featured .wc-home-project-info h3 {
  font-size: 1.55rem;
}

/* WHY WHITE CLOUDS ====================================================== */
.wc-home-page .wc-home-why {
  background: var(--wc-home-white);
}

.wc-home-page .wc-home-why-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  align-items: center;
  gap: 70px;
}

.wc-home-page .wc-home-why-visual {
  position: relative;
  min-height: 560px;
}

.wc-home-page .wc-home-why-visual .wc-home-img-a,
.wc-home-page .wc-home-why-visual .wc-home-img-b {
  position: absolute;
  overflow: hidden;
  border-radius: var(--wc-home-radius-lg);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-home-why-visual .wc-home-img-a {
  top: 0;
  left: 0;
  width: 77%;
  height: 78%;
}

.wc-home-page .wc-home-why-visual .wc-home-img-b {
  right: 0;
  bottom: 0;
  width: 55%;
  height: 48%;
  border: 7px solid var(--wc-home-white);
}

.wc-home-page .wc-home-why-visual img {
  height: 100%;
  object-fit: cover;
}

.wc-home-page .wc-home-why-note {
  position: absolute;
  bottom: 7%;
  left: 7%;
  z-index: 2;
  width: 215px;
  padding: 18px;
  border-radius: 17px;
  color: #5a544d;
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-md);
  font-size: 0.84rem;
  font-weight: 770;
}

.wc-home-page .wc-home-why-note strong {
  display: block;
  margin-bottom: 3px;
  color: var(--wc-home-gold-dark);
  font-size: 1.08rem;
}

.wc-home-page .wc-home-feature-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 34px;
}

.wc-home-page .wc-home-feature {
  padding-top: 18px;
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-feature-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 13px;
  border-radius: 12px;
  color: var(--wc-home-gold-dark);
  background: var(--wc-home-ivory);
  font-weight: 900;
}

.wc-home-page .wc-home-feature p {
  margin: 0;
  color: #6e6861;
  font-size: 0.89rem;
}

/* PROCESS =============================================================== */
.wc-home-page .wc-home-process {
  background: var(--wc-home-ivory);
}

.wc-home-page .wc-home-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  counter-reset: wc-home-process;
}

.wc-home-page .wc-home-step {
  position: relative;
  padding: 30px 25px;
  border: 1px solid rgba(34, 29, 22, 0.08);
  border-radius: 20px;
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
  counter-increment: wc-home-process;
}

.wc-home-page .wc-home-step::before {
  display: block;
  margin-bottom: 21px;
  color: var(--wc-home-orange);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.04em;
  content: "0" counter(wc-home-process);
}

.wc-home-page .wc-home-step::after {
  position: absolute;
  top: 49px;
  right: -18px;
  width: 35px;
  height: 2px;
  background: var(--wc-home-gold);
  content: "";
}

.wc-home-page .wc-home-step:last-child::after {
  display: none;
}

.wc-home-page .wc-home-step p {
  margin-bottom: 0;
  color: #6f6962;
  font-size: 0.89rem;
}

/* TESTIMONIALS ========================================================== */
.wc-home-page .wc-home-proof {
  background: var(--wc-home-white);
}

.wc-home-page .wc-home-proof-grid {
  display: grid;
  grid-template-columns: 1.07fr 0.93fr;
  gap: 25px;
}

.wc-home-page .wc-home-quote-card {
  padding: 42px;
  border-radius: var(--wc-home-radius-md);
  color: var(--wc-home-white);
  background: linear-gradient(145deg, #161513, #302a22);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-home-quote-mark {
  color: var(--wc-home-gold-light);
  font-family: Georgia, serif;
  font-size: 4rem;
  line-height: 0.6;
}

.wc-home-page .wc-home-quote-card blockquote {
  margin: 22px 0 28px;
  color: #f4ecdf;
  font-size: 1.2rem;
  line-height: 1.65;
}

.wc-home-page .wc-home-quote-by {
  display: flex;
  align-items: center;
  gap: 13px;
}

.wc-home-page .wc-home-avatar {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: var(--wc-home-white);
  background: linear-gradient(135deg, var(--wc-home-orange), var(--wc-home-gold));
  font-weight: 900;
}

.wc-home-page .wc-home-quote-by strong {
  display: block;
}

.wc-home-page .wc-home-quote-by span {
  color: #cfc4b2;
  font-size: 0.8rem;
}

.wc-home-page .wc-home-proof-side {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 25px;
}

.wc-home-page .wc-home-mini-quote {
  padding: 29px 31px;
  border: 1px solid var(--wc-home-gray-200);
  border-radius: var(--wc-home-radius-md);
  background: var(--wc-home-gray-50);
}

.wc-home-page .wc-home-mini-quote p {
  color: #5d5751;
  font-size: 0.98rem;
}

.wc-home-page .wc-home-mini-quote strong {
  display: block;
  color: var(--wc-home-black);
}

.wc-home-page .wc-home-mini-quote span {
  color: #746e66;
  font-size: 0.79rem;
}

/* SPECIALTY SERVICES ==================================================== */
.wc-home-page .wc-home-specialty {
  background: var(--wc-home-gray-50);
}

.wc-home-page .wc-home-specialty-title {
  font-size: clamp(1.8rem, 2.6vw, 2.7rem);
}

.wc-home-page .wc-home-specialty-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.wc-home-page .wc-home-specialty-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 19px;
  border: 1px solid var(--wc-home-gray-200);
  border-radius: 14px;
  color: #4d4740;
  background: var(--wc-home-white);
  font-weight: 800;
  transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.wc-home-page .wc-home-specialty-link:hover {
  color: var(--wc-home-gold-dark);
  border-color: #c4a46c;
  transform: translateY(-2px);
}

/* PROJECT INQUIRY ======================================================= */
.wc-home-page .wc-home-lead-section {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background: linear-gradient(128deg, var(--wc-home-black), #28231d);
}

.wc-home-page .wc-home-lead-section::before {
  position: absolute;
  top: -200px;
  right: -180px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 174, 180, 0.24), transparent 67%);
  content: "";
}

.wc-home-page .wc-home-lead-layout {
  position: relative;
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  align-items: start;
  gap: 60px;
}

.wc-home-page .wc-home-lead-section h2,
.wc-home-page .wc-home-lead-section h3 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-home-lead-section .wc-home-eyebrow {
  color: #e3c98f;
}

.wc-home-page .wc-home-lead-section .wc-home-lead {
  color: #ded3c3;
}

.wc-home-page .wc-home-routing {
  margin-top: 30px;
  padding: 19px 20px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 15px;
  color: #ded3c3;
  background: rgba(255, 255, 255, 0.065);
  font-size: 0.87rem;
}

.wc-home-page .wc-home-routing strong {
  color: var(--wc-home-white);
}

.wc-home-page .wc-home-routing a {
  color: #e6cb96;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wc-home-page .wc-home-contact-list {
  display: grid;
  gap: 12px;
  margin-top: 28px;
  color: #e5dccd;
  font-size: 0.9rem;
}

.wc-home-page .wc-home-contact-list span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.wc-home-page .wc-home-form-card {
  padding: 34px;
  border-radius: 24px;
  color: var(--wc-home-ink);
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-lg);
}

.wc-home-page .wc-home-form-card h3 {
  color: var(--wc-home-ink);
  font-size: 1.5rem;
}

.wc-home-page .wc-home-form-intro {
  margin-bottom: 24px;
  color: #6f6962;
  font-size: 0.9rem;
}

.wc-home-page .wc-home-form-card iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 520px;
  border: 0;
}

.wc-home-page .wc-home-form-embed-placeholder {
  display: grid;
  place-items: center;
  min-height: 440px;
  padding: 30px;
  border: 2px dashed #c9b58e;
  border-radius: 16px;
  color: #5f574b;
  background: #fbf8f1;
  text-align: center;
}

.wc-home-page .wc-home-form-embed-placeholder strong,
.wc-home-page .wc-home-form-embed-placeholder span {
  display: block;
}

.wc-home-page .wc-home-form-embed-placeholder strong {
  margin-bottom: 8px;
  color: var(--wc-home-black);
  font-size: 1.05rem;
}

.wc-home-page .wc-home-form-embed-placeholder span {
  max-width: 390px;
  font-size: 0.82rem;
}

/* READY-MADE TOPOGRAPHIES ============================================== */
.wc-home-page .wc-home-ready-topo {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #eee8dc 0%, #fbfaf7 48%, #fff 100%);
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-home-ready-topo::before {
  position: absolute;
  top: -230px;
  right: -170px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 174, 180, 0.20), transparent 67%);
  content: "";
}

.wc-home-page .wc-home-topo-layout {
  position: relative;
  display: grid;
  grid-template-columns: 0.88fr 1.12fr;
  align-items: center;
  gap: 64px;
}

.wc-home-page .wc-home-topo-copy .wc-home-lead {
  color: #5f5952;
}

.wc-home-page .wc-home-topo-number {
  display: inline-flex;
  align-items: baseline;
  gap: 11px;
  margin: 14px 0 17px;
  color: #171513;
}

.wc-home-page .wc-home-topo-number strong {
  color: #9a7136;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(2.9rem, 5vw, 4.9rem);
  line-height: 0.9;
  letter-spacing: -0.045em;
}

.wc-home-page .wc-home-topo-number span {
  max-width: 180px;
  font-size: 0.85rem;
  font-weight: 850;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wc-home-page .wc-home-topo-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
  margin: 26px 0 28px;
}

.wc-home-page .wc-home-topo-point {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #4f4a44;
  font-size: 0.88rem;
  font-weight: 770;
}

.wc-home-page .wc-home-topo-point i {
  display: grid;
  flex: 0 0 20px;
  place-items: center;
  height: 20px;
  border-radius: 50%;
  color: #2b2419;
  background: #d8bd8a;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 900;
}

.wc-home-page .wc-home-topo-caution {
  margin-top: 20px;
  padding: 13px 15px;
  border-left: 4px solid var(--wc-home-orange);
  color: #605950;
  background: rgba(255, 255, 255, 0.72);
  font-size: 0.82rem;
}

.wc-home-page .wc-home-topo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.wc-home-page .wc-home-topo-gallery {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  min-height: 510px;
}

.wc-home-page .wc-home-topo-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #ded8cd;
  border-radius: 20px;
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
}

.wc-home-page .wc-home-topo-card.wc-home-large {
  grid-row: span 2;
}

.wc-home-page .wc-home-topo-card img {
  height: 100%;
  padding: 12px;
  object-fit: contain;
  background: var(--wc-home-white);
  transition: transform 0.35s ease;
}

.wc-home-page .wc-home-topo-card:hover img {
  transform: scale(1.025);
}

.wc-home-page .wc-home-topo-card-label {
  position: absolute;
  bottom: 13px;
  left: 13px;
  padding: 8px 11px;
  border-radius: 999px;
  color: var(--wc-home-white);
  background: rgba(18, 16, 13, 0.88);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* RESPONSIVE ============================================================ */
@media (max-width: 1060px) {
  .wc-home-page .wc-home-hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 72px;
  }

  .wc-home-page .wc-home-hero-gallery {
    width: 100%;
    max-width: 700px;
    height: 520px;
    margin-inline: auto;
  }

  .wc-home-page .wc-home-service-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .wc-home-page .wc-home-why-layout {
    gap: 42px;
  }

  .wc-home-page .wc-home-proof-grid,
  .wc-home-page .wc-home-lead-layout,
  .wc-home-page .wc-home-topo-layout {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-home-lead-copy {
    max-width: 740px;
  }

  .wc-home-page .wc-home-topo-layout {
    gap: 42px;
  }

  .wc-home-page .wc-home-topo-gallery {
    width: 100%;
    max-width: 780px;
  }
}

@media (max-width: 900px) {
  .wc-home-page .wc-home-client-proof-inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .wc-home-page .wc-home-client-row {
    grid-template-columns: 140px 1fr;
  }
}

@media (max-width: 820px) {
  .wc-home-page .wc-home-section {
    padding: 74px 0;
  }

  .wc-home-page .wc-home-section-head {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .wc-home-page .wc-home-section-head .wc-home-btn {
    align-self: flex-start;
  }

  .wc-home-page .wc-home-trust-grid,
  .wc-home-page .wc-home-service-grid,
  .wc-home-page .wc-home-process-grid,
  .wc-home-page .wc-home-specialty-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-home-trust-item:nth-child(3) {
    border-left: 1px solid var(--wc-home-gray-200);
  }

  .wc-home-page .wc-home-project-mosaic {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 340px 240px 240px;
  }

  .wc-home-page .wc-home-project-card.wc-home-featured {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .wc-home-page .wc-home-why-layout {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-home-why-visual {
    min-height: 520px;
  }

  .wc-home-page .wc-home-feature-list {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-home-step::after {
    display: none;
  }
}

@media (max-width: 620px) {
  .wc-home-page .wc-home-client-proof {
    padding: 25px 0 27px;
  }

  .wc-home-page .wc-home-client-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }

  .wc-home-page .wc-home-client-category {
    padding-top: 0;
  }

  .wc-home-page .wc-home-client-names {
    font-size: 0.74rem;
    line-height: 1.6;
  }
}

@media (max-width: 560px) {
  .wc-home-page .wc-home-wrap {
    width: min(calc(100% - 28px), var(--wc-home-max-width));
  }

  .wc-home-page .wc-home-hero-inner {
    gap: 40px;
    padding: 58px 0 68px;
  }

  .wc-home-page .wc-home-hero h1 {
    font-size: 2.7rem;
  }

  .wc-home-page .wc-home-hero-gallery {
    height: 420px;
  }

  .wc-home-page .wc-home-hero-photo.wc-home-main {
    width: 76%;
    height: 72%;
  }

  .wc-home-page .wc-home-hero-photo.wc-home-top {
    width: 46%;
    height: 34%;
  }

  .wc-home-page .wc-home-hero-photo.wc-home-bottom {
    width: 51%;
    height: 40%;
  }

  .wc-home-page .wc-home-hero-badge {
    width: 145px;
    padding: 14px;
  }

  .wc-home-page .wc-home-hero-actions,
  .wc-home-page .wc-home-topo-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wc-home-page .wc-home-hero-actions .wc-home-btn,
  .wc-home-page .wc-home-topo-actions .wc-home-btn {
    width: 100%;
  }

  .wc-home-page .wc-home-trust-grid,
  .wc-home-page .wc-home-service-grid,
  .wc-home-page .wc-home-process-grid,
  .wc-home-page .wc-home-specialty-grid {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-home-trust-item,
  .wc-home-page .wc-home-trust-item:nth-child(3) {
    border-left: 1px solid var(--wc-home-gray-200);
  }

  .wc-home-page .wc-home-service-card {
    min-height: auto;
  }

  .wc-home-page .wc-home-project-mosaic {
    grid-template-columns: 1fr;
    grid-template-rows: 330px repeat(4, 230px);
  }

  .wc-home-page .wc-home-project-card.wc-home-featured {
    grid-column: auto;
  }

  .wc-home-page .wc-home-why-visual {
    min-height: 430px;
  }

  .wc-home-page .wc-home-why-note {
    width: 178px;
    font-size: 0.75rem;
  }

  .wc-home-page .wc-home-feature-list,
  .wc-home-page .wc-home-topo-points {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-home-quote-card {
    padding: 30px;
  }

  .wc-home-page .wc-home-quote-card blockquote {
    font-size: 1.03rem;
  }

  .wc-home-page .wc-home-form-card {
    padding: 23px;
  }

  .wc-home-page .wc-home-topo-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: 310px 230px 230px;
    min-height: auto;
  }

  .wc-home-page .wc-home-topo-card.wc-home-large {
    grid-row: auto;
  }
}


/* Header/footer responsive additions */
@media (max-width: 1180px) {
  .wc-home-page .wc-home-logo { width: 190px; }
  .wc-home-page .wc-home-nav-trigger,
  .wc-home-page .wc-home-nav-link { padding-right: 7px; padding-left: 7px; font-size: 0.84rem; }
  .wc-home-page .wc-home-nav-trigger::after,
  .wc-home-page .wc-home-nav-link::after { right: 7px; left: 7px; }
  .wc-home-page .wc-home-header-cta { padding-right: 14px; padding-left: 14px; font-size: 0.8rem; }
  .wc-home-page .wc-home-footer-grid { grid-template-columns: 1fr 1.45fr 0.9fr 0.9fr; }
  .wc-home-page .wc-home-footer-grid > :last-child { grid-column: 2 / -1; }
}

@media (max-width: 1100px) {
  .wc-home-page .wc-home-header-inner { min-height: 74px; }
  .wc-home-page .wc-home-logo { width: 205px; max-width: 55vw; }
  .wc-home-page .wc-home-desktop-nav,
  .wc-home-page .wc-home-header-cta { display: none; }
  .wc-home-page .wc-home-header-actions { margin-left: auto; }
  .wc-home-page .wc-home-mobile-toggle { display: inline-grid; }
  .wc-home-page .wc-home-footer-grid { grid-template-columns: 1fr 1.5fr 1fr; }
  .wc-home-page .wc-home-footer-grid > :last-child { grid-column: auto; }
  .wc-home-page .wc-home-footer-grid > :nth-child(5) { grid-column: 2 / -1; }
}

@media (max-width: 820px) {
  .wc-home-page .wc-home-utility p { display: none; }
  .wc-home-page .wc-home-utility-inner { justify-content: flex-end; }
  .wc-home-page .wc-home-utility-links { width: 100%; justify-content: space-between; }
  .wc-home-page .wc-home-utility-links a:nth-child(2) { display: none; }
  .wc-home-page .wc-home-footer-cta { align-items: flex-start; flex-direction: column; }
  .wc-home-page .wc-home-footer-cta-actions { flex-wrap: wrap; }
  .wc-home-page .wc-home-footer-grid { grid-template-columns: 1fr 1fr; }
  .wc-home-page .wc-home-footer-brand { grid-column: 1 / -1; }
  .wc-home-page .wc-home-footer-grid > :nth-child(5) { grid-column: auto; }
}

@media (max-width: 560px) {
  .wc-home-page .wc-home-utility-links { gap: 10px; font-size: 0.69rem; }
  .wc-home-page .wc-home-header-inner { min-height: 68px; gap: 12px; }
  .wc-home-page .wc-home-logo { width: 174px; }
  .wc-home-page .wc-home-search-toggle,
  .wc-home-page .wc-home-mobile-toggle { width: 39px; height: 39px; }
  .wc-home-page .wc-home-mobile-submenu-columns { grid-template-columns: 1fr; }
  .wc-home-page .wc-home-search-panel form > div { align-items: stretch; flex-direction: column; }
  .wc-home-page .wc-home-search-panel button { min-height: 45px; }
  .wc-home-page .wc-home-footer-cta { padding-top: 44px; padding-bottom: 40px; }
  .wc-home-page .wc-home-footer-cta-actions { align-items: stretch; flex-direction: column; width: 100%; }
  .wc-home-page .wc-home-footer-cta-actions .wc-home-btn { width: 100%; }
  .wc-home-page .wc-home-footer-phone { text-align: center; }
  .wc-home-page .wc-home-footer-grid { grid-template-columns: 1fr; gap: 34px; padding-top: 42px; }
  .wc-home-page .wc-home-footer-brand { grid-column: auto; }
  .wc-home-page .wc-home-footer-link-columns { grid-template-columns: 1fr 1fr; }
  .wc-home-page .wc-home-footer-bottom { align-items: flex-start; flex-direction: column; }
  .wc-home-page .wc-home-footer-bottom > div { justify-content: flex-start; }
}
/* ABOUT PROJECT CASE STUDY LINKS ======================================= */

.wc-home-page .wc-about-project-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.wc-home-page .wc-about-project-link span {
  transition: transform 0.2s ease;
}

.wc-home-page .wc-about-project-link:hover {
  color: #765222;
}

.wc-home-page .wc-about-project-link:hover span {
  transform: translateX(3px);
}

/* ======================================================================
   WHITE CLOUDS CONTACT PAGE — PAGE-SPECIFIC ADDITIONS
   The homepage CSS above is intentionally retained unchanged so the
   temporary header, footer, buttons, typography, spacing and color system
   remain identical. All new body.elementor-page-36982s are scoped to .wc-contact-*.
   ====================================================================== */

.wc-home-page .wc-contact-hero {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 12% 0%, rgba(168, 174, 180, 0.28), transparent 37%),
    radial-gradient(circle at 95% 90%, rgba(126, 134, 142, 0.20), transparent 32%),
    linear-gradient(125deg, var(--wc-home-black), #2a251e);
}

.wc-home-page .wc-contact-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  mask-image: linear-gradient(to right, #000, transparent 82%);
  pointer-events: none;
}

.wc-home-page .wc-contact-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(420px, 0.97fr);
  gap: 64px;
  align-items: center;
  min-height: 650px;
  padding: 74px 0 84px;
}

.wc-home-page .wc-contact-hero .wc-home-eyebrow {
  color: #e5ca91;
}

.wc-home-page .wc-contact-hero h1 span {
  color: var(--wc-home-gold-light);
}

.wc-home-page .wc-contact-hero .wc-home-lead {
  max-width: 680px;
  color: #e9dfcf;
}

.wc-home-page .wc-contact-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin: 31px 0;
}

.wc-home-page .wc-contact-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 22px;
  color: #f1e8d6;
  font-size: 0.88rem;
  font-weight: 700;
}

.wc-home-page .wc-contact-hero-proof span {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wc-home-page .wc-contact-hero-proof b {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(215, 182, 117, 0.45);
  border-radius: 50%;
  color: #f2dfb7;
  background: rgba(215, 182, 117, 0.15);
  font-size: 0.72rem;
}

.wc-home-page .wc-contact-hero-visual {
  position: relative;
  min-height: 510px;
}

.wc-home-page .wc-contact-hero-image {
  position: absolute;
  inset: 0 52px 44px 0;
  overflow: hidden;
  border: 6px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--wc-home-radius-lg);
  background: var(--wc-home-charcoal);
  box-shadow: var(--wc-home-shadow-lg);
}

.wc-home-page .wc-contact-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 58%;
}

.wc-home-page .wc-contact-info-card {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(340px, 76%);
  padding: 25px;
  border-radius: 22px;
  color: var(--wc-home-ink);
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-contact-card-kicker,
.wc-home-page .wc-contact-location-kicker {
  display: block;
  margin: 0;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wc-home-page .wc-contact-info-card h2 {
  margin: 7px 0 17px;
  font-size: 1.7rem;
}

.wc-home-page .wc-contact-info-lines {
  display: grid;
  gap: 12px;
}

.wc-home-page .wc-contact-info-line {
  display: flex;
  gap: 11px;
  align-items: flex-start;
}

.wc-home-page .wc-contact-info-icon {
  display: grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: var(--wc-home-gold-dark);
  background: var(--wc-home-ivory);
  font-family: Arial, sans-serif;
  font-weight: 900;
}

.wc-home-page .wc-contact-info-line strong {
  display: block;
  color: var(--wc-home-ink);
  font-size: 0.88rem;
}

.wc-home-page .wc-contact-info-line span,
.wc-home-page .wc-contact-info-line a {
  display: block;
  color: #686159;
  font-size: 0.88rem;
}

.wc-home-page .wc-contact-info-line a:hover {
  color: var(--wc-home-gold-dark);
}

.wc-home-page .wc-contact-pathways {
  background: linear-gradient(180deg, var(--wc-home-white), var(--wc-home-ivory-light));
}

.wc-home-page .wc-contact-path-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr 0.95fr;
  gap: 20px;
}

.wc-home-page .wc-contact-path-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 30px;
  border: 1px solid rgba(34, 29, 22, 0.10);
  border-radius: 22px;
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.wc-home-page .wc-contact-path-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--wc-home-shadow-md);
}

.wc-home-page .wc-contact-path-featured {
  color: var(--wc-home-white);
  background: linear-gradient(145deg, var(--wc-home-black), #30291f);
  border-color: transparent;
}

.wc-home-page .wc-contact-path-label {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 24px;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--wc-home-gold-dark);
  background: var(--wc-home-ivory);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wc-home-page .wc-contact-path-featured .wc-contact-path-label {
  color: #f0d49d;
  background: rgba(255, 255, 255, 0.08);
}

.wc-home-page .wc-contact-path-card h3 {
  font-size: 1.55rem;
}

.wc-home-page .wc-contact-path-card p,
.wc-home-page .wc-contact-path-card li {
  color: #6b655e;
}

.wc-home-page .wc-contact-path-featured p,
.wc-home-page .wc-contact-path-featured li {
  color: #ddd1bd;
}

.wc-home-page .wc-contact-path-card ul {
  display: grid;
  gap: 7px;
  margin: 4px 0 25px;
  padding: 0;
  list-style: none;
  font-size: 0.9rem;
}

.wc-home-page .wc-contact-path-card li {
  position: relative;
  padding-left: 16px;
}

.wc-home-page .wc-contact-path-card li::before {
  position: absolute;
  top: 0.65em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--wc-home-gold);
  content: "";
}

.wc-home-page .wc-contact-path-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--wc-home-gold-dark);
  font-weight: 800;
}

.wc-home-page .wc-contact-path-featured .wc-contact-path-link {
  color: #f1d69f;
}

.wc-home-page .wc-contact-form-section {
  background: var(--wc-home-white);
}

.wc-home-page .wc-contact-form-layout {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 64px;
  align-items: start;
}

.wc-home-page .wc-contact-form-copy {
  position: sticky;
  top: 120px;
}

.wc-home-page .wc-contact-routing-notice {
  margin: 26px 0;
  padding: 18px 20px;
  border-left: 4px solid var(--wc-home-orange);
  border-radius: 0 12px 12px 0;
  color: #5e5140;
  background: #fff8ed;
  font-size: 0.93rem;
}

.wc-home-page .wc-contact-routing-notice strong {
  color: #3a3127;
}

.wc-home-page .wc-contact-routing-notice p {
  margin: 5px 0 0;
}

.wc-home-page .wc-contact-routing-notice a {
  color: var(--wc-home-gold-dark);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wc-home-page .wc-contact-quick-list {
  display: grid;
  gap: 13px;
  margin-top: 25px;
}

.wc-home-page .wc-contact-quick-list span {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #5f5952;
}

.wc-home-page .wc-contact-quick-list b {
  flex: 0 0 auto;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
}

.wc-home-page .wc-contact-form-card {
  padding: 34px;
  border: 1px solid var(--wc-home-gray-200);
  border-radius: 26px;
  background: var(--wc-home-ivory-light);
  box-shadow: var(--wc-home-shadow-sm);
}

.wc-home-page .wc-contact-form-heading h3 {
  margin: 5px 0 4px;
  font-size: 1.7rem;
}

.wc-home-page .wc-contact-form-heading > p:last-child {
  margin-bottom: 24px;
  color: #6b655e;
}

.wc-home-page .wc-contact-form-placeholder {
  padding: 22px;
  border: 1px dashed #c6b998;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.76);
}

.wc-home-page .wc-contact-placeholder-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.wc-home-page .wc-contact-placeholder-grid > div {
  display: grid;
  gap: 7px;
}

.wc-home-page .wc-contact-placeholder-grid span {
  color: #3e3933;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.035em;
}

.wc-home-page .wc-contact-placeholder-grid i {
  display: block;
  height: 50px;
  border: 1px solid #d6d1c8;
  border-radius: 12px;
  background: var(--wc-home-white);
}

.wc-home-page .wc-contact-placeholder-grid .wc-contact-placeholder-full {
  grid-column: 1 / -1;
}

.wc-home-page .wc-contact-placeholder-grid .wc-contact-placeholder-message {
  height: 145px;
}

.wc-home-page .wc-contact-placeholder-submit {
  display: grid;
  place-items: center;
  min-height: 52px;
  margin-top: 20px;
  border-radius: 999px;
  color: #18150f;
  background: linear-gradient(135deg, #d3b174, var(--wc-home-gold));
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
}

.wc-home-page .wc-contact-placeholder-note {
  margin: 13px 0 0;
  color: #777067;
  font-size: 0.77rem;
}

/* Generic styling hooks for a duplicated form embed. Codex should retain
   the embed's functional classes while wrapping it in .wc-contact-live-form. */
.wc-home-page .wc-contact-live-form label {
  display: block;
  margin-bottom: 7px;
  color: #3e3933;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.035em;
}

.wc-home-page .wc-contact-live-form input:not([type="checkbox"]):not([type="radio"]),
.wc-home-page .wc-contact-live-form select,
.wc-home-page .wc-contact-live-form textarea {
  width: 100%;
  border: 1px solid #d6d1c8;
  border-radius: 12px;
  color: var(--wc-home-ink);
  background: var(--wc-home-white);
  outline: none;
}

.wc-home-page .wc-contact-live-form input:not([type="checkbox"]):not([type="radio"]),
.wc-home-page .wc-contact-live-form select {
  min-height: 50px;
  padding: 0 14px;
}

.wc-home-page .wc-contact-live-form textarea {
  min-height: 145px;
  padding: 13px 14px;
  resize: vertical;
}

.wc-home-page .wc-contact-live-form input:focus,
.wc-home-page .wc-contact-live-form select:focus,
.wc-home-page .wc-contact-live-form textarea:focus {
  border-color: var(--wc-home-gold);
  box-shadow: 0 0 0 3px rgba(201, 162, 95, 0.17);
}

.wc-home-page .wc-contact-live-form button[type="submit"],
.wc-home-page .wc-contact-live-form input[type="submit"] {
  min-height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  color: #18150f;
  background: linear-gradient(135deg, #d3b174, var(--wc-home-gold));
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  cursor: pointer;
}

.wc-home-page .wc-contact-locations {
  color: var(--wc-home-white);
  background: var(--wc-home-black);
}

.wc-home-page .wc-contact-locations .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-contact-locations .wc-home-lead {
  color: #d6cbbb;
}

.wc-home-page .wc-contact-location-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 38px;
}

.wc-home-page .wc-contact-location-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 24px;
  background: #181714;
}

.wc-home-page .wc-contact-location-image {
  height: 245px;
  overflow: hidden;
}

.wc-home-page .wc-contact-location-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wc-home-page .wc-contact-location-body,
.wc-home-page .wc-contact-office-visual {
  padding: 28px;
}

.wc-home-page .wc-contact-location-card h3 {
  margin: 8px 0 12px;
  font-size: 1.65rem;
}

.wc-home-page .wc-contact-location-card address {
  color: #d0c6b7;
  font-style: normal;
}

.wc-home-page .wc-contact-location-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #f1d69f;
  font-weight: 800;
}

.wc-home-page .wc-contact-office-card {
  display: grid;
  grid-template-rows: 1fr auto;
}

.wc-home-page .wc-contact-office-visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 245px;
  background:
    radial-gradient(circle at 90% 10%, rgba(126, 134, 142, 0.22), transparent 34%),
    linear-gradient(145deg, #26221c, #12110f);
}

.wc-home-page .wc-contact-office-card .wc-contact-location-body {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.wc-home-page .wc-contact-office-card .wc-contact-location-body h3 {
  margin-top: 0;
}

.wc-home-page .wc-contact-office-card .wc-contact-location-body p {
  margin-bottom: 0;
  color: #cfc4b4;
}

.wc-home-page .wc-contact-location-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 18px;
  background: #181714;
}

.wc-home-page .wc-contact-location-stats > div {
  padding: 23px 25px;
  text-align: center;
}

.wc-home-page .wc-contact-location-stats > div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.10);
}

.wc-home-page .wc-contact-location-stats strong,
.wc-home-page .wc-contact-location-stats span {
  display: block;
}

.wc-home-page .wc-contact-location-stats strong {
  color: #f0d49d;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.3rem;
}

.wc-home-page .wc-contact-location-stats span {
  margin-top: 3px;
  color: #cfc4b4;
  font-size: 0.84rem;
}

.wc-home-page .wc-contact-resources {
  background: var(--wc-home-ivory-light);
}

.wc-home-page .wc-contact-resource-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.wc-home-page .wc-contact-resource-card {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: 26px;
  border: 1px solid rgba(34, 29, 22, 0.10);
  border-radius: 20px;
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
}

.wc-home-page .wc-contact-resource-card > span {
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.wc-home-page .wc-contact-resource-card h3 {
  margin-top: 22px;
  font-size: 1.35rem;
}

.wc-home-page .wc-contact-resource-card p {
  color: #6a645d;
}

.wc-home-page .wc-contact-resource-card a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: var(--wc-home-gold-dark);
  font-weight: 800;
}

.wc-home-page .wc-contact-resource-card a:hover b {
  transform: translateX(3px);
}

.wc-home-page .wc-contact-resource-card b {
  transition: transform 0.2s ease;
}

.wc-home-page .wc-contact-project-cta {
  padding: 76px 0;
  background:
    radial-gradient(circle at 95% 20%, rgba(126, 134, 142, 0.16), transparent 30%),
    linear-gradient(135deg, #2e2922, var(--wc-home-black));
  color: var(--wc-home-white);
}

.wc-home-page .wc-contact-project-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
  align-items: center;
}

.wc-home-page .wc-contact-project-cta .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-contact-project-cta h2 {
  max-width: 780px;
  margin-bottom: 13px;
}

.wc-home-page .wc-contact-project-cta p:last-child {
  max-width: 790px;
  margin-bottom: 0;
  color: #d6cbbb;
}

.wc-home-page .wc-contact-project-cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1050px) {
  .wc-home-page .wc-contact-hero-inner {
    grid-template-columns: 1fr 0.9fr;
    gap: 36px;
  }

  .wc-home-page .wc-contact-path-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-contact-path-featured {
    grid-column: 1 / -1;
    min-height: 300px;
  }

  .wc-home-page .wc-contact-form-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .wc-home-page .wc-contact-form-copy {
    position: static;
  }

  .wc-home-page .wc-contact-resource-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-contact-project-cta-inner {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-contact-project-cta-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 820px) {
  .wc-home-page .wc-contact-hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 62px 0 70px;
  }

  .wc-home-page .wc-contact-hero-visual {
    min-height: 510px;
  }

  .wc-home-page .wc-contact-location-grid {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-contact-location-stats {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-contact-location-stats > div + div {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-left: 0;
  }
}

@media (max-width: 640px) {
  .wc-home-page .wc-contact-hero-visual {
    min-height: 520px;
  }

  .wc-home-page .wc-contact-hero-image {
    inset: 0 0 120px 0;
  }

  .wc-home-page .wc-contact-info-card {
    right: 14px;
    bottom: 0;
    left: 14px;
    width: auto;
  }

  .wc-home-page .wc-contact-path-grid,
  .wc-home-page .wc-contact-resource-grid,
  .wc-home-page .wc-contact-placeholder-grid {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-contact-path-featured,
  .wc-home-page .wc-contact-placeholder-grid .wc-contact-placeholder-full {
    grid-column: auto;
  }

  .wc-home-page .wc-contact-path-card,
  .wc-home-page .wc-contact-resource-card {
    min-height: auto;
  }

  .wc-home-page .wc-contact-form-card {
    padding: 24px 18px;
  }

  .wc-home-page .wc-contact-project-cta-actions,
  .wc-home-page .wc-contact-project-cta-actions .wc-home-btn {
    width: 100%;
  }
}


/* ======================================================================
   WHITE CLOUDS ABOUT PAGE — PAGE-SPECIFIC ADDITIONS
   Requires the existing .wc-home-page shared CSS above.
   All new body.elementor-page-36982s are scoped to .wc-about-*.
   ====================================================================== */


/* ABOUT HERO ============================================================ */

.wc-home-page .wc-about-hero {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 86% 14%, rgba(168, 174, 180, 0.18), transparent 30%),
    radial-gradient(circle at 12% 88%, rgba(201, 162, 95, 0.11), transparent 29%),
    linear-gradient(128deg, #0b0b0a, #24211d 68%, #302c26);
}

.wc-home-page .wc-about-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(to right, #000, transparent 88%);
  mask-image: linear-gradient(to right, #000, transparent 88%);
  content: "";
  pointer-events: none;
}

.wc-home-page .wc-about-hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(410px, 0.96fr);
  align-items: center;
  gap: 72px;
  min-height: 650px;
  padding: 82px 0 92px;
}

.wc-home-page .wc-about-hero-copy {
  position: relative;
  z-index: 2;
}

.wc-home-page .wc-about-hero .wc-home-eyebrow {
  color: #e4c98f;
}

.wc-home-page .wc-about-hero h1 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-hero h1 span {
  color: var(--wc-home-gold-light);
}

.wc-home-page .wc-about-hero .wc-home-lead {
  max-width: 690px;
  color: #e7ddce;
}

.wc-home-page .wc-about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 32px;
}

.wc-home-page .wc-about-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin-top: 30px;
  color: #d8cebe;
  font-size: 0.82rem;
  font-weight: 700;
}

.wc-home-page .wc-about-hero-meta span {
  position: relative;
  padding-left: 15px;
}

.wc-home-page .wc-about-hero-meta span::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--wc-home-gold);
  content: "";
}


/* HERO FABRICATION BOARD ------------------------------------------------ */

.wc-home-page .wc-about-build-board {
  position: relative;
  z-index: 2;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at 85% 10%, rgba(201, 162, 95, 0.12), transparent 28%),
    rgba(255, 255, 255, 0.045);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.wc-home-page .wc-about-board-kicker {
  margin-bottom: 24px;
  color: #d9bd84;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-board-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.wc-home-page .wc-about-board-item {
  min-height: 90px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.16);
}

.wc-home-page .wc-about-board-item span {
  display: block;
  margin-bottom: 5px;
  color: #c9bda9;
  font-size: 0.67rem;
  font-weight: 750;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-board-item strong {
  display: block;
  color: #fff;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.08rem;
  line-height: 1.2;
}

.wc-home-page .wc-about-board-core {
  grid-column: 1 / -1;
  margin: 7px 0;
  padding: 21px;
  border-radius: 16px;
  color: #1a1712;
  background: linear-gradient(135deg, #d7b675, #c9a25f);
  text-align: center;
}

.wc-home-page .wc-about-board-core small,
.wc-home-page .wc-about-board-core strong {
  display: block;
}

.wc-home-page .wc-about-board-core small {
  margin-bottom: 3px;
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-board-core strong {
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.1;
}

.wc-home-page .wc-about-board-foot {
  margin: 21px 0 0;
  color: #cfc4b3;
  font-size: 0.82rem;
  text-align: center;
}


/* COMPANY STORY ========================================================= */

.wc-home-page .wc-about-story {
  background: var(--wc-home-white);
}

.wc-home-page .wc-about-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
  align-items: center;
  gap: 82px;
}

.wc-home-page .wc-about-story-copy p:not(.wc-home-eyebrow) {
  max-width: 720px;
  color: #625d56;
  font-size: 1rem;
}

.wc-home-page .wc-about-story-copy p:last-child {
  margin-bottom: 0;
}

.wc-home-page .wc-about-statement {
  padding: 38px;
  border-left: 5px solid var(--wc-home-gold);
  border-radius: 0 22px 22px 0;
  background: var(--wc-home-ivory-light);
}

.wc-home-page .wc-about-statement > span {
  display: block;
  margin-bottom: 15px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-statement strong {
  display: block;
  color: var(--wc-home-black);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.7rem, 2.5vw, 2.5rem);
  line-height: 1.16;
}

.wc-home-page .wc-about-statement p {
  margin: 18px 0 0;
  color: #69625a;
}


/* DISCIPLINES =========================================================== */

.wc-home-page .wc-about-disciplines {
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 90% 10%, rgba(168, 174, 180, 0.14), transparent 30%),
    var(--wc-home-black);
}

.wc-home-page .wc-about-disciplines .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-about-disciplines h2 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-disciplines .wc-home-lead {
  color: #cec3b3;
}

.wc-home-page .wc-about-discipline-layout {
  display: grid;
  grid-template-columns: 1fr 90px 1fr;
  align-items: center;
  gap: 30px;
  margin-top: 48px;
}

.wc-home-page .wc-about-discipline-column {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.wc-home-page .wc-about-discipline-column > h3 {
  margin: 0;
  padding: 25px 0 20px;
  color: #f0d49d;
  font-size: 1.5rem;
}

.wc-home-page .wc-about-discipline-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wc-home-page .wc-about-discipline-list li {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #ddd3c5;
}

.wc-home-page .wc-about-discipline-list li::after {
  flex: 0 0 auto;
  color: var(--wc-home-gold);
  content: "→";
}

.wc-home-page .wc-about-plus {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  margin-inline: auto;
  border: 1px solid rgba(215, 182, 117, 0.32);
  border-radius: 50%;
  color: #e5c88d;
  background: rgba(201, 162, 95, 0.08);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 2.25rem;
}

.wc-home-page .wc-about-integration {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 28px;
  margin-top: 46px;
  padding: 26px 30px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 18px;
  background: #181714;
}

.wc-home-page .wc-about-integration strong {
  color: #f0d49d;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.45rem;
  white-space: nowrap;
}

.wc-home-page .wc-about-integration p {
  margin: 0;
  color: #cfc4b4;
}


/* PROJECT FLOW ========================================================== */

.wc-home-page .wc-about-process {
  background: var(--wc-home-ivory);
}

.wc-home-page .wc-about-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-top: 48px;
}

.wc-home-page .wc-about-flow::before {
  position: absolute;
  top: 30px;
  right: 7%;
  left: 7%;
  height: 1px;
  background: #cabfad;
  content: "";
}

.wc-home-page .wc-about-flow-step {
  position: relative;
  z-index: 2;
}

.wc-home-page .wc-about-flow-number {
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 22px;
  border: 1px solid #d9d1c5;
  border-radius: 50%;
  color: var(--wc-home-gold-dark);
  background: var(--wc-home-white);
  box-shadow: var(--wc-home-shadow-sm);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
}

.wc-home-page .wc-about-flow-step h3 {
  margin-bottom: 9px;
}

.wc-home-page .wc-about-flow-step p {
  margin: 0;
  color: #6b655e;
  font-size: 0.88rem;
}


/* PEOPLE ================================================================ */

.wc-home-page .wc-about-people {
  background: var(--wc-home-white);
}

.wc-home-page .wc-about-people-layout {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 82px;
  align-items: start;
}

.wc-home-page .wc-about-people-copy {
  position: sticky;
  top: 120px;
}

.wc-home-page .wc-about-people-copy > p:last-child {
  color: #655f58;
}

.wc-home-page .wc-about-role-list {
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-role-row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 30px;
  padding: 22px 0;
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-role-row strong {
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
}

.wc-home-page .wc-about-role-row p {
  margin: 0;
  color: #666059;
  font-size: 0.92rem;
}


/* PROJECT STORIES ======================================================= */

.wc-home-page .wc-about-projects {
  background: var(--wc-home-gray-50);
}

.wc-home-page .wc-about-project-list {
  margin-top: 45px;
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-project-row {
  display: grid;
  grid-template-columns: 90px 260px 1fr;
  gap: 32px;
  align-items: start;
  padding: 34px 0;
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-project-number {
  color: #c5a15e;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1;
}

.wc-home-page .wc-about-project-heading span {
  display: block;
  margin-bottom: 7px;
  color: var(--wc-home-gold-dark);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-project-heading h3 {
  margin: 0;
  font-size: 1.45rem;
}

.wc-home-page .wc-about-project-copy p {
  margin: 0;
  color: #625d56;
}


/* FACILITY ============================================================== */

.wc-home-page .wc-about-facility {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 90% 15%, rgba(201, 162, 95, 0.12), transparent 27%),
    linear-gradient(135deg, #2c2924, var(--wc-home-black));
}

.wc-home-page .wc-about-facility .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-about-facility-layout {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;
  align-items: center;
}

.wc-home-page .wc-about-facility-metric {
  padding-right: 45px;
  border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.wc-home-page .wc-about-facility-metric strong {
  display: block;
  color: #d8b875;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(4.5rem, 8vw, 7.5rem);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.05em;
}

.wc-home-page .wc-about-facility-metric span {
  display: block;
  margin-top: 14px;
  color: #d7cdbc;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.wc-home-page .wc-about-facility-copy h2 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-facility-copy > p:last-child {
  margin-bottom: 0;
  color: #d4c9b9;
}

.wc-home-page .wc-about-facility-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 30px;
}

.wc-home-page .wc-about-facility-point {
  padding-top: 17px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.wc-home-page .wc-about-facility-point strong {
  display: block;
  margin-bottom: 6px;
  color: #f0d49d;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
}

.wc-home-page .wc-about-facility-point span {
  color: #c9beae;
  font-size: 0.82rem;
}


/* PRINCIPLES ============================================================ */

.wc-home-page .wc-about-principles {
  background: var(--wc-home-white);
}

.wc-home-page .wc-about-principle-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 52px;
  margin-top: 44px;
  border-top: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-principle {
  padding: 29px 0 31px;
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-principle-number {
  display: block;
  margin-bottom: 16px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.wc-home-page .wc-about-principle h3 {
  font-size: 1.4rem;
}

.wc-home-page .wc-about-principle p {
  margin: 0;
  color: #69635c;
}


/* FINAL CTA ============================================================= */

.wc-home-page .wc-about-cta {
  padding: 76px 0;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 95% 20%, rgba(126, 134, 142, 0.16), transparent 30%),
    linear-gradient(135deg, #2e2922, var(--wc-home-black));
}

.wc-home-page .wc-about-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
  align-items: center;
}

.wc-home-page .wc-about-cta .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-about-cta h2 {
  max-width: 780px;
  margin-bottom: 13px;
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-cta-copy > p:last-child {
  max-width: 800px;
  margin-bottom: 0;
  color: #d6cbbb;
}

.wc-home-page .wc-about-cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
}


/* RESPONSIVE ============================================================ */

@media (max-width: 1050px) {
  .wc-home-page .wc-about-hero-inner {
    grid-template-columns: 1fr 0.9fr;
    gap: 42px;
  }

  .wc-home-page .wc-about-story-grid,
  .wc-home-page .wc-about-people-layout,
  .wc-home-page .wc-about-facility-layout {
    gap: 48px;
  }

  .wc-home-page .wc-about-cta-inner {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-cta-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 900px) {
  .wc-home-page .wc-about-hero-inner,
  .wc-home-page .wc-about-story-grid,
  .wc-home-page .wc-about-people-layout,
  .wc-home-page .wc-about-facility-layout {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-hero-inner {
    min-height: auto;
    padding: 70px 0 78px;
  }

  .wc-home-page .wc-about-build-board {
    width: 100%;
    max-width: 720px;
  }

  .wc-home-page .wc-about-discipline-layout {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-plus {
    width: 52px;
    height: 52px;
  }

  .wc-home-page .wc-about-flow {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-about-flow::before {
    display: none;
  }

  .wc-home-page .wc-about-people-copy {
    position: static;
  }

  .wc-home-page .wc-about-project-row {
    grid-template-columns: 70px 220px 1fr;
    gap: 24px;
  }

  .wc-home-page .wc-about-facility-metric {
    padding: 0 0 35px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  }
}

@media (max-width: 700px) {
  .wc-home-page .wc-about-board-grid {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-board-core {
    grid-column: auto;
  }

  .wc-home-page .wc-about-integration {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .wc-home-page .wc-about-integration strong {
    white-space: normal;
  }

  .wc-home-page .wc-about-project-row {
    grid-template-columns: 55px 1fr;
  }

  .wc-home-page .wc-about-project-copy {
    grid-column: 2;
  }

  .wc-home-page .wc-about-facility-points {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-principle-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media (max-width: 560px) {
  .wc-home-page .wc-about-hero-actions,
  .wc-home-page .wc-about-hero-actions .wc-home-btn,
  .wc-home-page .wc-about-cta-actions,
  .wc-home-page .wc-about-cta-actions .wc-home-btn {
    width: 100%;
  }

  .wc-home-page .wc-about-build-board {
    padding: 22px;
  }

  .wc-home-page .wc-about-flow {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .wc-home-page .wc-about-flow-step {
    display: grid;
    grid-template-columns: 52px 1fr;
    column-gap: 18px;
  }

  .wc-home-page .wc-about-flow-number {
    grid-row: 1 / span 2;
    width: 52px;
    height: 52px;
    margin: 0;
  }

  .wc-home-page .wc-about-flow-step h3 {
    align-self: end;
  }

  .wc-home-page .wc-about-flow-step p {
    grid-column: 2;
  }

  .wc-home-page .wc-about-role-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .wc-home-page .wc-about-project-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wc-home-page .wc-about-project-copy {
    grid-column: auto;
  }

  .wc-home-page .wc-about-project-number {
    font-size: 2rem;
  }
}
/* ======================================================================
   ABOUT PAGE — CULTURE / INNOVATION ADDITIONS
   ====================================================================== */


/* HERO SECONDARY COPY =================================================== */

.wc-home-page .wc-about-hero-secondary {
  max-width: 680px;
  margin: -4px 0 0;
  color: #cfc5b5;
  font-size: 0.95rem;
}


/* IMPOSSIBLE / CEO QUOTE =============================================== */

.wc-home-page .wc-about-challenge {
  position: relative;
  overflow: hidden;
  color: var(--wc-home-white);
  background:
    radial-gradient(circle at 92% 8%, rgba(201, 162, 95, 0.13), transparent 29%),
    linear-gradient(140deg, #131311, #29251f);
}

.wc-home-page .wc-about-challenge .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-about-challenge-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 76px;
  align-items: center;
}

.wc-home-page .wc-about-challenge-intro h2 {
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-challenge-intro h2 span {
  display: block;
  margin-top: 7px;
  color: var(--wc-home-gold-light);
}

.wc-home-page .wc-about-challenge-intro > p:not(.wc-home-eyebrow) {
  color: #cfc5b6;
}

.wc-home-page .wc-about-challenge-intro > p:last-child {
  margin-bottom: 0;
}

.wc-home-page .wc-about-ceo-quote {
  position: relative;
  margin: 0;
  padding: 48px 46px 42px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 5%, rgba(215, 182, 117, 0.12), transparent 30%),
    rgba(255, 255, 255, 0.05);
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.20);
}

.wc-home-page .wc-about-quote-mark {
  display: block;
  height: 48px;
  color: var(--wc-home-gold-light);
  font-family: Georgia, serif;
  font-size: 5.5rem;
  line-height: 0.8;
}

.wc-home-page .wc-about-ceo-quote > p {
  margin: 18px 0 30px;
  color: #f5eee3;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: clamp(1.55rem, 2.3vw, 2.35rem);
  font-weight: 600;
  line-height: 1.35;
}

.wc-home-page .wc-about-ceo-quote footer {
  padding-top: 19px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.wc-home-page .wc-about-ceo-quote footer strong,
.wc-home-page .wc-about-ceo-quote footer span {
  display: block;
}

.wc-home-page .wc-about-ceo-quote footer strong {
  color: var(--wc-home-white);
}

.wc-home-page .wc-about-ceo-quote footer span {
  margin-top: 3px;
  color: #bdb3a4;
  font-size: 0.8rem;
}

.wc-home-page .wc-about-figure-it-out {
  display: grid;
  grid-template-columns: 130px 270px 1fr;
  gap: 28px;
  align-items: center;
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.wc-home-page .wc-about-figure-it-out > span {
  color: #d1b578;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-figure-it-out > strong {
  color: var(--wc-home-white);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.35rem;
}

.wc-home-page .wc-about-figure-it-out > p {
  margin: 0;
  color: #c9beaf;
}


/* NEXT-GENERATION CULTURE ============================================== */

.wc-home-page .wc-about-nextgen {
  background:
    linear-gradient(180deg, var(--wc-home-white), var(--wc-home-ivory-light));
}

.wc-home-page .wc-about-nextgen-head {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 50px;
}

.wc-home-page .wc-about-nextgen-head h2 {
  margin-bottom: 0;
}

.wc-home-page .wc-about-nextgen-intro p {
  color: #655f58;
}

.wc-home-page .wc-about-nextgen-intro p:last-child {
  margin-bottom: 0;
}

.wc-home-page .wc-about-nextgen-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--wc-home-gray-200);
  border-bottom: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-nextgen-item {
  padding: 32px 27px 35px;
}

.wc-home-page .wc-about-nextgen-item + .wc-about-nextgen-item {
  border-left: 1px solid var(--wc-home-gray-200);
}

.wc-home-page .wc-about-nextgen-item > span {
  display: block;
  margin-bottom: 28px;
  color: var(--wc-home-gold-dark);
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.wc-home-page .wc-about-nextgen-item h3 {
  font-size: 1.35rem;
}

.wc-home-page .wc-about-nextgen-item p {
  margin: 0;
  color: #68625b;
  font-size: 0.88rem;
}

.wc-home-page .wc-about-nextgen-close {
  display: grid;
  grid-template-columns: minmax(250px, 0.7fr) 1.3fr;
  gap: 42px;
  align-items: center;
  margin-top: 40px;
  padding: 28px 31px;
  border-radius: 18px;
  background: var(--wc-home-black);
}

.wc-home-page .wc-about-nextgen-close strong {
  color: #f0d49d;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.35rem;
  line-height: 1.3;
}

.wc-home-page .wc-about-nextgen-close p {
  margin: 0;
  color: #d0c5b5;
}


/* TEAM BUTTON SPACING ================================================== */

.wc-home-page .wc-about-people-copy .wc-home-btn {
  margin-top: 14px;
}


/* RESPONSIVE =========================================================== */

@media (max-width: 1050px) {

  .wc-home-page .wc-about-challenge-layout {
    gap: 46px;
  }

  .wc-home-page .wc-about-nextgen-head {
    gap: 46px;
  }

  .wc-home-page .wc-about-nextgen-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wc-home-page .wc-about-nextgen-item:nth-child(3) {
    border-left: 0;
    border-top: 1px solid var(--wc-home-gray-200);
  }

  .wc-home-page .wc-about-nextgen-item:nth-child(4) {
    border-top: 1px solid var(--wc-home-gray-200);
  }
}


@media (max-width: 820px) {

  .wc-home-page .wc-about-challenge-layout,
  .wc-home-page .wc-about-nextgen-head {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-figure-it-out {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .wc-home-page .wc-about-nextgen-close {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}


@media (max-width: 560px) {

  .wc-home-page .wc-about-ceo-quote {
    padding: 36px 27px 31px;
  }

  .wc-home-page .wc-about-nextgen-grid {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-nextgen-item + .wc-about-nextgen-item {
    border-left: 0;
    border-top: 1px solid var(--wc-home-gray-200);
  }

  .wc-home-page .wc-about-people-copy .wc-home-btn {
    width: 100%;
  }
}
/* ======================================================================
   ABOUT SOCIAL — BEHIND THE SCENES
   ====================================================================== */

.wc-home-page .wc-about-social {
  position: relative;
  overflow: hidden;
  padding: 72px 0;
  color: var(--wc-home-white);
  background:
    radial-gradient(
      circle at 90% 10%,
      rgba(201, 162, 95, 0.10),
      transparent 30%
    ),
    linear-gradient(135deg, #191816, #0f0f0e);
}

.wc-home-page .wc-about-social-inner {
  display: grid;
  grid-template-columns: minmax(310px, 0.82fr) minmax(0, 1.18fr);
  gap: 70px;
  align-items: center;
}


/* SECTION COPY ========================================================= */

.wc-home-page .wc-about-social .wc-home-eyebrow {
  color: #e1c183;
}

.wc-home-page .wc-about-social h2 {
  margin-bottom: 16px;
  color: var(--wc-home-white);
  font-size: clamp(2.3rem, 3.4vw, 3.45rem);
}

.wc-home-page .wc-about-social-copy > p:last-child {
  max-width: 600px;
  margin-bottom: 0;
  color: #c9beae;
  font-size: 0.98rem;
  line-height: 1.65;
}


/* SOCIAL CARDS ========================================================= */

.wc-home-page .wc-about-social-links {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.wc-home-page .wc-about-social-link {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 190px;
  padding: 24px;
  border: 1px solid rgba(215, 182, 117, 0.22);
  border-radius: 18px;
  color: var(--wc-home-white);
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.065),
      rgba(255, 255, 255, 0.025)
    );
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.wc-home-page .wc-about-social-link:hover,
.wc-home-page .wc-about-social-link:focus-visible {
  color: var(--wc-home-white);
  border-color: rgba(215, 182, 117, 0.68);
  background:
    linear-gradient(
      145deg,
      rgba(201, 162, 95, 0.17),
      rgba(255, 255, 255, 0.04)
    );
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
  transform: translateY(-4px);
  outline: none;
}


/* SOCIAL ICON ========================================================== */

.wc-home-page .wc-about-social-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 27px;
  border: 1px solid rgba(215, 182, 117, 0.40);
  border-radius: 14px;
  color: #f0d49d;
  background: rgba(201, 162, 95, 0.10);
  transition:
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease;
}

.wc-home-page .wc-about-social-link:hover .wc-about-social-icon {
  color: #ffe4ae;
  border-color: rgba(215, 182, 117, 0.70);
  background: rgba(201, 162, 95, 0.20);
  transform: scale(1.05);
}

.wc-home-page .wc-about-social-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wc-home-page .wc-about-social-icon-fill svg {
  fill: currentColor;
  stroke: none;
}


/* PLATFORM TEXT ======================================================== */

.wc-home-page .wc-about-social-text {
  margin-top: auto;
}

.wc-home-page .wc-about-social-text > span {
  display: block;
  color: #f0d49d;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 1.38rem;
  font-weight: 700;
  line-height: 1.15;
}

.wc-home-page .wc-about-social-text > small {
  display: block;
  margin-top: 8px;
  padding-right: 18px;
  color: #bfb5a6;
  font-size: 0.77rem;
  line-height: 1.45;
}


/* EXTERNAL LINK ARROW ================================================== */

.wc-home-page .wc-about-social-link > b {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #d7b675;
  font-size: 1.15rem;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.wc-home-page .wc-about-social-link:hover > b {
  transform: translate(3px, -3px);
}


/* RESPONSIVE =========================================================== */

@media (max-width: 1000px) {
  .wc-home-page .wc-about-social-inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }
}

@media (max-width: 720px) {
  .wc-home-page .wc-about-social-links {
    grid-template-columns: 1fr;
  }

  .wc-home-page .wc-about-social-link {
    min-height: 145px;
  }
}

@media (max-width: 560px) {
  .wc-home-page .wc-about-social {
    padding: 58px 0;
  }
}/* End custom CSS */