*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body,sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;background:0 0;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],[role=link],input,textarea,select{transition:color var(--transition-interactive), background var(--transition-interactive), border-color var(--transition-interactive), box-shadow var(--transition-interactive)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--color-bg:oklch(97.2% .01 80);--color-surface:oklch(99% .005 80);--color-surface-offset:oklch(94% .018 78);--color-divider:oklch(89% .014 75);--color-border:oklch(84% .016 75);--color-text:oklch(20% .012 50);--color-text-muted:oklch(47% .015 55);--color-text-faint:oklch(65% .012 60);--color-text-inverse:oklch(98% .006 80);--color-primary:oklch(53% .19 30);--color-primary-hover:oklch(45% .18 30);--color-primary-highlight:oklch(92% .045 40);--color-gold:oklch(80% .13 82);--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px oklch(25% .02 60/.06);--shadow-md:0 6px 20px oklch(25% .02 60/.08);--content-narrow:680px;--content-default:960px;--content-wide:1200px;--gutter:clamp(var(--space-5), 5vw, var(--space-12));--font-display:"Cabinet Grotesk", "Pretendard Variable", "Helvetica Neue", sans-serif;--font-body:"Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}[lang=ko]{word-break:keep-all}body{flex-direction:column;display:flex}main{flex:1}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--color-primary)}.container{width:min(100% - 2 * var(--gutter), var(--content-wide));margin-inline:auto}.narrow{width:min(100% - 2 * var(--gutter), var(--content-narrow));margin-inline:auto}.skip-link{left:var(--space-4);z-index:100;background:var(--color-text);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.site-header{z-index:50;background:oklch(from var(--color-bg) l c h / .88);backdrop-filter:blur(12px);border-bottom:1px solid oklch(from var(--color-text) l c h / .08);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4rem;display:flex}.wordmark{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;white-space:nowrap;font-weight:800;text-decoration:none}.wordmark span{color:var(--color-primary)}.nav{align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-6));font-size:var(--text-sm);display:flex}.nav a{padding-block:var(--space-2);text-decoration:none}.nav a[aria-current=page]{color:var(--color-primary)}.hero{min-height:min(82vh,780px);color:var(--color-text-inverse);align-items:center;display:grid;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:60% 50%;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,oklch(14% .01 50/.88),oklch(14% .01 50/.45) 50%,#0000 75%),linear-gradient(#0000 60%,oklch(14% .01 50/.6));position:absolute;inset:0}.hero .content{z-index:1;padding-block:clamp(var(--space-12), 10vw, var(--space-24));position:relative}.kicker{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600}.hero .kicker{color:var(--color-gold)}.hero h1{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.025em;margin-block:var(--space-4) var(--space-5);max-width:13ch;font-weight:800;line-height:1.02}.hero p{font-size:var(--text-base);color:oklch(94% .01 85);max-width:46ch}.button{align-items:center;gap:var(--space-2);margin-top:var(--space-8);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.section{padding-block:clamp(var(--space-12), 8vw, var(--space-24))}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-text);padding-bottom:var(--space-3);display:flex}.section-head h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:800}.section-head a{font-size:var(--text-sm)}.about-strip{background:var(--color-text);color:var(--color-text-inverse)}.about-strip .inner{gap:var(--space-6);display:grid}@media (width>=860px){.about-strip .inner{grid-template-columns:1fr 2fr;align-items:start}}.about-strip h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.about-strip p{color:oklch(86% .01 85)}.about-strip a{margin-top:var(--space-4);color:oklch(85% .08 45);font-size:var(--text-sm);display:inline-block}.page-head{padding-block:clamp(var(--space-12), 8vw, var(--space-20)) var(--space-8)}.page-head h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800;line-height:1.05}.page-head p{color:var(--color-text-muted);margin-top:var(--space-3)}.prose{line-height:1.75}.prose>*+*{margin-top:var(--space-5)}.prose h2{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-12);font-weight:800}.prose h3{font-size:var(--text-lg);margin-top:var(--space-8);font-weight:700}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li+li{margin-top:var(--space-2)}.prose a{color:var(--color-primary)}.prose blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-5);color:var(--color-text)}.prose code{background:var(--color-surface-offset);border-radius:var(--radius-sm);padding:.1em .35em;font-family:ui-monospace,monospace;font-size:.88em}.prose pre{padding:var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-x:auto}.prose pre code{background:0 0;padding:0}.recipe-grid{gap:clamp(var(--space-6), 3vw, var(--space-10));grid-template-columns:1fr;display:grid}@media (width>=860px){.recipe-grid{grid-template-columns:1.35fr 1fr}.recipe-grid>:first-child{grid-row:span 2}.recipe-grid>.card:not(.feature){gap:var(--space-5);flex-direction:row}.recipe-grid>.card:not(.feature) .thumb{aspect-ratio:1;flex:0 0 44%}}.card-grid{gap:clamp(var(--space-6), 3vw, var(--space-10));grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.card{gap:var(--space-4);flex-direction:column;text-decoration:none;display:flex}.card .thumb{border-radius:var(--radius-lg);background:var(--color-surface-offset);aspect-ratio:4/3;overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .thumb img{transform:scale(1.04)}.card .ko{font-size:var(--text-xs);color:var(--color-primary);font-weight:600}.card h3{font-size:var(--text-lg);margin-top:var(--space-1);font-weight:700;line-height:1.25}.card.feature h3{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:800}.card .desc{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-2)}.card:hover h3{color:var(--color-primary)}.meta{align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.spice{color:var(--color-border);vertical-align:middle;gap:1px;display:inline-flex}.spice svg.on{color:var(--color-primary)}.chips{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.chip{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-surface);text-decoration:none;display:inline-flex}.chip span{font-size:var(--text-xs);color:var(--color-text-muted)}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.chip.active span{color:var(--color-text-faint)}.recipe-head{gap:clamp(var(--space-8), 5vw, var(--space-16));padding-block:clamp(var(--space-8), 5vw, var(--space-16));align-items:center;display:grid}@media (width>=960px){.recipe-head{grid-template-columns:1fr 1.15fr}}.recipe-head .ko{font-size:var(--text-sm);color:var(--color-primary);font-weight:700}.recipe-head h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;margin-block:var(--space-2) var(--space-4);font-weight:800;line-height:1.05}.recipe-head .lede{color:var(--color-text-muted)}.facts{justify-content:start;gap:var(--space-6);margin-top:var(--space-8);padding-block:var(--space-4);border-block:1px solid var(--color-divider);grid-template-columns:repeat(4,auto);display:grid}.facts dt{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.facts dd{margin-top:var(--space-1);font-weight:700}@media (width<=480px){.facts{grid-template-columns:repeat(2,auto)}}.uses{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.uses a{color:var(--color-text);font-weight:600}.recipe-hero{border-radius:var(--radius-lg);aspect-ratio:4/3;order:-1;overflow:hidden}@media (width>=960px){.recipe-hero{order:0}}.recipe-hero img{object-fit:cover;width:100%;height:100%}.recipe-body{gap:clamp(var(--space-8), 5vw, var(--space-16));padding-bottom:clamp(var(--space-12), 8vw, var(--space-24));display:grid}@media (width>=900px){.recipe-body{grid-template-columns:320px 1fr;align-items:start}.ingredients{top:calc(4rem + var(--space-6));position:sticky}}.ingredients{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-6)}.ingredients h2,.method>h2,.credit h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.ingredients ul{margin-top:var(--space-4);list-style:none}.ingredients li{gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px dashed var(--color-divider);font-size:var(--text-sm);grid-template-columns:5.5rem 1fr;display:grid}.ingredients li:last-child{border-bottom:none}.ingredients .amt{font-weight:700}.ingredients .note{color:var(--color-text-muted);font-style:normal}.method{max-width:68ch}.steps{margin-block:var(--space-6) var(--space-10);list-style:none}.steps li{gap:var(--space-4);padding-block:var(--space-5);border-top:1px solid var(--color-divider);grid-template-columns:2.75rem 1fr;display:grid}.steps .num{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-primary);line-height:1}.credit{margin-top:var(--space-12);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-primary-highlight)}.credit h2{font-size:var(--text-lg)!important}.credit p{margin-top:var(--space-3);font-size:var(--text-sm)}.credit a{color:var(--color-primary);font-weight:600}.credit .small{color:var(--color-text-muted);font-size:var(--text-xs)}.related{background:var(--color-surface-offset)}.site-footer{border-top:1px solid var(--color-divider);padding-block:var(--space-10);font-size:var(--text-xs);color:var(--color-text-muted)}.site-footer .inner{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.site-footer nav{gap:var(--space-5);display:flex}