@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bunkyu+Midashi+Mincho&family=Bunkyu+Mincho:wght@400;500;600;700&display=swap");

:root {
	--rin-font-heading: "Bunkyu Midashi Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--rin-font-body: "Bunkyu Mincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
	--rin-heading: #281a14;
	--rin-text: #000b00;
	--rin-matcha: #00552e;
	--rin-hojicha: #8d6449;
	--rin-cream: #f8f5ed;
	--rin-greige: #d8d3cb;
	--rin-gold: #c7a84b;
	--rin-h1: clamp(32px, 4vw, 48px);
	--rin-h2: clamp(28px, 3vw, 36px);
	--rin-h3: clamp(22px, 2vw, 26px);
}

html { font-size: 16px; scroll-behavior: smooth; }
body { color: var(--rin-text); font-family: var(--rin-font-body); font-size: 16px; line-height: 2; letter-spacing: 0.5px; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--rin-heading); font-family: var(--rin-font-heading); font-weight: 400; line-height: 1.45; letter-spacing: 1.28px; }
h1 { font-size: var(--rin-h1); } h2 { font-size: var(--rin-h2); } h3 { font-size: var(--rin-h3); }
p { margin: 0; }
.rin-section-title { margin-bottom: 8px; }
.rin-note { font-size: 13px; line-height: 1.65; }
.rin-button { font-weight: 500; letter-spacing: 1px; }
.u-matcha { color: var(--rin-matcha) !important; }
.u-hojicha { color: var(--rin-hojicha) !important; }

@media (max-width: 767px) {
	body { line-height: 1.875; }
	.rin-note { font-size: 12px; }
}