/* ==========================================================================
   Artworkmark — static utility stylesheet
   Hand-built replacement for cdn.tailwindcss.com (the runtime JIT compiler).
   Covers every utility class actually used in index.html, generated from
   the same tailwind.config values (colors, fonts, custom spacing keys).
   Regenerate this file (or add rules) any time you add NEW class names
   to the HTML that aren't already covered below.
   ========================================================================== */

/* ---------- Preflight (Tailwind's base reset) ---------- */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #31302e; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { margin: 0; line-height: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
p { margin: 0; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { color: inherit; text-decoration: inherit; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button { text-transform: none; }
button, [type="button"], [type="submit"] { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer; }
img, svg { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
[hidden] { display: none; }

/* ---------- Layout / display ---------- */
.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}
.block{display:block}.hidden{display:none}.flex{display:flex}.grid{display:grid}
.flex-col{flex-direction:column}
.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.overflow-hidden{overflow:hidden}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.group{ }
.italic{font-style:italic}.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}.text-center{text-align:center}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mx-auto{margin-left:auto;margin-right:auto}
.leading-tight{line-height:1.25}
.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}
.rounded-full{border-radius:9999px}
.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.space-y-5>*+*{margin-top:1.25rem}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.opacity-60{opacity:.6}
.top-0{top:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}
.-bottom-10{bottom:-2.5rem}.-right-10{right:-2.5rem}
.pb-1{padding-bottom:.25rem}.pt-8{padding-top:2rem}
.px-1{padding-left:.25rem;padding-right:.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.px-margin-safe{padding-left:5vw;padding-right:5vw}
.py-stack-section-mobile{padding-top:5rem;padding-bottom:5rem}
.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}
.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}
.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}
.w-8{width:2rem}.w-40{width:10rem}.w-full{width:100%}.w-\[1px\]{width:1px}
.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-40{height:10rem}
.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}
.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}
.max-w-\[1400px\]{max-width:1400px}.max-w-\[1600px\]{max-width:1600px}
.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}

/* ---------- Typography scale ---------- */
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[20px\]{font-size:20px}
.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[38px\]{font-size:38px}
.leading-\[1\.08\]{line-height:1.08}

/* ---------- Theme colors (from tailwind.config) ---------- */
.bg-surface{background-color:#141313}
.bg-surface-container-lowest{background-color:#0d0d0d}
.bg-background\/60{background-color:rgba(20,19,19,.6)}
.bg-outline\/20{background-color:rgba(90,86,82,.2)}
.border-champagne-bronze{border-color:#B48F6A}
.border-champagne-bronze\/20{border-color:rgba(180,143,106,.2)}
.border-champagne-bronze\/30{border-color:rgba(180,143,106,.3)}
.border-outline-variant\/10{border-color:rgba(49,48,46,.1)}
.border-outline-variant\/20{border-color:rgba(49,48,46,.2)}
.border-outline-variant\/40{border-color:rgba(49,48,46,.4)}
.text-champagne-bronze{color:#B48F6A}
.text-on-surface{color:#eae6e1}
.text-on-surface-variant{color:#b9b3ac}
.text-outline{color:#5a5652}
.text-secondary-fixed-dim{color:#d5c5a9}
.text-tertiary{color:#e9c176}
.hover\:text-tertiary:hover{color:#e9c176}
.hover\:text-\[\#1b1207\]:hover{color:#1b1207}
.hover\:bg-tertiary:hover{background-color:#e9c176}

/* Gradient divider lines (bg-gradient-to-b + from-outline + to-transparent) */
.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
.from-outline{--tw-gradient-from:#5a5652;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(90,86,82,0))}
.to-transparent{--tw-gradient-to:transparent}

/* ---------- Fonts ---------- */
.font-display{font-family:'Playfair Display',serif}

/* ---------- Interactive / group states ---------- */
.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}

/* ---------- Responsive: md (>=768px) ---------- */
@media (min-width:768px){
  .md\:flex-row{flex-direction:row}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:py-32{padding-top:8rem;padding-bottom:8rem}
  .md\:py-stack-section{padding-top:9rem;padding-bottom:9rem}
  .md\:text-lg{font-size:1.125rem;line-height:1.75rem}
  .md\:text-\[40px\]{font-size:40px}
  .md\:text-\[42px\]{font-size:42px}
  .md\:text-\[44px\]{font-size:44px}
  .md\:text-\[64px\]{font-size:64px}
}

/* ---------- Responsive: lg (>=1024px) ---------- */
@media (min-width:1024px){
  .lg\:block{display:block}
  .lg\:flex{display:flex}
  .lg\:flex-row{flex-direction:row}
  .lg\:hidden{display:none}
  .lg\:gap-24{gap:6rem}
  .lg\:w-1\/2{width:50%}
}