/* Dimensional signature — deliberately limited to quiet micro-depth. */

.brand-symbol {
  --brand-rx: 0deg;
  --brand-ry: 0deg;
  transform: perspective(520px) rotateX(var(--brand-rx)) rotateY(var(--brand-ry)) translateZ(0);
  transform-style: preserve-3d;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), transparent 38%),
    linear-gradient(315deg, rgba(177,143,83,.09), transparent 48%),
    rgba(4,11,11,.48);
  box-shadow:
    0 13px 26px rgba(0,0,0,.26),
    inset 1px 1px 0 rgba(255,255,255,.08),
    inset -1px -1px 0 rgba(0,0,0,.48);
  transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;
  will-change: transform;
}

.brand:hover .brand-symbol {
  box-shadow:
    0 16px 34px rgba(0,0,0,.32),
    inset 1px 1px 0 rgba(255,255,255,.12),
    inset -1px -1px 0 rgba(0,0,0,.52);
}

.brand-symbol b,
.brand-symbol i,
.brand-symbol small {
  text-shadow: 0 1px 0 rgba(255,255,255,.16), 0 3px 8px rgba(0,0,0,.5);
}

.section-number {
  position: relative;
  width: max-content;
  text-shadow: 0 1px 0 rgba(255,255,255,.12), 0 7px 16px rgba(0,0,0,.24);
}

.section-number::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 31px;
  height: 1px;
  background: linear-gradient(90deg, rgba(205,177,124,.88), rgba(205,177,124,0));
  box-shadow: 0 5px 11px rgba(0,0,0,.32);
  transform: perspective(80px) rotateY(-17deg);
  transform-origin: left center;
}

/* The enquiry reads as a private folio, while the controls stay flat and predictable. */
.request-v2 .brief-form:not(.is-submitted) {
  position: relative;
  background:
    linear-gradient(135deg, rgba(255,255,255,.3), transparent 28%),
    linear-gradient(315deg, rgba(67,54,37,.06), transparent 40%),
    #d6d1c7;
  box-shadow:
    12px 14px 0 rgba(117,105,83,.12),
    22px 27px 52px rgba(0,0,0,.28),
    inset 1px 1px 0 rgba(255,255,255,.62),
    inset -1px -1px 0 rgba(63,53,39,.12);
}

.request-v2 .brief-form:not(.is-submitted)::before {
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(74,65,49,.13);
  content: "";
  pointer-events: none;
}

.confirmation-mark {
  position: relative;
  transform: perspective(220px) rotateX(8deg) translateZ(0);
  background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.12), transparent 42%), #132d29;
  box-shadow:
    0 10px 20px rgba(0,0,0,.28),
    inset 1px 1px 0 rgba(255,255,255,.12),
    inset -3px -4px 8px rgba(0,0,0,.24),
    0 0 0 6px rgba(189,171,141,.055);
}

.form-footer button {
  box-shadow: 0 9px 18px rgba(10,24,22,.16), inset 0 1px 0 rgba(255,255,255,.08);
  transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}

.form-footer button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 13px 25px rgba(10,24,22,.23), inset 0 1px 0 rgba(255,255,255,.1);
}

@media (max-width: 600px) {
  .brand-symbol {
    transform: none;
    will-change: auto;
  }

  .section-number::after {
    bottom: -7px;
    width: 24px;
  }

  .request-v2 .brief-form:not(.is-submitted) {
    box-shadow:
      7px 8px 0 rgba(117,105,83,.1),
      12px 20px 34px rgba(0,0,0,.22),
      inset 1px 1px 0 rgba(255,255,255,.58);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-symbol,
  .form-footer button {
    animation: none !important;
    transition: none !important;
  }
}