/* Debasement Basement — generated by tools/build-css.py. Do not edit by hand.
   Only the utilities this site actually uses. Re-run the script after changing
   any class. Tokens mirror assets/js/brand.js and CLAUDE.md §3. */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
*{margin:0}
html{-webkit-text-size-adjust:100%;line-height:1.5}
body{line-height:inherit}
img,svg,video,canvas{display:block;max-width:100%}
img,video{height:auto}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{background:none;cursor:pointer}
a{color:inherit;text-decoration:inherit}
h1,h2,h3,h4,p{font-size:inherit;font-weight:inherit}
ul,ol{list-style:none;padding:0}
table{border-collapse:collapse}
[hidden]{display:none!important}

.rounded-sm { border-radius:0.125rem }
.bg-gold { background-color:#C9A227 }
.px-4 { padding-left:1rem;padding-right:1rem }
.py-2\.5 { padding-top:0.625rem;padding-bottom:0.625rem }
.text-slate-deep { color:#1B2027 }
.transition { transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms }
.mx-auto { margin-left:auto;margin-right:auto }
.max-w-\[1100px\] { max-width:1100px }
.px-5 { padding-left:1.25rem;padding-right:1.25rem }
.pt-12 { padding-top:3rem }
.pb-20 { padding-bottom:5rem }
.text-gold-ink { color:#8A6D0F }
.mt-3 { margin-top:0.75rem }
.font-serif { font-family:Newsreader, Georgia, serif }
.text-\[2\.2rem\] { font-size:2.2rem }
.font-bold { font-weight:700 }
.leading-\[1\.05\] { line-height:1.05 }
.max-w-\[18ch\] { max-width:18ch }
.mt-5 { margin-top:1.25rem }
.text-\[1\.0625rem\] { font-size:1.0625rem }
.leading-\[1\.75\] { line-height:1.75 }
.max-w-\[60ch\] { max-width:60ch }
.mt-10 { margin-top:2.5rem }
.grid { display:grid }
.gap-4 { gap:1rem }
.max-w-\[900px\] { max-width:900px }
.bg-slate-deep { background-color:#1B2027 }
.text-silverz\/55 { color:rgba(184,188,194,0.55) }
.mt-14 { margin-top:3.5rem }
.py-10 { padding-top:2.5rem;padding-bottom:2.5rem }
.text-\[\.82rem\] { font-size:.82rem }
.leading-relaxed { line-height:1.625 }
.text-paper { color:#F7F4EE }
.text-lg { font-size:1.125rem;line-height:1.75rem }
.mb-3 { margin-bottom:0.75rem }
.flex { display:flex }
.flex-wrap { flex-wrap:wrap }
.gap-x-6 { column-gap:1.5rem }
.gap-y-2 { row-gap:0.5rem }
.mb-5 { margin-bottom:1.25rem }
.max-w-\[74ch\] { max-width:74ch }
.mt-4 { margin-top:1rem }
.items-center { align-items:center }
.gap-3 { gap:0.75rem }
.w-11 { width:2.75rem }
.h-11 { height:2.75rem }
.rounded-full { border-radius:9999px }
.shrink-0 { flex-shrink:0 }
.text-gold-bright { color:#E3C15B }
.pb-16 { padding-bottom:4rem }
.pt-6 { padding-top:1.5rem }
.text-black\/45 { color:rgba(0,0,0,0.45) }
.gap-2 { gap:0.5rem }
.text-black\/70 { color:rgba(0,0,0,0.7) }
.text-\[2\.1rem\] { font-size:2.1rem }
.max-w-\[20ch\] { max-width:20ch }
.max-w-\[68ch\] { max-width:68ch }
.mt-6 { margin-top:1.5rem }
.text-\[\.9rem\] { font-size:.9rem }
.text-black\/55 { color:rgba(0,0,0,0.55) }
.mt-2 { margin-top:0.5rem }
.text-\[2rem\] { font-size:2rem }
.leading-\[1\.1\] { line-height:1.1 }
.underline { text-decoration-line:underline }
.mt-7 { margin-top:1.75rem }
.mt-11 { margin-top:2.75rem }
.border { border-width:1px;border-style:solid }
.border-black\/12 { border-color:rgba(0,0,0,0.12) }
.bg-paper-2 { background-color:#EFEBE2 }
.p-6 { padding:1.5rem }
.mb-2 { margin-bottom:0.5rem }
.text-\[\.95rem\] { font-size:.95rem }
.max-w-\[64ch\] { max-width:64ch }
.ml-5 { margin-left:1.25rem }
.w-16 { width:4rem }
.h-16 { height:4rem }
.text-2xl { font-size:1.5rem;line-height:2rem }
.leading-tight { line-height:1.25 }
.max-w-\[24ch\] { max-width:24ch }
.inline-block { display:inline-block }
.px-6 { padding-left:1.5rem;padding-right:1.5rem }
.py-3 { padding-top:0.75rem;padding-bottom:0.75rem }
.overflow-x-auto { overflow-x:auto }
.max-w-\[16ch\] { max-width:16ch }
.max-w-\[66ch\] { max-width:66ch }
.mt-8 { margin-top:2rem }
.border-black\/10 { border-color:rgba(0,0,0,0.1) }
.bg-white { background-color:#FFFFFF }
.p-5 { padding:1.25rem }
.leading-\[1\.7\] { line-height:1.7 }
.mt-12 { margin-top:3rem }
.border-b-2 { border-bottom-width:2px;border-bottom-style:solid }
.border-slate-deep { border-color:#1B2027 }
.pb-2 { padding-bottom:0.5rem }
.block { display:block }
.mb-1 { margin-bottom:0.25rem }
.text-\[1\.0rem\] { font-size:1.0rem }
.gap-8 { gap:2rem }
.border-b { border-bottom-width:1px;border-bottom-style:solid }
.pb-8 { padding-bottom:2rem }
.text-black\/40 { color:rgba(0,0,0,0.4) }
.text-\[1\.5rem\] { font-size:1.5rem }
.text-black\/50 { color:rgba(0,0,0,0.5) }
.text-\[\.88rem\] { font-size:.88rem }
.text-black\/60 { color:rgba(0,0,0,0.6) }
.text-\[1\.25rem\] { font-size:1.25rem }
.leading-snug { line-height:1.375 }
.text-black\/75 { color:rgba(0,0,0,0.75) }
.p-4 { padding:1rem }
.w-full { width:100% }
.text-\[\.85rem\] { font-size:.85rem }
.text-black\/80 { color:rgba(0,0,0,0.8) }
.text-left { text-align:left }
.text-\[\.92rem\] { font-size:.92rem }
.text-\[\.8rem\] { font-size:.8rem }
.py-2 { padding-top:0.5rem;padding-bottom:0.5rem }
.pr-3 { padding-right:0.75rem }
.font-semibold { font-weight:600 }
.text-right { text-align:right }
.border-t { border-top-width:1px;border-top-style:solid }
.space-y-4 > * + * { margin-top:1rem }
.cursor-pointer { cursor:pointer }
.text-\[1rem\] { font-size:1rem }
.text-xl { font-size:1.25rem;line-height:1.75rem }
.pl-5 { padding-left:1.25rem }
.space-y-1\.5 > * + * { margin-top:0.375rem }
.gap-x-5 { column-gap:1.25rem }
.gap-y-1 { row-gap:0.25rem }
.gap-1\.5 { gap:0.375rem }
.w-4 { width:1rem }
.h-\[2px\] { height:2px }
.max-w-\[62ch\] { max-width:62ch }
.mt-1 { margin-top:0.25rem }
.max-w-\[22ch\] { max-width:22ch }
.text-\[1\.2rem\] { font-size:1.2rem }
.leading-\[1\.5\] { line-height:1.5 }
.gap-5 { gap:1.25rem }
.flex-col { flex-direction:column }
.text-\[1\.35rem\] { font-size:1.35rem }
.font-sans { font-family:Inter, system-ui, -apple-system, "Segoe UI", sans-serif }
.sticky { position:sticky }
.top-0 { top:0px }
.z-50 { z-index:50 }
.bg-slate-deep\/95 { background-color:rgba(27,32,39,0.95) }
.backdrop-blur { backdrop-filter:blur(8px) }
.border-slate-line { border-color:#333C47 }
.max-w-\[1280px\] { max-width:1280px }
.justify-between { justify-content:space-between }
.gap-2\.5 { gap:0.625rem }
.text-\[1\.05rem\] { font-size:1.05rem }
.leading-none { line-height:1 }
.hidden { display:none }
.gap-7 { gap:1.75rem }
.text-silverz { color:#B8BCC2 }
.px-3 { padding-left:0.75rem;padding-right:0.75rem }
.p-2 { padding:0.5rem }
.gap-1 { gap:0.25rem }
.relative { position:relative }
.max-w-\[1440px\] { max-width:1440px }
.text-center { text-align:center }
.leading-\[1\.25\] { line-height:1.25 }
.text-\[1\.3rem\] { font-size:1.3rem }
.max-w-\[54ch\] { max-width:54ch }
.text-silverz\/90 { color:rgba(184,188,194,0.9) }
.max-w-\[46ch\] { max-width:46ch }
.justify-center { justify-content:center }
.text-\[\.78rem\] { font-size:.78rem }
.text-silverz\/45 { color:rgba(184,188,194,0.45) }
.max-w-\[44ch\] { max-width:44ch }
.z-10 { z-index:10 }
.items-baseline { align-items:baseline }
.gap-x-3 { column-gap:0.75rem }
.mb-4 { margin-bottom:1rem }
.text-gold { color:#C9A227 }
.mt-auto { margin-top:auto }
.inline-flex { display:inline-flex }
.mr-2 { margin-right:0.5rem }
.top-16 { top:4rem }
.z-40 { z-index:40 }
.border-y { border-top-width:1px;border-bottom-width:1px;border-style:solid }
.bg-paper-2\/95 { background-color:rgba(239,235,226,0.95) }
.\[scrollbar-width\:none\] { scrollbar-width:none }
.pr-2 { padding-right:0.5rem }
.bg-transparent { background-color:transparent }
.border-black\/15 { border-color:rgba(0,0,0,0.15) }
.py-12 { padding-top:3rem;padding-bottom:3rem }
.grid-cols-1 { grid-template-columns:repeat(1,minmax(0,1fr)) }
.gap-10 { gap:2.5rem }
.mb-8 { margin-bottom:2rem }
.space-y-9 > * + * { margin-top:2.25rem }
.pb-9 { padding-bottom:2.25rem }
.text-\[1\.7rem\] { font-size:1.7rem }
.mt-1\.5 { margin-top:0.375rem }
.p-7 { padding:1.75rem }
.my-2 { margin-top:0.5rem;margin-bottom:0.5rem }
.max-w-\[52ch\] { max-width:52ch }
.max-w-lg { max-width:32rem }
.py-3\.5 { padding-top:0.875rem;padding-bottom:0.875rem }
.text-silverz\/70 { color:rgba(184,188,194,0.7) }
.mt-9 { margin-top:2.25rem }
.space-y-10 > * + * { margin-top:2.5rem }
.text-\[\.75rem\] { font-size:.75rem }
.py-1 { padding-top:0.25rem;padding-bottom:0.25rem }
.py-14 { padding-top:3.5rem;padding-bottom:3.5rem }
.space-y-2 > * + * { margin-top:0.5rem }
.max-w-\[80ch\] { max-width:80ch }
.text-silverz\/75 { color:rgba(184,188,194,0.75) }
.text-\[2\.3rem\] { font-size:2.3rem }
.space-y-3 > * + * { margin-top:0.75rem }
.pl-6 { padding-left:1.5rem }
.pt-8 { padding-top:2rem }
.text-black\/65 { color:rgba(0,0,0,0.65) }
.max-w-\[1000px\] { max-width:1000px }
.py-8 { padding-top:2rem;padding-bottom:2rem }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0 }
.items-end { align-items:flex-end }
.gap-y-4 { row-gap:1rem }
.gap-6 { gap:1.5rem }
.text-black\/30 { color:rgba(0,0,0,0.3) }
.max-w-\[34ch\] { max-width:34ch }
.max-w-\[30ch\] { max-width:30ch }
.pt-5 { padding-top:1.25rem }
.text-\[1\.02rem\] { font-size:1.02rem }
.text-paper\/90 { color:rgba(247,244,238,0.9) }
.text-\[\.72rem\] { font-size:.72rem }
.max-w-\[40ch\] { max-width:40ch }
.text-\[1\.4rem\] { font-size:1.4rem }
.h-auto { height:auto }
.text-\[2\.6rem\] { font-size:2.6rem }
.overflow-hidden { overflow:hidden }
.pr-4 { padding-right:1rem }
.py-0\.5 { padding-top:0.125rem;padding-bottom:0.125rem }
.max-w-\[520px\] { max-width:520px }
.border-black\/20 { border-color:rgba(0,0,0,0.2) }
.px-3\.5 { padding-left:0.875rem;padding-right:0.875rem }
.text-\[1\.65rem\] { font-size:1.65rem }
.leading-\[1\.2\] { line-height:1.2 }
.max-w-\[26ch\] { max-width:26ch }
.text-silverz\/60 { color:rgba(184,188,194,0.6) }
.bg-slate-mid { background-color:#232A33 }
.max-w-\[70ch\] { max-width:70ch }
.space-y-2\.5 > * + * { margin-top:0.625rem }
.p-8 { padding:2rem }
.text-silverz\/80 { color:rgba(184,188,194,0.8) }
.gap-x-8 { column-gap:2rem }
.gap-y-3 { row-gap:0.75rem }
.mx-2 { margin-left:0.5rem;margin-right:0.5rem }
.mb-6 { margin-bottom:1.5rem }
.text-3xl { font-size:1.875rem;line-height:2.25rem }
.text-black\/35 { color:rgba(0,0,0,0.35) }
.text-\[\.7rem\] { font-size:.7rem }
.grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
.pt-3 { padding-top:0.75rem }
.border-2 { border-width:2px;border-style:solid }
.border-gold { border-color:#C9A227 }
.border-black\/8 { border-color:rgba(0,0,0,0.08) }
.max-w-\[58ch\] { max-width:58ch }
.text-\[1\.6rem\] { font-size:1.6rem }
.text-4xl { font-size:2.25rem;line-height:2.5rem }
.items-start { align-items:flex-start }
.w-20 { width:5rem }
.h-20 { height:5rem }
.gap-x-10 { column-gap:2.5rem }
.w-\[9ch\] { width:9ch }
.divide-y > * + * { border-top-width:1px;border-top-style:solid }
.divide-black\/10 > * + * { border-color:rgba(0,0,0,0.1) }
.w-\[18px\] { width:18px }
.h-\[18px\] { height:18px }
.gap-y-5 { row-gap:1.25rem }
.text-paper\/85 { color:rgba(247,244,238,0.85) }
.text-\[\.94rem\] { font-size:.94rem }
.font-normal { font-weight:400 }
.space-y-6 > * + * { margin-top:1.5rem }
.mb-1\.5 { margin-bottom:0.375rem }
.px-2 { padding-left:0.5rem;padding-right:0.5rem }
.min-h-\[1\.4em\] { min-height:1.4em }
.text-\[2\.4rem\] { font-size:2.4rem }
.grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
.text-\[\.98rem\] { font-size:.98rem }
.min-h-\[44px\] { min-height:44px }
.py-1\.5 { padding-top:0.375rem;padding-bottom:0.375rem }
.w-\[7ch\] { width:7ch }
.w-\[8ch\] { width:8ch }
.px-1 { padding-left:0.25rem;padding-right:0.25rem }
.max-w-\[15ch\] { max-width:15ch }
.text-base { font-size:1rem;line-height:1.5rem }
.ml-1 { margin-left:0.25rem }
.space-y-8 > * + * { margin-top:2rem }
.max-w-\[56ch\] { max-width:56ch }
.border-oxide\/35 { border-color:rgba(166,61,47,0.35) }
.bg-oxide\/5 { background-color:rgba(166,61,47,0.05) }
.text-oxide { color:#A63D2F }
.font-medium { font-weight:500 }
.text-\[1\.45rem\] { font-size:1.45rem }
.space-y-5 > * + * { margin-top:1.25rem }
.h-2\.5 { height:0.625rem }
.h-full { height:100% }
.bg-silverz { background-color:#B8BCC2 }
.bg-gold-bright { background-color:#E3C15B }
.bg-slate-mid\/60 { background-color:rgba(35,42,51,0.6) }
.max-w-\[38ch\] { max-width:38ch }
.max-w-\[17ch\] { max-width:17ch }
.w-\[6\.5ch\] { width:6.5ch }
.w-\[11ch\] { width:11ch }
.max-w-\[48ch\] { max-width:48ch }
.max-w-\[210px\] { max-width:210px }
.text-black\/85 { color:rgba(0,0,0,0.85) }
.max-w-\[72ch\] { max-width:72ch }

/* hover */
.hover\:bg-gold-bright:hover { background-color:#E3C15B }
.hover\:text-gold-bright:hover { color:#E3C15B }
.hover\:underline:hover { text-decoration-line:underline }
.hover\:text-gold-ink:hover { color:#8A6D0F }
.hover\:border-gold:hover { border-color:#C9A227 }
.hover\:bg-slate-mid:hover { background-color:#232A33 }
.hover\:bg-paper-2:hover { background-color:#EFEBE2 }
.hover\:text-oxide:hover { color:#A63D2F }

/* group-hover */
.group:hover .group-hover\:text-gold-ink { color:#8A6D0F }
.group:hover .group-hover\:text-gold-bright { color:#E3C15B }

/* __RAW__::-webkit-scrollbar */
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display:none }

/* focus */
.focus\:border-gold:focus { border-color:#C9A227 }
.focus\:outline-none:focus { outline:2px solid transparent;outline-offset:2px }

@media (min-width:640px) {
  .sm\:px-8 { padding-left:2rem;padding-right:2rem }
  .sm\:text-5xl { font-size:3rem;line-height:1 }
  .sm\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .sm\:text-\[2\.9rem\] { font-size:2.9rem }
  .sm\:w-24 { width:6rem }
  .sm\:h-24 { height:6rem }
  .sm\:text-3xl { font-size:1.875rem;line-height:2.25rem }
  .sm\:text-\[1\.75rem\] { font-size:1.75rem }
  .sm\:p-5 { padding:1.25rem }
  .sm\:grid-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .sm\:text-\[1\.35rem\] { font-size:1.35rem }
  .sm\:gap-3 { gap:0.75rem }
  .sm\:px-4 { padding-left:1rem;padding-right:1rem }
  .sm\:pb-10 { padding-bottom:2.5rem }
  .sm\:pt-8 { padding-top:2rem }
  .sm\:text-left { text-align:left }
  .sm\:mx-0 { margin-left:0px;margin-right:0px }
  .sm\:mt-4 { margin-top:1rem }
  .sm\:text-\[1\.08rem\] { font-size:1.08rem }
  .sm\:max-w-\[52ch\] { max-width:52ch }
  .sm\:mt-7 { margin-top:1.75rem }
  .sm\:justify-start { justify-content:flex-start }
  .sm\:px-6 { padding-left:1.5rem;padding-right:1.5rem }
  .sm\:mt-8 { margin-top:2rem }
  .sm\:inline { display:inline }
  .sm\:p-9 { padding:2.25rem }
  .sm\:p-8 { padding:2rem }
  .sm\:text-\[1\.8rem\] { font-size:1.8rem }
  .sm\:text-\[3\.4rem\] { font-size:3.4rem }
  .sm\:p-10 { padding:2.5rem }
  .sm\:text-\[2\.1rem\] { font-size:2.1rem }
  .sm\:gap-5 { gap:1.25rem }
  .sm\:text-\[1\.9rem\] { font-size:1.9rem }
  .sm\:text-\[1\.45rem\] { font-size:1.45rem }
  .sm\:text-\[1\.6rem\] { font-size:1.6rem }
  .sm\:text-\[1\.7rem\] { font-size:1.7rem }
  .sm\:text-\[2rem\] { font-size:2rem }
  .sm\:text-4xl { font-size:2.25rem;line-height:2.5rem }
  .sm\:w-auto { width:auto }
  .sm\:text-\[3rem\] { font-size:3rem }
  .sm\:text-xl { font-size:1.25rem;line-height:1.75rem }
  .sm\:p-6 { padding:1.5rem }
  .sm\:text-\[3\.2rem\] { font-size:3.2rem }
  .sm\:grid-cols-\[auto\,1fr\] { grid-template-columns:auto,1fr }
  .sm\:items-end { align-items:flex-end }
  .sm\:pb-3 { padding-bottom:0.75rem }
  .sm\:text-\[1\.15rem\] { font-size:1.15rem }
  .sm\:gap-8 { gap:2rem }
  .sm\:text-sm { font-size:0.875rem;line-height:1.25rem }
}

@media (min-width:1024px) {
  .lg\:px-8 { padding-left:2rem;padding-right:2rem }
  .lg\:flex { display:flex }
  .lg\:hidden { display:none }
  .lg\:px-16 { padding-left:4rem;padding-right:4rem }
  .lg\:grid-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)) }
  .lg\:grid-cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
  .lg\:py-16 { padding-top:4rem;padding-bottom:4rem }
  .lg\:gap-14 { gap:3.5rem }
  .lg\:col-span-2 { grid-column:span 2/span 2 }
  .lg\:col-span-1 { grid-column:span 1/span 1 }
}
