#vl-preview .vly-home{--vh-green:#283a2a;--vh-pale:#edeee4;--vh-muted:#747868;background:#faf8f2;color:#283127}
#vl-preview .vh-container{max-width:1440px;margin:auto;padding-left:clamp(22px,5.5vw,100px);padding-right:clamp(22px,5.5vw,100px)}
#vl-preview .vh-section{padding-top:100px;padding-bottom:100px}
#vl-preview .vh-kicker{font:10px/1.5 system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;margin:0 0 24px;color:inherit}
#vl-preview .vly-home h2{font-size:clamp(34px,3.6vw,56px);line-height:1.1;letter-spacing:-.035em;margin-bottom:0;text-wrap:balance}
#vl-preview .vh-hero{position:relative;background:#34412a;color:#fffdf4;isolation:isolate;min-height:570px;height:min(780px,calc(100svh - 170px));overflow:hidden}
#vl-preview .vh-film{position:relative;overflow:hidden;background:#c3c5af}
#vl-preview .vh-film picture,#vl-preview .vh-film img,#vl-preview .vh-film video{display:block;width:100%;height:100%;object-fit:cover}
#vl-preview .vh-film video{position:absolute;inset:0;opacity:0;transition:opacity .4s;pointer-events:none}
#vl-preview .vh-film video.is-playing{opacity:1}
#vl-preview .vh-hero-film{position:absolute;inset:0;z-index:-2}
#vl-preview .vh-hero-film img,#vl-preview .vh-hero-film video{object-position:62% center}
#vl-preview .vh-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111d0d78,transparent 76%);pointer-events:none}
#vl-preview .vh-hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1440px;margin:auto;padding:70px clamp(24px,7vw,126px) 100px}
#vl-preview .vh-hero h1{font-size:clamp(54px,6.4vw,96px);max-width:620px;white-space:pre-line;line-height:1.02;letter-spacing:-.045em;margin:0 0 28px;color:inherit;text-shadow:0 2px 30px #14231426}
#vl-preview .vh-hero-lead{max-width:355px;font-size:15px;line-height:1.8;margin-bottom:32px;text-wrap:pretty;color:#fffdf0}
#vl-preview .vh-button{display:inline-flex;gap:42px;align-items:center;background:#faf8f0;color:#283a2a;font-size:12px;padding:15px 22px;border:1px solid #faf8f0;min-height:48px;transition:background .2s}
#vl-preview .vh-button:hover{background:#e8ecd9;color:#283a2a}
#vl-preview .vh-hero-caption{position:absolute;left:clamp(24px,7vw,126px);right:clamp(24px,7vw,126px);bottom:25px;display:flex;justify-content:space-between;border-top:1px solid #f4f3de66;padding-top:16px;font-size:9px;letter-spacing:.15em}
#vl-preview .vh-film-toggle{position:absolute;right:18px;bottom:22px;z-index:2;min-width:44px;min-height:44px;border:1px solid #faf8f29c;background:#253021a6;color:#fff;border-radius:50%;font-size:15px;padding:8px}
#vl-preview .vh-hero-film .vh-film-toggle{bottom:86px}
#vl-preview .vh-hero-copy{pointer-events:none}#vl-preview .vh-hero-copy a{pointer-events:auto}
#vl-preview .vh-intro{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #dadccd}
#vl-preview .vh-intro p{font:clamp(21px,2.1vw,30px)/1.45 Georgia,serif;max-width:850px;margin:0;text-wrap:pretty}
#vl-preview .vh-link{font-size:12px;display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap;align-self:flex-start}
#vl-preview .vh-heading{display:flex;gap:36px;align-items:flex-end;justify-content:space-between;margin-bottom:38px}
#vl-preview .vh-heading .vh-kicker{margin-bottom:15px}
#vl-preview .vh-heading>p{max-width:320px;font-size:13px;line-height:1.8;margin:0;color:#66705e}
#vl-preview .vh-heading>.vh-link{align-self:flex-end}
#vl-preview .vh-products{gap:25px}
#vl-preview .vh-products .vl-photo{aspect-ratio:1/1.12}
#vl-preview .vh-products .vl-card-meta{flex-wrap:wrap;gap:2px;padding-top:17px}
#vl-preview .vh-products .vl-card-meta>div{width:100%}
#vl-preview .vh-products .vl-card h3{font-size:23px}
#vl-preview .vh-products .vl-price{text-align:left;font-size:13px}
#vl-preview .vh-products .vl-tag{background:#faf8f2e8;font-size:9px}
#vl-preview .vh-craft{display:grid;grid-template-columns:1.02fr 1fr;background:var(--vh-green);color:#f8f4e9}
#vl-preview .vh-craft-film{min-height:720px}
#vl-preview .vh-craft-copy{padding:80px clamp(30px,6vw,105px)}
#vl-preview .vh-craft h2{max-width:460px;margin-bottom:28px}
#vl-preview .vh-craft-copy>p:not(.vh-kicker){font-size:14px;line-height:1.9;color:#e0e5d6;max-width:440px}
#vl-preview .vh-process{padding:0;margin:30px 0 34px;list-style:none}
#vl-preview .vh-process li{display:flex;gap:24px;border-top:1px solid #ced9c435;padding:18px 0}
#vl-preview .vh-process li>span{font:11px/1.8 system-ui;color:#bfc9b4}
#vl-preview .vh-process h3{font:18px Georgia,serif;margin:0 0 7px}
#vl-preview .vh-process p{font-size:12px;color:#c7d1bd;margin:0;line-height:1.75}
#vl-preview .vh-scent-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px}
#vl-preview .vh-scent-card{display:block;min-width:0}
#vl-preview .vh-scent-photo{overflow:hidden;height:320px;background:#e6e3d6}
#vl-preview .vh-scent-card:nth-child(2){padding-top:45px}
#vl-preview .vh-scent-card:nth-child(3){padding-top:90px}
#vl-preview .vh-scent-card img{transition:transform .4s}
#vl-preview .vh-scent-card:hover img{transform:scale(1.035)}
#vl-preview .vh-scent-card h3{font-size:30px;margin:20px 0 7px;display:flex;justify-content:space-between}
#vl-preview .vh-scent-card h3 span:last-child{font:20px system-ui}
#vl-preview .vh-scent-card p{font-size:12px;line-height:1.7;color:#6a7061;margin:0}
#vl-preview .vh-scent-guide{margin-top:30px}
#vl-preview .vh-categories{background:#e9ecdf}
#vl-preview .vh-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#vl-preview .vh-category-grid a{display:block;min-width:0}
#vl-preview .vh-category-image{aspect-ratio:1.06;background:#f5f3ea;overflow:hidden}
#vl-preview .vh-category-image img{transition:transform .35s}
#vl-preview .vh-category-grid a:hover img{transform:scale(1.035)}
#vl-preview .vh-category-grid h3{font-size:21px;margin:19px 0 6px;display:flex;justify-content:space-between;gap:10px}
#vl-preview .vh-category-grid h3 span:last-child{font:18px system-ui}
#vl-preview .vh-category-grid p{font-size:11px;color:#66705d;margin:0}
#vl-preview .vh-journal-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:28px 48px}
#vl-preview .vh-article{display:grid;grid-template-columns:.85fr 1.1fr;gap:25px;align-items:center;min-width:0}
#vl-preview .vh-article-image{aspect-ratio:1;overflow:hidden;background:#e8e5d9}
#vl-preview .vh-article .vh-kicker{font-size:9px;margin-bottom:13px;color:#6e7563}
#vl-preview .vh-article h3{font-size:26px;margin-bottom:14px}
#vl-preview .vh-article p:not(.vh-kicker){font-size:12px;color:#727768;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}
#vl-preview .vh-article:first-child{grid-row:1/3;display:block}
#vl-preview .vh-article:first-child .vh-article-image{aspect-ratio:1.4;margin-bottom:24px}
#vl-preview .vh-article:first-child h3{font-size:36px;max-width:480px}
#vl-preview .vh-article img{transition:transform .4s}
#vl-preview .vh-article:hover img{transform:scale(1.025)}
#vl-preview .vh-faq{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-top:65px;padding-bottom:100px;border-top:1px solid #d9ddce}
#vl-preview .vh-faq h2{margin-bottom:28px;max-width:400px}
#vl-preview .vh-faq summary{font-size:15px;padding:5px 0}
#vl-preview .vh-faq details>div{font-size:13px}
#vl-preview:has(.vly-home:not([hidden])) .vl-footer{background:#283a2a;color:#f8f4e8}
#vl-preview:has(.vly-home:not([hidden])) .vl-footer-bottom{border-color:#ffffff30;color:#c1cbb6}
#vl-preview[lang=zh] .vly-home h1{font-size:clamp(40px,5vw,76px);line-height:1.25;letter-spacing:.04em;max-width:580px}
#vl-preview[lang=zh] .vly-home h2{font-size:clamp(29px,3vw,45px);line-height:1.4;letter-spacing:.025em}
@media(min-width:1600px){#vl-preview .vh-hero-copy{padding-left:80px}}
@media(max-width:1000px){#vl-preview .vh-craft-copy{padding:55px 35px}#vl-preview .vh-craft-film{min-height:670px}#vl-preview .vh-scent-photo{height:250px}#vl-preview .vh-journal-grid{gap:25px}#vl-preview .vh-article{gap:16px}#vl-preview .vh-article h3{font-size:22px}#vl-preview .vh-faq{gap:40px}#vl-preview .vh-products{gap:16px}#vl-preview .vh-category-grid{gap:16px}}
@media(max-width:700px){#vl-preview .vh-section{padding-top:64px;padding-bottom:64px}#vl-preview .vh-hero{height:760px;height:calc(100svh - 130px);min-height:590px;max-height:820px}#vl-preview .vh-hero-film img,#vl-preview .vh-hero-film video{object-position:70% center}#vl-preview .vh-hero:after{background:linear-gradient(0deg,#152711cf,transparent 75%)}#vl-preview .vh-hero-copy{justify-content:flex-end;padding:45px 25px 100px}#vl-preview .vh-hero h1{font-size:55px;max-width:330px;margin-bottom:18px}#vl-preview .vh-hero .vh-kicker{margin-bottom:18px}#vl-preview .vh-hero-lead{max-width:300px;font-size:13px;margin-bottom:23px}#vl-preview .vh-hero-caption{font-size:8px;left:25px;right:25px;gap:20px}#vl-preview .vh-hero-caption span:last-child{text-align:right}#vl-preview .vh-intro{display:block;padding-top:34px;padding-bottom:34px}#vl-preview .vh-intro p{font-size:23px;margin-bottom:22px}#vl-preview .vh-heading{gap:18px;align-items:flex-start;margin-bottom:28px;flex-wrap:wrap}#vl-preview .vh-heading>p{max-width:100%}#vl-preview .vh-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}#vl-preview .vh-products .vl-card h3{font-size:20px}#vl-preview .vh-products .vl-card-meta{display:block}#vl-preview .vh-products .vl-price{white-space:normal}#vl-preview .vh-craft{display:block}#vl-preview .vh-craft-film{min-height:0;height:auto;aspect-ratio:1.1}#vl-preview .vh-craft-copy{padding:45px 25px 54px}#vl-preview .vh-craft h2{max-width:340px}#vl-preview .vh-scent-grid{grid-template-columns:1fr;gap:30px}#vl-preview .vh-scent-card:nth-child(n){padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}#vl-preview .vh-scent-photo{height:auto;aspect-ratio:1}#vl-preview .vh-scent-card h3{margin:0 0 12px;font-size:27px}#vl-preview .vh-scent-card p{font-size:11px}#vl-preview .vh-category-grid{grid-template-columns:1fr 1fr;gap:28px 16px}#vl-preview .vh-category-grid h3{font-size:19px;line-height:1.3}#vl-preview .vh-journal-grid{display:block}#vl-preview .vh-article{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d9ddce;grid-template-columns:.75fr 1fr}#vl-preview .vh-article:first-child h3{font-size:30px}#vl-preview .vh-article:not(:first-child) p:not(.vh-kicker){display:none}#vl-preview .vh-article h3{font-size:23px}#vl-preview .vh-faq{display:block;padding-top:48px;padding-bottom:60px}#vl-preview .vh-faq>div:first-child{margin-bottom:28px}#vl-preview[lang=zh] .vly-home h1{font-size:43px;max-width:340px}#vl-preview[lang=zh] .vly-home h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){#vl-preview .vly-home *{scroll-behavior:auto!important;transition:none!important}}

#vl-preview:has(.vly-home:not([hidden])) .vl-footer .vl-brand-logo{display:inline-block;background:#faf8f2;padding:10px;}

.vh-scent-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

#vl-preview .v17-ai-caption{position:absolute;bottom:6px;left:clamp(24px,7vw,126px);right:70px;margin:0;font-size:10px;color:#fffdf4;line-height:1.4;text-shadow:0 1px 3px #0008}
#vl-preview .vh-hero:has(.v17-ai-caption) .vh-hero-caption{bottom:36px}
@media(max-width:700px){#vl-preview .vh-hero:has(.v17-ai-caption):after{background:linear-gradient(0deg,#14200cc7,#17220b88 65%,#17220b44)}#vl-preview .v17-ai-caption{font-size:9px;bottom:8px;right:24px}}

/* Ingredient cards retain all three material groups without cropping. */
#vl-preview .vh-scent-photo{height:auto;aspect-ratio:3/2}
#vl-preview .vh-scent-photo img{object-fit:contain;transform:none!important}