@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fbfbfa;--bg-2:#f1f3f8;--bg-3:#e6eaf4;--ink:#15171c;--ink-2:#15171cbd;--mute:#15171c8a;--line:#15171c1a;--line-2:#15171c33;--blue:#1e3fae;--blue-ink:#0f2878;--blue-t:#1e3fae12;--pump:#f39a2b;--pump-2:#ffe1bb;--warn:#b4441b;--display:"Bricolage Grotesque Variable", "Pretendard Variable", system-ui, sans-serif;--sans:"Geist Variable", "Pretendard Variable", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, Menlo, monospace;--max:1400px;--pad:clamp(18px, 4.4vw, 64px);--hdr:72px;--r:18px;--r-sm:12px;--out:cubic-bezier(.16, 1, .3, 1);--io:cubic-bezier(.65, 0, .35, 1);color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol,fieldset,legend{margin:0}fieldset{border:0;min-width:0;padding:0}legend{padding:0}ul,ol{padding:0;list-style:none}[hidden]{display:none!important}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}[tabindex="-1"]:focus{outline:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:600;background:var(--blue);color:#fff;border-radius:999px;padding:10px 18px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.img-missing{background:radial-gradient(circle at 50% 45%, #1e3fae24, transparent 62%), var(--bg-2)}.h1{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2.6rem,5.4vw,5.8rem);font-weight:700;line-height:.96}.h2{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(2rem,3.8vw,3.8rem);font-weight:700;line-height:1}.h3{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(1.18rem,1.45vw,1.45rem);font-weight:650;line-height:1.12}.ln{padding-bottom:.07em}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:450}.kick{color:var(--blue);font:500 .78rem/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.kick:before{content:"";background:var(--pump);border-radius:50%;flex:none;width:9px;height:9px}.lead{color:var(--ink-2);max-width:34em;font-size:clamp(1.04rem,1.2vw,1.2rem);line-height:1.6}.mute{color:var(--mute)}.ko,[lang=ko]{font-family:"Pretendard Variable", var(--sans)}.wrap{width:min(100% - var(--pad) * 2, var(--max));margin-inline:auto}.sec{padding-block:clamp(90px,14vh,170px)}.head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 60px;margin-bottom:clamp(36px,6vh,64px);display:flex}.head .lead{max-width:30em}.head .h2{max-width:14em;margin-top:16px}.link{color:var(--blue);border-bottom:1.5px solid;align-items:center;gap:10px;padding-bottom:4px;font-weight:600;transition:color .3s;display:inline-flex}.link:hover{color:var(--blue-ink)}.arw{width:18px;height:10px;transition:transform .4s var(--out);flex:none}.link:hover .arw,.btn:hover .arw{transform:translate(4px)}.btn{white-space:nowrap;border:1.5px solid var(--line-2);min-height:54px;color:var(--ink);transition:background .3s, color .3s, border-color .3s, transform .2s var(--out);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--ink)}.btn:active{transform:translateY(1px)}.btn--blue{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 12px 26px -14px #1e3faecc}.btn--blue:hover{background:var(--blue-ink);border-color:var(--blue-ink)}.btn--sm{min-height:42px;padding:0 20px;font-size:.92rem}.btn--full{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.42;pointer-events:none;box-shadow:none}.chip{border:1px solid var(--line);height:26px;font:500 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:0 11px;display:inline-flex}.chip--cat{background:var(--pump-2);border-color:#0000}.input{border:1.5px solid var(--line-2);background:#fff;border-radius:999px;width:100%;height:54px;padding:0 22px;font-size:1.05rem;transition:border-color .3s,box-shadow .3s}.input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #1e3fae24}.hdr{z-index:300;height:var(--hdr);transition:transform .5s var(--out), background .4s, box-shadow .4s;position:fixed;inset:0 0 auto}.hdr.is-solid{-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#fbfbfae0}.hdr.is-hidden{transform:translateY(-100%)}.hdr__in{align-items:center;gap:28px;height:100%;display:flex}.logo{font:750 1.08rem/1 var(--display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.logo i{border:3.5px solid var(--blue);background:radial-gradient(circle, var(--pump) 0 30%, #fff 32%);border-radius:50%;flex:none;width:26px;height:26px}.nav{gap:26px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);font-size:.96rem;font-weight:500;transition:color .3s}.nav a:hover,.nav a[aria-current]{color:var(--blue)}.hdr__right{align-items:center;gap:10px;display:flex}.cart-btn{border:1.5px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 7px 0 16px;font-size:.92rem;font-weight:550;display:inline-flex}.cart-btn__n{background:var(--pump);min-width:28px;height:28px;font:600 .8rem/1 var(--mono);border-radius:999px;place-items:center;padding:0 7px;display:grid}.cart-btn__n.bump{animation:bump .5s var(--out)}@keyframes bump{40%{transform:scale(1.35)}}.menu-btn{border:1.5px solid var(--line-2);background:#fff;border-radius:50%;width:42px;height:42px;display:none;position:relative}.menu-btn span{background:var(--ink);height:1.6px;transition:transform .4s var(--out);position:absolute;left:12px;right:12px}.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:23px}.menu-on .menu-btn span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-on .menu-btn span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mnav{z-index:250;background:var(--bg);padding:var(--hdr) var(--pad) 40px;visibility:hidden;clip-path:inset(0 0 100%);flex-direction:column;justify-content:center;gap:4px;display:flex;position:fixed;inset:0}.mnav.is-open{visibility:visible}.mnav__link{font:700 clamp(2.2rem, 9vw, 3.2rem)/1.15 var(--display);letter-spacing:-.03em}.mnav__cta{align-self:start;margin-top:28px}.ft{background:var(--ink);color:#fff;margin-top:clamp(60px,10vh,120px);padding:clamp(60px,9vh,100px) 0 30px}.ft__top{grid-template-columns:1.3fr .7fr 1fr;gap:40px;display:grid}.ft__line{font:700 clamp(1.6rem, 2.6vw, 2.4rem)/1.1 var(--display);letter-spacing:-.02em;max-width:14em}.ft nav{align-content:start;gap:10px;display:grid}.ft nav a,.ft__contact a{color:#ffffffd1}.ft nav a:hover,.ft__contact a:hover{color:var(--pump)}.ft__contact{color:#ffffff9e;font-size:.95rem;line-height:1.8}.ft__note{color:#ffffff8f;border-top:1px solid #ffffff24;max-width:62em;margin-top:56px;padding-top:22px;font-size:.88rem}.ft__bar{color:#ffffff80;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:26px;display:flex}.scrim{z-index:400;opacity:0;background:#15171c52;transition:opacity .4s;position:fixed;inset:0}.scrim.on{opacity:1}.cart{z-index:410;background:var(--bg);border-radius:var(--r);width:min(440px,100vw - 20px);transition:transform .5s var(--out);flex-direction:column;display:flex;position:fixed;top:10px;bottom:10px;right:10px;transform:translate(110%);box-shadow:0 30px 80px -20px #15171c73}.cart.on{transform:none}.cart__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.cart__head h2{font:700 1.45rem/1 var(--display)}.cart__close{border:1.5px solid var(--line-2);border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1}.cart__list{flex:1;padding:8px 24px;overflow:auto}.cline{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 0;display:grid}.cline__t{gap:2px;display:grid}.cline__t small{color:var(--mute);font-size:.85rem;line-height:1.4}.qty{border:1.5px solid var(--line-2);border-radius:999px;align-items:center;display:inline-flex}.qty button{width:32px;height:32px}.qty span{text-align:center;min-width:22px;font:500 .85rem/1 var(--mono)}.cline__p{font:500 .9rem/1 var(--mono)}.cart__empty{color:var(--mute);padding:26px 24px}.cart__foot{border-top:1px solid var(--line);gap:14px;padding:20px 24px 24px;display:grid}.cart__notes{color:var(--ink-2);gap:6px;font-size:.86rem;display:grid}.cart__sum{justify-content:space-between;font-size:1.1rem;font-weight:600;display:flex}.cart__note{color:var(--mute);font-size:.88rem}.tx{z-index:700;background:var(--blue);pointer-events:none;border-radius:50%;width:100px;height:100px;margin:-50px 0 0 -50px;position:fixed;top:50%;left:50%;transform:scale(0)}.is-arriving .tx{transform:scale(40)}.flyer{z-index:720;background:var(--pump);pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;top:0;left:0}.rgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.rcard{border-radius:var(--r);background:var(--bg-2);gap:10px;padding:18px 20px 22px;transition:background .4s;display:grid;position:relative}.rcard:hover{background:var(--bg-3)}.rcard__img{aspect-ratio:1;place-items:center;margin-bottom:6px;display:grid}.rcard__img img{object-fit:contain;width:90%;height:90%;transition:transform 1.1s var(--out)}.rcard:hover .rcard__img img{transform:rotate(16deg)scale(1.03)}.rcard__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.rcard__link:after{content:"";border-radius:var(--r);position:absolute;inset:0}.rcard__ko{color:var(--blue);font-weight:600}.rcard__meta{color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.rcard.is-out{display:none}.pack{position:relative}.pack img{width:100%;height:auto}.pack__top,.pack__sticker{text-align:center;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;container-type:inline-size}.pack__top{width:76%;height:37%;top:27%;left:12%}.pack__top>*+*{margin-top:3cqi}.pack__sticker{width:68%;height:22%;top:67%;left:16%}.pack__sticker>*+*{margin-top:1.6cqi}.pack__for{font:500 6.5cqi/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.pack__name{font:750 19cqi/1 var(--display);letter-spacing:-.03em;color:var(--blue);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pack__band{background:var(--tone,var(--pump));border-radius:99px;width:26cqi;height:3.4cqi;margin-bottom:.6cqi;display:block}.pack__recipe{font:650 8.4cqi/1.08 var(--display)}.pack__ko{color:var(--ink-2);font-size:7cqi;line-height:1.2}.pack__g{font:500 6cqi/1 var(--mono);color:var(--ink-2);margin-top:1cqi}.zip{gap:14px;max-width:540px;display:grid}.zip__row{gap:10px;display:flex}.zip__row .btn{flex:none}.zip__out{border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;padding:18px 22px}.zip__out b{font:650 1.2rem/1.25 var(--display);margin-bottom:4px;display:block}.zip__out p{color:var(--ink-2);font-size:.96rem}.zip__out.is-ok b{color:var(--blue)}.zip__out.is-none b,.zip__out.is-bad b{color:var(--warn)}@media (width<=1080px){.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.nav,.hdr__cta{display:none}.menu-btn{display:block}.hdr__right{margin-left:auto}.ft__top{grid-template-columns:1fr}}@media (width<=620px){.rgrid{grid-template-columns:1fr}.cart-btn>span:first-child{display:none}.cart-btn{padding:0 7px}.zip__row{flex-direction:column}}.door{background:var(--bg-2);height:100svh;min-height:620px;position:relative;overflow:hidden}.door__media{transform-origin:60%;position:absolute;inset:0}.door__media img{object-fit:cover;object-position:0% 50%;width:100%;height:100%}.door__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--out);position:absolute;inset:0}.door__canvas.on{opacity:1}.door__cue{z-index:2;color:var(--mute);position:absolute;bottom:22px;left:50%;translate:-50%}.door:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fbfbfaeb 0%,#fbfbfabd 30%,#fbfbfa00 56%);position:absolute;inset:0}.door__in{z-index:2;height:100%;padding-top:var(--hdr);align-items:center;display:flex;position:relative}.door__copy{max-width:31rem}.door__copy .h1{margin:22px 0 24px}.hero__copy .h2{margin:18px 0 22px}.hero{height:100svh;min-height:660px;position:relative;overflow:hidden}.hero__in{height:100%;padding-top:var(--hdr);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:40px;display:grid}.hero__copy{z-index:3;max-width:38rem;position:relative}.hero__copy .h1{margin:22px 0 24px}.hero__cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero__stage{--rest-x:50%;--rest-y:80%;height:min(76svh,760px);position:relative}.hero__dog{border-radius:var(--r);clip-path:inset(0% 0% 0% 100% round 18px);position:absolute;inset:0;overflow:hidden}.hero__dog img{object-fit:cover;width:100%;height:100%}.bowl{aspect-ratio:1;z-index:2;width:min(72%,560px);position:absolute;top:50%;left:40%;translate:-50% -50%}.bowl__dish,.bowl__ing{position:absolute;inset:0}.bowl__dish img,.bowl__ing img{object-fit:contain;width:100%;height:100%}.bowl__ing{will-change:transform;filter:drop-shadow(0 8px 10px #15171c29)}.bowl__lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bowl__lines path{fill:none;stroke:var(--blue);stroke-width:.28px;stroke-dasharray:1}.bowl__tags{position:absolute;inset:0}.tag{white-space:nowrap;background:#fff;border-radius:14px;gap:1px;padding:9px 15px;display:grid;position:absolute;left:104%;translate:0 -50%;box-shadow:0 12px 30px -14px #15171c59}.tag b{font:650 .98rem/1.15 var(--display)}.tag>span{color:var(--mute);font-size:.8rem}.tag [lang=ko]{color:var(--blue);font-weight:600}.hero__cue{color:var(--mute);position:absolute;bottom:22px;left:50%;translate:-50%}.rm .hero__dog{clip-path:none}.tint{background:var(--bg-2)}.tint .rcard{background:#fff}.tint .rcard:hover{background:var(--bg-3)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}.step__img{aspect-ratio:5/4;overflow:hidden}.step__img img{object-fit:cover;width:100%;height:100%}.step__body{gap:10px;padding:22px 24px 28px;display:grid}.step__n{font:600 .78rem/1 var(--mono);color:var(--blue)}.step p{color:var(--ink-2)}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.cmp{border-collapse:collapse;width:100%;font-size:1rem}.cmp th,.cmp td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:18px 16px}.cmp thead th{font:650 1.15rem/1.2 var(--display);padding-top:0}.cmp thead th:first-of-type{color:var(--blue)}.cmp tbody td:first-of-type{background:var(--blue-t);color:var(--blue-ink);font-weight:550}.cmp tbody td:nth-of-type(2){color:var(--mute)}.cmp th[scope=row]{color:var(--mute);width:24%;font-weight:500}.revs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.rev{border:1px solid var(--line);border-radius:var(--r);background:#fff;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.rev__img{aspect-ratio:1;overflow:hidden}.rev__img img{object-fit:cover;width:100%;height:100%}.rev__body{align-content:space-between;gap:16px;padding:22px 24px 26px;display:grid}.rev q{font:600 1.18rem/1.35 var(--display);letter-spacing:-.01em}.band{border-radius:calc(var(--r) * 1.6);background:var(--blue);color:#fff;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(30px,5vw,70px);padding:clamp(36px,6vw,84px);display:grid;overflow:hidden}.band .lead{color:#ffffffd1}.band .btn{color:var(--blue);border-color:#fff}.band__img{aspect-ratio:4/3;border-radius:var(--r);overflow:hidden}.band__img img{object-fit:cover;width:100%;height:100%}@media (width<=960px){.hero{height:auto;min-height:0}.hero__in{padding-top:calc(var(--hdr) + 18px);grid-template-columns:1fr;gap:10px;padding-bottom:12px}.hero__stage{height:64svh}.bowl{width:64%;left:37%}.tag{padding:6px 10px}.tag b{font-size:.82rem}.tag>span{font-size:.68rem}.steps,.revs,.split,.band{grid-template-columns:1fr}}@media (width<=620px){.cmp{font-size:.9rem}.cmp th,.cmp td{padding:14px 10px}}.quiz{min-height:100svh;padding-top:calc(var(--hdr) + 40px);align-content:start;gap:36px;max-width:980px;padding-bottom:60px;display:grid}.quiz__top{color:var(--mute);align-items:center;gap:18px;display:flex}.quiz__bar{background:var(--bg-3);border-radius:99px;flex:1;height:6px;overflow:hidden}.quiz__bar i{background:var(--blue);transform-origin:0;height:100%;display:block}.quiz__form{gap:28px;display:grid}.qstep{gap:22px;display:grid}.qstep legend{max-width:16em;margin-bottom:22px}.picks{grid-template-columns:1fr 1fr;gap:16px;max-width:680px;display:grid}.pick{border-radius:var(--r);border:1.5px solid var(--line);cursor:pointer;transition:border-color .3s, transform .4s var(--out);text-align:center;background:#fff;gap:14px;padding:12px 12px 18px;display:grid;position:relative}.pick input,.opt input,.seg input,.cbx input{opacity:0;pointer-events:none;position:absolute}.pick__img{aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden}.pick__img img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--out)}.pick:hover .pick__img img{transform:scale(1.05)}.pick:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px #1e3fae29}.pick:has(input:focus-visible),.opt:has(input:focus-visible),.seg label:has(input:focus-visible),.cbx:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.input--big{height:76px;font:700 clamp(1.6rem, 3vw, 2.4rem)/1 var(--display);max-width:520px;padding:0 30px}.qrow{flex-wrap:wrap;gap:14px;display:flex}.sel{color:var(--mute);gap:8px;display:grid}.sel select{border-radius:var(--r-sm);border:1.5px solid var(--line-2);min-width:150px;height:60px;font:650 1.3rem/1 var(--display);color:var(--ink);background:#fff;padding:0 20px}.qlabel{margin-top:6px;font-weight:600}.seg{background:var(--bg-3);border-radius:999px;width:max-content;padding:4px;display:inline-flex}.seg label{cursor:pointer;position:relative}.seg span{border-radius:999px;padding:11px 26px;font-weight:600;transition:background .3s,color .3s;display:block}.seg input:checked+span{color:var(--blue);background:#fff;box-shadow:0 4px 12px -6px #15171c4d}.weight{align-items:center;gap:24px;max-width:760px;display:flex}.weight__range{accent-color:var(--blue);flex:1;height:32px}.weight__num{align-items:center;gap:10px;font-weight:600;display:flex}.weight__num .input{width:130px;font:700 1.5rem/1 var(--display);text-align:center;padding:0 12px}.opts{gap:12px;max-width:680px;display:grid}.opt{border-radius:var(--r-sm);border:1.5px solid var(--line);cursor:pointer;background:#fff;gap:4px;padding:18px 22px;transition:border-color .3s;display:grid;position:relative}.opt b{font:650 1.12rem/1.2 var(--display)}.opt span{color:var(--mute)}.opt:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px #1e3fae24}.chips{flex-wrap:wrap;gap:10px;display:flex}.cbx{cursor:pointer;position:relative}.cbx span{border:1.5px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;height:48px;padding:0 22px;font-weight:600;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.cbx input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.quiz__err{min-height:1.6em;color:var(--warn);font-weight:500}.quiz__nav{gap:12px;display:flex}.result{padding-top:calc(var(--hdr) + 50px);gap:22px;display:grid}.result .h1{max-width:15em}.res__kcal{color:var(--blue)}.res__how{font-family:var(--mono);max-width:60em;font-size:.92rem}.res__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.res__card{border-radius:var(--r);background:var(--bg-2);grid-template-columns:minmax(150px,.7fr) minmax(0,1fr);align-items:center;gap:26px;padding:24px;display:grid}.res__body{justify-items:start;gap:14px;display:grid}.res__body .h3 span{color:var(--blue);font-family:"Pretendard Variable", var(--sans);margin-left:6px;font-size:.8em}.res__nums{gap:30px;display:flex}.res__nums dd{font:700 1.8rem/1.1 var(--display)}.res__nums dt{color:var(--mute)}.res__none{border-radius:var(--r-sm);background:var(--pump-2);max-width:46em;padding:22px}.res__note{color:var(--mute);max-width:52em;font-size:.95rem}.res__cta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}@media (width<=960px){.res__grid{grid-template-columns:1fr}}@media (width<=620px){.picks{gap:10px}.weight{flex-direction:column;align-items:stretch}.res__card{text-align:center;grid-template-columns:1fr;justify-items:center}.res__body{justify-items:center}.res__card .pack{width:64%}}.ph{padding-top:calc(var(--hdr) + clamp(40px, 8vh, 90px));justify-items:start;gap:20px;padding-bottom:clamp(36px,6vh,60px);display:grid}.ph__filter{margin-top:12px}.rhero{padding-top:calc(var(--hdr) + 30px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,80px);display:grid}.rhero__img{aspect-ratio:1;background:var(--bg-2);border-radius:50%;place-items:center;display:grid}.rhero__img img{object-fit:contain;width:88%;height:88%}.rhero__copy{justify-items:start;gap:18px;display:grid}.crumbs{color:var(--mute);gap:10px;display:flex}.crumbs a:hover{color:var(--blue)}.rhero__ko{color:var(--blue);margin-top:-8px;font-size:1.5rem;font-weight:700}.rhero__facts{border-block:1px solid var(--line);flex-wrap:wrap;gap:14px 34px;width:100%;padding:18px 0;display:flex}.rhero__facts dd{font:700 1.35rem/1.2 var(--display)}.rhero__facts dt{color:var(--mute);margin-bottom:4px}.rhero__cta{flex-wrap:wrap;gap:12px;display:flex}.split--top{align-items:start}.rside{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden}.rside img{object-fit:cover;width:100%;height:100%}.stars{gap:26px;margin-top:34px;display:grid}.star{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:20px;display:grid}.star__img{aspect-ratio:1;background:var(--bg-2);border-radius:50%;place-items:center;width:84px;display:grid}.star__img img{object-fit:contain;width:80%;height:80%}.star__ko{aspect-ratio:1;background:var(--blue-t);width:84px;color:var(--blue);border-radius:50%;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.star .h3{margin-bottom:6px}.star .h3 [lang=ko]{color:var(--blue);margin-left:4px;font-size:.85em}.star .h3 .mute{font:400 .8rem/1 var(--mono);letter-spacing:.04em;margin-left:4px}.star p{color:var(--ink-2)}.plabel{color:#111;background:#fff;border:2px solid #111;border-radius:6px;gap:8px;padding:22px 24px;font-size:.95rem;display:grid}.plabel__h{font:800 1.02rem/1.2 var(--sans);text-transform:uppercase;letter-spacing:.02em;border-top:6px solid #111;margin-top:6px;padding-top:12px}.plabel__h:first-child{border-top:0;margin-top:0;padding-top:0}.plabel__t{border-collapse:collapse;width:100%}.plabel__t th,.plabel__t td{text-align:left;border-bottom:1px solid #111;padding:6px 0;font-weight:500}.plabel__t td{text-align:right;font-family:var(--mono)}.plabel__feed th{font-weight:700}.plabel__feed td:first-child{text-align:left}.plabel__ing{font-size:.9rem;line-height:1.5}.plabel__small{color:#555;font-size:.85rem}@media (width<=960px){.rhero{grid-template-columns:1fr}.rhero__img{justify-self:center;width:min(100%,520px)}}.plabel__feed th:not(:first-child){text-align:right}[aria-labelledby=label-h] .split>div:first-child{top:calc(var(--hdr) + 30px);position:sticky}@media (width<=960px){[aria-labelledby=label-h] .split>div:first-child{position:static}}.boxpg{padding-top:calc(var(--hdr) + 36px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(30px,5vw,80px);display:grid}.boxpg__stage{top:calc(var(--hdr) + 20px);justify-items:center;gap:14px;display:grid;position:sticky}.crate{width:100%;position:relative}.crate>img{width:100%;height:auto}.crate__grid{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(var(--rows,2), minmax(0, 1fr));align-items:end;gap:2%;display:grid;position:absolute;inset:56% 12% 7%}.mpack{filter:drop-shadow(0 6px 6px #15171c33);place-items:end center;height:100%;display:grid;position:relative}.mpack img{object-fit:contain;width:100%;height:100%}.mpack i{background:var(--tone,var(--pump));border-radius:99px;height:8%;position:absolute;top:72%;left:26%;right:26%}.crate__n{color:var(--mute)}.boxpg__ctl{gap:22px;display:grid}.who{border-radius:var(--r-sm);background:var(--bg-2);gap:12px;padding:18px 20px;display:grid}.who .link{margin-left:8px}.who__row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.every{align-items:center;gap:16px;display:flex}.every legend{float:left;color:var(--mute)}.mix{gap:10px;display:grid}.mix__row{border-radius:var(--r-sm);border:1px solid var(--line);border-left:5px solid var(--tone);background:#fff;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.mix__img img{object-fit:contain;width:58px;height:58px}.mix__t{display:grid}.mix__t small{color:var(--mute)}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{border:1.5px solid var(--line-2);background:#fff;border-radius:50%;width:38px;height:38px;font-size:1.2rem}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;min-width:30px;font:700 1.15rem/1 var(--display)}.mix__fill{justify-self:start}.sum{border-block:1px solid var(--line);gap:8px;padding:18px 0;display:grid}.sum div{justify-content:space-between;gap:10px;display:flex}.sum dd{font:600 1rem/1.4 var(--mono)}.sum__off{color:var(--blue);font-weight:600}.sum__left{min-height:1.6em}@media (width<=960px){.boxpg{grid-template-columns:1fr}.boxpg__stage{position:relative;top:0}}.zones{gap:10px;display:grid}.zone{border-radius:var(--r-sm);background:var(--bg-2);grid-template-columns:130px minmax(0,1fr);align-items:baseline;gap:16px;padding:16px 20px;display:grid}.zone b{font:700 1.1rem/1.2 var(--display);color:var(--blue)}.zone span{color:var(--ink-2)}.zone--none b{color:var(--warn)}.shift__bowl{aspect-ratio:1;justify-self:center;width:min(100%,560px);position:relative}.shift__old,.shift__new{position:absolute;inset:0}.shift__old img,.shift__new img{object-fit:contain;width:100%;height:100%}.shift__new{--a:90deg;-webkit-mask:conic-gradient(from 0deg, #000 var(--a), transparent 0);mask:conic-gradient(from 0deg, #000 var(--a), transparent 0)}.shift__range{margin-top:30px;display:block}.shift__range input{width:100%;accent-color:var(--blue);height:34px}.shift__out{font:700 1.5rem/1.2 var(--display);color:var(--blue);margin-top:6px}.shift__rows{gap:6px;margin-top:20px;display:grid}.shift__rows li{border-radius:var(--r-sm);justify-content:space-between;gap:12px;padding:12px 16px;transition:background .3s,color .3s;display:flex}.shift__rows li.on{background:var(--blue);color:#fff}.shift__rows li.on .mono{color:#fffc}@media (width<=620px){.zone{grid-template-columns:1fr;gap:4px}}@media (width<=960px){.door{background:var(--bg);flex-direction:column;height:100svh;display:flex}.door:after{display:none}.door__media{transform-origin:50% 100%;flex:auto;min-height:0;position:relative;inset:auto}.door__media:after{content:"";z-index:1;background:linear-gradient(180deg, #fbfbfa00, var(--bg));height:22%;position:absolute;inset:auto 0 0}.door__media img{object-position:86% 50%}.door__in{flex:none;height:auto;padding:10px 0 26px;display:block}.door__copy .h1{margin:14px 0 16px}.door .hero__cta{gap:8px;margin-top:20px}.door .hero__cta .btn{gap:8px;padding:0 16px;font-size:.94rem}}