:root{--bg: #fbf7f0;--bg-soft: #fffdf9;--text: #2f2a25;--muted: #746a60;--line: rgba(47, 42, 37, .12);--brand: #b8916f;--brand-dark: #7a5334;--green: #8ea58b;--cream: #f5eadc;--shadow: 0 28px 80px rgba(82, 61, 43, .14);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans JP,sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 10% 0%,rgba(184,145,111,.18),transparent 28rem),radial-gradient(circle at 95% 8%,rgba(142,165,139,.18),transparent 26rem),var(--bg)}body,button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}.site-shell{overflow:hidden}.site-header{position:fixed;inset:18px 24px auto;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:12px 14px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#fffdf9c7;box-shadow:0 18px 60px #3e2d1e1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.14em}.logo-mark{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 10px 28px #7a53344d;letter-spacing:0}.logo-text{font-size:.98rem}.site-nav{display:flex;justify-content:center;gap:26px;color:var(--muted);font-size:.95rem}.site-nav a{transition:color .2s ease}.site-nav a:hover{color:var(--brand-dark)}.lang-switch{display:flex;gap:6px;padding:5px;border-radius:999px;background:#f5eadccc}.lang-switch button{padding:7px 12px;border-radius:999px;background:transparent;color:var(--muted);font-size:.82rem}.lang-switch button.active{background:var(--text);color:#fff}.menu-toggle{display:none;width:42px;height:42px;border-radius:50%;background:var(--cream)}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:var(--text)}.section-pad{max-width:1180px;margin:0 auto;padding:120px 24px}.narrow{max-width:1000px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:52px;min-height:100vh;padding-top:160px}.eyebrow{margin:0 0 16px;color:var(--brand-dark);font-size:.8rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:720px;margin-bottom:20px;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.92;letter-spacing:-.08em}h2{margin-bottom:18px;font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.05em}h3{margin-bottom:10px;font-size:1.15rem}.hero-subtitle,.section-desc,.section-head p,.cta p,.site-footer p{color:var(--muted);line-height:1.8}.hero-subtitle{max-width:560px;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--text);color:#fff;box-shadow:0 16px 34px #2f2a252e}.btn.primary.light{background:#fff;color:var(--brand-dark)}.btn.ghost{border:1px solid var(--line);background:#ffffff80;color:var(--brand-dark)}.hero-note{max-width:520px;color:var(--muted);font-size:.92rem}.hero-visual{position:relative;min-height:620px;border:1px solid rgba(255,255,255,.75);border-radius:42px;background:linear-gradient(145deg,#ffffffb3,#f5eadca6),radial-gradient(circle at 35% 25%,rgba(255,255,255,.85),transparent 12rem);box-shadow:var(--shadow);overflow:hidden}.hero-visual:before{content:"YANNIE";position:absolute;left:50%;top:42px;transform:translate(-50%);color:#7a533414;font-size:clamp(3rem,7vw,5.6rem);font-weight:900;letter-spacing:.15em}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:260px;height:260px;right:-70px;top:60px;background:#8ea58b3d}.orb-two{width:220px;height:220px;left:-80px;bottom:60px;background:#b8916f3d}.product-bottle,.mock-product{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#ffffffeb,#ece0d1d1);box-shadow:0 28px 70px #523d2b2e,inset 0 0 40px #ffffffa6;color:var(--brand-dark);text-align:center}.product-bottle span,.mock-product span{font-weight:900;letter-spacing:.2em}.product-bottle small,.mock-product small{margin-top:10px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.bottle-main{left:50%;bottom:64px;width:175px;height:420px;transform:translate(-50%);border-radius:36px 36px 28px 28px}.bottle-main:before,.bottle-left:before{content:"";position:absolute;top:-48px;width:54px;height:64px;border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,#d8c3ad,#b8916f)}.bottle-left{left:58px;bottom:88px;width:126px;height:310px;border-radius:30px 30px 22px 22px;transform:rotate(-6deg)}.jar{right:54px;bottom:82px;width:155px;height:155px;border-radius:34px;transform:rotate(6deg)}.brand{text-align:center}.section-desc{max-width:760px;margin:0 auto 36px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.soft-card,.product-card,.step-card,.ingredient-panel{border:1px solid rgba(255,255,255,.7);background:#fffdf9b8;box-shadow:0 20px 50px #523d2b14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.soft-card{padding:28px;border-radius:28px;text-align:left}.soft-card p,.product-info p,.ingredient-item p,.step-card p{margin-bottom:0;color:var(--muted);line-height:1.7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-head p{max-width:420px;margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{overflow:hidden;border-radius:34px}.product-img{position:relative;min-height:320px;background:linear-gradient(145deg,#f6eee3,#e5d2be)}.product-img.tone-2{background:linear-gradient(145deg,#f5eee2,#d7e0d2)}.product-img.tone-3{background:linear-gradient(145deg,#fff8ef,#dcc5ad)}.product-img:before{content:"";position:absolute;top:36px;right:36px;bottom:36px;left:36px;border:1px solid rgba(255,255,255,.55);border-radius:28px}.mock-product{left:50%;top:50%;width:132px;height:230px;border-radius:30px 30px 24px 24px;transform:translate(-50%,-50%)}.product-info{padding:26px}.product-tag{display:inline-flex;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:#b8916f24;color:var(--brand-dark);font-size:.82rem;font-weight:800}.product-info strong{display:inline-block;margin-top:18px;color:var(--brand-dark)}.ingredient-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;padding:46px;border-radius:42px;background:linear-gradient(135deg,#2f2a25e0,#7a5334db),var(--text);color:#fff}.ingredient-panel .eyebrow,.ingredient-panel p{color:#ffffffb8}.ingredient-list{display:grid;gap:18px}.ingredient-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#ffffff14}.ingredient-item>span{width:12px;height:12px;margin-top:7px;border-radius:50%;background:#f5eadc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.step-card{padding:30px;border-radius:30px}.step-card>span{display:inline-block;margin-bottom:34px;color:#7a533459;font-size:3.2rem;font-weight:900;line-height:1}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:48px;border-radius:42px;background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.24),transparent 18rem),linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:var(--shadow)}.cta h2{max-width:760px;margin-bottom:14px;font-size:clamp(1.8rem,3vw,3rem)}.cta p{margin-bottom:0;color:#ffffffc7}.site-footer{display:flex;justify-content:space-between;gap:40px;max-width:1180px;margin:0 auto;padding:60px 24px 48px;border-top:1px solid var(--line)}.footer-logo{margin-bottom:18px}.footer-contact{min-width:280px}.site-nav a.active{color:var(--brand-dark);font-weight:800}.mobile-lang{display:none}.page{min-height:70vh}.subpage{padding-top:42px}.page-hero{padding-top:178px;padding-bottom:76px;text-align:center}.page-hero h1{max-width:780px;margin-right:auto;margin-left:auto}.page-hero .hero-subtitle{margin-right:auto;margin-left:auto}.page-section-top{padding-top:42px}.product-grid-detail{align-items:stretch}.detail-card{display:flex;flex-direction:column}.detail-card .product-info{flex:1}.fade-up{animation:fadeUp .8s ease both}.delay-1{animation-delay:.12s}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.site-header{grid-template-columns:auto 1fr auto;top:12px;right:12px;bottom:12px;left:12px;gap:12px;padding:10px 12px;border-radius:28px}.desktop-lang{display:none}.menu-toggle{display:block;grid-column:3;justify-self:end}.site-nav{position:absolute;top:calc(100% + 8px);right:0;left:auto;display:none;width:min(280px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;padding:12px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:#fffdf9fa;box-shadow:0 18px 50px #3e2d1e29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-nav.open{display:flex}.site-nav a{padding:13px 16px;border-radius:16px}.site-nav a:hover,.site-nav a.active{background:var(--cream)}.mobile-lang{display:flex;gap:6px;margin-top:8px;padding:6px}.mobile-lang button{flex:1;padding:8px 6px;font-size:.78rem}.hero{grid-template-columns:1fr;min-height:auto;padding-top:148px}.hero-visual{min-height:520px}.brand-grid,.product-grid,.steps{grid-template-columns:1fr 1fr}.ingredient-panel{grid-template-columns:1fr}}@media (max-width: 720px){.site-header{grid-template-columns:auto 1fr auto;gap:8px;padding:9px 10px;border-radius:24px}.logo-text{font-size:.86rem}.site-nav{right:0;width:min(260px,calc(100vw - 24px));max-height:calc(100vh - 88px)}.section-pad{padding:82px 18px}.hero{gap:34px;padding-top:130px}.page-hero{padding-top:132px;padding-bottom:50px}.page-section-top{padding-top:28px}h1{font-size:clamp(3rem,17vw,4.4rem)}h2{font-size:clamp(2rem,10vw,3rem)}.hero-actions,.cta-box,.site-footer,.section-head{align-items:stretch;flex-direction:column}.btn{width:100%}.hero-visual{min-height:430px;border-radius:30px}.bottle-main{width:138px;height:310px;bottom:50px}.bottle-left{left:24px;width:96px;height:230px;bottom:70px}.jar{right:26px;width:112px;height:112px;bottom:62px}.brand-grid,.product-grid,.steps{grid-template-columns:1fr}.product-img{min-height:260px}.ingredient-panel,.cta-box{padding:28px;border-radius:30px}.site-footer{padding-inline:18px}}@media (max-width: 420px){.site-header{top:10px;right:10px;bottom:10px;left:10px}.logo-mark{width:34px;height:34px}.hero-note{font-size:.86rem}.soft-card,.product-info,.step-card{padding:22px}}.site-shell{min-height:100vh;background:#f6efe6}.site-header{position:fixed!important;top:0!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%)!important;width:min(1180px,calc(100% - 32px))!important;height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0 22px!important;margin:0!important;z-index:9999!important;background:#fffaf3eb!important;border:1px solid rgba(178,139,94,.16)!important;border-radius:0 0 28px 28px!important;box-shadow:0 14px 40px #583a1c14!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.page-main{padding-top:72px!important}.logo{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:9px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;cursor:pointer!important;text-decoration:none!important;color:#2c2118!important}.logo-mark{width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#a97a4f,#d4b18b)!important;color:#fff!important;font-size:14px!important;font-weight:700!important}.logo-text{color:#2c2118!important;font-size:16px!important;font-weight:700!important;letter-spacing:.16em!important}.site-nav{display:flex!important;align-items:center!important;gap:8px!important;flex:1 1 auto!important;justify-content:center!important}.site-nav button,.mobile-menu button{border:0!important;background:transparent!important;color:#5f4a38!important;cursor:pointer!important;font-size:15px!important;font-weight:600!important;padding:10px 14px!important;border-radius:999px!important;white-space:nowrap!important}.site-nav button:hover,.site-nav button.active,.mobile-menu button:hover,.mobile-menu button.active{color:#8a5f38!important;background:#a97a4f1f!important}.lang-switch{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px!important;border-radius:999px!important;background:#ffffffb3!important;border:1px solid rgba(169,122,79,.12)!important}.lang-switch button,.mobile-lang button{border:0!important;background:transparent!important;color:#766250!important;cursor:pointer!important;font-size:12px!important;font-weight:700!important;padding:7px 10px!important;border-radius:999px!important;white-space:nowrap!important}.lang-switch button.active,.mobile-lang button.active{color:#fff!important;background:#a97a4f!important}.menu-toggle{display:none!important;width:38px!important;height:38px!important;min-width:38px!important;border:0!important;border-radius:999px!important;background:#a97a4f1f!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important}.menu-toggle span{display:block!important;width:16px!important;height:2px!important;border-radius:999px!important;background:#8a5f38!important}.mobile-menu,.mobile-lang{display:none!important}@media (max-width: 900px){.site-header{width:calc(100% - 24px)!important;height:66px!important;padding:0 16px!important;gap:12px!important}.page-main{padding-top:66px!important}.desktop-nav,.desktop-lang{display:none!important}.menu-toggle{display:inline-flex!important}.mobile-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;bottom:auto!important;width:210px!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:none!important;padding:12px!important;margin:0!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;background:#fffaf3fa!important;border:1px solid rgba(169,122,79,.16)!important;border-radius:20px!important;box-shadow:0 18px 50px #53361b29!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;z-index:10000!important}.mobile-menu.open{display:flex!important}.mobile-menu button{width:100%!important;text-align:left!important;justify-content:flex-start!important;font-size:14px!important;padding:11px 12px!important}.mobile-lang{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding-top:10px!important;margin-top:6px!important;border-top:1px solid rgba(169,122,79,.12)!important}.mobile-lang button{text-align:center!important;font-size:11px!important;padding:8px 4px!important}}@media (max-width: 600px){.site-header{top:8px!important;width:calc(100% - 20px)!important;height:58px!important;padding:0 12px!important;border-radius:999px!important}.page-main{padding-top:70px!important}.logo-mark{width:28px!important;height:28px!important;min-width:28px!important;font-size:13px!important}.logo-text{font-size:13px!important;letter-spacing:.14em!important}.menu-toggle{width:36px!important;height:36px!important;min-width:36px!important}.mobile-menu{top:calc(100% + 8px)!important;right:0!important;width:188px!important;border-radius:18px!important;padding:10px!important}}.home-carousel{padding-top:24px!important}.carousel-head{margin-bottom:28px}.carousel-box{position:relative;width:min(1180px,calc(100% - 32px));height:460px;margin:0 auto;overflow:hidden;border-radius:36px;background:#f8efe5;border:1px solid rgba(169,122,79,.14);box-shadow:0 24px 70px #6243231f}.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .55s ease;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:64px}.carousel-slide.active{opacity:1;pointer-events:auto}.carousel-tone-1{background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.78),transparent 28%),linear-gradient(135deg,#ead8c6,#f9efe6 52%,#d8b892)}.carousel-tone-2{background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.7),transparent 30%),linear-gradient(135deg,#eee4d8,#fff8ef 48%,#cba982)}.carousel-tone-3{background:radial-gradient(circle at 78% 28%,rgba(255,255,255,.76),transparent 28%),linear-gradient(135deg,#e5d3c0,#fdf5ec 52%,#b99068)}.carousel-content{position:relative;z-index:2;max-width:560px}.carousel-content span{display:inline-flex;margin-bottom:16px;padding:7px 14px;border-radius:999px;background:#ffffffa6;color:#8a5f38;font-size:12px;font-weight:800;letter-spacing:.16em}.carousel-content h3{margin:0;color:#2c2118;font-size:clamp(34px,5vw,64px);line-height:1.04;letter-spacing:-.04em}.carousel-content p{max-width:480px;margin:20px 0 28px;color:#6e5744;font-size:17px;line-height:1.9}.carousel-product{position:relative;height:330px}.carousel-product:before{content:"";position:absolute;left:48%;bottom:12px;width:280px;height:54px;transform:translate(-50%);border-radius:50%;background:#63412229;filter:blur(12px)}.carousel-bottle{position:absolute;left:44%;bottom:38px;width:118px;height:300px;transform:translate(-50%) rotate(-4deg);border-radius:34px 34px 24px 24px;background:linear-gradient(180deg,#fffffff5,#f4e5d5eb),linear-gradient(135deg,#fff,#d5b38d);border:1px solid rgba(169,122,79,.18);box-shadow:0 24px 52px #5334162e;display:flex;flex-direction:column;align-items:center;justify-content:center}.carousel-bottle:before{content:"";position:absolute;top:-38px;left:50%;width:48px;height:48px;transform:translate(-50%);border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#c79a6f,#9f6f46)}.carousel-jar{position:absolute;right:13%;bottom:36px;width:150px;height:138px;border-radius:36px 36px 44px 44px;background:linear-gradient(180deg,#fffffff5,#f2e2d0f0),linear-gradient(135deg,#fff,#d7b691);border:1px solid rgba(169,122,79,.18);box-shadow:0 24px 52px #53341629;display:flex;flex-direction:column;align-items:center;justify-content:center}.carousel-jar:before{content:"";position:absolute;top:-34px;left:50%;width:132px;height:42px;transform:translate(-50%);border-radius:22px 22px 12px 12px;background:linear-gradient(180deg,#c69a70,#9f6f46)}.carousel-bottle strong,.carousel-jar strong{color:#2c2118;font-size:16px;letter-spacing:.18em}.carousel-bottle small,.carousel-jar small{margin-top:8px;color:#9a7658;font-size:11px;letter-spacing:.12em}.carousel-arrow{position:absolute;top:50%;z-index:5;width:46px;height:46px;transform:translateY(-50%);border:0;border-radius:999px;background:#ffffffc2;color:#8a5f38;font-size:36px;line-height:1;cursor:pointer;box-shadow:0 12px 30px #4a2f181f}.carousel-arrow:hover{background:#fff}.carousel-arrow.prev{left:22px}.carousel-arrow.next{right:22px}.carousel-dots{position:absolute;left:50%;bottom:22px;z-index:6;display:flex;gap:9px;transform:translate(-50%)}.carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#704f3347;cursor:pointer;transition:width .25s ease,background .25s ease}.carousel-dots button.active{width:28px;background:#a97a4f}@media (max-width: 900px){.carousel-box{height:560px;border-radius:30px}.carousel-slide{grid-template-columns:1fr;align-content:center;padding:42px 34px 58px}.carousel-content{max-width:100%}.carousel-content h3{font-size:clamp(32px,8vw,48px)}.carousel-product{height:220px}.carousel-bottle{left:42%;width:88px;height:210px;border-radius:26px 26px 20px 20px}.carousel-bottle:before{top:-28px;width:38px;height:38px}.carousel-jar{right:18%;width:118px;height:102px;border-radius:28px 28px 34px 34px}.carousel-jar:before{top:-28px;width:102px;height:34px}}@media (max-width: 600px){.home-carousel{padding-top:10px!important}.carousel-box{width:calc(100% - 24px);height:520px;border-radius:24px}.carousel-slide{padding:34px 22px 56px}.carousel-content span{font-size:10px;padding:6px 11px}.carousel-content h3{font-size:34px}.carousel-content p{font-size:14px;line-height:1.75;margin:16px 0 22px}.carousel-arrow{width:36px;height:36px;font-size:28px}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.carousel-product{height:190px}.carousel-bottle{left:42%;width:76px;height:180px}.carousel-jar{right:10%;width:100px;height:88px}.carousel-bottle strong,.carousel-jar strong{font-size:12px}.carousel-bottle small,.carousel-jar small{font-size:9px}}