:root{--white:#fff;--red:#e1251b;--red-deep:#b81b13;--black:#000;--grey:#d9d9d9;--grey-ink:#5c5c5c;--cheese:#f2b33d;--latin:var(--font-archivo), "Arial Black", sans-serif;--kr:var(--font-gothica1-heavy), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--gut:clamp(1rem, 4vw, 3.5rem);--space:clamp(4.5rem, 10vw, 9rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.z{background:var(--white);color:var(--black);font-family:var(--kr);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:clamp(1rem,.96rem + .22vw,1.1rem);line-height:1.7;overflow-x:clip}.z img{object-fit:cover;width:100%;height:100%;display:block}.z picture{height:100%;display:block}.z figure{margin:0}.z h1,.z h2,.z h3{font-family:var(--kr);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:900;line-height:1.1}.z p{margin:0}.z :where(a){color:inherit;text-underline-offset:.2em}.z ::selection{background:var(--red);color:var(--white)}.z :focus-visible{outline:3px solid var(--red);outline-offset:3px}.z{scrollbar-color:var(--red) var(--white)}.z-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.z-nav{z-index:20;padding:.8rem var(--gut);backdrop-filter:blur(10px);border-bottom:1px solid var(--grey);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.z-progress{background:var(--red);transform-origin:0;height:3px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.z .z-mark{font-family:var(--latin);letter-spacing:-.02em;color:var(--red);font-size:1.6rem;font-weight:900;text-decoration:none}.z-nav nav{align-items:center;gap:clamp(.9rem,3vw,2rem);font-weight:700;display:flex}.z-nav nav a{text-decoration:none}.z-nav .z-nav-cta{background:var(--black);color:var(--white);padding:.45rem 1.05rem}.z-hero{padding:clamp(1rem, 3vw, 2rem) var(--gut) clamp(2.5rem, 5vw, 4rem);grid-template-columns:repeat(12,minmax(0,1fr));align-content:space-between;gap:0 clamp(.8rem,1.6vw,1.5rem);min-height:calc(100svh - 6.5rem);display:grid;position:relative;overflow:hidden}.z-word{z-index:1;grid-area:1/1/auto/-1;position:relative}.z-letters{font-family:var(--latin);letter-spacing:-.05em;color:var(--red);justify-content:space-between;font-size:clamp(7rem,30vw,30rem);font-weight:900;line-height:.8;display:flex}.z-letters span{display:inline-block}.z-pie{z-index:2;aspect-ratio:1;grid-area:1/4/3/10;place-self:center;width:100%;max-width:min(40rem,50vh);margin-top:clamp(3rem,7vw,6.5rem)}.z-pie-spin{will-change:transform;width:100%;height:100%;position:relative}.z-pie-spin picture{filter:drop-shadow(0 30px 40px #00000038);border-radius:50%;overflow:hidden}.z-cuts{width:100%;height:100%;position:absolute;inset:0}.z-cuts line{stroke:#ffffffd9;stroke-width:.5px;stroke-dasharray:100;stroke-dashoffset:0;mix-blend-mode:soft-light}.z-facts{border-top:2px solid var(--black);grid-area:3/1/auto/13;grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 1.2rem;display:grid}.z-facts div{padding:.8rem .8rem 0 0}.z-facts dt{color:var(--grey-ink);font-size:.85rem}.z-facts dd{margin:0;font-size:clamp(1.05rem,1.8vw,1.5rem);font-weight:900}.z-hero .z-btn{grid-area:4/1/auto/5;justify-self:start}.z-btn{background:var(--black);align-items:center;padding:1rem 1.6rem;font-weight:900;text-decoration:none;transition:background-color .2s;display:inline-flex;color:var(--white)!important}.z-btn:hover,.z-btn-red{background:var(--red)}.z-btn-red:hover{background:var(--black)}.m-on [data-z-intro]{visibility:hidden}.z-build{padding:var(--space) var(--gut);border-top:2px solid var(--black)}.z-build-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.6rem 2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.z-build h2{font-size:clamp(3rem,8vw,6.4rem)}.z-build-head p{max-width:26ch;color:var(--grey-ink);font-weight:700}.z-build-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.z .z-dia{aspect-ratio:1;width:100%;max-width:40rem;margin-bottom:4.5rem;position:relative}.z-dia-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.z-dia-svg circle{fill:none;stroke:var(--black);stroke-width:1.5px;stroke-dasharray:1010}.z-ring-m{stroke:#ffffffe6!important;stroke-width:2px!important;stroke-dasharray:7 6!important}.z-dia[data-size=M] .z-ring-m{stroke:var(--red)!important;stroke-width:3px!important;stroke-dasharray:none!important}.z-dia[data-size=L] .z-ring-l{stroke:var(--red);stroke-width:3px}.z-dia-svg line{stroke:var(--grey-ink);stroke-width:1.2px}.z-dia-svg text{font-family:var(--latin);fill:var(--black);font-size:15px;font-weight:800}.z-dia[data-size=L] .z-dim-l,.z-dia[data-size=M] .z-dim-mt{fill:var(--red)}.z-dia-pie{transform-origin:50%;border-radius:50%;width:80%;height:80%;position:absolute;top:10%;left:10%;overflow:hidden}.z-dia-pie img{scale:1.1}.z-dia-wrap{gap:1rem;display:grid}.z-ratio{align-items:baseline;gap:.8rem;font-weight:700;line-height:1.4;display:flex;position:absolute;top:calc(100% + 1rem);left:0;right:0}.z-ratio b{font-family:var(--latin);color:var(--red);font-size:3rem;font-weight:900;line-height:1}.z-controls{gap:1.6rem;display:grid}.z-group{border:0;margin:0;padding:0}.z-group legend{margin-bottom:.6rem;padding:0;font-size:1.1rem;font-weight:900}.z-row{border-top:1px solid var(--grey);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:0 1rem;padding:.85rem .9rem;transition:background-color .2s,color .2s;display:grid;position:relative}.z-row:last-of-type{border-bottom:1px solid var(--grey)}.z-row input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.z-row-name{font-size:1.25rem;font-weight:900}.z-row-note{color:var(--grey-ink);grid-column:1;font-size:.92rem}.z-row-price{font-family:var(--latin);grid-area:1/2/3;align-self:center;font-weight:800}.z-row:hover{background:#f4f4f4}.z-row:has(input:checked){background:var(--black);color:var(--white)}.z-row:has(input:checked) .z-row-note{color:#bdbdbd}.z-row:has(input:focus-visible){outline:3px solid var(--red);outline-offset:-3px}.z-two{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.z-seg{flex-wrap:wrap;display:flex}.z-seg legend{width:100%}.z-seg label{cursor:pointer;flex:1;position:relative}.z-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.z-seg span{text-align:center;border:2px solid var(--black);padding:.8rem .5rem;font-size:1.15rem;font-weight:900;transition:background-color .2s,color .2s;display:block}.z-seg label+label span{border-left:0}.z-seg small{font-family:var(--latin);font-size:.8rem;font-weight:600}.z-seg label:has(input:checked) span{background:var(--red);border-color:var(--red);color:var(--white)}.z-seg label:has(input:focus-visible) span{outline:3px solid var(--black);outline-offset:2px}.z-total{border-top:2px solid var(--black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.z-total p{font-family:var(--latin);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1}.z-total small{font-family:var(--kr);margin-left:.2rem;font-size:.4em}.z-fine{color:var(--grey-ink);font-size:.85rem}.z-menu{padding:var(--space) var(--gut);border-top:2px solid var(--black)}.z-menu h2{margin-bottom:clamp(1.8rem,4vw,3rem);font-size:clamp(2.6rem,6vw,4.8rem)}.z-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none;display:grid}.z-tile{gap:.4rem;display:grid}.z-tile figure{aspect-ratio:1;margin-bottom:.6rem;overflow:hidden}.z-tile img{transition:rotate .8s cubic-bezier(.2,.8,.2,1),scale .8s cubic-bezier(.2,.8,.2,1)}.z-tile:hover img{rotate:25deg;scale:1.08}.z-tile h3{font-size:clamp(1.4rem,2.2vw,1.9rem)}.z-tile p{font-family:var(--latin);font-size:1.2rem;font-weight:800}.z-tile small{color:var(--grey-ink);font-weight:600}.z-oven{height:110vh;position:relative}.z-oven-frame{height:100vh;position:sticky;top:0;overflow:hidden}.z-oven-text{left:var(--gut);color:var(--white);text-shadow:0 2px 30px #00000080;gap:1rem;max-width:30rem;display:grid;position:absolute;bottom:12vh}.z-oven-text h2{font-size:clamp(2.8rem,7vw,6rem)}.z-oven-text p{font-weight:700}.z-deal{background:var(--red);color:var(--white);padding:var(--space) var(--gut);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid;overflow:hidden}.z-deal-text{gap:.6rem;min-width:0;display:grid}.z-deal h2{font-size:clamp(2rem,4vw,3rem)}.z-deal-num{font-family:var(--latin);white-space:nowrap;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(4rem,10.5vw,9.5rem);font-weight:900;line-height:.85}.z-deal-what{font-size:clamp(1.3rem,2.4vw,2rem);font-weight:900}.z-deal-first{font-weight:700}.z-deal-first b{background:var(--black);padding:0 .4rem}.z-deal-photo{aspect-ratio:4/5;overflow:hidden}.z-order{padding:var(--space) var(--gut);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);display:grid}.z-order-side{grid-template-columns:1fr 1fr;align-content:start;gap:1rem;display:grid}.z-order-side>h2,.z-order-side>p,.z-order-side>ul{grid-column:1/-1}.z-order h2{font-size:clamp(2.6rem,6vw,4.8rem)}.z-order-side>p{color:var(--grey-ink);font-weight:700}.z-contact{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.z-contact a{border:2px solid var(--black);padding:.95rem 1.2rem;font-weight:900;text-decoration:none;transition:background-color .2s,color .2s;display:block}.z-contact a:hover{background:var(--black);color:var(--white)}.z-contact .roga-contact-kakao{background:var(--red);border-color:var(--red);color:var(--white)}.z-store,.z-prep{aspect-ratio:1;overflow:hidden}.z-form{border:2px solid var(--black);align-self:start;padding:clamp(1.2rem,3vw,2.2rem)}.z-form .mf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.1rem;display:grid}.z-form .mf-wide{grid-column:1/-1}.z-form .mf-field{gap:.35rem;display:grid}.z-form .mf-label{align-items:baseline;gap:.5rem;font-size:.95rem;font-weight:900;display:flex}.z-form .mf-optional{color:var(--grey-ink);font-size:.82rem;font-weight:400}.z-form .mf-input{width:100%;font:inherit;color:var(--black);background:#f4f4f4;border:2px solid #0000;border-radius:0;padding:.8rem .9rem;font-weight:400;transition:border-color .2s}.z-form select.mf-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--black) 50%), linear-gradient(135deg, var(--black) 50%, transparent 50%);background-position:calc(100% - 1.1rem) 55%,calc(100% - .75rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.2rem}.z-form .mf-input::placeholder{color:#8c8c8c}.z-form .mf-input:focus{border-color:var(--black);outline:none}.z-form .mf-input[aria-invalid=true]{border-color:var(--red)}.z-form .mf-error{color:var(--red-deep);font-size:.88rem;font-weight:700}.z-form .mf-error:empty{display:none}.z-form .mf-consent{cursor:pointer;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.z-form .mf-consent input{width:1.15rem;height:1.15rem;accent-color:var(--red)}.z-form .mf-submit{background:var(--red);width:100%;color:var(--white);font:inherit;cursor:pointer;border:0;margin-top:1.2rem;padding:1.05rem;font-size:1.05rem;font-weight:900;transition:background-color .2s}.z-form .mf-submit:hover{background:var(--black)}.z-form .mf-done{gap:1rem;display:grid}.z-form .mf-done:focus{outline:none}.z-form .mf-done-title{font-size:1.9rem;font-weight:900}.z-form .mf-done-text{color:var(--grey-ink)}.z-form .mf-done-links{flex-wrap:wrap;gap:.6rem 1.4rem;font-weight:900;display:flex}.z-form .mf-reset{font:inherit;color:var(--grey-ink);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.z-foot{padding:2.5rem var(--gut) 3rem;background:var(--black);color:#cfcfcf;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;font-size:.92rem;display:flex}.z-foot a{color:#ff8a82}@media (width<=64em){.z-pie{grid-column:2/12}.z-build-grid{grid-template-columns:1fr}.z-dia{justify-self:center}.z-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.z-deal,.z-order{grid-template-columns:1fr}}@media (width<=40em){.z-nav nav a:not(.z-nav-cta){display:none}.z-pie{grid-column:1/-1;margin-top:2rem}.z-facts{grid-template-columns:1fr 1fr}.z-hero .z-btn{grid-column:1/-1}.z-two{grid-template-columns:1fr}.z-ratio b{font-size:2.2rem}.z-oven{height:90vh}.z-oven-frame{height:80vh}.z-form .mf-grid{grid-template-columns:1fr}}
