@charset "UTF-8";
:root{--green:#244c3c;--ink:#213d32;--muted:#748078;--cream:#f8f8f1;--line:#dce1d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b69d52;outline-offset:5px}.topline{background:var(--green);color:#e6e9dd;font-size:10px;letter-spacing:2px;padding:11px 5%;display:flex;justify-content:space-between}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(248,248,241,.96);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brandmark{font:italic bold 53px Georgia;letter-spacing:-13px;width:65px;line-height:1}.brandmark span{color:#7c9765}.brand b{display:block;font-size:23px;letter-spacing:5px}.brand small{font-size:8px;letter-spacing:2px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:#89934d}.nav-contact{border:1px solid #9aa995;padding:12px 20px}.nav-contact span{margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:80px 8% 28px 10%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}.eyebrow i{display:inline-block;width:7px;height:7px;background:#8c9f66;border-radius:50%;margin-right:8px}h1{font-size:clamp(40px,4.1vw,66px);line-height:1.4;letter-spacing:-2px;font-weight:500;margin:29px 0 23px}h1 span{color:#7f9161}.hero-copy p{font-size:14px;line-height:2;color:#697469}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:white;border:0;padding:17px 24px;font-size:13px}.button:hover{background:#3f654d}.text-link{font-size:13px;padding:10px 0;border-bottom:1px solid #9eab93}.hero-note{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-top:65px;color:#788574}.hero-art{position:relative;background:#c9d1ba;overflow:hidden}.hero-art svg{width:100%;height:100%;position:absolute;object-fit:cover}.art-label{position:absolute;top:30px;left:30px;font-size:10px;letter-spacing:2px}.art-label b{display:block;font-size:12px;margin-top:10px;font-weight:400;letter-spacing:2px}.art-caption{position:absolute;bottom:22px;right:25px;font-size:10px;color:#4d624c}.category-strip{border-bottom:1px solid var(--line);padding:26px 5%;display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:14px}.category-strip>span{font-size:11px;color:#7d8778}.category-strip i{color:#9aab7f;font-size:19px;font-style:normal}.section{padding:92px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px}h2{font-size:clamp(27px,2.6vw,40px);font-weight:500;line-height:1.5;margin:16px 0 0;letter-spacing:-1px}.section-head p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.product-controls{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:32px}.tabs{display:flex;gap:28px}.tabs button{border:0;background:none;color:#7b847a;font-size:13px;padding:17px 0}.tabs button.active{color:var(--green);border-bottom:2px solid var(--green)}.search{display:flex;align-items:center;gap:10px}.search input{border:0;background:none;max-width:130px;padding:10px;font-size:12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.product-card{border:0;text-align:left;background:none;padding:0;color:var(--ink)}.product-visual{height:210px;background:#e9eadf;display:grid;place-items:center;position:relative;overflow:hidden}.product-card:nth-child(2n) .product-visual{background:#ede9dd}.product-card:nth-child(3n) .product-visual{background:#e4e9e0}.powder-dish{width:135px;height:81px;border:10px solid #f8f6ed;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#fffdf0 5%,#eeead3 55%,#c9c3a7 100%);box-shadow:0 20px 15px -9px #76816b44,inset 0 3px 7px #c1baa3;transform:rotate(-14deg);position:relative}.powder-dish:after{content:"";width:97px;height:36px;position:absolute;top:-6px;left:9px;background:radial-gradient(ellipse at top,#fffdf1,#e4dec1);border-radius:50%;transform:rotate(9deg)}.product-code{position:absolute;left:16px;top:16px;font-size:9px;letter-spacing:1px;color:#818b79}.product-card h3{font-size:16px;font-weight:500;margin:21px 0 7px;display:flex;justify-content:space-between}.product-card h3 span{transition:transform .2s}.product-card:hover h3 span{transform:translate(3px,-3px)}.product-card p{font-size:10px;color:#8b9386;letter-spacing:1px;margin:0}.product-card:hover .powder-dish{transform:rotate(-8deg) scale(1.05);transition:.3s}.product-disclaimer,.quality-note{font-size:11px;color:#8b9386;margin-top:27px}.applications{background:#eaf0e4}.application-layout{display:grid;grid-template-columns:27% 1fr;gap:45px}.application-selector button{display:flex;width:100%;padding:26px 0;gap:18px;align-items:center;background:none;color:#7a8776;border:0;border-bottom:1px solid #cbd5c3;text-align:left;font-size:16px}.application-selector button small{font-size:10px}.application-selector button span{margin-left:auto}.application-selector button.selected{color:var(--green)}.application-display{min-height:310px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.cup-art{position:relative;height:300px;display:grid;place-items:center}.cup{width:170px;height:145px;background:linear-gradient(110deg,#fffef3,#ded9c4);border-radius:20px 20px 65px 65px;position:relative;z-index:2;box-shadow:12px 20px 30px #79876730}.cup:after{content:"";position:absolute;width:50px;height:63px;right:-37px;top:27px;border:15px solid #e9e5d4;border-radius:50%;z-index:-1}.latte{position:absolute;left:6px;top:-17px;width:158px;height:67px;border:8px solid #f5f1e0;border-radius:50%;background:#9e754d;color:#efddba;text-align:center;font:58px Georgia;line-height:50px}.saucer{position:absolute;top:206px;width:240px;height:52px;background:#efecdf;border-radius:50%;box-shadow:5px 13px 16px #6b7b6630}.steam{position:absolute;top:3px;font-size:38px;color:#a5b59970}.app-copy h3{font-size:29px;font-weight:400;line-height:1.5;margin:18px 0}.app-copy p{font-size:13px;line-height:1.9;color:#778171}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{margin-bottom:35px}.about-copy{padding-top:28px}.about-copy p{font-size:18px;line-height:1.9;margin:0 0 23px}.about-copy p+p{font-size:14px;color:#7a8377}.about-tags{display:flex;gap:13px;margin-top:32px}.about-tags span{font-size:11px;border:1px solid var(--line);padding:8px 15px}.quality{padding-top:35px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.quality-grid article{border-top:1px solid #a3b296;padding-top:25px}.quality-no{font:italic 32px Georgia;color:#91a47e}.quality-grid h3{font-size:20px;font-weight:500}.quality-grid p{font-size:13px;color:#7c8577;line-height:1.9}.quality-grid a{font-size:11px;text-decoration:underline}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--green);color:#f5f5e8}.contact .eyebrow{color:#b8c79e}.contact h2{font-size:36px}.contact p{font-size:13px;color:#bbcab9;line-height:1.9}.phone{display:block;font:29px Georgia;margin:32px 0 22px}.contact-details{display:flex;flex-direction:column;gap:13px;font-size:12px;color:#c1ccbc}.contact form{background:#f6f6ed;padding:32px;color:var(--ink)}form h3{font-size:20px;font-weight:500;margin:0 0 25px}form label{font-size:11px;display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}form input,form select,form textarea{width:100%;border:0;border-bottom:1px solid #cbd1c3;background:transparent;padding:9px 0;color:var(--ink);font-size:12px;border-radius:0}form textarea{resize:vertical}form small{display:block;font-size:10px;color:#858d7d;margin-top:13px}#form-result{font-size:12px;line-height:1.8;margin-top:15px;overflow-wrap:anywhere}#form-result a{text-decoration:underline}#form-result pre{white-space:pre-wrap;font:inherit}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p{font-size:12px;line-height:2}footer p small{font-size:10px;color:#899181}footer>a:not(.brand){font-size:11px}dialog{border:1px solid var(--line);padding:45px;max-width:560px;width:90%;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#102b22a6;backdrop-filter:blur(4px)}dialog p{line-height:1.9;font-size:14px}.detail-note{color:#7d8776;font-size:12px!important;margin-bottom:28px}.close-dialog{position:absolute;right:15px;top:10px;font-size:27px;border:0;background:none;color:var(--ink)}.empty{grid-column:1/-1;padding:60px;text-align:center;color:#76806d}
@media(min-width:1550px){body{max-width:1800px;margin:auto}.hero{min-height:700px}.hero-copy{padding-top:110px}.product-visual{height:250px}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:50px}.hero{min-height:555px}.hero-note{margin-top:40px}.category-strip{gap:15px}.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:65px 6%}.application-layout{gap:24px}.application-display{gap:15px}.cup{transform:scale(.8)}.saucer{width:190px}.contact{gap:35px}.contact h2{font-size:29px}.tabs{gap:18px}}
@media(max-width:700px){.topline{justify-content:center}.topline span+span{display:none}header{height:76px}.brand b{font-size:20px}.menu{display:block;border:0;background:none;font-size:24px;color:var(--green)}nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cream);padding:25px;flex-direction:column;box-shadow:0 10px 20px #18322418}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 28px}h1{font-size:43px}.hero-art{height:390px}.hero-art svg{height:450px;top:-25px}.hero-note{margin-top:36px}.category-strip{flex-wrap:wrap;justify-content:center;font-size:12px;padding:22px}.category-strip>span{width:100%;text-align:center}.category-strip i{font-size:12px}.section-head{display:block}.section-head>p{margin-top:20px}.product-controls{display:block}.tabs{justify-content:space-between;gap:10px}.tabs button{font-size:11px}.search{padding-bottom:10px}.search input{max-width:none;width:100%}.product-grid{gap:25px 15px}.product-visual{height:165px}.powder-dish{transform:scale(.8) rotate(-14deg)}.product-card h3{font-size:14px}.product-card p{font-size:8px}.application-layout{grid-template-columns:1fr}.application-selector{display:flex;gap:15px}.application-selector button{font-size:12px;gap:8px;padding:16px 0}.application-selector button span{display:none}.application-display{grid-template-columns:1fr}.cup-art{height:240px}.saucer{top:174px}.app-copy h3 br{display:none}.app-copy{padding-bottom:12px}.about{grid-template-columns:1fr;gap:10px}.about-copy p{font-size:16px}.quality-grid{grid-template-columns:1fr;gap:25px}.quality-grid article{position:relative;padding-left:55px}.quality-no{position:absolute;left:0;top:30px}.contact{grid-template-columns:1fr;gap:35px}.contact form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}footer{display:grid;grid-template-columns:1fr 1fr;padding:35px 6%}footer p{grid-column:1/-1;grid-row:2}.art-label{font-size:9px}.section{padding:55px 7%}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}