:root{--forest:#365747;--deep:#293e32;--sage:#afc199;--pale:#d2dfb8;--cream:#f7f5ec;--gold:#ecc765;--ink:#304937;--muted:#626e5e;--line:rgba(54,87,71,.2);--sans:'DM Sans','Noto Sans KR',sans-serif;--serif:'Noto Serif KR',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b97b1c;outline-offset:6px}button:hover,a:hover{transition:background .2s,color .2s,transform .2s}[hidden]{display:none!important}p,h1,h2,h3{margin:0}p{line-height:1.9}em{font-style:normal}svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cream);padding:16px}.skip-link:focus{top:10px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;line-height:1.6}.section-space{padding:74px 7% 66px}.section-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.09em;padding-bottom:24px;border-bottom:1px solid var(--line)}h2{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.1vw,48px);letter-spacing:-.065em;line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:60px;background:none;border-bottom:1px solid var(--ink);padding:13px 0;font-size:13px}.text-link span{font-size:22px;font-weight:400}.text-link:hover{gap:72px}.site-header{position:absolute;left:0;top:0;width:100%;height:105px;padding:0 4.3%;display:flex;align-items:center;z-index:20;color:var(--cream);border-top:4px solid var(--gold);background:linear-gradient(90deg,#365747,#58734f)}.brand{display:flex;gap:10px;align-items:center;font-size:28px;font-weight:900;line-height:1;letter-spacing:-.065em}.brand small{display:block;font-family:'Barlow Condensed',sans-serif;font-size:10px;letter-spacing:.18em;font-weight:600;margin-top:9px}.brand-mark{width:32px;height:42px;stroke-width:1.7}.desktop-nav{display:flex;gap:36px;margin-left:auto;margin-right:11%;font-size:12px;font-weight:500}.desktop-nav a{padding:12px 0;border-bottom:1px solid transparent}.desktop-nav a:hover{border-bottom-color:var(--gold)}.header-order{display:flex;align-items:center;gap:24px;border:1px solid rgba(247,245,236,.7);border-radius:30px;padding:10px 17px;color:var(--cream);font-size:12px}.header-order span{font-size:19px}.header-order:hover{background:var(--cream);color:var(--forest)}.nav-toggle{display:none;width:40px;height:40px;padding:10px;background:none}.nav-toggle span{display:block;height:1px;background:currentColor;margin:6px 0}.mobile-nav{position:absolute;top:81px;left:0;right:0;padding:22px 7% 28px;background:var(--deep);box-shadow:0 24px 24px #0002}.mobile-nav a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ffffff30;font-size:18px}.mobile-nav a span{font-size:12px;color:var(--gold)}
/* Reference 01: split green fields, foreground overlaps, asymmetric bottom strip. */
.hero{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1100px;overflow:hidden;background:linear-gradient(90deg,#355747 0%,#59775b 58%,#9eaf83 100%);color:var(--cream)}.hero-light{position:absolute;z-index:-1;left:42%;right:0;top:105px;bottom:0;border-radius:160px 0 0 0;background:linear-gradient(108deg,#d2e1b8,#a8bd8e)}.hero-copy{position:absolute;z-index:3;left:4.3%;top:22%;width:40%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em}.hero-eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hero-description{margin-top:20px;font-size:13px;line-height:1.9;font-weight:400;color:#f0f1e8}.pill-link{display:inline-flex;align-items:center;border:1px solid var(--gold);border-radius:100px;font-size:12px;font-weight:500;padding:4px 4px 4px 20px;gap:24px;margin-top:18px}.pill-link>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--forest);font-size:20px}.pill-link:hover{background:var(--gold);color:var(--deep)}.hero-food{position:absolute;z-index:2;width:76%;right:-8.5%;top:20%;filter:drop-shadow(0 25px 18px #18311c25);pointer-events:none}.hero-food img{width:100%;max-width:none}.oil-seal{position:absolute;z-index:4;right:5.4%;top:17%;width:135px;height:135px;border:1px solid #31523790;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--deep);transform:rotate(11deg);background:#d3dfb965}.oil-seal>span:first-child{font-size:7px;letter-spacing:.12em;font-weight:700}.oil-seal strong{font-family:'Barlow Condensed',sans-serif;font-size:52px;line-height:1.15;font-weight:600}.oil-seal small{font-size:25px}.oil-seal>span:nth-of-type(2){font-size:10px;font-weight:600}.oil-seal i{font-style:normal;font-size:14px;line-height:1.3}.oil-seal:hover{transform:rotate(0)}.hero-side-note{position:absolute;right:22px;top:43%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:var(--forest)}.hero-bottom{display:grid;grid-template-columns:1.22fr 1fr 1fr 105px;position:absolute;z-index:5;bottom:0;right:0;width:86%;height:132px;background:var(--deep);border-radius:70px 0 0 0;overflow:hidden}.ingredient-tile{display:flex;align-items:center;gap:12px;background:var(--gold);color:var(--deep);padding:12px 23px 12px 27px}.ingredient-tile svg{width:73px;flex-shrink:0;stroke-width:1.4}.ingredient-tile div{display:flex;flex-direction:column;gap:8px}.ingredient-tile div span{font-size:7px;font-weight:600;letter-spacing:.06em}.ingredient-tile strong{font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:-.05em}.ingredient-tile>span{margin-left:auto;font-size:22px}.bottom-note{display:flex;flex-direction:column;justify-content:center;padding:20px 32px}.bottom-note>span{font-size:8px;letter-spacing:.14em;color:var(--gold);margin-bottom:12px}.bottom-note p{font-size:12px;line-height:1.7}.bottom-next{display:grid;place-items:center;background:#8ca778;color:white}.bottom-next span{display:grid;place-items:center;border:1px solid #fff9;width:40px;height:40px;border-radius:50%;font-size:25px}.bottom-next:hover{background:#789562}.scroll-cue{position:absolute;z-index:4;bottom:35px;left:4.4%;display:flex;flex-direction:column;align-items:center;gap:12px}.scroll-cue span:first-child{font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-cue span:last-child{font-size:29px;font-weight:400}
/* The oil story is one open editorial spread, not a card grid. */
.oil-section{background:var(--cream)}.oil-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:9%;padding-top:70px}.oil-statement .eyebrow{margin-bottom:23px;color:var(--muted)}.oil-statement h2 em{color:#7b854b}.large-percent{position:relative;font-family:'Barlow Condensed',sans-serif;font-size:clamp(150px,18vw,270px);letter-spacing:-.06em;font-weight:600;line-height:1;margin-top:30px;display:flex;align-items:baseline}.large-percent>span{font-size:.52em;letter-spacing:-.03em;margin-left:4px}.large-percent>svg{height:80px;width:65px;color:#b69a4e;margin-left:30px;transform:rotate(27deg);stroke-width:1}.oil-label{border-top:1px solid var(--line);padding-top:13px;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between;max-width:435px}.oil-label span{font-size:11px;letter-spacing:0}.oil-story{padding-top:12px}.lead-copy{font-family:var(--serif);font-size:23px;line-height:1.8;letter-spacing:-.04em;margin-bottom:20px}.oil-story>p:nth-child(2){font-size:14px;line-height:2.1;color:#657060;margin-bottom:35px}.oil-story>p strong{font-weight:600;color:var(--forest)}.oil-detail{display:flex;gap:24px;padding:21px 0;border-top:1px solid var(--line)}.oil-detail>span{font-size:10px;margin-top:3px;color:#657047}.oil-detail h3{font-size:14px;font-weight:600;margin-bottom:7px}.oil-detail p{font-size:12px;line-height:1.9;color:var(--muted)}.oil-footnote{font-size:12px;text-align:center;margin-top:70px;color:#626e58}
/* Reference 02: a large plate escapes a circular golden color field. */
.menu-section{position:relative;isolation:isolate;overflow:hidden;min-height:870px;background:#efece0;padding:82px 7% 92px}.menu-orbit{position:absolute;z-index:-1;right:-14%;top:0;width:71%;height:91%;background:var(--gold);border-radius:50% 0 0 50%}.menu-background-word{position:absolute;z-index:-1;bottom:110px;left:4%;font-family:'Barlow Condensed',sans-serif;font-size:24vw;line-height:.9;letter-spacing:-.035em;font-weight:600;color:#d9d7c548;white-space:nowrap}.menu-copy{position:relative;z-index:3;width:44%}.menu-copy .eyebrow{color:#5e7051;margin-bottom:30px}.menu-copy h2{font-size:clamp(29px,3vw,46px)}.menu-copy h2 em{font-weight:400}.menu-subtitle{font-size:13px;margin-top:24px;color:var(--muted)}.menu-name{margin-top:46px}.menu-name>span{font-size:8px;letter-spacing:.08em;color:#636d59}.menu-name h3{font-size:25px;line-height:1.5;font-weight:500;letter-spacing:-.045em;margin-top:14px}.menu-price{font-family:'DM Sans',sans-serif;font-size:39px;font-weight:500;line-height:1.3;margin-top:17px;letter-spacing:-.045em}.menu-price>span{font-family:'Noto Sans KR',sans-serif;font-size:17px;font-weight:400;margin-left:5px}.menu-price small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:0;color:#6a735b;margin-top:6px;font-weight:400}.menu-copy .text-link{margin-top:21px}.menu-photo{position:absolute;z-index:2;right:-10%;top:18%;width:75%;transform:rotate(-8deg);filter:drop-shadow(0 22px 19px #64482725);pointer-events:none}.menu-photo img{width:100%}.menu-floating-note{position:absolute;z-index:3;right:7%;top:9%;font-family:Georgia,serif;transform:rotate(8deg);font-style:italic;font-size:26px;line-height:1.05}.menu-floating-note span{display:block}.menu-floating-note strong{font-weight:400}.menu-floating-note svg{position:absolute;width:60px;bottom:-58px;left:15px;stroke-width:1.3}.photo-note{position:absolute;right:7%;bottom:88px;z-index:3;font-size:9px;color:#666b52}.menu-bottom-line{position:absolute;bottom:0;left:7%;right:7%;height:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.06em}.menu-bottom-line a{font-size:11px;letter-spacing:0;display:flex;align-items:center;gap:30px}.menu-bottom-line a span{font-size:20px}
.story-section{display:grid;grid-template-columns:1fr 1fr;background:#e1e8d6}.story-visual{position:relative;min-height:640px;overflow:hidden}.story-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:65% center}.story-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#1a341708 30%,#102b186b)}.story-visual-label{position:absolute;left:9%;bottom:70px;color:var(--cream);z-index:2}.story-visual-label span{font-size:9px;letter-spacing:.16em}.story-visual-label strong{display:block;font-family:var(--serif);font-size:35px;font-weight:400;letter-spacing:-.05em;margin-top:16px}.story-image-note{position:absolute;bottom:25px;left:9%;z-index:3;font-size:9px;color:#f6f5e6ad}.story-copy{padding:74px 12% 60px}.story-copy .eyebrow{font-size:10px;margin-bottom:30px}.story-copy h2{font-size:clamp(25px,2.5vw,38px);line-height:1.7}.story-copy>p:not(.eyebrow){font-size:13px;color:#62705c;margin-top:28px}.story-copy .text-link{margin-top:20px;font-size:12px;gap:30px}.story-signature{display:block;font-family:Georgia,serif;font-style:italic;font-size:24px;margin-top:40px;color:#718267}
.order-section{background:var(--cream);padding-top:75px}.order-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;margin-top:52px}.order-heading h2{font-size:clamp(29px,3vw,43px)}.order-heading>div{padding-top:13px}.status-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;border:1px solid #b7bd9b;border-radius:30px;padding:7px 13px}.status-label>span{width:5px;height:5px;border-radius:50%;background:#8b944b}.order-heading>div p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:20px}.order-process{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-process>div{position:relative;padding:30px 0 31px}.order-process>div+div{border-left:1px solid var(--line);padding-left:36px}.order-process>div>span{font-family:Georgia,serif;font-size:15px;font-style:italic;color:#6f7751}.order-process h3{font-size:18px;font-weight:500;margin-top:22px;letter-spacing:-.03em}.order-process p{font-size:12px;color:var(--muted);margin-top:10px}.order-details{margin-top:35px}.order-details details{border-bottom:1px solid var(--line)}.order-details summary{list-style:none;cursor:pointer;padding:19px 0;font-size:13px;display:flex;align-items:center;justify-content:space-between}.order-details summary::-webkit-details-marker{display:none}.order-details summary span{font-size:23px;font-weight:400}.order-details details[open] summary span{transform:rotate(45deg)}.order-details details p{font-size:12px;color:var(--muted);padding:0 35px 22px 0;max-width:900px}.order-details details a{text-decoration:underline}.order-link{display:flex;justify-content:space-between;align-items:center;background:var(--forest);color:var(--cream);padding:23px 26px;margin-top:30px;font-size:14px}.order-link span{font-size:25px}.order-link:hover{background:var(--deep)}.site-footer{background:var(--deep);color:var(--cream);padding:45px 7% 25px}.footer-top{display:flex;align-items:center;gap:10%;padding-bottom:42px}.footer-top>p{font-family:var(--serif);font-size:16px;letter-spacing:-.03em}.footer-top>a:not(.brand){font-size:12px;margin-left:auto}.footer-top>.back-top{display:grid;place-items:center;flex-shrink:0;border:1px solid #c3cbaf70;border-radius:50%;width:43px;height:43px;font-size:23px!important;margin-left:0!important}.footer-bottom{padding-top:22px;border-top:1px solid #fff2;display:flex;align-items:center;gap:20px;justify-content:space-between;color:#b6bfab;font-size:8px;letter-spacing:.035em}.footer-bottom p{font-size:9px;letter-spacing:0}.footer-bottom a{font-size:9px;white-space:nowrap}
dialog{padding:0;border:0;border-radius:6px;background:var(--cream);color:var(--ink);width:min(800px,90vw);max-height:88svh;overflow:auto;box-shadow:0 30px 100px #14221655}dialog::backdrop{background:#172b22bb;backdrop-filter:blur(6px)}dialog>img{width:100%;max-height:310px;object-fit:cover;object-position:center}.dialog-close{position:absolute;right:12px;top:12px;background:var(--cream);border-radius:50%;width:40px;height:40px;font-size:27px;font-weight:400}.dialog-copy{padding:33px 40px}.dialog-copy .eyebrow{font-size:9px;color:var(--muted)}.dialog-copy h2{font-size:27px;margin-top:10px;line-height:1.6}.dialog-price{font-size:25px;margin-top:12px;display:flex;align-items:center;gap:15px}.dialog-price>span{font-size:10px}.dialog-copy>p:not(.eyebrow):not(.dialog-price){font-size:13px;margin-top:17px;line-height:1.9}.dialog-notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:23px;padding:18px 0;font-size:12px}.dialog-notice p{font-size:11px;color:var(--muted);margin-top:7px}.dialog-copy>.dialog-image-note{font-size:10px!important;color:var(--muted)}.dialog-confirm{width:100%;padding:15px 20px;margin-top:25px;background:var(--forest);color:var(--cream);display:flex;justify-content:space-between;font-size:12px}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1550px){.hero-copy{top:23%}.hero-food{top:16%;width:74%;right:-5%}.hero-description{font-size:15px}.hero-bottom{height:145px}.hero-eyebrow{font-size:12px}.menu-section{min-height:1030px}.menu-photo{top:10%;width:74%}}
@media(max-width:1100px){.desktop-nav{gap:22px;margin-right:5%}.hero{min-height:750px}.hero-copy{top:23%;width:45%}.hero-food{width:83%;right:-15%;top:29%}.hero-description{margin-top:23px}.oil-seal{right:6%;top:19%;width:115px;height:115px}.oil-seal strong{font-size:45px}.hero-bottom{width:88%;grid-template-columns:1.2fr 1fr 1fr 70px;height:120px}.ingredient-tile{padding:10px 18px;gap:8px}.ingredient-tile svg{width:60px}.ingredient-tile strong{font-size:13px}.ingredient-tile>span{display:none}.bottom-note{padding:18px 21px}.bottom-note p{font-size:10px}.bottom-note>span{font-size:7px}.menu-section{min-height:800px}.menu-photo{width:85%;right:-19%;top:27%}.menu-copy{width:49%}.menu-floating-note{top:16%}.story-copy{padding:60px 10%}.story-visual{min-height:630px}.story-copy h2{font-size:27px}.footer-top{gap:6%}}
@media(max-width:899px){.site-header{height:82px;padding:0 5%}.brand{font-size:24px}.brand-mark{height:35px;width:27px}.brand small{font-size:8px}.desktop-nav{display:none}.header-order{margin-left:auto;font-size:10px;padding:7px 13px;gap:17px}.nav-toggle{display:block;margin-left:15px}.hero{height:940px;max-height:none;min-height:0}.hero-light{top:82px;left:48%;border-top-left-radius:125px}.hero-copy{top:145px;left:6%;width:55%}.hero-food{top:39%;right:-13%;width:99%}.hero-description{font-size:12px}.oil-seal{top:16%;right:6%;width:108px;height:108px}.oil-seal strong{font-size:42px}.oil-seal>span:first-child{font-size:6px}.oil-seal>span:nth-of-type(2){font-size:9px}.hero-bottom{height:125px;grid-template-columns:1.2fr 1fr 70px;width:88%}.last-note{display:none}.hero-side-note{right:16px;top:34%}.scroll-cue{left:4%;bottom:32px}.section-space{padding:55px 6%}.oil-layout{gap:7%;padding-top:50px}.oil-statement h2{font-size:30px}.oil-statement .eyebrow{font-size:8px}.large-percent{font-size:170px;margin-top:40px}.large-percent>svg{margin-left:10px;width:40px;height:60px}.oil-label{font-size:8px;flex-direction:column;gap:3px}.oil-label span{font-size:10px}.lead-copy{font-size:19px}.oil-story>p:nth-child(2){font-size:12px}.oil-detail{gap:15px}.oil-detail h3{font-size:12px}.oil-detail p{font-size:10px}.oil-footnote{margin-top:45px;font-size:11px}.menu-section{padding:60px 6% 90px;min-height:860px}.menu-copy{width:60%}.menu-copy h2{font-size:34px}.menu-photo{width:97%;right:-26%;top:38%}.menu-orbit{top:15%;height:80%;width:75%;right:-25%}.menu-floating-note{top:18%;right:8%;font-size:23px}.menu-name{margin-top:28px}.menu-background-word{bottom:140px;font-size:26vw}.menu-price{font-size:34px}.photo-note{font-size:8px;right:6%}.menu-bottom-line{left:6%;right:6%;font-size:7px}.story-section{grid-template-columns:1fr 1fr}.story-visual{min-height:610px}.story-copy{padding:48px 10%}.story-copy h2{font-size:23px}.story-copy>p:not(.eyebrow){font-size:12px}.story-copy .text-link{font-size:10px;gap:20px}.story-signature{font-size:20px}.story-visual-label strong{font-size:27px}.order-heading{gap:5%;grid-template-columns:1.2fr 1fr}.order-heading h2{font-size:29px}.order-heading>div p{font-size:12px}.order-process>div+div{padding-left:24px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>.brand{width:35%}.footer-top>p{font-size:14px}.footer-top>a:not(.brand){font-size:10px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom p{order:3;width:100%;font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:76px}.brand{font-size:22px;gap:6px}.brand small{font-size:7px;letter-spacing:.15em;margin-top:7px}.brand-mark{width:25px;height:32px}.header-order{font-size:10px;padding:6px 11px;gap:12px}.header-order>span{font-size:16px}.nav-toggle{margin-left:9px;width:33px;padding:8px}.mobile-nav{top:76px}.hero{height:960px}.hero-light{top:76px;left:61%;border-radius:90px 0 0 0;background:linear-gradient(160deg,#d4e2bd,#adbf98)}.hero-copy{top:126px;left:6%;width:89%}.hero-eyebrow{font-size:8px;letter-spacing:.12em}.hero-description{font-size:11px;line-height:1.85;margin-top:20px}.pill-link{font-size:10px;padding-left:15px;gap:16px;margin-top:18px}.pill-link>span{width:29px;height:29px;font-size:18px}.hero-food{width:138%;right:-27%;top:auto;bottom:146px;filter:drop-shadow(0 18px 13px #18311c25)}.oil-seal{width:88px;height:88px;top:139px;right:5%;background:#d1deb5c0}.oil-seal>span:first-child{font-size:5px;letter-spacing:.04em}.oil-seal strong{font-size:34px}.oil-seal small{font-size:17px}.oil-seal>span:nth-of-type(2){font-size:7px}.oil-seal i{font-size:10px}.hero-side-note{display:none}.hero-bottom{width:88%;height:135px;grid-template-columns:1fr 1fr;border-radius:45px 0 0 0}.ingredient-tile{padding:15px 12px 15px 17px;gap:0;align-items:flex-start;justify-content:center;flex-direction:column}.ingredient-tile svg{width:48px;height:61px;margin-left:3px}.ingredient-tile div{gap:4px;margin-top:-3px}.ingredient-tile div span{font-size:5px;letter-spacing:.03em}.ingredient-tile strong{font-size:11px}.bottom-note{padding:17px 15px}.bottom-note>span{font-size:6px;letter-spacing:.08em}.bottom-note p{font-size:10px}.bottom-next{display:none}.scroll-cue{left:4%;bottom:32px;gap:12px}.scroll-cue>span:first-child{font-size:6px}.scroll-cue>span:last-child{font-size:24px}.section-space{padding:40px 7%}.section-caption{font-size:8px;padding-bottom:20px;gap:12px;letter-spacing:.04em}.section-caption>span:nth-child(2){font-size:8px;letter-spacing:0}.oil-layout{grid-template-columns:1fr;gap:35px;padding-top:42px}.oil-statement .eyebrow{font-size:8px;margin-bottom:20px}.oil-statement h2{font-size:31px}.large-percent{font-size:210px;max-width:360px;margin-top:16px}.large-percent>svg{width:43px;height:68px;margin-left:auto;margin-right:20px}.oil-label{flex-direction:row;font-size:9px;align-items:center;max-width:none}.oil-story{padding-top:0;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.lead-copy{font-size:18px;margin-bottom:0;align-self:start}.oil-story>p:nth-child(2){font-size:10px;margin-bottom:30px;line-height:2.1}.oil-detail{grid-column:1/-1;gap:25px;padding:20px 0}.oil-detail h3{font-size:13px}.oil-detail p{font-size:11px}.oil-footnote{font-size:9px;line-height:1.8;margin-top:28px}.menu-section{min-height:1020px;padding:46px 7% 90px}.menu-copy{width:100%}.menu-copy .eyebrow{font-size:9px;margin-bottom:24px}.menu-copy h2{font-size:32px}.menu-subtitle{font-size:11px;margin-top:18px}.menu-name{margin-top:24px}.menu-name>span{font-size:7px}.menu-name h3{font-size:21px;line-height:1.45;margin-top:11px}.menu-price{font-size:33px;margin-top:12px}.menu-price>span{font-size:14px}.menu-price small{font-size:9px}.menu-copy .text-link{margin-top:12px;font-size:11px;gap:40px;padding:9px 0}.menu-orbit{width:104%;height:490px;right:-34%;top:auto;bottom:65px;border-radius:50% 0 0 50%}.menu-photo{width:136%;right:-29%;top:auto;bottom:100px;transform:rotate(-9deg)}.menu-background-word{font-size:38vw;bottom:340px;left:4%;color:#d1cfb565}.menu-floating-note{font-size:23px;top:auto;bottom:455px;right:9%;transform:rotate(10deg)}.menu-floating-note svg{width:45px;bottom:-43px}.photo-note{font-size:7px;bottom:80px;left:7%;right:auto}.menu-bottom-line{font-size:6px;left:7%;right:7%;height:58px}.menu-bottom-line>span{max-width:130px;line-height:1.7}.menu-bottom-line a{font-size:10px;gap:16px}.story-section{display:flex;flex-direction:column}.story-visual{min-height:380px}.story-visual img{object-position:center}.story-visual-label{left:7%;bottom:56px}.story-visual-label strong{font-size:29px}.story-visual-label span{font-size:8px}.story-image-note{font-size:7px;left:7%}.story-copy{padding:45px 7% 44px}.story-copy .eyebrow{font-size:9px;margin-bottom:23px}.story-copy h2{font-size:30px}.story-copy>p:not(.eyebrow){font-size:13px;line-height:2;margin-top:25px}.story-copy .text-link{font-size:12px;gap:45px;margin-top:20px}.story-signature{font-size:24px;margin-top:33px}.order-section .section-caption{font-size:7px}.order-section .section-caption>span:last-child{display:none}.order-heading{grid-template-columns:1fr;gap:20px;margin-top:35px}.order-heading h2{font-size:29px}.order-heading>div{padding-top:0}.order-heading>div p{font-size:12px;margin-top:17px}.status-label{font-size:10px;padding:6px 11px}.order-process{margin-top:34px;grid-template-columns:1fr}.order-process>div{display:grid;grid-template-columns:35px 1fr 1fr;align-items:start;gap:10px;padding:23px 0}.order-process>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.order-process>div>span{font-size:14px;padding-top:4px}.order-process h3{font-size:13px;margin-top:3px;line-height:1.6}.order-process p{font-size:9px;margin-top:0;line-height:1.9}.order-details{margin-top:20px}.order-details summary{font-size:11px;gap:18px;padding:16px 0}.order-details summary span{font-size:20px}.order-details details p{font-size:11px;padding-right:12px}.order-link{padding:18px 19px;margin-top:24px;font-size:12px}.order-link span{font-size:22px}.site-footer{padding:36px 7% 24px}.footer-top{gap:28px;padding-bottom:28px;align-items:start}.footer-top>.brand{width:auto;font-size:26px}.footer-top>.brand small{font-size:9px}.footer-top>p{margin-left:auto;font-size:12px}.footer-top>a:not(.brand):not(.back-top){margin-left:0;font-size:11px;align-self:center}.footer-top>.back-top{margin-left:auto!important;width:34px;height:34px;font-size:20px!important}.footer-bottom{font-size:7px;gap:15px}.footer-bottom a{font-size:8px}.footer-bottom p{font-size:8px;line-height:1.7}.dialog-copy{padding:25px 24px}.dialog-copy h2{font-size:21px;line-height:1.65}.dialog-price{font-size:24px;gap:12px}.dialog-price>span{font-size:9px}.dialog-copy>p:not(.eyebrow):not(.dialog-price){font-size:12px}.dialog-close{width:34px;height:34px;font-size:25px}.dialog-notice{font-size:11px}.dialog-notice p{font-size:10px}.dialog-copy>.dialog-image-note{font-size:9px!important}}
@media(max-width:370px){.hero{height:910px}.hero-copy{top:120px}.hero-food{bottom:143px}.oil-seal{width:75px;height:75px;top:139px;right:4%}.oil-seal strong{font-size:28px}.oil-seal>span:first-child{font-size:4px}.menu-copy h2{font-size:29px}.large-percent{font-size:185px}.oil-story{column-gap:12px}.lead-copy{font-size:17px}.story-copy h2{font-size:27px}.menu-section{min-height:970px}.menu-floating-note{bottom:425px}.menu-orbit{height:450px}.footer-bottom{font-size:6px}}
@media(min-width:601px) and (max-width:899px){.hero-light{left:53%}.hero-food{right:-23%}}
/* Korean brand name and the oil promise lead the existing green composition. */
.hero-copy .hero-eyebrow{font-size:14px;letter-spacing:-.025em;font-weight:400}
.hero-brand-name{display:block;font-family:'Noto Sans KR',sans-serif;font-size:clamp(70px,6.45vw,112px);font-weight:900;letter-spacing:-.065em;line-height:1.18;margin:22px 0 0 -4px;white-space:nowrap}
.hero-brand-english{display:block;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:.23em;line-height:1.6;margin-top:13px;color:#e1e8d6}
.hero-oil{display:flex;align-items:center;gap:18px;margin-top:34px;color:var(--gold);line-height:1}
.hero-oil>strong{font-family:'DM Sans',sans-serif;font-size:84px;letter-spacing:-.065em;line-height:1;font-weight:600;white-space:nowrap}
.hero-oil>strong>span{font-size:.54em;letter-spacing:-.025em;margin-left:3px}
.hero-oil-name{font-family:'Noto Sans KR',sans-serif;font-weight:700;font-size:28px;line-height:1.4;letter-spacing:-.045em}
.hero-copy .hero-description{margin-top:25px}
@media(min-width:1550px){.hero-oil>strong{font-size:92px}.hero-oil-name{font-size:30px}}
@media(min-width:900px) and (max-width:1100px){.hero-oil{gap:14px}.hero-oil>strong{font-size:73px}.hero-oil-name{font-size:25px}}
@media(min-width:601px) and (max-width:899px){.hero-brand-name{font-size:9.6vw}.hero-copy .hero-eyebrow{font-size:13px}.hero-oil{gap:14px;margin-top:28px}.hero-oil>strong{font-size:68px}.hero-oil-name{font-size:23px}.hero-copy .hero-description{margin-top:20px}}
@media(max-width:600px){.hero-copy .hero-eyebrow{font-size:11px;letter-spacing:-.03em;gap:7px}.hero-brand-name{font-size:13.4vw;margin-top:23px;margin-left:-2px}.hero-brand-english{font-size:8px;letter-spacing:.18em;margin-top:10px}.hero-oil{gap:10px;margin-top:27px}.hero-oil>strong{font-size:55px}.hero-oil-name{font-size:19px;line-height:1.4}.hero-copy .hero-description{font-size:11px;margin-top:21px}}
@media(max-width:370px){.hero-oil>strong{font-size:50px}.hero-oil-name{font-size:18px}.hero-oil{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}