@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#1c211d; --paper:#f6f1e8; --cream:#fffdf8; --red:#b93625; --line:#d8d0c3; --olive:#6d7657; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:'S-Core Dream','Noto Sans KR',Arial,sans-serif; font-size:15px; line-height:1.65; }
a { color:inherit; text-decoration:none; } .announcement { background:var(--ink); color:#f4ecdf; padding:9px 5vw; font:11px 'DM Mono',monospace; letter-spacing:.04em; text-align:center; } .announcement span { margin:0 9px; color:#c89e5d; }
.site-header { height:86px; padding:0 5vw; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:24px; background:var(--paper); position:sticky; top:0; z-index:5; }.wordmark { font:600 25px/1 'Playfair Display',serif; letter-spacing:-.07em; white-space:nowrap; }.wordmark em { color:var(--red); font-style:italic; }.primary-nav { display:flex; gap:28px; margin:auto; }.primary-nav a,.search-link,.language-link { font-size:13px; font-weight:500; }.language-link { color:var(--red); border-bottom:1px solid var(--red); }.primary-nav a:hover,.search-link:hover,.text-link:hover { color:var(--red); }.search-link span,.text-link span { margin-left:6px; }.menu-button { display:none; }
.hero { min-height:650px; display:grid; grid-template-columns:1fr 1fr; }.hero-copy { padding:118px 10vw 88px; display:flex; flex-direction:column; justify-content:center; }.eyebrow { margin:0 0 19px; font:11px 'DM Mono',monospace; letter-spacing:.1em; color:var(--red); }.hero h1,.section h2,.newsletter h2 { font:600 clamp(47px,5.4vw,84px)/1.05 'Playfair Display','S-Core Dream',serif; letter-spacing:-.065em; margin:0; }.hero h1 i,.guide h2 i { color:var(--red); }.intro { max-width:390px; margin:29px 0; font-size:17px; }.hero-actions { display:flex; align-items:center; gap:25px; }.button { display:inline-flex; align-items:center; gap:30px; padding:14px 19px; font-size:13px; font-weight:600; }.button-dark { color:#fffaf1; background:var(--ink); }.button-dark:hover { background:var(--red); }.text-link { border-bottom:1px solid currentColor; padding-bottom:2px; font-size:13px; font-weight:600; white-space:nowrap; }.hero-image { background:linear-gradient(0deg,rgba(15,18,14,.42),rgba(15,18,14,.02)),url('https://images.unsplash.com/photo-1498654896293-37aacf113fd9?auto=format&fit=crop&w=1300&q=85') center/cover; position:relative; color:#fffdf8; }.hero-label { position:absolute; top:25px; left:28px; font:11px 'DM Mono',monospace; letter-spacing:.06em; }.hero-label span { display:inline-grid; place-items:center; width:28px; height:28px; border:1px solid #fff9; border-radius:50%; margin-right:8px; }.hero-image p { position:absolute; right:28px; bottom:22px; margin:0; text-align:right; font:500 30px/.95 'Playfair Display',serif; letter-spacing:-.06em; }
.section { padding:115px 7vw; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; margin-bottom:47px; }.section h2 { font-size:clamp(37px,4.4vw,63px); }.feature-grid { display:grid; grid-template-columns:1.34fr 1fr 1fr; gap:24px; }.feature-card { display:flex; flex-direction:column; }.image { height:330px; background-position:center; background-size:cover; }.feature-card-large .image { height:416px; }.image-gamjatang { background-image:url('https://kfood.bumkok.com/wp-content/uploads/2025/06/Gamjatang-inner-1.png'); }.image-bibim { background-image:url('https://kfood.bumkok.com/wp-content/uploads/2025/06/Bibim-naengmyeon-inner-2.png'); }.image-miyeok { background-image:url('https://kfood.bumkok.com/wp-content/uploads/2025/06/Miyeokguk-inner-1.png'); }.card-meta { display:flex; justify-content:space-between; margin:18px 0 9px; color:var(--red); font:10px 'DM Mono',monospace; letter-spacing:.08em; }.feature-card h3 { margin:0; font-size:24px; font-weight:600; letter-spacing:-.045em; }.feature-card h3 small { display:block; margin-top:3px; color:var(--red); font:500 14px 'S-Core Dream',sans-serif; letter-spacing:-.03em; }.feature-card p { margin:7px 0 15px; color:#565a53; font-size:13px; line-height:1.7; }.feature-card a { margin-top:auto; font-size:12px; font-weight:600; }.feature-card a span { color:var(--red); margin-left:5px; }
.feature-card .image { height:auto; aspect-ratio:4/3; background-position:center; background-repeat:no-repeat; background-size:cover; }
.feature-card-large .image { height:auto; }
.card-image-link { display:block; overflow:hidden; cursor:pointer; }
.card-image-link .image { display:block; width:100%; transition:transform .35s ease,filter .35s ease; }
.card-image-link:hover .image,.card-image-link:focus-visible .image { transform:scale(1.025); filter:brightness(.94); }
.card-image-link:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
.image-gamjatang { background-image:url('assets/cards/gamjatang-card.jpg'); }
.image-bibim { background-image:url('assets/cards/bibim-naengmyeon-card.jpg'); }
.image-miyeok { background-image:url('assets/cards/miyeokguk-card.jpg'); }
.guide { padding:0; display:grid; grid-template-columns:1fr 1fr; background:var(--olive); color:#fffdf8; }.guide-image { min-height:570px; background:url('https://images.unsplash.com/photo-1590301157890-4810ed352733?auto=format&fit=crop&w=1100&q=85') center/cover; }.guide-copy { align-self:center; padding:80px 13%; }.guide .eyebrow { color:#e9bd7d; }.guide h2 { font-size:clamp(44px,5vw,72px); }.guide-copy>p:not(.eyebrow) { max-width:390px; margin:24px 0 31px; }.button-light { background:#fffdf8; color:var(--ink); }.button-light:hover { background:#e9bd7d; }
.journal { padding-top:125px; }.story-list { border-top:1px solid var(--ink); }.story { display:grid; grid-template-columns:74px 1fr 150px 25px; gap:18px; align-items:center; min-height:96px; border-bottom:1px solid var(--line); transition:.2s; }.story:hover { padding-left:12px; color:var(--red); }.story span,.story em { font:11px 'DM Mono',monospace; letter-spacing:.06em; font-style:normal; }.story p { margin:0; font-size:20px; font-weight:500; letter-spacing:-.04em; }.story b { font-size:20px; font-weight:400; text-align:right; }
.newsletter { padding:116px 7vw; text-align:center; background:#dcccb5; }.newsletter h2 { font-size:clamp(44px,5vw,72px); }.newsletter>p:not(.eyebrow) { margin:21px auto 27px; max-width:400px; }.subscribe-form { width:min(480px,100%); margin:auto; display:flex; border-bottom:1px solid var(--ink); }.subscribe-form input { min-width:0; flex:1; border:0; background:transparent; padding:14px 2px; font:14px 'S-Core Dream',sans-serif; outline:0; }.subscribe-form button { border:0; background:none; padding:0 2px; font:600 13px 'S-Core Dream',sans-serif; cursor:pointer; }.subscribe-form button:hover { color:var(--red); }
.site-footer { padding:46px 5vw; display:flex; align-items:center; gap:30px; background:var(--ink); color:#eee8df; }.site-footer p { margin:auto; font-size:11px; }.site-footer div { display:flex; gap:16px; font-size:12px; }.site-footer a:hover { color:#e9bd7d; }.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ad-zone { width:min(970px,86vw); min-height:132px; margin:64px auto; padding:22px 0; display:flex; flex-direction:column; justify-content:center; border-top:1px solid var(--line); border-bottom:1px solid var(--line); visibility:hidden; overflow:hidden; }
.ad-zone.is-filled,.ad-zone.is-preview { visibility:visible; }
.ad-zone.is-unfilled { display:none; }
.ad-zone-label { display:block; margin-bottom:12px; color:#777b74; font:9px 'DM Mono',monospace; letter-spacing:.13em; text-align:center; }
.ad-zone.is-preview .adsbygoogle::before { content:'Ad placement preview · ads load only on kfood.bumkok.com'; min-height:74px; display:grid; place-items:center; color:#777b74; font:10px 'DM Mono',monospace; letter-spacing:.04em; }
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:1.4em;margin:12px 0 0;font-size:13px;line-height:1.4}.form-status.is-success{color:#27683b}.form-status.is-error{color:#a1261d}.form-consent{margin:0;color:#656960;font-size:11px;line-height:1.6}.form-consent a{text-decoration:underline;text-underline-offset:2px}.subscribe-form{position:relative}.subscribe-form .form-status{position:absolute;top:100%;left:0;width:100%;text-align:center}.subscribe-form button:disabled,.contact-form button:disabled{cursor:wait;opacity:.68}
.ad-zone-in-list { width:100%; margin:26px 0; }
@media (max-width:800px) { .site-header { height:68px; gap:16px; }.primary-nav { position:absolute; top:68px; left:0; right:0; padding:17px 5vw; background:var(--paper); border-bottom:1px solid var(--line); display:none; flex-direction:column; }.primary-nav.is-open { display:flex; }.menu-button { display:block; margin-left:auto; border:0; padding:5px; background:none; font:600 12px 'S-Core Dream',sans-serif; }.search-link { display:none; }.language-link { font-size:11px; }.hero { min-height:auto; grid-template-columns:1fr; }.hero-copy { padding:82px 7vw 70px; }.hero-image { min-height:410px; }.section { padding:76px 6vw; }.section-heading { align-items:start; flex-direction:column; margin-bottom:31px; }.feature-grid { grid-template-columns:1fr; gap:40px; }.image,.feature-card-large .image { height:330px; }.guide { grid-template-columns:1fr; }.guide-image { min-height:380px; }.guide-copy { padding:68px 8vw; }.story { grid-template-columns:35px 1fr 24px; gap:9px; padding:17px 0; min-height:auto; }.story em { display:none; }.story p { font-size:17px; }.site-footer { align-items:flex-start; flex-direction:column; }.site-footer p { margin:0; }.site-footer div { margin-top:4px; flex-wrap:wrap; }.ad-zone { width:88vw; min-height:116px; margin:44px auto; padding:18px 0; } }
@media (max-width:800px) { .feature-card .image,.feature-card-large .image { height:auto; aspect-ratio:4/3; } }