@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600&display=swap');
:root{--ink:#314638;--sage:#829479;--pale:#eff1e7;--ivory:#f9f7f0;--gold:#b58848;--line:rgba(72,83,62,.17);--sans:'Noto Sans TC',sans-serif;--serif:'Noto Serif TC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-weight:400}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:86px;position:absolute;z-index:10;left:0;right:0;padding:13px clamp(24px,5vw,76px);display:flex;align-items:center;gap:32px;color:#314638}.brand{width:178px;flex:none}.brand img{width:100%}nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(15px,1.8vw,31px);margin-left:auto;font-size:13px;white-space:nowrap}nav a{position:relative;padding:10px 0}nav a:first-child:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold)}.support,.button{background:linear-gradient(115deg,#c89e60,#a97832);color:white;border-radius:999px;padding:13px 23px;font-size:14px;letter-spacing:.05em;white-space:nowrap}.support span{font-size:18px;margin-left:5px}.menu-toggle{display:none}.hero{height:min(780px,56.5vw);min-height:620px;position:relative;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,249,242,.96) 0%,rgba(250,248,240,.82) 27%,rgba(250,248,240,.13) 55%,rgba(250,248,240,0) 82%)}.hero-copy{position:absolute;left:clamp(34px,7vw,110px);top:29%;z-index:2}.eyebrow{font:500 10px/1.6 'DM Mono',monospace;letter-spacing:.27em;color:#7e8b77;margin:0 0 15px}.hero h1,.section h2,.news h2,.contact h2{font:600 clamp(42px,5vw,78px)/1.18 var(--serif);letter-spacing:.04em;margin:0;color:#304534}.hero h1 em,.contact h2 em,.about-art em{font-style:normal;color:#8f713c}.lede{font-size:16px;line-height:2;color:#4d584d;margin:19px 0 28px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;gap:14px;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.06);transform:translateY(-2px)}.button-quiet{color:#765626;background:rgba(255,255,255,.53);border:1px solid #b88c4e}.hero-note{position:absolute;right:clamp(38px,7vw,130px);bottom:19%;font:500 clamp(20px,2.1vw,32px)/1.55 var(--serif);transform:rotate(-6deg);text-align:center}.scroll-cue{position:absolute;left:clamp(34px,7vw,110px);bottom:31px;font:10px 'DM Mono',monospace;letter-spacing:.2em}.scroll-cue span{font-size:18px;margin-left:7px}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:29px clamp(22px,5vw,72px);background:#fffdf9}.values article{text-align:center;padding:0 21px;border-right:1px solid var(--line)}.values article:last-child{border:0}.value-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 9px;border:1px solid #d5bc91;border-radius:50%;color:#ad7e38;font:26px var(--serif)}.values h2{font:600 16px var(--serif);margin:0 0 4px}.values p{font-size:13px;color:#606a60;margin:0}.section{padding:clamp(72px,9vw,140px) clamp(25px,6vw,92px)}.product{min-height:560px;display:grid;grid-template-columns:1.12fr .98fr .28fr;align-items:center;gap:clamp(28px,5vw,78px);background:linear-gradient(115deg,#edf5f1 0%,#fcfaf3 47%,#f1f2e5 100%);overflow:hidden}.product-picture{height:410px;position:relative}.product-picture img{width:100%;height:100%;object-fit:cover}.product-picture p{position:absolute;bottom:22px;left:23px;margin:0;color:white;text-shadow:0 1px 10px #506f69;font:500 25px/1.55 var(--serif)}.product-copy h2{font-size:clamp(28px,3.3vw,49px);margin-bottom:20px}.product-copy h2 span{color:#b58848}.product-copy>p:not(.eyebrow){line-height:2;color:#586359;margin:0 0 26px}.product-wordmark{font:11px/2.45 'DM Mono',monospace;letter-spacing:.28em;color:#405547}.moments{padding:15px clamp(25px,4.3vw,68px) 76px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#fffdf9}.moment{height:225px;position:relative;overflow:hidden;padding:24px;color:white;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.moment:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(20,47,46,.69),rgba(20,47,46,.05) 70%)}.moment-water{background:linear-gradient(135deg,#249aab,#083f4d),url('hero-water-v2.png') center/cover}.moment-onsen img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.moment-sand{background:linear-gradient(135deg,rgba(108,145,151,.15),rgba(131,87,36,.75)),url('product-water-v2.png') center/cover}.moment span{font:10px 'DM Mono',monospace;position:absolute;top:19px;left:20px}.moment h2{font:500 21px var(--serif);margin:0}.moment p{font-size:13px;margin:5px 0 0}.moment b{position:absolute;right:20px;bottom:25px;border:1px solid rgba(255,255,255,.8);border-radius:50%;padding:4px 9px;font-size:18px}.about{min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#fbf9f2 10%,rgba(250,248,241,.63)),linear-gradient(180deg,#f8f7ef,#dce8e9);position:relative;overflow:hidden}.about:after{content:'';position:absolute;width:430px;height:430px;border-radius:50%;right:-170px;bottom:-220px;background:radial-gradient(circle,#b2c493 0 24%,transparent 25%);opacity:.48}.about-copy{max-width:560px}.about-copy h2{font-size:47px}.about-copy h3{margin:8px 0 12px;font:500 20px var(--serif);color:#8b713f}.about-copy>p:not(.eyebrow){line-height:2;color:#596257}.text-link{display:inline-block;margin-top:14px;padding:10px 0;border-bottom:1px solid #b48647;color:#7d5d2d}.about-art{align-self:stretch;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(135deg,rgba(217,229,231,.85),rgba(255,253,248,.15));position:relative}.about-art:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #cda76b;border-radius:50%;right:-85px;top:26px}.about-art p{font:500 36px/1.5 var(--serif);transform:rotate(-5deg);z-index:1}.about-art span{font:14px/2.8 var(--serif);letter-spacing:.2em;z-index:1}.science{background:#f0f3e9;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.science h2{font-size:50px}.science-intro{line-height:2;color:#576258}.science-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.science-list article{border-left:1px solid #bca16d;padding-left:17px}.science-list b,.guide-steps span{font:11px 'DM Mono',monospace;color:#b07e37}.science-list h3{font:500 19px var(--serif);margin:24px 0 10px}.science-list p{font-size:13px;line-height:1.9;color:#627062}.guide{text-align:center;background:#fffdf9}.guide h2{font-size:clamp(31px,3.4vw,49px)}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:55px auto 0}.guide-steps article{padding:0 42px;border-right:1px solid var(--line)}.guide-steps article:last-child{border:0}.guide-steps h3{font:500 21px var(--serif);margin:18px 0 7px}.guide-steps p{font-size:13px;line-height:1.9;color:#637064}.news{text-align:center;padding:80px 24px;background:linear-gradient(115deg,#dcebe9,#f7f1e5)}.news h2{font-size:42px}.news>p:last-child{color:#607060}.contact{display:flex;justify-content:space-between;gap:40px;padding:clamp(70px,9vw,125px) clamp(25px,7vw,110px);background:#304638;color:#fff}.contact .eyebrow{color:#c5cfb7}.contact h2{color:white;font-size:clamp(35px,4.2vw,63px)}.contact h2 em{color:#dbc38f}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:16px;font-size:15px}.contact-details>a:not(.line-oa){border-bottom:1px solid rgba(255,255,255,.55)}.line-oa img{height:36px;width:auto}.contact-details p{font-size:12px;line-height:1.9;color:#d7dfd3;margin:9px 0 0}footer{display:flex;align-items:center;gap:24px;padding:22px clamp(25px,7vw,110px);background:#fffdf9;color:#697267;font-size:10px}footer img{width:120px}footer p{margin:0;flex:1;text-align:center}footer a{border-bottom:1px solid #a17c47}.section,.moments,.values,.news{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.is-visible{opacity:1;transform:none}
@media(max-width:900px){.site-header{height:72px;padding:10px 22px}.brand{width:145px}.support{margin-left:auto;font-size:12px;padding:10px 15px}.menu-toggle{display:grid;gap:5px;width:31px;padding:7px 0;background:none;border:0;order:3}.menu-toggle span{height:1px;background:#304638;width:28px}.site-header nav{display:none}.site-header.nav-open nav{display:flex;position:absolute;top:72px;left:0;right:0;padding:20px 24px;flex-direction:column;align-items:flex-start;background:#fffdf9;box-shadow:0 12px 19px rgba(45,62,47,.1)}.hero{height:720px;min-height:0}.hero-image{object-position:63% center}.hero-wash{background:linear-gradient(90deg,rgba(251,249,242,.98),rgba(250,248,240,.79) 48%,rgba(250,248,240,.08) 100%)}.hero-copy{top:26%;left:27px}.hero-note{display:none}.values{grid-template-columns:repeat(2,1fr);gap:22px;padding:30px 18px}.values article:nth-child(2){border:0}.values article{padding:0 10px}.product{grid-template-columns:1fr;padding:62px 25px;gap:28px}.product-picture{height:330px}.product-copy{max-width:570px}.product-wordmark{display:none}.moments{grid-template-columns:1fr;padding-bottom:52px}.moment{height:220px}.about{grid-template-columns:1fr;padding:70px 25px 0}.about-copy{padding-bottom:58px}.about-art{min-height:300px;margin:0 -25px}.science{grid-template-columns:1fr;gap:35px}.science-list{grid-template-columns:1fr}.science-list article{padding-bottom:18px}.guide-steps{grid-template-columns:1fr;gap:31px;margin-top:40px}.guide-steps article{border:0;padding:0 15px}.contact{flex-direction:column;gap:15px}.contact-details{padding:0}footer{flex-wrap:wrap;justify-content:center}footer p{flex-basis:100%;order:3}.section,.moments,.values,.news{opacity:1;transform:none}}
@media(max-width:470px){.support{display:none}.hero{height:650px}.hero-copy{top:23%}.hero h1{font-size:44px}.lede{font-size:14px}.lede br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.button{font-size:13px;padding:11px 18px}.scroll-cue{left:27px}.values h2{font-size:15px}.values p{font-size:12px}.product-picture{height:265px}.product-copy h2{font-size:30px}.moment h2{font-size:19px}.about-copy h2,.science h2{font-size:38px}.about-art p{font-size:29px}.news h2{font-size:33px}}