@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/pretendard-subset.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffefb;--surface:#f4f0e7;--surface-strong:#e9e2d3;--photo:#f4f4f3;--text:#1f1c17;--muted:#5c564c;--border:#e4ddcf;--border-strong:#8a8273;--accent:#1f1c17;--accent-ink:#fffefb;--focus:#1f1c17;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--gutter:clamp(16px, 3vw, 40px);--max:1360px;--radius:18px;--gap:clamp(10px, 1.2vw, 16px);--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;line-break:strict;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.container{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.button{border:1px solid var(--accent);background:var(--accent);min-height:50px;color:var(--accent-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.button:hover{background:#3a342b}.button--small{gap:8px;min-height:40px;padding:0 16px;font-size:15px}.button--ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.button--ghost:hover{background:var(--surface)}.notice{padding:8px var(--gutter);background:var(--surface-strong);text-align:center;font-size:14px;line-height:1.5}.notice a{text-underline-offset:3px;margin-left:8px;font-weight:600}.site-header{z-index:50;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{height:64px;max-width:var(--max);padding-inline:var(--gutter);align-items:center;gap:32px;margin-inline:auto;display:flex}.site-header__logo img{width:108px}.site-nav{gap:24px;margin-right:auto;font-size:15px;font-weight:500;display:flex}.site-nav a{padding-block:6px;text-decoration:none;position:relative}.site-nav a:after{content:"";transform-origin:0;height:1.5px;transition:transform .3s var(--ease-out);background:currentColor;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after{transform:scaleX(1)}.top{gap:var(--gap);padding-top:var(--gap);grid-template-rows:repeat(2,minmax(0,1fr)) auto;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);height:min(100svh - 100px,780px);min-height:600px;display:grid}.hero{border-radius:var(--radius);background:#f0efea;grid-row:1/span 2;position:relative;overflow:hidden}.hero__image{object-fit:cover;object-position:100% 50%;width:100%;height:100%;position:absolute;top:0;left:18%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.hero__copy{max-width:25em;position:absolute;bottom:clamp(24px,4vw,52px);left:clamp(24px,3.4vw,52px)}.hero__title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(34px,3.8vw,56px);font-weight:700;line-height:1.12}.hero__lede{max-width:23em;color:var(--muted);margin:16px 0 24px}.promo{border-radius:var(--radius);background:var(--surface);color:#fffefb;text-decoration:none;display:block;position:relative;overflow:hidden}.promo img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;transition:transform .9s var(--ease-out);position:absolute;inset:0}.promo:after{content:"";pointer-events:none;background:linear-gradient(#0000,#14120f9e);position:absolute;inset:45% 0 0}.promo:hover img{transform:scale(1.06)}.promo__text{z-index:1;gap:2px;display:grid;position:absolute;bottom:18px;left:20px;right:56px}.promo__brand{letter-spacing:-.01em;font-size:20px;font-weight:700}.promo__copy{font-size:14px;line-height:1.45}.promo__arrow{z-index:1;width:36px;height:36px;color:var(--text);transition:transform .4s var(--ease-out);background:#fffefbeb;border-radius:50%;padding:11px;position:absolute;top:16px;right:16px}.promo:hover .promo__arrow{transform:rotate(45deg)}.categories{gap:var(--gap);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.category{background:var(--surface);border-radius:16px;align-items:center;gap:16px;padding:10px 20px 10px 10px;text-decoration:none;transition:background-color .25s;display:flex}.category:hover{background:var(--surface-strong)}.category__thumb{background:var(--photo);border-radius:12px;flex:none;width:64px;height:64px;overflow:hidden}.category__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.category:hover .category__thumb img{transform:scale(1.14)}.category__name{font-size:18px;font-weight:600}.category__arrow{transition:transform .35s var(--ease-out);margin-left:auto}.category:hover .category__arrow{transform:translate(4px)}.section{padding-block:clamp(48px,7vh,72px) 0}.section__head{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.section__title{letter-spacing:-.025em;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.3}.section__note{color:var(--muted);font-size:14px}.section__more{text-underline-offset:4px;margin-left:auto;font-size:15px;font-weight:600}.products{gap:28px var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.product{will-change:transform;text-decoration:none;display:block}.product__media{aspect-ratio:1;background:var(--photo);border-radius:16px;transition:box-shadow .4s;display:block;position:relative;overflow:hidden}.product__img{object-fit:cover;width:100%;height:100%;transition:opacity .45s ease, transform .8s var(--ease-out);position:absolute;inset:0}.product__img--alt{opacity:0;transform:scale(1.06)}.product__detail{background:var(--bg);transition:transform .5s var(--ease-out);border-radius:12px;gap:2px;padding:12px 14px;font-size:14px;line-height:1.5;display:grid;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(calc(100% + 12px))}.product__tags{color:var(--muted)}.product__go{align-items:center;gap:6px;margin-top:6px;font-weight:600;display:flex}.product__go:after{content:"→"}.product:hover .product__media,.product:focus-visible .product__media{box-shadow:0 22px 40px -20px #1f1c1773}.product:hover .product__img--alt,.product:focus-visible .product__img--alt{opacity:1;transform:scale(1)}.product:hover .product__detail,.product:focus-visible .product__detail{transform:translateY(0)}.product__brand{color:var(--muted);margin-top:14px;font-size:14px;display:block}.product__name{font-size:17px;font-weight:600;line-height:1.4;display:block}.product__price{font-variant-numeric:tabular-nums;margin-top:4px;display:block}.brands{gap:var(--gap);height:clamp(340px,44vh,440px);display:flex}.brand{min-width:0;transition:flex-grow .6s var(--ease-out);flex:1 1 0}.brands:not(:hover,:focus-within) .brand:first-child,.brand:hover,.brand:focus-within{flex-grow:2.4}.brand a{border-radius:var(--radius);color:#fffefb;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.brand img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;position:absolute;inset:0}.brand a:after{content:"";background:linear-gradient(#0000,#14120fad);position:absolute;inset:40% 0 0}.brand__body{z-index:1;gap:2px;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.brand__kind{font-size:14px}.brand__name{white-space:nowrap;font-size:22px;font-weight:700}.brand__desc{opacity:0;max-width:26em;transition:grid-template-rows .5s var(--ease-out), opacity .3s ease;grid-template-rows:0fr;font-size:15px;line-height:1.55;display:grid}.brands:not(:hover,:focus-within) .brand:first-child .brand__desc,.brand:hover .brand__desc,.brand:focus-within .brand__desc{opacity:1;grid-template-rows:1fr;transition-delay:.12s}.about{background:var(--surface);margin-top:clamp(48px,7vh,72px);padding-block:clamp(40px,6vh,64px)}.about__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.about__intro>p:first-of-type{max-width:30em;margin:14px 0 28px}.stats{border:1px solid var(--border);background:var(--border);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.stats>div{background:var(--bg);flex-direction:column-reverse;gap:4px;padding:16px 18px;display:flex}.stats dt{color:var(--muted);font-size:14px;line-height:1.45}.stats dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.1}.stats small{letter-spacing:0;margin-left:3px;font-size:15px;font-weight:500}.about__intro .section__note{margin-top:10px}.timeline{border-top:1px solid var(--border-strong);position:relative}.timeline__marker{background:var(--surface-strong);opacity:0;pointer-events:none;border-radius:10px;position:absolute;top:0;left:0;right:0}.timeline li{border-bottom:1px solid var(--border);gap:20px;padding:11px 12px;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.timeline li:hover{background:var(--surface-strong)}}.timeline li>span{font-variant-numeric:tabular-nums;flex:none;width:3.2em;font-weight:700}.visit{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding-bottom:clamp(48px,7vh,72px);display:grid}.visit img{aspect-ratio:16/9;object-fit:cover;object-position:28% 20%;border-radius:var(--radius);background:#efefef;width:100%}.visit__copy p{max-width:24em;margin:12px 0 24px}.visit__actions{flex-wrap:wrap;gap:10px;display:flex}.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);padding:40px 0 32px;font-size:14px}.site-footer__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.site-footer__top img{width:100px}.site-footer__links{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer__links a,.site-footer__info a{text-decoration:none}.site-footer__links a:hover{color:var(--text)}.site-footer__info{flex-wrap:wrap;gap:4px 20px;margin-top:24px;font-style:normal;line-height:1.7;display:flex}.site-footer__copy{margin-top:12px;font-size:12px}@media (hover:none){.product__detail{display:none}}@media (width<=1023px){.site-header__inner{gap:16px}.site-nav{padding:0 var(--gutter);white-space:nowrap;background:var(--bg);border-bottom:1px solid var(--border);scrollbar-width:none;order:3;align-items:center;gap:20px;height:44px;position:absolute;top:64px;left:0;right:0;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-header__logo{margin-right:auto}.site-header{margin-bottom:44px}.top{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;min-height:0}.hero{grid-area:auto/1/auto/-1;height:clamp(420px,62vw,560px)}.promo{aspect-ratio:4/3}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.brands{scroll-snap-type:x mandatory;height:auto;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;overflow-x:auto}.brand,.brands:not(:hover,:focus-within) .brand:first-child,.brand:hover,.brand:focus-within{scroll-snap-align:start;flex:0 0 min(78vw,360px)}.brand a{aspect-ratio:4/5;height:auto}.brand__desc{opacity:1;grid-template-rows:1fr}.about__grid,.visit{grid-template-columns:1fr}}@media (width<=639px){.site-header__logo img{width:92px}.hero{height:520px}.hero__image{object-position:74% 30%;height:60%;left:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.hero__copy{bottom:22px;left:20px;right:20px}.promo{aspect-ratio:4/5}.promo__copy{display:none}.promo__text{bottom:14px;left:14px}.promo__brand{font-size:17px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category{gap:10px;padding-right:10px}.category__arrow{display:none}.category__thumb{width:52px;height:52px}.category__name{white-space:nowrap;font-size:16px}.section__note{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.product__name{font-size:16px}}
