:root{--paper: #ffffff;--ink: #111110;--muted: #6f6f6a;--soft: #3d3d39;--line: #9c9c96;--hair: #dcdcd6;--photo: #f1f1ee;--tile: #f3f3f0;--sans: "Inter", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--px: var(--sans);color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;letter-spacing:-.15px;-webkit-font-smoothing:antialiased;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border-radius:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.page{max-width:1120px;margin-inline:auto;padding-inline:16px}@media(min-width:701px){.page{padding-inline:48px}}.px{font-family:var(--px);font-weight:600;letter-spacing:-.02em}.px-h{font-family:var(--px);font-weight:600;font-size:19px;letter-spacing:-.02em;margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.4px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;top:10px;left:12px;z-index:20;background:var(--ink);color:var(--paper);padding:10px 14px;transform:translateY(-160%)}.skip:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap;padding-block:10px}.wordmark{font-family:var(--px);font-weight:600;font-size:14px;border:1.5px solid var(--ink);border-radius:999px;padding:3px 12px 4px;line-height:1.3}.site-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.site-nav a{padding-block:6px;border-bottom:1px solid transparent}.site-nav a[aria-current=page],.site-nav a:hover{border-bottom-color:var(--ink)}.site-nav a.lang{color:var(--muted)}.site-nav a.lang:hover{color:var(--ink)}.site-nav a.ig{display:grid;place-items:center;border:0}.intro{padding-block:64px 0}.intro h1{font-family:var(--px);font-weight:600;font-size:60px;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.intro h1 span{display:block}.intro p{margin-top:22px;color:var(--soft);max-width:460px}.section{padding-block:64px 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.section-top h2{font-family:var(--px);font-weight:600;font-size:19px;letter-spacing:-.02em}.section-top h2:after{content:":"}.section-top a,.section-top p{font-size:12px;color:var(--muted)}.section-top a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.card{display:flex;flex-direction:column;min-width:0}.card-photo{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--photo);display:block}.card-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-photo img{transform:scale(1.03)}.card-body{padding-top:12px;display:flex;flex-direction:column;gap:4px}.card-meta{font-family:var(--px);font-weight:600;font-size:11px;color:var(--muted)}.card h3{font-family:var(--px);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.02em}.card .pairing{font-size:12px;color:var(--muted);line-height:1.6}.card:hover h3{text-decoration:underline;text-underline-offset:4px}.tools{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:0 18px}.filter{border:0;background:none;padding:8px 1px;border-bottom:1px solid transparent;font-size:12px;text-transform:uppercase;color:var(--muted)}.filter small{font-size:10px;margin-left:4px}.filter[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:7px 10px;width:240px;max-width:100%}.search input{border:0;background:transparent;width:100%;min-width:0;font-size:13px;outline:0}.search input::placeholder{color:var(--muted)}.glyph{position:relative;width:11px;height:11px;border:1.3px solid var(--ink);border-radius:50%;flex:none}.glyph:after{content:"";position:absolute;width:5px;height:1.3px;right:-4px;bottom:-2px;background:var(--ink);transform:rotate(45deg)}.empty{padding:50px 0;text-align:center;color:var(--muted)}.crumbs{padding-top:20px;font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.r-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding-block:44px 56px;border-bottom:1px solid var(--line)}.r-date{font-family:var(--px);font-weight:600;font-size:12px;color:var(--muted);margin-bottom:14px}.r-title h1{font-size:54px;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}.story{margin-top:26px;color:var(--soft);line-height:1.75}.story p+p{margin-top:2px}.source{margin-top:18px;font-size:12px;color:var(--muted)}.source a{text-decoration:underline;text-underline-offset:3px}.ing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px}.ing-grid li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.ing{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.ing-pic{width:100%;aspect-ratio:1;display:grid;place-items:center}.ing-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.ing-pic>span{width:72%;aspect-ratio:1;display:grid;place-items:center;background:var(--tile);font-size:34px;color:#8b8b84}.ing:hover .ing-pic>span{background:var(--ink);color:var(--paper)}.ing-name{font-size:12px;line-height:1.45;color:var(--soft)}.ing-shops{display:flex;gap:8px;font-size:11px;color:var(--muted)}.ing-shops a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.ing:hover .ing-pic img{transform:scale(1.04)}.ing-pic img{transition:transform .3s ease}.ing:hover .ing-name{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.r-method{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding-block:48px 0;align-items:start}.video-box{position:relative;aspect-ratio:4 / 5;background:var(--photo);overflow:hidden}.video-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-box.embedded{aspect-ratio:auto;background:transparent;overflow:visible}.play-btn{position:absolute;inset:0;display:grid;place-items:center;border:0;background:transparent;width:100%}.play-btn span{width:60px;height:60px;border-radius:50%;background:#11111073;border:1px solid rgba(255,255,255,.85);display:grid;place-items:center}.play-btn i{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;margin-left:5px}.video-note{font-size:11px;color:var(--muted);margin-top:8px}.steps{columns:2;column-gap:36px}.steps li{break-inside:avoid;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;margin-bottom:26px;font-size:14px;line-height:1.7}.step-n{font-size:22px;line-height:1.1}.group{padding-top:48px}.group h2{font-family:var(--px);font-weight:600;font-size:19px;letter-spacing:-.02em;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px;display:flex;justify-content:space-between;align-items:baseline}.group h2 small{font-family:var(--sans);font-weight:400;font-size:11px;color:var(--muted)}.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--hair);min-width:0}.item a.name:hover{text-decoration:underline;text-underline-offset:4px}.item .uses{font-size:11px;color:var(--muted);white-space:nowrap}.item .kind{font-size:10px;color:var(--muted);margin-left:6px}.item-side{display:flex;gap:10px;align-items:center}.buy-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.buy{display:inline-flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);padding:12px 18px;min-height:44px;font-size:13px}.buy.alt{background:transparent;color:var(--ink);border:1px solid var(--ink)}.buy:hover{opacity:.85}.buy-mini{font-size:11px;border:1px solid var(--ink);padding:2px 8px;white-space:nowrap}.buy-mini:hover{background:var(--ink);color:var(--paper)}.no-link{font-size:12px;color:var(--muted);margin-top:16px}.shelf-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-14px 0 28px;font-size:12px;color:var(--muted)}.sorts{display:flex;gap:14px}.sorts button{border:0;background:none;padding:4px 0;color:var(--muted);border-bottom:1px solid transparent}.sorts button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}.only-brand{display:flex;align-items:center;gap:6px;cursor:pointer}.only-brand input{accent-color:var(--ink);margin:0}.shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 20px}.shelf-card{display:flex;flex-direction:column;gap:8px;min-width:0}.shelf-link{display:flex;flex-direction:column;gap:4px}.shelf-pic{aspect-ratio:1;background:var(--tile);display:grid;place-items:center;overflow:hidden;margin-bottom:8px}.shelf-pic img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}.shelf-pic>span{font-size:40px;font-weight:600;color:#a5a59f}.shelf-link:hover .shelf-pic img{transform:scale(1.05)}.shelf-link:hover .shelf-pic>span{color:var(--ink)}.shelf-name{font-size:14px;font-weight:600;line-height:1.4}.shelf-link:hover .shelf-name{text-decoration:underline;text-underline-offset:3px}.shelf-meta{font-size:11px;color:var(--muted)}.shelf-thumbs{display:flex;gap:3px;margin-top:6px;align-items:center}.shelf-thumbs img{width:24px;height:30px;object-fit:cover;background:var(--photo)}.shelf-thumbs span{font-size:10px;color:var(--muted);margin-left:3px}.shelf-brands{font-size:11px;color:var(--soft);line-height:1.5}.shelf-buy{font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-top:4px}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px}.product{display:flex;flex-direction:column;gap:8px;min-width:0;scroll-margin-top:24px}.product:target .shelf-pic{outline:2px solid var(--ink)}.product-main{display:flex;flex-direction:column;gap:4px}.product-main .shelf-pic{margin-bottom:8px}.product-name{font-size:13px;font-weight:600;line-height:1.45}a.product-main:hover .product-name{text-decoration:underline;text-underline-offset:3px}a.product-main:hover .shelf-pic img{transform:scale(1.05)}.shelf-shops{display:flex;gap:6px;flex-wrap:wrap}.shelf-shops a{font-size:11px;border:1px solid var(--ink);padding:2px 8px}.shelf-shops a:hover{background:var(--ink);color:var(--paper)}.ing-hero{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center;padding-block:36px 8px}.ing-hero h1{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:8px 0 12px}.ing-hero p{color:var(--soft)}.ing-hero .shelf-pic{margin:0}.ing-hero .shelf-pic>span{font-size:72px}.disclosure{border:1px solid var(--hair);background:#f7f7f5;padding:12px 16px;font-size:12px;line-height:1.8;color:var(--soft);margin-top:18px}.ad{margin-block:40px;min-height:90px}.ad-label{font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.ad-dev{border:1px dashed #b5b5ae;display:grid;place-items:center;min-height:100px;font-size:12px;color:var(--muted)}.prose{max-width:680px;padding-block:56px 20px}.prose h1{font-family:var(--px);font-weight:600;font-size:40px;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}.prose h2{font-family:var(--px);font-weight:600;font-size:17px;letter-spacing:-.02em;margin:32px 0 8px}.prose p,.prose li{color:var(--soft);line-height:1.85}.prose ul{list-style:disc;padding-left:20px}.prose a{text-decoration:underline;text-underline-offset:3px}.site-footer{border-top:1px solid var(--line);margin-top:88px;padding-block:44px 28px}.footer-big{display:flex;flex-wrap:wrap;gap:14px 56px}.footer-big a{font-size:34px;line-height:1.2;border-bottom:2px solid var(--ink);padding-bottom:2px}.footer-big a:hover{opacity:.65}.footer-bottom{margin-top:44px;padding-top:14px;border-top:1px solid var(--hair);font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.shelf,.products{grid-template-columns:repeat(3,minmax(0,1fr))}.r-top,.r-method{grid-template-columns:minmax(0,1fr);gap:36px}.video-box{max-width:420px}}@media(max-width:700px){body{font-size:14px}.header-inner{min-height:58px;gap:10px}.site-nav{gap:13px;font-size:11px}.intro{padding-top:40px}.intro h1{font-size:38px}.section{padding-top:48px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.card h3{font-size:14px}.tools{display:block}.search{width:100%;margin-top:10px}.search input{font-size:16px}.r-top{padding-block:28px 40px}.r-title h1{font-size:34px}.ing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.steps{columns:1}.items{grid-template-columns:minmax(0,1fr)}.shelf,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.ing-hero{grid-template-columns:minmax(0,1fr);gap:20px}.ing-hero .shelf-pic{max-width:260px}.ing-hero h1{font-size:32px}.prose h1{font-size:30px}.footer-big{gap:12px 28px}.footer-big a{font-size:24px}}@media(prefers-reduced-motion:reduce){.card-photo img{transition:none}}
