:root{--ink:#20201d;--paper:#f7f3ea;--orange:#f15a2a;--yellow:#ffc928;--muted:#7c796f;--line:#d8d2c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Han Sans SC","PingFang SC",Arial,sans-serif}.topline{height:7px;background:var(--orange)}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,82px);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:700}.brand i{display:block;width:19px;height:19px;border-radius:50% 50% 50% 3px;background:var(--orange);transform:rotate(-45deg)}.brand span{font-size:21px;letter-spacing:-1px}.brand em{font-family:"DM Mono",monospace;font-style:normal;font-size:8px;letter-spacing:1.4px;align-self:flex-end;margin:0 0 4px 2px}nav{display:flex;gap:30px;align-items:center}nav a{color:var(--ink);font-size:14px;text-decoration:none}nav a:hover,.text-link:hover{color:var(--orange)}.nav-cta{background:var(--ink);color:white;padding:12px 16px!important}.nav-cta b{color:var(--yellow);font-size:16px;margin-left:8px}.menu-button{display:none;background:none;border:0;font:inherit;color:var(--ink)}.hero{min-height:644px;padding:clamp(55px,8vw,126px) clamp(24px,8vw,128px) 78px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(490px,1.1fr);gap:40px;overflow:hidden}.eyebrow,.section-kicker{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.8px;color:var(--muted);margin:0}.eyebrow span{display:inline-block;background:var(--orange);width:26px;height:2px;vertical-align:middle;margin-right:10px}.hero h1,.statement h2,.section-heading h2,.service-title h2,.contact h2{font-family:"Noto Serif SC",serif;font-weight:900;letter-spacing:-4px;line-height:1.12;margin:28px 0 22px;font-size:clamp(45px,5.2vw,76px)}h1 span,h2 span{color:var(--orange)}.intro{max-width:410px;font-size:16px;line-height:1.9;color:#55524a;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.button{display:inline-block;border:1px solid var(--ink);text-decoration:none;padding:15px 19px;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.button b{font-size:19px;margin-left:27px;font-weight:400}.dark{background:var(--ink);color:#fff}.dark:hover{background:var(--orange);border-color:var(--orange)}.text-link{color:var(--ink);text-decoration:none;font-size:14px;border-bottom:1px solid var(--ink);padding:3px}.text-link b{margin-left:8px}.hero-visual{background:#e8e2d7;min-height:430px;position:relative;overflow:hidden}.sun{position:absolute;width:275px;height:275px;border-radius:50%;background:var(--yellow);top:43px;right:58px}.circle-copy{position:absolute;z-index:2;right:-5px;top:22px;color:#f5f1e7;font-family:"DM Mono",monospace;font-size:11px;line-height:1.2;letter-spacing:2px;text-align:center;width:153px;height:153px;border:1px solid #f5f1e7;border-radius:50%;padding-top:47px;transform:rotate(16deg)}.product-card{position:absolute;z-index:3;background:#fbfaf7;width:165px;height:222px;padding:15px;box-shadow:8px 9px 0 rgba(32,32,29,.11)}.product-card small{font:8px "DM Mono",monospace;letter-spacing:.7px}.product-card strong{display:block;font-family:"Noto Serif SC";letter-spacing:-1px;font-size:18px;margin-top:5px}.product-card p{font-size:10px;margin:3px 0}.product-a{left:44px;top:55px;transform:rotate(-7deg)}.product-b{right:44px;bottom:32px;transform:rotate(7deg);background:#1f342b;color:#f9f6ed}.jar{height:111px;background:#e6bb9c;margin-bottom:9px;position:relative}.jar:before{content:"";position:absolute;left:48px;top:17px;width:58px;height:72px;border-radius:6px 6px 16px 16px;background:#f6e9d6}.jar:after{content:"日常光";position:absolute;top:45px;left:0;width:100%;text-align:center;color:#333;font:13px "Noto Serif SC"}.bottle{height:111px;background:#e6dfca;margin-bottom:9px;position:relative}.bottle:before{content:"";position:absolute;left:54px;top:9px;width:49px;height:89px;border-radius:3px 3px 15px 15px;background:#e77c44}.bottle:after{content:"";position:absolute;left:65px;top:0;width:27px;height:17px;background:#3e543e}.result-card{position:absolute;z-index:3;left:172px;bottom:24px;background:var(--ink);color:#faf7ef;width:250px;padding:17px 18px}.result-card p{font:9px "DM Mono";letter-spacing:1.2px;color:#d0c9bd;margin:0}.result-card strong{font:21px "DM Mono";display:block;margin:8px 0}.result-card span{font-size:10px;color:#a3e4b5}.result-card i{display:inline-block;width:6px;height:6px;background:#6fd088;border-radius:50%;margin-right:3px}.result-card svg{width:100%;height:37px;display:block;margin-top:7px}.result-card path{fill:none;stroke:var(--yellow);stroke-width:3}.tag{position:absolute;z-index:4;font-family:"DM Mono";letter-spacing:1px}.tag-one{left:13px;bottom:26px;font-size:23px}.tag-one small{font-family:inherit;font-size:8px;display:block;letter-spacing:0}.tag-two{right:169px;top:23px;font-size:10px;line-height:1.45;color:var(--orange);font-weight:500}.ticker{background:var(--ink);color:var(--yellow);white-space:nowrap;overflow:hidden;padding:17px 0;font:16px "DM Mono";letter-spacing:1.4px}.ticker div{animation:marquee 26s linear infinite}.ticker b{color:var(--orange);margin:0 14px}@keyframes marquee{to{transform:translateX(-27%)}}.statement{padding:138px clamp(24px,8vw,128px) 105px}.statement-body{display:grid;grid-template-columns:1.4fr .6fr;gap:75px;align-items:end}.statement h2,.section-heading h2,.service-title h2{font-size:clamp(39px,4.1vw,61px);margin:24px 0 0}.statement-body>p{line-height:1.9;color:#56534b;margin:0 0 9px}.numbers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 clamp(24px,8vw,128px);display:grid;grid-template-columns:repeat(4,1fr)}.numbers div{padding:35px 17px 35px 0;border-right:1px solid var(--line);margin-right:20px}.numbers div:last-child{border:0}.numbers strong{font:clamp(32px,3.5vw,52px) "DM Mono";letter-spacing:-3px}.numbers strong span{font-size:.52em;color:var(--orange);letter-spacing:-1px}.numbers p{font-size:12px;color:var(--muted);margin:11px 0 0}.case-section{padding:132px clamp(24px,8vw,128px)}.section-heading{display:grid;grid-template-columns:1fr 1.4fr auto;gap:25px;align-items:end;margin-bottom:55px}.section-heading h2{margin:0}.outline{background:transparent;color:var(--ink);white-space:nowrap}.outline:hover{background:var(--ink);color:#fff}.case-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:25px}.case-art{height:355px;position:relative;overflow:hidden}.art-skin{background:#e4d6cf}.art-skin:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:45px solid #bf795e;top:-97px;left:15%;opacity:.8}.art-skin:after{content:"";position:absolute;width:170px;height:220px;background:#f2dfcc;border-radius:88px 88px 22px 22px;bottom:-30px;left:42%;box-shadow:0 -15px 0 #f9f1e6}.art-skin p{position:absolute;z-index:2;left:30px;top:26px;font:11px "DM Mono";letter-spacing:1.4px;line-height:1.6}.art-skin p b{font-size:17px}.orb{position:absolute;border-radius:50%;z-index:3}.orb-one{width:86px;height:86px;background:var(--yellow);bottom:27px;left:27px}.orb-two{width:31px;height:31px;background:var(--orange);top:28px;right:28px}.art-food{background:#d5dfc0}.package{position:absolute;width:172px;height:237px;background:#f8b819;left:50%;top:55px;transform:translateX(-50%) rotate(-5deg);padding:22px;color:#154239;font:24px "Noto Serif SC";box-shadow:12px 11px 0 #325a48}.package b{font-size:45px}.package small{position:absolute;bottom:20px;left:22px;font:8px "DM Mono";letter-spacing:.7px}.art-food i,.art-food i:after{position:absolute;display:block;background:#f06835;border-radius:50% 50% 50% 3px;transform:rotate(-45deg)}.art-food i{width:75px;height:75px;right:37px;top:39px}.art-food i:after{content:"";width:39px;height:39px;left:-47px;top:206px}.case-info{padding:20px 3px}.case-info span{font:10px "DM Mono";color:var(--muted);letter-spacing:.3px}.case-info h3{font:24px "Noto Serif SC";letter-spacing:-1.5px;margin:11px 0}.case-info p{font-size:13px;color:#656158;line-height:1.7;margin:0 0 15px}.case-info a{font-size:12px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink)}.case-info a b{margin-left:8px}.services{background:var(--ink);color:#f8f4eb;padding:118px clamp(24px,8vw,128px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.service-title .section-kicker{color:#a6a095}.service-title h2{color:#fff}.service-list{border-top:1px solid #5e5d57}.service-list details{border-bottom:1px solid #5e5d57}.service-list summary{list-style:none;padding:20px 0;font:23px "Noto Serif SC";cursor:pointer;display:flex;gap:21px;align-items:center}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font:11px "DM Mono";color:var(--yellow)}.service-list summary b{margin-left:auto;color:var(--yellow);font:22px "DM Mono";font-weight:400}.service-list details[open] summary b{transform:rotate(45deg)}.service-list p{margin:-3px 44px 21px;line-height:1.8;color:#cbc5bb;font-size:14px}.quote{padding:115px clamp(24px,19vw,300px);text-align:center}.quote>p{font:30px "Noto Serif SC";line-height:1.6;letter-spacing:-1.6px;margin:0}.quote>div{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:28px;text-align:left}.avatar{width:37px;height:37px;border-radius:50%;background:#ccd9bb;display:grid;place-items:center;font:15px "Noto Serif SC"}.quote b,.quote small{display:block;font-size:12px}.quote small{color:var(--muted);margin-top:3px}.contact{background:var(--orange);padding:95px clamp(24px,15vw,240px) 100px;color:#231d18}.contact .section-kicker{color:#762b17}.contact h2{font-size:clamp(42px,5vw,67px);margin:24px 0 17px}.contact h2 span{color:var(--paper)}.contact-text{max-width:500px;line-height:1.8;margin-bottom:35px}form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}label{font-size:12px;font-weight:600}input{display:block;width:100%;border:0;border-bottom:1px solid #67301f;background:transparent;padding:12px 0 8px;font:15px inherit;color:var(--ink);outline:0}input:focus{border-color:var(--paper)}input::placeholder{color:#9a4427}.light{background:var(--paper);color:var(--ink);white-space:nowrap;border-color:var(--paper);height:45px}.light:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.form-note{grid-column:1/-1;margin:0;font-size:13px;font-weight:600;min-height:18px}footer{padding:37px clamp(24px,8vw,128px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;background:#e9e4d9}footer p{font:15px "Noto Serif SC";margin:0}footer small{font:10px "DM Mono";color:var(--muted)}@media(max-width:800px){.site-header{height:72px}.menu-button{display:flex;align-items:center;gap:8px}.menu-button span,.menu-button:before{content:"";display:block;width:16px;height:1px;background:var(--ink)}nav{display:none;position:absolute;top:72px;left:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 24px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0}.nav-cta{margin-top:8px;padding:12px!important;text-align:center}.hero{grid-template-columns:1fr;padding-top:58px;gap:38px}.hero-visual{min-height:410px}.statement{padding-top:85px}.statement-body,.services{grid-template-columns:1fr;gap:36px}.numbers{grid-template-columns:1fr 1fr}.numbers div:nth-child(2){border-right:0}.numbers div:nth-child(n+3){border-top:1px solid var(--line)}.section-heading{grid-template-columns:1fr;align-items:start}.section-heading .button{justify-self:start;margin-top:5px}.case-grid{grid-template-columns:1fr}.case-art{height:310px}.services{padding-top:82px;padding-bottom:82px}.quote{padding:83px 24px}.quote>p{font-size:25px}form{grid-template-columns:1fr;gap:18px}.contact{padding:75px 24px}.light{justify-self:start}footer{grid-template-columns:1fr;gap:15px}.result-card{left:27%;bottom:18px}.product-a{left:17px}.product-b{right:17px}.tag-two{display:none}}@media(max-width:470px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:44px;letter-spacing:-3px}.hero-visual{margin:0 -20px}.product-card{transform:scale(.83)!important}.product-a{left:0;top:38px}.product-b{right:-8px;bottom:18px}.result-card{left:51px;bottom:4px;transform:scale(.8);transform-origin:bottom left}.circle-copy{right:-21px}.numbers{margin:0 20px}.numbers div{margin-right:10px}.case-section{padding:85px 20px}.statement{padding-left:20px;padding-right:20px}.art-skin:before{left:-12%}.service-list summary{font-size:19px}.service-list p{margin-left:30px}}