:root{--forest:#0a1c17;--deep:#07130f;--green:#143126;--gold:#d4af37;--cream:#f2f2eb;--ink:#17251e;--muted:#78857d;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1380px,calc(100% - 112px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:9999;left:20px;top:-60px;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{height:86px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:50px;padding:0 56px;background:rgba(7,19,15,.8);border-bottom:1px solid rgba(212,175,55,.18);backdrop-filter:blur(18px);color:#fff}.wordmark{font-family:var(--serif);font-size:29px;letter-spacing:.16em;white-space:nowrap;font-weight:600}.wordmark span{color:var(--gold)}.wordmark i{font-size:9px;font-style:normal;color:var(--gold);vertical-align:top;margin-left:3px}.primary-nav{display:flex;gap:45px;margin:auto}.primary-nav a{font-size:13px;letter-spacing:.08em;white-space:nowrap;transition:color .2s}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--gold)}.header-actions select{background:transparent;color:var(--gold);border:0;outline:0;font-size:12px;letter-spacing:.12em}.header-actions option{color:var(--ink)}.menu-toggle{display:none}.hero{min-height:760px;height:100svh;position:relative;color:white;background:var(--forest);display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/hero-origin-i.webp') center/cover no-repeat;animation:hero-reveal 1.8s ease both}.hero-shade{background:linear-gradient(90deg,rgba(4,14,10,.55),transparent 70%),linear-gradient(0deg,rgba(4,14,10,.68),transparent 30%)}.hero-content{position:relative;z-index:1;padding-top:70px}.eyebrow{font-size:11px;letter-spacing:.3em;font-weight:600;color:#8c9479;text-transform:uppercase;margin:0 0 30px}.eyebrow.light{color:var(--gold)}.rule{display:inline-block;width:36px;height:1px;background:currentColor;vertical-align:middle;margin:0 12px}.hero h1,.about-main :is(h1,h2),.partners-intro :is(h1,h2),.global-copy h3,.contact-intro :is(h1,h2){font-weight:400;letter-spacing:-.055em;line-height:1.23}.hero h1{font-size:clamp(46px,5.5vw,88px);max-width:850px;margin:0 0 34px}.hero h1 em,.about-main :is(h1,h2) em,.partners-intro :is(h1,h2) em,.global-copy h3 em,.contact-intro :is(h1,h2) em{font-style:normal;color:var(--gold)}.hero-desc{font-size:16px;line-height:2;color:#e3e8e0;margin:0 0 42px}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:600;letter-spacing:.04em;border-bottom:1px solid currentColor;padding-bottom:11px}.text-link b{font-size:20px;font-weight:300;transition:transform .2s}.text-link:hover b{transform:translate(4px,-4px)}.light-link{color:white}.scroll-cue{position:absolute;bottom:49px;left:56px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.18em;z-index:1}.scroll-cue span{font-size:21px;color:var(--gold)}.hero-index{position:absolute;bottom:49px;right:56px;color:white;font-family:var(--serif);letter-spacing:.12em;font-size:16px}.section{position:relative;scroll-margin-top:86px}.about-section{padding:160px 0 150px;overflow:hidden}.about-grid{display:grid;grid-template-columns:170px minmax(0,900px);gap:8%}.section-side{display:flex;gap:25px;align-items:start;padding-top:20px}.section-no{white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.22em;color:#789083}.vertical-line{height:170px;width:1px;background:#a8b9a9}.about-main{position:relative;z-index:1}.about-main :is(h1,h2){font-size:clamp(40px,5vw,72px);margin:0 0 50px}.about-main :is(h1,h2) em,.partners-intro :is(h1,h2) em{color:#a88c39}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:875px}.about-copy p{font-size:15px;line-height:2.15;color:#5a685f;margin:0}.about-watermark{position:absolute;right:-20px;bottom:-130px;font-family:var(--serif);font-size:clamp(150px,22vw,350px);line-height:1;color:rgba(14,45,31,.035);pointer-events:none}.vision-section{padding:125px 0 150px;background:#e9eee8}.section-heading{text-align:center;margin-bottom:55px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,6vw,86px);line-height:1;margin:0;color:var(--forest)}.section-heading h2 span{font-style:italic;color:#a88c39}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vision-card{min-height:375px;background:#fff;padding:38px 46px 50px;border-top:2px solid var(--gold);transition:transform .3s,box-shadow .3s}.vision-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(10,28,23,.08)}.card-top{display:flex;justify-content:space-between;color:#9b925e;font-family:var(--serif);font-size:20px}.card-icon{font-size:26px}.vision-card h3{font-family:var(--serif);font-weight:500;color:var(--forest);font-size:52px;margin:42px 0 15px}.vision-card p{max-width:490px;font-size:15px;line-height:2;color:#5e6d62;margin:0}.brand-section{min-height:700px;background:radial-gradient(circle at 70% 50%,#1d4031,#0a1c17 55%,#07130f);color:#fff;display:grid;place-items:center;overflow:hidden}.brand-content{position:relative;z-index:1;text-align:center;padding:120px 0}.brand-label{font-size:13px;letter-spacing:.27em;color:#cbd6cd}.brand-content :is(h1,h2){font-family:var(--serif);font-weight:400;font-size:clamp(100px,18vw,270px);line-height:1;margin:28px 0 15px;letter-spacing:-.06em;color:#f8f4e9}.brand-star{font-size:.12em;vertical-align:top;color:var(--gold);margin-left:10px;letter-spacing:0}.brand-statement{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.2;margin:0 0 65px}.brand-statement em{color:var(--gold)}.coming-line{display:flex;justify-content:center;gap:40px;font-size:11px;letter-spacing:.25em;color:#e2e1cc}.coming-line span+span{border-left:1px solid var(--gold);padding-left:40px}.brand-orbit{position:absolute;border:1px solid rgba(212,175,55,.2);border-radius:50%;height:800px;width:800px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{height:1050px;width:1050px;border-color:rgba(212,175,55,.09)}.partners-section{padding:140px 0 150px}.partners-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:95px}.partners-intro :is(h1,h2){font-size:clamp(36px,4vw,60px);margin:0}.partners-intro>p{font-size:14px;line-height:1.9;color:#718077;max-width:275px;margin:0 0 7px}.partner-block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;border-top:1px solid #aab7a9;padding-top:26px}.partner-block-head h3{font-size:22px;font-weight:500;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{display:block;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px rgba(10,28,23,.1)}.product-number{display:block;font-size:10px;letter-spacing:.17em;color:#83918a;padding:19px 20px}.product-art{height:250px;display:grid;place-items:center;overflow:hidden;position:relative}.product-art:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 0 0 25px rgba(255,255,255,.08)}.product-art:after{content:'';position:absolute;width:66px;height:120px;border-radius:8px 8px 12px 12px;border:1px solid rgba(255,255,255,.8);background:linear-gradient(110deg,rgba(255,255,255,.6),rgba(255,255,255,.13));box-shadow:14px 25px 30px rgba(0,0,0,.12)}.product-art span{z-index:1;position:relative;top:20px;font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.1em;color:#314331;text-shadow:0 1px white}.collagen-art{background:linear-gradient(145deg,#e7ddd0,#c5af9b)}.olive-art{background:linear-gradient(145deg,#d6d6aa,#89985a)}.latte-art{background:linear-gradient(145deg,#e9d6c4,#ad7d64)}.snack-art{background:linear-gradient(145deg,#e1d1b8,#b28656)}.product-info{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px}.product-info h4{margin:0;font-weight:500;font-size:14px}.product-info span{font-size:20px;color:#a88c39}.category-strip{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 110px}.category-strip span{border:1px solid #cbd5c9;border-radius:30px;color:#637467;padding:8px 14px;font-size:10px;letter-spacing:.07em}.global-block{background:var(--forest);display:grid;grid-template-columns:1.2fr .8fr;color:white;min-height:500px}.global-copy{padding:65px 7%}.global-copy h3{font-size:clamp(34px,3.6vw,54px);margin:0 0 26px}.global-copy p:not(.eyebrow){color:#acbeb2;line-height:1.9;font-size:14px;max-width:430px}.shopee-mark{display:inline-flex;align-items:center;gap:10px;color:#ee6838;font-size:25px;font-weight:600;margin-top:20px}.shopee-mark:first-letter{font-family:var(--serif)}.shopee-mark span{font-size:19px}.market-list{display:flex;flex-direction:column;justify-content:center;padding:45px 70px;border-left:1px solid rgba(212,175,55,.25)}.market-list span{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);padding:18px 0;font-family:var(--serif);font-size:23px;letter-spacing:.07em}.market-list b{font-family:var(--sans);font-size:10px;font-weight:400;color:var(--gold)}.contact-section{background:#0b2119;color:white;padding:140px 0}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:start}.contact-intro{position:sticky;top:145px}.contact-intro :is(h1,h2){font-size:clamp(36px,4vw,58px);margin:0 0 24px}.contact-intro p:not(.eyebrow){font-size:14px;line-height:2;color:#a8b7ad;max-width:400px}.contact-panel{background:#f5f5ef;color:var(--ink);padding:35px 45px 45px}.contact-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid #c4cec2;margin-bottom:33px}.contact-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 4px 17px;color:#78877c;font-size:13px;font-weight:500;white-space:nowrap}.contact-tabs button[aria-selected=true]{border-color:#8c762e;color:var(--forest)}#contact-form{display:flex;flex-direction:column;gap:23px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}#contact-form label:not(.consent){display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500}#contact-form input:not([type=radio]):not([type=checkbox]),#contact-form textarea{width:100%;border:0;border-bottom:1px solid #bdc8bb;background:transparent;color:var(--forest);outline:0;padding:9px 0;border-radius:0;font-size:14px}#contact-form input:focus,#contact-form textarea:focus{border-color:#8d772f}#contact-form textarea{resize:vertical;min-height:90px}fieldset{border:0;margin:0;padding:0}.radio-group legend,.option-group legend{font-size:12px;font-weight:500;margin-bottom:12px}.radio-group label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px!important;margin-right:16px;font-size:12px!important}.radio-group input,.option-group input,.consent input{accent-color:#8d772f}.option-group #option-items{display:flex;gap:10px;flex-wrap:wrap}.option-group label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px!important;font-size:12px!important;border:1px solid #cad4c8;padding:9px 12px}.consent{display:flex;align-items:flex-start;gap:9px;color:#657269;font-size:11px;line-height:1.65}.consent input{margin-top:3px;flex:none}.form-note{font-size:11px;color:#7d877c;margin:-12px 0 0}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--forest);color:white;border:0;padding:18px 23px;font-size:13px;font-weight:500;letter-spacing:.04em}.submit-button:hover{background:#1a3d2e}.submit-button b{font-size:22px;font-weight:300}.site-footer{background:#06140e;color:#cbd7cd;padding:60px 0 28px}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:65px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-top p{font-family:var(--serif);font-size:18px;color:#87988a}.back-top{margin-left:auto;border:1px solid #697d6f;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:10px;color:#7b8c7f;letter-spacing:.02em}@keyframes hero-reveal{from{transform:scale(1.05);opacity:.6}to{transform:scale(1);opacity:1}}@media(max-width:1000px){.site-header{padding:0 32px;gap:20px}.primary-nav{gap:20px}.wrap{width:min(100% - 64px,1380px)}.product-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:4%}.contact-panel{padding:30px}.market-list{padding:40px}}@media(max-width:700px){.site-header{height:68px;padding:0 22px;justify-content:space-between}.wordmark{font-size:24px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;order:3;border:0;background:transparent;width:30px;height:35px;padding:0}.menu-toggle span{display:block;width:26px;height:1px;background:var(--gold)}.primary-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#0b2119;padding:12px 25px 22px;border-bottom:1px solid #6f6540}.primary-nav.open{display:flex}.primary-nav a{padding:13px 0}.header-actions{margin-left:auto}.wrap{width:calc(100% - 40px)}.hero{min-height:680px;height:100svh}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(4,14,10,.78),rgba(4,14,10,.15)),linear-gradient(0deg,rgba(4,14,10,.65),transparent 40%)}.hero-content{padding-top:75px}.hero h1{font-size:clamp(39px,10vw,65px)}.hero-desc{font-size:13px}.scroll-cue{left:20px;bottom:28px}.hero-index{right:20px;bottom:31px}.about-section,.vision-section,.partners-section,.contact-section{padding:90px 0}.about-grid{display:block}.section-side{display:none}.about-main :is(h1,h2){font-size:clamp(38px,8.5vw,58px);margin-bottom:35px}.about-copy{grid-template-columns:1fr;gap:20px}.vision-grid{grid-template-columns:1fr}.vision-card{min-height:0;padding:28px 30px 38px}.vision-card h3{margin:25px 0 12px;font-size:43px}.brand-section{min-height:560px}.brand-content{padding:95px 0}.brand-content :is(h1,h2){font-size:clamp(80px,20vw,135px)}.brand-statement{font-size:25px}.brand-orbit{height:530px;width:530px}.orbit-two{height:750px;width:750px}.partners-intro{display:block;margin-bottom:55px}.partners-intro>p{margin-top:25px}.product-grid{gap:10px}.product-art{height:180px}.product-number{padding:13px}.product-info{padding:12px 13px;min-height:70px}.product-info h4{font-size:12px}.category-strip{margin-bottom:70px}.global-block{display:block}.global-copy{padding:45px 30px 30px}.market-list{border-left:0;border-top:1px solid rgba(212,175,55,.25);padding:15px 30px 40px}.market-list span{font-size:20px}.contact-grid{display:block}.contact-intro{position:static;margin-bottom:42px}.contact-panel{padding:25px 20px}.contact-tabs button{font-size:11px}.field-row{gap:13px}.footer-top{gap:20px;flex-wrap:wrap;padding-bottom:35px}.footer-top p{width:100%;order:3;margin:0}.footer-bottom{display:block;line-height:1.8}}@media(max-width:390px){.field-row{grid-template-columns:1fr}.contact-tabs{gap:0}.contact-tabs button{font-size:10px}.coming-line{gap:12px;font-size:9px}.coming-line span+span{padding-left:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*{transition:none!important}}

[hidden]{display:none!important}

/* Readable wrapping across Korean, Latin-script, Japanese and Chinese content. */
body{word-break:keep-all;overflow-wrap:normal}
.hero h1,.about-main :is(h1,h2),.partners-intro :is(h1,h2),.global-copy h3,.contact-intro :is(h1,h2),.brand-statement{word-break:keep-all;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.hero-desc,.about-copy p,.vision-card p,.partners-intro>p,.global-copy p,.contact-intro p{text-wrap:pretty}
.back-top{position:relative;z-index:1;scroll-behavior:smooth}
@media(max-width:700px){.hero h1{font-size:clamp(37px,9vw,60px);max-width:560px}.about-main :is(h1,h2),.partners-intro :is(h1,h2),.contact-intro :is(h1,h2){font-size:clamp(34px,8vw,54px)}.brand-statement{font-size:clamp(22px,6vw,30px)}}

html:lang(zh) body,html:lang(ja) body{word-break:normal}
html:lang(zh) .hero h1,html:lang(ja) .hero h1,html:lang(zh) .about-main :is(h1,h2),html:lang(ja) .about-main :is(h1,h2),html:lang(zh) .partners-intro :is(h1,h2),html:lang(ja) .partners-intro :is(h1,h2),html:lang(zh) .global-copy h3,html:lang(ja) .global-copy h3,html:lang(zh) .contact-intro :is(h1,h2),html:lang(ja) .contact-intro :is(h1,h2){word-break:normal}

/* Product collection, grouped by the storyboard's three solution areas. */
.collection-group{padding:48px 0 64px;border-top:1px solid #d6ded3}
.collection-group:first-of-type{border-top:0}
.collection-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px}
.collection-head .eyebrow{margin:5px 0 12px;color:#9f8a49}
.collection-count{font-family:var(--serif);font-size:16px;color:#8b957f}
.collection-head h4{margin:0;font-size:clamp(27px,3vw,39px);line-height:1.3;font-weight:400;color:var(--forest)}
.collection-head>p{margin:0 0 5px;max-width:350px;color:#748178;font-size:13px;line-height:1.8}
.catalog-grid{display:grid;gap:18px}
.catalog-grid-health{grid-template-columns:1fr}
.catalog-grid-diet{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-grid-beauty{grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e3e8df;transition:transform .25s,box-shadow .25s,border-color .25s}
.catalog-card:hover,.catalog-card:focus-visible{transform:translateY(-5px);box-shadow:0 20px 35px rgba(10,28,23,.12);border-color:#c9bb8c}
.catalog-media{height:280px;display:grid;place-items:center;overflow:hidden;background:#f8f7f2}
.catalog-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.catalog-card:hover .catalog-media img{transform:scale(1.035)}
.catalog-info{display:flex;flex-direction:column;align-items:flex-start;padding:23px 23px 24px;min-height:155px}
.catalog-index{color:#a48a44;font-family:var(--serif);font-size:13px;letter-spacing:.08em}
.catalog-info h4{font-size:16px;line-height:1.45;font-weight:500;color:var(--forest);margin:12px 0 auto;word-break:keep-all}
.catalog-cta{display:flex;gap:15px;align-items:center;color:#697c6c;font-size:11px;font-weight:500;margin-top:15px}
.catalog-card-featured{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);min-height:355px}
.catalog-card-featured .catalog-media{height:100%;min-height:355px}
.catalog-card-featured .catalog-info{justify-content:center;padding:45px 50px;background:#eaf0e8}
.catalog-card-featured .catalog-info h4{margin:25px 0 15px;font-size:clamp(27px,3vw,42px);line-height:1.35;font-weight:400}
.catalog-card-featured .catalog-cta{margin:8px 0 0}
.catalog-grid-beauty .catalog-media{height:360px}
.catalog-grid-beauty .catalog-info{min-height:135px}
.collection-beauty{padding-bottom:92px}
@media(max-width:1000px){.catalog-grid-diet{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card-featured{grid-template-columns:1.15fr .85fr}.catalog-card-featured .catalog-info{padding:25px}}
@media(max-width:700px){.collection-group{padding:35px 0 50px}.collection-head{display:block}.collection-head>p{margin:13px 0 0}.catalog-grid{gap:11px}.catalog-grid-diet,.catalog-grid-beauty{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card-featured{display:block}.catalog-card-featured .catalog-media{height:210px;min-height:0}.catalog-card-featured .catalog-info{padding:23px}.catalog-card-featured .catalog-info h4{font-size:24px;margin:15px 0}.catalog-media,.catalog-grid-beauty .catalog-media{height:190px}.catalog-info,.catalog-grid-beauty .catalog-info{padding:15px;min-height:145px}.catalog-info h4{font-size:13px}.catalog-cta{font-size:10px}.collection-beauty{padding-bottom:65px}}
@media(max-width:380px){.catalog-grid-diet,.catalog-grid-beauty{grid-template-columns:1fr}.catalog-media,.catalog-grid-beauty .catalog-media{height:260px}.catalog-info,.catalog-grid-beauty .catalog-info{min-height:110px}}

.privacy-link{margin:-14px 0 -10px 25px;font-size:11px;color:#6c796c;text-decoration:underline;text-underline-offset:2px}
.privacy-link a:hover{color:#9d873e}
.form-status{margin:-8px 0 0;min-height:0;font-size:12px;line-height:1.6}
.form-status:empty{display:none}
.form-status[data-state=success]{color:#28734b}
.form-status[data-state=error]{color:#b34747}
.form-status[data-state=sending]{color:#6c796c}
.submit-button:disabled{opacity:.6;cursor:wait}
.form-status[data-state=pending]{color:#9a7630}

/* Keep the source image as a poster until the motion video loads. */
.hero-image{animation:none;transform:none;overflow:hidden}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}

/* 2026-09-26 request updates */
html:lang(en) body{font-family:Inter,Arial,sans-serif}
html:lang(ko) body,html:lang(ja) body,html:lang(zh) body{font-family:'Noto Sans KR',sans-serif}
.wordmark{display:inline-flex;align-items:center;width:152px;flex:none}.wordmark img{display:block;width:100%;height:auto}
.primary-nav{gap:clamp(14px,2.1vw,36px)}.primary-nav a{font-size:14px}.primary-nav a.active,.primary-nav a[aria-current=location]{color:var(--gold);border-bottom:1px solid var(--gold)}
.hero-index{display:none}.section-no{writing-mode:initial;transform:none;font-size:12px}.section-side{display:block;padding-top:20px}.vertical-line{margin-top:22px;height:80px}.about-section{padding:150px 0 220px}.about-copy{display:block;max-width:720px}.about-copy p{font-size:17px;line-height:2;margin-bottom:25px}.about-main :is(h1,h2){font-size:clamp(42px,5vw,70px)}
.section-heading h2,.vision-card h3,.collection-head h4{font-family:inherit}.vision-card p{font-size:17px}
.brand-content :is(h1,h2){margin:36px auto 22px;max-width:760px}.amplio-logo{display:block;width:min(100%,700px);height:auto;margin:auto;filter:brightness(0) invert(1)}.coming-line{gap:24px;align-items:center;color:#fff;font-size:clamp(16px,2vw,24px);letter-spacing:.15em;font-weight:600}.coming-line span{background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.65);padding:14px 20px}.coming-line span+span{border:1px solid rgba(212,175,55,.65);padding:14px 20px}
.next-section{display:flex;align-items:center;justify-content:space-between;gap:30px;width:max-content;max-width:100%;margin:78px 0 0 auto;padding:16px 22px;border:1px solid #b9c7b9;color:var(--forest);font-size:15px;font-weight:600;transition:background .2s,color .2s}.next-section b{font-size:24px;font-weight:300}.next-section:hover,.next-section:focus-visible{background:var(--forest);color:#fff}.next-light{color:#fff;border-color:var(--gold)}.next-light:hover,.next-light:focus-visible{background:var(--gold);color:var(--forest)}.brand-content .next-section{margin:75px auto 0}
.catalog-media,.catalog-grid-beauty .catalog-media{height:clamp(280px,30vw,430px);padding:18px}.catalog-media img{object-fit:contain;max-width:100%;max-height:100%}.catalog-card-featured .catalog-media{min-height:420px;padding:24px}.catalog-grid-health{grid-template-columns:1fr}.catalog-grid-diet{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid-beauty{grid-template-columns:repeat(2,minmax(0,1fr))}
.global-block{grid-template-columns:1fr 1fr}.market-list{padding:35px 48px}.market-list a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.22);padding:12px 0;font-size:17px;font-weight:500}.market-list a:hover,.market-list a:focus-visible{color:var(--gold)}.market-list b{font-size:11px;color:var(--gold);font-weight:400}.shopee-mark{color:#ee6838;text-decoration:none}.shopee-bag{display:grid;place-items:center;width:34px;height:35px;border:3px solid currentColor;border-radius:4px;font-size:20px!important}.shopee-arrow{font-size:18px!important}.global-copy p:not(.eyebrow){font-size:16px}
.impact-section{min-height:620px;background:linear-gradient(90deg,rgba(3,19,12,.9) 0%,rgba(3,19,12,.58) 48%,rgba(3,19,12,.05) 100%),url('assets/impact-earth.webp') center/cover;color:#fff;display:flex;align-items:center}.impact-content{padding:110px 0}.impact-content :is(h1,h2){font-size:clamp(42px,5vw,72px);font-weight:400;margin:0 0 25px}.impact-content p:not(.eyebrow){font-size:17px;line-height:1.9;max-width:520px}.impact-status{display:inline-block;margin-top:20px;padding:8px 15px;border:1px solid var(--gold);color:var(--gold);font-size:13px}.impact-content .next-section{margin:60px auto 0 0}
#contact-form{gap:24px}.inquiry-choices legend{font-size:19px;font-weight:600}.inquiry-choices p{font-size:12px;color:#6c796c}.choice-list{display:flex;flex-wrap:wrap;gap:10px}.choice-list label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px!important;padding:11px 13px;border:1px solid #becabc;background:white;font-size:13px!important}.choice-list label:has(input:checked){border-color:#9d873e;background:#f7f1dd}.choice-list input{accent-color:#8d772f}.choice-error{color:#ad4338!important;margin:0}.choice-error:empty{display:none}.radio-group{display:block}.radio-group .country-field{display:flex!important;flex-direction:column!important;max-width:100%;margin-top:17px}.radio-group .country-field[hidden]{display:none!important}.phone-row{grid-template-columns:1fr 1.4fr}#contact-form select{width:100%;border:0;border-bottom:1px solid #bdc8bb;background:transparent;padding:9px 0;color:var(--forest);font-size:14px}#contact-form input:not([type=radio]):not([type=checkbox]),#contact-form textarea{font-size:15px}.submit-button:disabled{opacity:.45;cursor:not-allowed}.submit-button:disabled:hover{background:var(--forest)}.form-note{font-size:12px}.privacy-link{font-size:12px}
.footer-bottom{display:block;font-size:12px;line-height:1.75}.footer-bottom p{margin:4px 0}.footer-top p{font-size:19px}.social-dock{position:fixed;right:19px;bottom:19px;z-index:20;display:flex;flex-direction:column;gap:8px}.social-dock>span:not(.sr-only),.social-dock>a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(10,28,23,.9);border:1px solid var(--gold);color:var(--gold)}.social-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.social-dock .social-youtube svg,.social-dock .social-facebook svg{fill:currentColor;stroke:none}
@media(max-width:1000px){.primary-nav{gap:12px}.primary-nav a{font-size:12px}.wordmark{width:125px}.catalog-grid-diet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wordmark{width:125px}.about-section{padding:90px 0 130px}.section-side{display:block;padding:0 0 22px}.vertical-line{display:none}.about-copy p,.vision-card p{font-size:15px}.coming-line{flex-wrap:wrap;gap:10px;font-size:14px}.coming-line span,.coming-line span+span{padding:10px 12px}.amplio-logo{width:min(100%,520px)}.brand-content :is(h1,h2){margin:38px auto}.catalog-grid-diet,.catalog-grid-beauty{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-media,.catalog-grid-beauty .catalog-media{height:230px;padding:10px}.catalog-card-featured .catalog-media{min-height:0;height:300px}.global-block{display:block}.market-list{padding:20px 30px 35px}.impact-section{min-height:560px;background-position:60% center}.impact-content{padding:90px 0}.impact-content p:not(.eyebrow){font-size:15px;max-width:370px}.next-section{margin-top:50px;font-size:13px}.social-dock{right:10px;bottom:10px;gap:5px}.social-dock>span:not(.sr-only),.social-dock>a{width:36px;height:36px}.social-dock svg{width:18px;height:18px}.contact-panel{padding:25px 20px}.phone-row{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.catalog-grid-diet,.catalog-grid-beauty,.phone-row{grid-template-columns:1fr}.catalog-media,.catalog-grid-beauty .catalog-media{height:300px}.choice-list{display:grid;grid-template-columns:1fr}.social-dock{bottom:7px;right:7px}}

/* Distinct category screens, with About and Mission & Vision together. */
body[data-page] #main>section{display:none}
body[data-page=home] #home,body[data-page=about] #about,body[data-page=about] #vision,body[data-page=brand] #brand,body[data-page=partners] #partners,body[data-page=impact] #impact,body[data-page=contact] #contact{display:block}
body[data-page=brand] #brand,body[data-page=impact] #impact{display:flex}
body[data-page=brand] #brand{align-items:center;justify-content:center}
body[data-page=home] #home{display:flex}
body[data-page=contact] #contact,body[data-page=partners] #partners,body[data-page=about] #about{min-height:calc(100svh - 80px)}

/* Keep the selected category visible above the base hide rule. */
body[data-page=home] #main>#home,body[data-page=about] #main>#about,body[data-page=about] #main>#vision,body[data-page=brand] #main>#brand,body[data-page=partners] #main>#partners,body[data-page=impact] #main>#impact,body[data-page=contact] #main>#contact{display:block}
body[data-page=home] #main>#home,body[data-page=brand] #main>#brand,body[data-page=impact] #main>#impact{display:flex}

/* International phone picker with sprite flags, including on Windows. */
.phone-field{display:block;min-width:0}.phone-field>label{display:block!important;font-size:12px;font-weight:500;margin-bottom:8px}.phone-field .iti{display:block;width:100%}.phone-field .iti__country-selector{z-index:30;color:var(--ink);font-weight:400}.phone-field .iti__selected-country{color:var(--forest);font-size:14px}.phone-field .iti__tel-input{width:100%;height:42px}.phone-field p{margin:8px 0 0;font-size:11px;color:#68766c}.phone-field .iti__search-input{font-size:14px}.phone-field .iti__country{font-size:13px}.phone-field .iti__selected-country-primary:hover{background:#e7ecdf}.phone-field .iti__country-selector{box-shadow:0 12px 30px rgba(0,0,0,.16)}

#contact-form .iti__search-input{padding-left:36px!important;padding-right:30px!important;width:100%;border:0;border-bottom:1px solid #c7d0c5}

/* Keep every domestic product image fully inside its card at every width. */
.catalog-media{display:flex;align-items:center;justify-content:center;overflow:hidden}
.catalog-media img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none!important}
.catalog-card:hover .catalog-media img,.catalog-card:focus-visible .catalog-media img{transform:none!important}

/* Overseas country name follows the same left edge as the other form fields. */
#contact-form>.country-field{display:flex;flex-direction:column;align-items:stretch;align-self:flex-start;width:calc(50% - 10px);max-width:100%;margin:0;text-align:left;gap:9px;font-size:12px;font-weight:500}
#contact-form>.country-field[hidden]{display:none}
#contact-form>.country-field>span{display:block;text-align:left}
@media(max-width:700px){#contact-form>.country-field{width:calc(50% - 7px)}}
@media(max-width:390px){#contact-form>.country-field{width:100%}}

/* Additional health products can be appended in site-data.js. */
.catalog-grid-health:has(>.catalog-card:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.catalog-grid-health>.catalog-card-featured{grid-column:1/-1}
@media(max-width:700px){.catalog-grid-health:has(>.catalog-card:nth-child(2)){grid-template-columns:1fr}}

/* Inquiry country uses the same searchable flag picker as the phone field. */
.country-field{display:block;min-width:0;text-align:left}.country-field>label{display:block!important;font-size:12px;font-weight:500;margin-bottom:8px;text-align:left}.country-field .iti{display:block;width:100%}.country-field .iti__tel-input{width:100%;height:42px;cursor:pointer;color:var(--forest);font-size:15px}.country-field .iti__country-selector{z-index:31;color:var(--ink);font-weight:400}.country-field .iti__selected-country{color:var(--forest);font-size:14px}.country-field .iti__country-selector{box-shadow:0 12px 30px rgba(0,0,0,.16)}.country-field p{margin:8px 0 0;font-size:11px;color:#68766c}
#contact-form>.country-field{width:100%;align-self:stretch;gap:0}
@media(max-width:700px){#contact-form>.country-field{width:100%}}

/* The inquiry picker shows countries by flag and name, without calling codes. */
.country-field .iti__selected-dial-code,.country-field .iti__dial-code{display:none!important}
.country-field .iti__selected-country{cursor:pointer}

/* Second revision: readable navigation and one-screen sections. */
.site-header{gap:clamp(12px,2vw,30px);padding-left:clamp(22px,3vw,56px);padding-right:clamp(22px,3vw,56px)}
.primary-nav{flex:1;min-width:0;justify-content:center;gap:clamp(15px,1.9vw,32px);margin:0}
.primary-nav a{flex:none;font-size:16px;font-weight:600;letter-spacing:0;opacity:1;color:#fff}
.header-actions select{font-size:16px;font-weight:600;letter-spacing:0}
.about-section{min-height:100svh;padding-top:clamp(190px,22vh,260px);padding-bottom:clamp(240px,28vh,330px)}
.about-main{padding-top:20px}
.about-copy p{line-height:2}
.brand-section{min-height:100svh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 50%,#1d4031,#0a1c17 55%,#07130f)}
.brand-content{padding-top:clamp(150px,18vh,210px);padding-bottom:clamp(90px,12vh,150px)}
.amplio-logo-link{display:inline-block;max-width:100%}.amplio-logo-link:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
.partners-intro{justify-content:flex-start;align-items:flex-start}
.partners-intro>div{max-width:900px}
.partners-intro>div>p{font-size:16px;line-height:1.85;color:#718077;max-width:680px;margin:25px 0 0}
.market-list a,.market-list a span{font-family:inherit;font-weight:500;letter-spacing:0}
.impact-section{min-height:100svh;min-height:100dvh}
.impact-content{padding-top:clamp(150px,19vh,220px);padding-bottom:clamp(105px,13vh,160px)}
#contact-form .field-error{display:block;min-height:0;color:#ba2f2f;font-size:12px;font-weight:500;line-height:1.45}
#contact-form .field-error:empty{display:none}
#contact-form input[aria-invalid=true]{border-color:#ba2f2f!important;box-shadow:0 1px 0 #ba2f2f}
.success-modal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(4,18,11,.72);backdrop-filter:blur(5px)}
.success-modal[hidden]{display:none}
.success-modal-card{position:relative;width:min(460px,100%);padding:54px 35px 42px;background:#f5f5ef;color:var(--forest);text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.success-modal-close{position:absolute;top:14px;right:17px;border:0;background:none;color:#53675a;font-size:13px;text-decoration:underline}
.success-modal-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 25px;border:1px solid #7d916f;border-radius:50%;color:#59724d;font-size:28px}
.success-modal-card #success-title{font-size:20px;font-weight:500;line-height:1.65;margin:0 auto 18px}
.success-modal-countdown{font-size:13px;color:#67776a}.success-modal-countdown strong{font-weight:700;color:var(--forest)}
@media(max-width:1100px) and (min-width:701px){.site-header{height:76px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;order:3;border:0;background:transparent;width:32px;height:36px;padding:0}.menu-toggle span{display:block;width:27px;height:1px;background:var(--gold)}.primary-nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#0b2119;padding:12px 32px 22px;border-bottom:1px solid #6f6540}.primary-nav.open{display:flex}.primary-nav a{padding:13px 0}.header-actions{margin-left:auto}}
@media(max-width:700px){.primary-nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0}.primary-nav.open{display:flex}.primary-nav a{font-size:16px;font-weight:600;padding:13px 0}.header-actions select{font-size:15px}.about-section{min-height:100svh;padding:125px 0 160px}.about-main{padding-top:0}.brand-section{min-height:100svh;min-height:100dvh}.brand-content{padding:145px 0 100px}.partners-intro>div>p{font-size:15px;margin-top:22px}.impact-section{min-height:100svh;min-height:100dvh}.impact-content{padding:145px 0 100px}}

/* Fit the full brand invitation inside a desktop viewport. */
.brand-content :is(h1,h2){margin:22px auto 10px}
.brand-statement{margin-bottom:42px}
.brand-content .next-section{margin-top:45px}
@media(max-width:700px){.brand-content :is(h1,h2){margin:28px auto 18px}.brand-statement{margin-bottom:34px}.brand-content .next-section{margin-top:42px}}

/* Keep category links visible when the window narrows. */
@media(max-width:1100px){
  .site-header{display:grid;height:118px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 54px;gap:0 16px;padding:0 24px;justify-content:initial}
  .site-header .wordmark{grid-column:1;grid-row:1}
  .header-actions{grid-column:2;grid-row:1;margin:0}
  .menu-toggle{display:none!important}
  .primary-nav,.primary-nav.open{grid-column:1/-1;grid-row:2;position:static;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:0;width:100%;height:54px;gap:clamp(16px,2.5vw,34px);margin:0;padding:0;border-top:1px solid rgba(212,175,55,.2);border-bottom:0;background:transparent;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#947e39 transparent}
  .primary-nav a{flex:0 0 auto;padding:12px 0;font-size:16px;font-weight:600;line-height:1.3}
  .section{scroll-margin-top:118px}
}
@media(max-width:700px){
  .site-header{height:auto;min-height:110px;grid-template-rows:60px auto;gap:0 8px;padding:0 20px 8px}
  .primary-nav,.primary-nav.open{height:auto;min-height:42px;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 clamp(8px,2vw,16px);overflow:visible;white-space:normal}
  .primary-nav a{padding:7px 0;font-size:clamp(13px,3.6vw,16px);line-height:1.35}
  .header-actions select{font-size:15px}
  .about-section{padding-top:155px}
  .vision-section,.partners-section,.contact-section{padding-top:155px}
  .impact-content{padding-top:165px}
  .section{scroll-margin-top:145px}
}

/* Show the category row beside the logo while it still fits. */
@media(min-width:701px) and (max-width:1100px){
  .site-header{display:flex;height:86px;gap:clamp(12px,1.7vw,22px);padding:0 clamp(20px,2.5vw,32px)}
  .site-header .wordmark{flex:none}
  .header-actions{margin:0;flex:none}
  .primary-nav,.primary-nav.open{position:static;display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;min-width:0;width:auto;height:auto;gap:clamp(12px,1.7vw,22px);margin:0;padding:0;border:0;background:transparent;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}
  .primary-nav a{flex:none;padding:0;font-size:clamp(14px,1.5vw,16px);font-weight:600}
  .section{scroll-margin-top:86px}
}
/* Keep about's oversized signature at a consistent position across viewports. */
.about-watermark{left:50%;right:auto;top:100svh;bottom:auto;width:max-content;max-width:none;white-space:nowrap;font-size:clamp(70px,18vw,240px);line-height:1;transform:translate(-50%,-80%);pointer-events:none}

/* Keep supporting copy as readable as the impact section's body text. */
.about-copy p,.partners-intro>div>p,.collection-head>p{font-size:17px;line-height:1.9;font-weight:400;color:#34483c}
.brand-label{font-size:17px;line-height:1.6;font-weight:400;letter-spacing:.06em;color:#edf2ea}
.contact-intro p:not(.eyebrow){font-size:17px;line-height:1.9;font-weight:400;color:#e4ece5}
@media(max-width:700px){
  .about-copy p,.partners-intro>div>p,.collection-head>p,.brand-label,.contact-intro p:not(.eyebrow){font-size:16px}
}


/* Mobile subject-focused media. */
.hero-video{opacity:0;transition:opacity .25s ease}
.hero-video.is-ready{opacity:1}
@media(min-width:701px) and (max-width:1199px){
  .hero-video{object-position:75% center}
  .hero-image{background-position:75% center}
}
@media(max-width:700px){
  .hero{min-height:0;height:clamp(540px,71svh,640px)}
  .hero-image{background-image:url("assets/hero-origin-i-mobile-fill.webp");background-position:center top;background-size:cover}
  .hero-video{object-position:center top}
  .hero-shade{background:linear-gradient(180deg,rgba(3,15,9,.18) 0%,rgba(3,15,9,.02) 32%,rgba(3,15,9,.62) 53%,rgba(3,15,9,.95) 72%,rgba(3,15,9,.98) 100%)}
  .hero-content{margin-top:auto;margin-bottom:0;padding-top:0;padding-bottom:16px}
  body[data-page=home] .site-footer{padding-top:36px}
  .hero .eyebrow{margin-bottom:12px}
  .hero h1{font-size:clamp(34px,9vw,42px);line-height:1.14;margin-bottom:18px}
  .hero-desc{font-size:14px;line-height:1.65;margin-bottom:22px}
  .impact-section{background-image:linear-gradient(180deg,rgba(3,19,12,.03),rgba(3,19,12,.12)),url("assets/impact-earth-mobile.webp");background-position:78% center;background-size:cover}
  .impact-section{align-items:flex-start}
  .impact-content{margin:0 auto;padding-top:128px;padding-bottom:0}
  .impact-content .eyebrow{margin-bottom:18px}
  .impact-content :is(h1,h2){margin-bottom:14px}
  .impact-content p:not(.eyebrow){margin-top:0;margin-bottom:0;line-height:1.65}
  .impact-status{margin-top:10px}
  .impact-content .next-section{margin-top:22px}
}
@media(max-width:700px) and (max-height:730px){
  .hero-content{padding-bottom:16px}
  .hero h1{font-size:clamp(32px,8.5vw,39px)}
  .hero .eyebrow{margin-bottom:10px}
  .hero-desc{margin-bottom:18px}
}

/* Reserve the lower-right corner for the hosting toolbar and phone safe area. */
.social-dock{bottom:calc(88px + env(safe-area-inset-bottom, 0px))}

.social-dock>a:hover{background:#143126}
.social-dock>a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.social-dock>[hidden]{display:none}