:root{--ink:#1d251d;--cream:#f4f1e9;--sage:#76856c;--lime:#dce252;--brown:#6b5541;--serif:"Noto Serif KR",serif;--sans:Pretendard,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px}.site-header{z-index:2;background:#f4f1e9;justify-content:space-between;align-items:center;height:82px;padding:0 5.5vw;display:flex;position:relative}.brand{font:700 22px var(--serif);color:var(--ink);letter-spacing:-1.5px;text-decoration:none}.brand span{color:#708150}nav{gap:30px;margin-left:auto;margin-right:40px;display:flex}nav a{color:var(--ink);font-size:13px;text-decoration:none}.order-button{background:var(--ink);color:#fff;font:600 13px var(--sans);letter-spacing:-.2px;cursor:not-allowed;opacity:.72;border:0;padding:13px 19px}.order-button span{margin-left:12px}.hero{color:#fff;height:calc(100vh - 82px);min-height:650px;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#111a10b3,#121c111f 68%),linear-gradient(#0000 55%,#111a104d);position:absolute;inset:0}.hero-content{position:absolute;top:50%;left:10.2vw;transform:translateY(-46%)}.eyebrow{font:600 11px var(--sans);letter-spacing:2.2px;color:#687363;margin:0 0 22px}.eyebrow.light{color:#e6e5d2}.hero h1,.intro h2,.process h2,.promise h2,.films h2{font:600 clamp(40px,5vw,76px)/1.25 var(--serif);letter-spacing:-4px;margin:0}.hero h1 em,.intro h2 em,.process h2 em,.promise h2 em,.films h2 em{color:var(--lime);font-style:normal}.hero-copy{color:#ffffffe6;margin:30px 0 42px;font-size:16px;line-height:1.8}.scroll-link{color:#fff;border-bottom:1px solid #fff9;padding-bottom:9px;font-size:13px;text-decoration:none}.scroll-link span{margin-left:35px;font-size:18px}.hero-side-note{writing-mode:vertical-rl;letter-spacing:2px;color:#ffffffb8;font-size:9px;position:absolute;bottom:36px;right:5.5vw}.intro{padding:150px 10.2vw 120px}.intro-grid{grid-template-columns:1.55fr .72fr;align-items:end;gap:9vw;display:grid}.intro h2,.process h2,.films h2{font-size:clamp(34px,4vw,58px);line-height:1.45}.intro h2 em,.process h2 em,.films h2 em{color:#74845d}.intro-text{color:#536050;font-size:15px;line-height:1.9}.intro-text p{margin:0 0 20px}.principles{border-top:1px solid #cdd0c4;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:110px;padding-top:28px;display:grid}.principles span{color:#899474;font:500 12px var(--serif)}.principles h3{font:600 20px var(--serif);margin:16px 0 8px}.principles p{color:#6a7467;margin:0;font-size:13px}.process{color:#f9f7ee;background:#253323;grid-template-columns:1fr 1fr;display:grid}.process-photo{height:760px;position:relative;overflow:hidden}.process-photo img{object-fit:cover;filter:saturate(.7)contrast(1.03);width:100%;height:100%}.photo-label{font:600 10px var(--sans);letter-spacing:1.7px;color:#273326;background:#f4f1e9;padding:9px 11px;position:absolute;bottom:24px;left:26px}.process-copy{padding:12vw 11vw 8vw 8vw}.process-copy .eyebrow{color:#c2cf9f}.process-copy h2{margin-bottom:31px}.process-copy p:not(.eyebrow){color:#d2d8c7;max-width:440px;line-height:1.9}.ingredient-tags{flex-wrap:wrap;gap:8px;margin:35px 0 25px;display:flex}.ingredient-tags span{color:#e9eedb;border:1px solid #e1e9c973;padding:8px 13px;font-size:12px}.process-copy small{color:#9baa95;font-size:11px}.promise{color:#fff;text-align:center;background:#77876b;padding:120px 10.2vw 95px}.promise h2{letter-spacing:-3.5px;font-size:clamp(37px,4.5vw,66px)}.promise h2 em{color:#eef38c}.promise-line{letter-spacing:1.8px;color:#dce3cf;justify-content:center;align-items:center;gap:25px;margin-top:55px;font-size:10px;display:flex}.films{padding:130px 5.5vw 135px}.section-heading{justify-content:space-between;align-items:end;margin:0 4.7vw 55px;display:flex}.section-heading p:last-child{color:#70796d;font-size:13px;line-height:1.8}.film-grid{grid-template-columns:1.7fr 1fr 1fr;gap:14px;display:grid}.film{background:#d8dbcf;height:400px;position:relative;overflow:hidden}.film video{object-fit:cover;filter:brightness(.78);width:100%;height:100%}.film>div:last-child{color:#fff;position:absolute;bottom:20px;left:22px}.film span{font-size:11px}.film h3{font:500 19px var(--serif);margin:5px 0 0}.play{color:#fff;cursor:pointer;background:#18231559;border:1px solid #ffffffe6;border-radius:50%;width:58px;height:58px;padding-left:6px;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty{background:linear-gradient(160deg,#c0c9b4,#8e9c81)}.empty:nth-child(3){background:linear-gradient(160deg,#d9c8b5,#a99279)}.coming{color:#fff;white-space:nowrap;border:1px solid #ffffffa6;padding:9px 12px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer{color:#eceddf;background:#1d251d;align-items:center;gap:30px;padding:48px 5.5vw;display:flex}footer .brand{color:#fff}footer p{color:#aeb6a5;margin:0 auto 0 0;font-size:12px}.footer-order{color:#263122;background:#e4e984}@media (width<=760px){.site-header{height:66px;padding:0 6vw}.brand{font-size:19px}nav{display:none}.header-order{padding:11px 13px;font-size:11px}.hero{height:calc(100svh - 66px);min-height:570px}.hero-content{left:7vw;right:7vw}.hero h1{letter-spacing:-2.8px}.hero-copy{font-size:14px}.intro{padding:90px 7vw 75px}.intro-grid,.process{grid-template-columns:1fr;gap:35px}.intro h2,.process h2{letter-spacing:-2.3px}.principles{grid-template-columns:1fr;gap:25px;margin-top:68px}.process-photo{height:480px}.process-copy{padding:75px 7vw}.promise{padding:82px 7vw}.promise-line{flex-wrap:wrap;gap:13px;line-height:1.8}.films{padding:85px 0}.section-heading{margin:0 7vw 35px;display:block}.section-heading p:last-child{margin-top:20px}.film-grid{gap:12px;padding:0 7vw 10px;display:flex;overflow-x:auto}.film{min-width:78vw;height:330px}footer{padding:35px 7vw;display:block}footer p{margin:13px 0 20px}.footer-order{width:100%}}.ingredient-poster{color:#263323;background:#ece6d8;margin:7vw 8vw 7vw 0;padding:20px;box-shadow:16px 18px #0000001f}.poster-title{flex-direction:column;gap:5px;padding:15px 12px 22px;display:flex}.ingredient{aspect-ratio:1;color:#fff;font:600 12px var(--serif);letter-spacing:-.5px;text-shadow:0 1px 4px #000;background-image:linear-gradient(#0000 25%,#161f15d1),url(../public/media/herbs.jpg);background-size:500%;justify-content:center;align-items:end;padding:8px 3px;display:flex;position:relative}.i1{background-position:3% 0}.i2{background-position:52% 0}.i3{background-position:98% 0}.i4{background-position:6% 18%}.i5{background-position:48% 17%}.i6{background-position:93% 17%}.i7{background-position:8% 34%}.i8{background-position:52% 33%}.i9{background-position:58% 45%}.i10{background-position:6% 48%}.i11{background-position:50% 59%}.i12{background-position:94% 47%}.i13{background-position:9% 59%}.i14{background-position:93% 62%}.i15{background-position:7% 72%}.i16{background-position:94% 74%}.i17{background-position:53% 75%}.i18{background-position:8% 88%}.i19{background-position:10% 99%}.i20{background-position:51% 90%}.i21{background-position:94% 95%}.i22{background-position:94% 82%}@media (width<=760px){.process{gap:0}.process-copy{padding:75px 7vw 20px}.ingredient-poster{margin:0 7vw 75px;padding:12px}.poster-title{padding:11px 6px 17px}.poster-title strong{font-size:24px}.ingredient-grid{grid-template-columns:repeat(4,1fr)}.process{grid-template-columns:1fr;gap:0}}.process-copy .keep-line{white-space:nowrap}.process{grid-template-columns:.84fr 1.16fr}.process-copy{align-self:center;padding:12vw 6vw 10vw 8vw}.process-copy small{margin-top:30px;display:block}.ingredient-poster{color:#f8f1e3;box-shadow:none;background:#211714;margin:7vw 8vw 7vw 0;padding:30px}.poster-title{border-bottom:1px solid #ffffff2e;flex-direction:column;gap:5px;margin-bottom:24px;padding:0 0 20px;display:flex}.poster-title span,.poster-title i{font:600 8px var(--sans);letter-spacing:1.4px;color:#d2bc99;font-style:normal}.poster-title strong{font:600 29px var(--serif);letter-spacing:-1.5px}.ingredient-grid{grid-template-columns:repeat(5,1fr);gap:24px 16px;display:grid}.ingredient{aspect-ratio:1/1.24;color:#fff8ed;font:600 14px var(--serif);letter-spacing:-.5px;text-shadow:0 1px 3px #000;justify-content:center;align-items:end;padding:0;display:flex;position:relative}.ingredient:before{content:"";z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0 0 20%}.ingredient{isolation:isolate}.ingredient:after{content:"";z-index:-1;height:17%;position:absolute;inset:auto 0 0}@media (width<=760px){.process{grid-template-columns:1fr;gap:0}.process-copy{padding:75px 7vw 20px}.process-copy h2{font-size:clamp(29px,8.5vw,38px);line-height:1.42}.process-copy p:not(.eyebrow){font-size:14px;line-height:1.8}.ingredient-poster{margin:0 7vw 75px;padding:21px 16px 24px}.poster-title{margin-bottom:18px;padding-bottom:16px}.poster-title strong{font-size:25px}.ingredient-grid{grid-template-columns:repeat(4,1fr);gap:20px 12px}.ingredient{font-size:11px}}.ingredient-grid .ingredient:nth-child(21):before{background-image:url(/assets/21-DJuy0IKu.jpg)}.ingredient-grid .ingredient:nth-child(22):before{background-image:url(/assets/22-0GOC9U2P.jpg)}.ingredient-grid .ingredient:nth-child(23):before{background-image:url(/assets/23-CdG7vi3V.jpg)}.ingredient-grid .ingredient:nth-child(24):before{background-image:url(/assets/24-C1zQXgHs.jpg)}.ingredient-group-title{color:#d8c5a7;margin:0 0 16px;font-size:12px;font-weight:600}.optional-title{border-top:1px solid #ffffff2e;margin-top:30px;padding-top:22px}.ingredient-grid .ingredient:first-child:before{background-image:url(/assets/19-BC7x-QGo.jpg)}.ingredient-grid .ingredient:nth-child(2):before{background-image:url(/assets/24-C1zQXgHs.jpg)}.ingredient-grid .ingredient:nth-child(3):before{background-image:url(/assets/23-CdG7vi3V.jpg)}.ingredient-grid .ingredient:nth-child(4):before{background-image:url(/assets/16-HS74sf68.jpg)}.ingredient-grid .ingredient:nth-child(5):before{background-image:url(/assets/1-i7C7nnmS.jpg)}.ingredient-grid .ingredient:nth-child(6):before{background-image:url(/assets/11-CGalbcVy.jpg)}.ingredient-grid .ingredient:nth-child(7):before{background-image:url(/assets/9-DqfRwMGx.jpg)}.ingredient-grid .ingredient:nth-child(8):before{background-image:url(/assets/12-BW6M3bhm.jpg)}.ingredient-grid .ingredient:nth-child(9):before{background-image:url(/assets/20-Dc0xznRq.jpg)}.ingredient-grid .ingredient:nth-child(10):before{background-image:url(/assets/13-xyVYL3X0.jpg)}.ingredient-grid .ingredient:nth-child(11):before{background-image:url(/assets/10-UWPHm5lV.jpg)}.ingredient-grid .ingredient:nth-child(12):before{background-image:url(/assets/21-DJuy0IKu.jpg)}.ingredient-grid .ingredient:nth-child(13):before{background-image:url(/assets/15-BLALWG22.jpg)}.ingredient-grid .ingredient:nth-child(14):before{background-image:url(/assets/22-0GOC9U2P.jpg)}.ingredient-grid .ingredient:nth-child(15):before{background-image:url(/assets/18-BtYL_lyE.jpg)}.ingredient-grid .ingredient:nth-child(16):before{background-image:url(/assets/17-C5w44u_7.jpg)}.ingredient-grid .ingredient:nth-child(17):before{background-image:url(/assets/7-C5D3kDju.jpg)}.ingredient-grid .ingredient:nth-child(18):before{background-image:url(/assets/14-Btqfk-Ql.jpg)}.ingredient-grid .ingredient:nth-child(19):before{background-image:url(/assets/3-BRToPi7r.jpg)}.ingredient-grid .ingredient:nth-child(20):before{background-image:url(/assets/25-CSBNwkpc.jpg)}.optional-grid .ingredient:first-child:before{background-image:url(/assets/4-P5wh4yVW.jpg)}.optional-grid .ingredient:nth-child(2):before{background-image:url(/assets/6-DhJvn1xs.jpg)}.optional-grid .ingredient:nth-child(3):before{background-image:url(/assets/2-DYc933Tt.jpg)}.optional-grid .ingredient:nth-child(4):before{background-image:url(/assets/5-VexGAWtX.jpg)}.hero-actions{align-items:center;gap:24px;display:flex}.product-link{color:#243223;font:600 13px var(--sans);background:#e4e984;align-items:center;gap:18px;padding:14px 17px;text-decoration:none;display:inline-flex}.product-link span{font-size:16px}.hero-actions .scroll-link{margin:0}@media (width<=760px){.hero-actions{flex-direction:column;align-items:flex-start;gap:26px}.product-link{padding:13px 16px}}
