@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300&family=Work+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
	--bg: #F5F0E8;
	--text: #1A1916;
	--accent: #8B6B47;
	--muted: #9A8E7F;
	--border: #D8CFBF;
	--light: #EDE8DF;
	--faint: #C4B9A8;
	--dark: #1A1916;
	--cream: #F0EBE1;
	--font-serif: 'Fraunces', serif;
	--font-sans: 'Work Sans', sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--max: 1280px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
	background: var(--bg);
	color: var(--text);
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
button, input, textarea { font-family: inherit; }
.wrap { max-width: var(--max); margin: 0 auto; }
.px { padding-left: 32px; padding-right: 32px; }
.mono { font-family: var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; }
.serif { font-family: var(--font-serif); font-weight: 300; }
.debug { padding: 8px 32px; font-size: 12px; }

::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 2px; }


.m0		{margin: 0 0 0 0 !important;}

.ml60	{margin-left: 60px !important;}
.ml40	{margin-left: 40px !important;}
.ml30	{margin-left: 30px !important;}
.ml20	{margin-left: 20px !important;}
.ml10	{margin-left: 10px !important;}
.ml5	{margin-left: 5px !important;}

.mr40	{margin-right: 40px !important;}
.mr20	{margin-right: 20px !important;}
.mr10	{margin-right: 10px !important;}
.mr5	{margin-right: 5px !important;}

.mt40	{margin-top: 40px !important;}
.mt20	{margin-top: 20px !important;}
.mt10	{margin-top: 10px !important;}
.mt5	{margin-top: 5px !important;}

.mb80	{margin-bottom: 80px !important;}
.mb60	{margin-bottom: 60px !important;}
.mb50	{margin-bottom: 50px !important;}
.mb40	{margin-bottom: 40px !important;}
.mb20	{margin-bottom: 20px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb5	{margin-bottom: 5px !important;}

wb {border: 1px solid #999999 !important; }

p.base-text { font-size: 14px; color: var(--muted); line-height: 1.4; margin: 0 0 0.85em 0; }