.bg-cream { background-color: #f4ede4; }
.bg-ink { background-color: #2b2a2a; }
.bg-ink/70 { background-color: rgba(43,42,42,0.7); }
.bg-taupe/40 { background-color: rgba(163,149,135,0.4); }
.border-beige { border-color: #e8dfd2; }
.border-beige/40 { border-color: rgba(232,223,210,0.4); }
.border-ink/20 { border-color: rgba(43,42,42,0.2); }
.border-ink/30 { border-color: rgba(43,42,42,0.3); }
.border-ink/40 { border-color: rgba(43,42,42,0.4); }
.focus:border-ink:focus { border-color: #2b2a2a; }
.group:hover .group-hover:text-taupe { color: #a39587; }
.hover:bg-ink:hover { background-color: #2b2a2a; }
.hover:border-ink:hover { border-color: #2b2a2a; }
.hover:text-ink:hover { color: #2b2a2a; }
.hover:text-taupe:hover { color: #a39587; }
.text-ink { color: #2b2a2a; }
.text-ink/70 { color: rgba(43,42,42,0.7); }
.text-ink/80 { color: rgba(43,42,42,0.8); }
.text-muted { color: #6b6760; }
.text-muted/50 { color: rgba(107,103,96,0.5); }
.text-muted/60 { color: rgba(107,103,96,0.6); }
.text-taupe { color: #a39587; }
.-ml-[20px] { margin-left: -20px; }
.active:scale-[0.98]:active { transform: scale(0.98); }
.aspect-[16/7] { aspect-ratio: 16/7; }
.aspect-[16/9] { aspect-ratio: 16/9; }
.aspect-[3/4] { aspect-ratio: 3/4; }
.aspect-[4/3] { aspect-ratio: 4/3; }
.aspect-[4/5] { aspect-ratio: 4/5; }
.bg-[#2b2a2a] { background-color: #2b2a2a; }
.gap-[5px] { gap: 5px; }
.h-[2px] { height: 2px; }
.leading-[1.05] { line-height: 1.05; }
@media (min-width: 1024px) { .lg:aspect-[4/5] { aspect-ratio: 4/5; } }
@media (min-width: 1024px) { .lg:text-[68px] { font-size: 68px; } }
.max-w-[1280px] { max-width: 1280px; }
.max-w-[1400px] { max-width: 1400px; }
.max-w-[250px] { max-width: 250px; }
.max-w-[360px] { max-width: 360px; }
.max-w-[420px] { max-width: 420px; }
.max-w-[460px] { max-width: 460px; }
.max-w-[640px] { max-width: 640px; }
@media (min-width: 768px) { .md:-ml-[59px] { margin-left: -59px; } }
@media (min-width: 768px) { .md:aspect-[16/6] { aspect-ratio: 16/6; } }
@media (min-width: 768px) { .md:aspect-[16/9] { aspect-ratio: 16/9; } }
@media (min-width: 768px) { .md:aspect-[3/4] { aspect-ratio: 3/4; } }
@media (min-width: 768px) { .md:aspect-[4/5] { aspect-ratio: 4/5; } }
@media (min-width: 768px) { .md:min-h-[340px] { min-height: 340px; } }
@media (min-width: 768px) { .md:text-[10.5px] { font-size: 10.5px; } }
@media (min-width: 768px) { .md:text-[10px] { font-size: 10px; } }
@media (min-width: 768px) { .md:text-[11px] { font-size: 11px; } }
@media (min-width: 768px) { .md:text-[12px] { font-size: 12px; } }
@media (min-width: 768px) { .md:text-[13px] { font-size: 13px; } }
@media (min-width: 768px) { .md:text-[14px] { font-size: 14px; } }
@media (min-width: 768px) { .md:text-[18px] { font-size: 18px; } }
@media (min-width: 768px) { .md:text-[20px] { font-size: 20px; } }
@media (min-width: 768px) { .md:text-[32px] { font-size: 32px; } }
@media (min-width: 768px) { .md:text-[44px] { font-size: 44px; } }
@media (min-width: 768px) { .md:text-[52px] { font-size: 52px; } }
@media (min-width: 768px) { .md:text-[58px] { font-size: 58px; } }
.min-h-[300px] { min-height: 300px; }
.text-[10.5px] { font-size: 10.5px; }
.text-[10px] { font-size: 10px; }
.text-[11px] { font-size: 11px; }
.text-[12px] { font-size: 12px; }
.text-[13px] { font-size: 13px; }
.text-[15px] { font-size: 15px; }
.text-[16px] { font-size: 16px; }
.text-[18px] { font-size: 18px; }
.text-[26px] { font-size: 26px; }
.text-[34px] { font-size: 34px; }
.text-[38px] { font-size: 38px; }
.text-[9px] { font-size: 9px; }
.tracking-[0.15em] { letter-spacing: 0.15em; }
.tracking-[0.18em] { letter-spacing: 0.18em; }
.tracking-[0.2em] { letter-spacing: 0.2em; }
.tracking-[0.3em] { letter-spacing: 0.3em; }
.ring-2 { box-shadow: 0 0 0 2px currentColor; }
.ring-taupe { --tw-ring-color: #a39587; }
.bg-white { background-color: #fff; }
.bg-white\/60 { background-color: rgba(255,255,255,0.6); }
.bg-white\/95 { background-color: rgba(255,255,255,0.95); }
.bg-white\/90 { background-color: rgba(255,255,255,0.9); }
.bg-white\/30 { background-color: rgba(255,255,255,0.3); }
.text-white\/60 { color: rgba(255,255,255,0.6); }
.text-white\/70 { color: rgba(255,255,255,0.7); }
.text-white\/80 { color: rgba(255,255,255,0.8); }
.text-white\/50 { color: rgba(255,255,255,0.5); }
.text-white\/40 { color: rgba(255,255,255,0.4); }
.border-white\/80 { border-color: rgba(255,255,255,0.8); }
.border-white\/60 { border-color: rgba(255,255,255,0.6); }
.border-white\/40 { border-color: rgba(255,255,255,0.4); }
.border-white\/30 { border-color: rgba(255,255,255,0.3); }
.border-white\/20 { border-color: rgba(255,255,255,0.2); }
.border-white\/10 { border-color: rgba(255,255,255,0.1); }
.hover\:bg-white\/90:hover { background-color: rgba(255,255,255,0.9); }
.hover\:border-white\/70:hover { border-color: rgba(255,255,255,0.7); }
.focus\:border-white\/60:focus { border-color: rgba(255,255,255,0.6); }
.bg-black\/20 { background-color: rgba(0,0,0,0.2); }
.bg-cream { background-color: #f4ede4; }
.placeholder-white\/30::placeholder { color: rgba(255,255,255,0.3); }