/* Local dump: scroll unlock + light paper / brass skin (no amber). */
#showcase,
video[src*="GHAF"],
video[src*="aboutGHAF"] {
  display: none !important;
}

:root {
  --q-paper: #f4efe4;
  --q-sheet: #fffdf8;
  --q-ink: #1c1812;
  --q-muted: #5a5348;
  --q-line: rgba(28, 24, 18, 0.12);
  --q-brass: #7d6734;
  --q-brass-soft: #a58b4a;
}

html,
body {
  height: auto !important;
  min-height: 100% !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  background: var(--q-paper) !important;
  color: var(--q-ink) !important;
}
body {
  display: block !important;
}
main {
  overflow: visible !important;
  background: var(--q-paper) !important;
  color: var(--q-ink) !important;
}

#team .group,
#team [style*="opacity:0"] {
  opacity: 1 !important;
  transform: none !important;
}
#faq [style*="height:0"] {
  height: auto !important;
  opacity: 1 !important;
}

.qasr-local-faq-body {
  display: none;
  padding: 0 1.5rem 1.5rem;
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--q-muted);
  border-top: 1px solid var(--q-line);
  padding-top: 1rem;
}
.qasr-local-faq-body.is-open {
  display: block;
}
.qasr-local-ok {
  margin-top: 0.75rem;
  font-family: ui-monospace, monospace;
  font-size: 0.75rem;
  color: var(--q-brass);
}
.qasr-local-nav-open nav {
  display: flex !important;
  flex-direction: column;
  position: absolute;
  top: 5.5rem;
  left: 0;
  right: 0;
  background: var(--q-sheet);
  padding: 1rem 1.5rem 1.25rem;
  gap: 0.75rem;
  border-bottom: 1px solid var(--q-line);
  z-index: 80;
}

/* Dark boards → paper */
.bg-\[\#08090C\],
.bg-\[\#0B0E14\],
.bg-\[\#0E1118\],
.bg-\[\#050608\],
.bg-\[\#0E1118\]\/85,
.bg-\[\#0E1118\]\/90,
.bg-\[\#08090C\]\/85 {
  background-color: var(--q-sheet) !important;
}

header {
  background: rgba(244, 239, 228, 0.92) !important;
  border-color: var(--q-line) !important;
}

.bg-white\/5,
.bg-white\/10,
.bg-white\/15 {
  background-color: rgba(28, 24, 18, 0.05) !important;
}

.bg-amber-400,
.from-amber-400,
.to-amber-600 {
  background-color: var(--q-brass) !important;
  background-image: none !important;
}
.bg-amber-400,
.from-amber-400 {
  color: #fffdf8 !important;
}
.bg-amber-400\/10,
.bg-amber-500\/10,
.from-amber-500\/10 {
  background-color: rgba(125, 103, 52, 0.1) !important;
  color: inherit !important;
}

/* Portfolio CTA: never dark-on-brass */
#portfolio .bg-gradient-to-r {
  background: var(--q-sheet) !important;
  background-image: none !important;
  border: 1px solid var(--q-line) !important;
  color: var(--q-ink) !important;
}
#portfolio .bg-gradient-to-r h4,
#portfolio .bg-gradient-to-r .text-white {
  color: var(--q-ink) !important;
}
#portfolio .bg-gradient-to-r p {
  color: var(--q-muted) !important;
}
#portfolio .bg-gradient-to-r a {
  background: var(--q-brass) !important;
  color: #fffdf8 !important;
}

.text-white,
.text-slate-100,
.text-slate-200 {
  color: var(--q-ink) !important;
}
.text-slate-300,
.text-slate-400,
.text-slate-500,
.text-slate-600 {
  color: var(--q-muted) !important;
}
.text-amber-300,
.text-amber-400,
.text-amber-400\/75,
.text-amber-400\/80,
.text-amber-400\/90,
.text-amber-500,
.text-amber-500\/80 {
  color: var(--q-brass) !important;
}
.text-black {
  color: #fffdf8 !important;
}
.bg-amber-400.text-black,
button.bg-amber-400,
a.bg-amber-400 {
  color: #fffdf8 !important;
}

.border-white\/5,
.border-white\/10,
.border-t.border-white\/5,
.border-t.border-white\/10,
.border-b.border-white\/5,
.border-y.border-white\/5 {
  border-color: var(--q-line) !important;
}
.border-amber-400,
.border-amber-400\/30,
.border-amber-400\/40,
.border-amber-500\/20,
.border-amber-500\/30 {
  border-color: rgba(125, 103, 52, 0.45) !important;
}
.border-l-4.border-amber-400 {
  border-left-color: var(--q-brass) !important;
}

.hover\:text-amber-400:hover,
.hover\:bg-amber-400:hover,
.hover\:bg-amber-300:hover,
.group:hover .group-hover\:text-amber-400 {
  color: var(--q-brass) !important;
}
.hover\:bg-amber-400:hover,
.hover\:bg-amber-300:hover {
  background-color: #6b572c !important;
  color: #fffdf8 !important;
}
.hover\:bg-white\/10:hover,
.hover\:bg-white\/15:hover {
  background-color: rgba(28, 24, 18, 0.07) !important;
}
.hover\:border-amber-400\/30:hover,
.hover\:border-amber-400\/40:hover,
.hover\:border-amber-500\/20:hover,
.hover\:border-amber-500\/30:hover {
  border-color: var(--q-brass) !important;
}

.shadow-amber-400\/10,
.shadow-amber-400\/20,
.shadow-amber-500\/10 {
  box-shadow: 0 12px 40px rgba(125, 103, 52, 0.12) !important;
}

.selection\:bg-amber-500\/20::selection,
.selection\:text-amber-300::selection {
  background: rgba(125, 103, 52, 0.2);
  color: var(--q-ink);
}

/* Inputs */
input,
textarea {
  background: var(--q-paper) !important;
  color: var(--q-ink) !important;
  border-color: var(--q-line) !important;
}
input:focus,
textarea:focus {
  border-color: var(--q-brass) !important;
}

/* Watermark building: dump used invert for dark boards */
#capabilities img[src*="philosophy"] {
  filter: none !important;
  opacity: 0.18;
}

/* Gold lockup already gold-on-transparent — keep as-is on paper.
   Dump Tailwind h-14 never hydrates — pin sizes like the old 190×200 mark. */
header img[src*="logo.png"] {
  filter: none !important;
  height: 4.25rem !important;
  width: auto !important;
  max-height: 68px !important;
}
footer img[src*="qasr-lockup.png"] {
  filter: none !important;
  height: 7rem !important;
  width: auto !important;
  max-height: 112px !important;
}

/* Hero metric bar / wave sat on near-black */
section .bg-\[\#050608\],
div.bg-\[\#050608\] {
  background-color: #ebe4d4 !important;
}
header a[href*="contact"],
a.bg-amber-400,
button.bg-amber-400,
button[type="submit"] {
  background: #7d6734 !important;
  background-image: none !important;
  color: #fffdf8 !important;
}

/* Hero stats: three figures in a row */
div.bg-\[\#050608\].font-mono > .max-w-7xl {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Hero veil was a dark radial. The mark sits on the paper, not in a card. */
section[class*="min-h-[95vh]"] > .absolute.inset-0 {
  display: none !important;
}

/* Hero: large 3D house mark to the right of the copy */
.qasr-hero-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  align-items: center;
  gap: 1.25rem 2.5rem;
  max-width: 80rem !important;
}
.qasr-hero-3d {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  min-height: 280px;
  perspective: 1200px;
  background: transparent;
}
.qasr-hero-mark {
  position: relative;
  width: min(520px, 44vw);
  transform: rotateX(4deg) rotateY(-6deg);
  transform-style: preserve-3d;
  filter: drop-shadow(0 28px 16px rgba(92, 68, 24, 0.16));
}
.qasr-hero-base,
.qasr-hero-bloom {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
}
.qasr-hero-bloom {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 36% 32% at 50% 43%, #000 46%, transparent 74%);
  mask-image: radial-gradient(ellipse 36% 32% at 50% 43%, #000 46%, transparent 74%);
  mix-blend-mode: soft-light;
  animation: qasr-bloom 8.5s ease-in-out infinite;
}
@keyframes qasr-bloom {
  0%,
  100% {
    filter: saturate(0.35) brightness(0.9);
    opacity: 0.08;
  }
  50% {
    filter: saturate(2.6) brightness(1.4) sepia(0.35);
    opacity: 0.92;
  }
}
@media (max-width: 860px) {
  .qasr-hero-row {
    grid-template-columns: 1fr;
  }
  .qasr-hero-mark {
    width: min(340px, 78vw);
  }
  .qasr-hero-3d {
    order: -1;
    min-height: 0;
    padding-top: 0.5rem;
  }
}

/* Soft cards */
#portfolio .grid a,
#team .group,
#capabilities .p-8,
#interests .p-8,
#csr .p-8,
#faq > div > div > div,
#contact .rounded-3xl {
  box-shadow: 0 10px 28px rgba(28, 24, 18, 0.06);
}