*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e7e5e4}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
p,figure{margin:0}
a{color:inherit;text-decoration:inherit}
strong{font-weight:bolder}
button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button{background:transparent;background-image:none;border:0;cursor:pointer;text-transform:none}
button,[type=submit]{-webkit-appearance:button}
ul,ol{list-style:none;margin:0;padding:0}
svg{display:block;vertical-align:middle}
img,svg,video{max-width:100%;height:auto}
::placeholder{opacity:1;color:#a8a29e}
:focus-visible{outline:2px solid #a8895c;outline-offset:2px}

/* base utilities */
.absolute{position:absolute}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bg-brass-light{background-color:#c2a878}
.bg-brass{background-color:#a8895c}
.bg-stone-200{background-color:#e7e5e4}
.bg-stone-50{background-color:#fafaf9}
.bg-stone-800{background-color:#292524}
.bg-stone-900\/60{background-color:rgb(28 25 23 / 0.6)}
.bg-stone-900{background-color:#1c1917}
.bg-white{background-color:#ffffff}
.block{display:block}
.border-brass{border-color:#a8895c}
.border-b{border-bottom-width:1px}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-stone-200{border-color:#e7e5e4}
.border-stone-300{border-color:#d6d3d1}
.border-stone-700{border-color:#44403c}
.border-stone-800{border-color:#292524}
.border-stone-900{border-color:#1c1917}
.border-t{border-top-width:1px}
.border{border-width:1px}
.col-span-5{grid-column:span 5/span 5}
.col-span-7{grid-column:span 7/span 7}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.flex{display:flex}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-mono{font-family:"IBM Plex Mono",ui-monospace,monospace}
.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.font-semibold{font-weight:600}
.gap-12{gap:3rem}
.gap-1{gap:0.25rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-8{gap:2rem}
.gap-x-8{column-gap:2rem}
.gap-y-2{row-gap:0.5rem}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid{display:grid}
.h-0\.5{height:0.125rem}
.h-16{height:4rem}
.h-1\.5{height:0.375rem}
.h-1{height:0.25rem}
.h-20{height:5rem}
.h-8{height:2rem}
.hidden{display:none}
.inline-block{display:inline-block}
.items-baseline{align-items:baseline}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.leading-none{line-height:1}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.left-0{left:0}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-7xl{max-width:80rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
.max-w-xs{max-width:20rem}
.mb-16{margin-bottom:4rem}
.mb-20{margin-bottom:5rem}
.mb-2{margin-bottom:0.5rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.min-h-screen{min-height:100vh}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mx-auto{margin-left:auto;margin-right:auto}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-8{padding:2rem}
.pt-0\.5{padding-top:0.125rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-32{padding-top:8rem;padding-bottom:8rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.relative{position:relative}
.right-0{right:0}
.rounded-full{border-radius:9999px}
.rounded-sm{border-radius:0.125rem}
.scroll-mt-24{scroll-margin-top:6rem}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05)}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}
.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}
.sticky{position:sticky}
.tabular-nums{font-variant-numeric:tabular-nums}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}
.text-6xl{font-size:3.75rem;line-height:1}
.text-brass-dark{color:#8a7047}
.text-brass-light{color:#c2a878}
.text-brass{color:#a8895c}
.text-center{text-align:center}
.text-left{text-align:left}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-stone-300{color:#d6d3d1}
.text-stone-400{color:#a8a29e}
.text-stone-500{color:#78716c}
.text-stone-600{color:#57534e}
.text-stone-900{color:#1c1917}
.text-white{color:#ffffff}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.top-0{top:0}
.tracking-tight{letter-spacing:-0.025em}
.tracking-widest{letter-spacing:0.1em}
.tracking-wide{letter-spacing:0.025em}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.uppercase{text-transform:uppercase}
.w-12{width:3rem}
.w-16{width:4rem}
.w-8{width:2rem}
.w-full{width:100%}
.z-50{z-index:50}
/* spacing-between */
.space-x-8 > :not([hidden]) ~ :not([hidden]){margin-left:2rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.space-y-6 > :not([hidden]) ~ :not([hidden]){margin-top:1.5rem}
.space-y-8 > :not([hidden]) ~ :not([hidden]){margin-top:2rem}
/* hover */
.hover\:bg-brass-light:hover{background-color:#c2a878}
.hover\:bg-brass:hover{background-color:#a8895c}
.hover\:bg-stone-900:hover{background-color:#1c1917}
.hover\:border-brass:hover{border-color:#a8895c}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)}
.hover\:text-brass-light:hover{color:#c2a878}
.hover\:text-brass:hover{color:#a8895c}
.hover\:text-white:hover{color:#ffffff}
/* focus */
.focus\:border-brass:focus{border-color:#a8895c}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
@media (min-width:640px){
.sm\:flex-row{flex-direction:row}
}
@media (min-width:768px){
.md\:flex{display:flex}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.md\:text-5xl{font-size:3rem;line-height:1}
}
@media (min-width:1024px){
.lg\:col-span-5{grid-column:span 5/span 5}
.lg\:col-span-7{grid-column:span 7/span 7}
.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:py-32{padding-top:8rem;padding-bottom:8rem}
.lg\:text-6xl{font-size:3.75rem;line-height:1}
}