:root {
--paper:#f7f1e7;
--paper2:#fffaf2;
--ink:#17170f;
--olive:#44501c;
--olive2:#687338;
--tomato:#b84627;
--rust:#9f3d24;
--muted:#6f675d;
--line:rgba(23,23,15,.38);
}
* {
	box-sizing: border-box
}
html, body {
	margin: 0;
	background: #e8e3da;
	color: var(--ink)
}
body {
	font-family: Arial, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif
}
.page {
	position: relative;
	width: min(100vw, 1122px);
	aspect-ratio: 1122/1402;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	background: radial-gradient(circle at 73% 18%, rgba(239,208,110,.16), transparent 17%), radial-gradient(circle at 20% 42%, rgba(104,115,56,.10), transparent 16%), linear-gradient(135deg, var(--paper2), var(--paper));
	box-shadow: 0 25px 70px rgba(0,0,0,.18);
}
.page::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(rgba(255,255,255,.20), rgba(255,255,255,0)), radial-gradient(circle at 50% 50%, transparent 66%, rgba(72,58,44,.04));
	mix-blend-mode: multiply;
}
.topbar {
	position: absolute;
	left: 4.3%;
	right: 4.3%;
	top: 1.9%;
	display: flex;
	align-items: center;
	gap: 2.2%;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(11px, 1.9vw, 24px);
	letter-spacing: .22em;
	z-index: 5;
}
.topbar .rule {
	height: 1px;
	background: var(--line);
	flex: 1
}
.topbar .vol {
	white-space: nowrap
}
.masthead {
	position: absolute;
	left: 1%;
	right: 2.5%;
	top: 5.7%;
	display: flex;
	align-items: flex-end;
	z-index: 5;
	font-family: Georgia, "Times New Roman", serif;
	line-height: .78;
	letter-spacing: -0.13em;
	white-space: nowrap;
	font-size: clamp(78px, 15.1vw, 170px);
	font-weight: 700;
}
.masthead .global {
	color: var(--ink)
}
.masthead .food {
	color: var(--tomato)
}
.strap {
	position: absolute;
	left: 4.5%;
	top: 18.9%;
	z-index: 5;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(10px, 1.55vw, 19px);
	letter-spacing: .26em;
}
.right-kicker {
	position: absolute;
	z-index: 5;
	right: 4.2%;
	top: 18.6%;
	text-align: right;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(12px, 1.55vw, 19px);
	line-height: 1.12;
	letter-spacing: .08em;
}
.right-kicker::after {
	content: "";
	display: block;
	width: 44%;
	margin: .7em 0 0 auto;
	border-top: 2px solid var(--olive);
}
.photo {
	position: absolute;
	left: 22.5%;
	right: -1%;
	top: 36.8%;
	height: 37.3%;
	border-radius: 46% 2% 2% 46% / 42% 2% 2% 42%;
	overflow: hidden;
	box-shadow: 0 20px 46px rgba(70,54,36,.18);
	z-index: 2;
}
.photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 58% 48%;
	filter: saturate(1.04) contrast(1.02);
}
.photo::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(247,241,231,.62), transparent 18%);
	z-index: 2;
}
.lemon-glow {
	position: absolute;
	left: 26%;
	top: 21%;
	width: 26%;
	height: 18%;
	background: radial-gradient(circle at 42% 46%, #efca54 0 13%, transparent 14%), radial-gradient(circle at 63% 40%, #e7bd36 0 12%, transparent 13%), radial-gradient(circle at 54% 58%, rgba(76,100,28,.54) 0 7%, transparent 8%), radial-gradient(circle at 44% 50%, rgba(255,255,255,.45), transparent 46%);
	filter: blur(.2px);
	opacity: .72;
	z-index: 1;
}
.script {
	position: absolute;
	right: 20.8%;
	top: 20.7%;
	z-index: 6;
	color: var(--olive);
	transform: rotate(-6deg);
	font-family: "Brush Script MT", "Segoe Script", cursive;
	font-size: clamp(31px, 4.6vw, 58px);
	line-height: .78;
	text-align: center;
}
.stamp {
	position: absolute;
	right: 32.4%;
	top: 28.3%;
	width: 10.7%;
	aspect-ratio: 1;
	border: 1.5px solid rgba(68,80,28,.52);
	border-radius: 50%;
	z-index: 6;
	color: rgba(68,80,28,.72);
	display: grid;
	place-items: center;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(7px, .95vw, 12px);
	letter-spacing: .18em;
	text-align: center;
}
.stamp::before, .stamp::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	height: 1px;
	background: rgba(68,80,28,.45);
}
.stamp::before {
	top: 33%
}
.stamp::after {
	bottom: 33%
}
.leftcopy {
	position: absolute;
	left: 4.6%;
	top: 24.2%;
	width: 28%;
	z-index: 7;
}
.eyebrow {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	font-size: clamp(16px, 2.5vw, 31px);
	line-height: 1.03;
	margin-bottom: .65em;
}
.eyebrow::after {
	content: "";
	display: block;
	width: 36px;
	max-width: 38%;
	border-top: 3px solid var(--olive);
	margin-top: .38em;
}
.korean {
	font-size: clamp(13px, 2.15vw, 27px);
	line-height: 1.28;
	letter-spacing: -.045em;
	margin-bottom: 1.55em;
}
.label {
	font-family: Georgia, "Times New Roman", serif;
	color: var(--rust);
	font-size: clamp(13px, 1.8vw, 22px);
	letter-spacing: .06em;
	margin-bottom: .45em;
}
.dish {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 5.7vw, 71px);
	line-height: .86;
	letter-spacing: -.045em;
	margin-bottom: .28em;
}
.subkorean {
	font-size: clamp(12px, 1.65vw, 21px);
	letter-spacing: -.03em;
	margin-bottom: 1.8em;
}
.places {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(14px, 2.1vw, 26px);
	letter-spacing: .04em;
	color: var(--olive);
	margin-bottom: .45em;
}
.places::after {
	content: "";
	display: block;
	width: 38px;
	max-width: 25%;
	border-top: 3px solid var(--tomato);
	margin: .35em 0 .55em;
}
.places-ko {
	font-size: clamp(11px, 1.65vw, 21px);
	line-height: 1.25;
}
.taste {
	position: absolute;
	left: 5.1%;
	bottom: 3%;
	z-index: 8;
	font-family: Georgia, "Times New Roman", serif;
	line-height: .68;
	letter-spacing: -.06em;
}
.taste .t1 {
	display: block;
	font-size: clamp(80px, 14.3vw, 178px);
	font-weight: 700;
}
.taste .t2 {
	display: block;
	margin-left: 2%;
	font-size: clamp(42px, 8.8vw, 110px);
	font-style: italic;
	color: var(--olive);
}
.taste .t3 {
	display: inline-block;
	margin-left: 11%;
	font-size: clamp(78px, 13.7vw, 171px);
	font-weight: 700;
	color: var(--tomato);
}
.taste .ko {
	margin-top: .36em;
	margin-left: 3%;
	font-family: Arial, "Malgun Gothic", sans-serif;
	font-size: clamp(14px, 2.25vw, 28px);
	letter-spacing: -.045em;
}
.taste .ko::after {
	content: "";
	display: block;
	width: 115px;
	max-width: 34%;
	border-top: 2px solid var(--olive);
	margin-top: .65em;
}
.number {
	position: absolute;
	right: 5.3%;
	bottom: 7.7%;
	z-index: 8;
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
}
.number strong {
	display: block;
	font-size: clamp(60px, 10vw, 124px);
	line-height: .75;
	color: var(--olive);
}
.number .fav {
	font-size: clamp(16px, 2.6vw, 32px);
	font-weight: 700;
	line-height: .95;
	margin-top: 15%
}
.number .mini {
	margin-top: .9em;
	padding-top: .6em;
	border-top: 3px solid var(--tomato);
	font-size: clamp(9px, 1.35vw, 17px);
	letter-spacing: .12em;
	line-height: 1.15;
}

@media (max-width:720px) {
.page {
	width: 100vw;
	min-height: 125vw;
	aspect-ratio: 1122/1402
}
.stamp {
	display: none
}
.photo {
	left: 20%;
	top: 38.5%;
	height: 34.5%
}
.leftcopy {
	width: 31%;
	top: 24.5%
}
.script {
	top: 21.3%;
	right: 18%
}
.taste {
	bottom: 11%
}
.number {
	bottom: 12.3%
}
}