:root{--paper:#f4f0e7;--ink:#332e26;--line:#cfc5b4;--muted:#7c7364}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 Arial,'PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0;font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid #665d47;outline-offset:6px}.announce{background:#332e26;color:#eee8dd;text-align:center;font-size:9px;letter-spacing:1.7px;padding:8px}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line);gap:20px}.logo{font:65px/.8 Georgia,serif;letter-spacing:-6px}.logo small{display:block;font:7px/2 Arial;letter-spacing:1.7px;margin-top:9px}.nav nav{display:flex;gap:35px;font-size:12px}.eyebrow{font:10px/1.8 Arial;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.crumb{font-size:11px;color:var(--muted);padding:25px 5%;display:flex;gap:14px}.intro{padding:65px 7% 50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.intro h1{font:clamp(48px,6vw,84px)/1.05 Georgia,serif;margin:20px 0}.intro p{max-width:380px;color:var(--muted);line-height:2.1}.intro h2{font:30px/1.5 'Songti SC',STSong,serif}.filters{display:flex;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 7%;flex-wrap:wrap}.filters button{background:none;border:1px solid transparent;padding:7px 20px;cursor:pointer;color:var(--muted)}.filters button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.catalog{padding:45px 7% 100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 28px}.card[hidden]{display:none}.card .stage{aspect-ratio:4/4.3}.stage{position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(125deg,#e9e0d0,#d9cbb5);overflow:hidden;padding:28px 25px 39px}.stage:before{content:'';position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(#d0bda0,#d8c6ac);border-top:1px solid #c7b291}.stage:after{content:'';position:absolute;width:40%;height:12px;bottom:32px;left:30%;background:#58433266;border-radius:50%;filter:blur(8px)}.stage img{position:relative;z-index:1;max-height:100%;height:100%;width:auto;object-fit:contain;filter:drop-shadow(8px 8px 7px #51402d22);transition:transform .6s}.card:hover .stage img{transform:translateY(-5px)}.card .meta{padding-top:20px}.card h3{font:23px/1.5 'Songti SC',STSong,serif;margin:8px 0}.card p{font-size:12px;color:var(--muted);min-height:44px}.card .go{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font-size:11px}.cat-milk .stage{background:linear-gradient(125deg,#e3d9ca,#c7b599)}.cat-fruit .stage{background:linear-gradient(125deg,#eee1d6,#dfc7b9)}.cat-matcha .stage{background:linear-gradient(125deg,#e6e8da,#cbd0b9)}.cat-more .stage{background:linear-gradient(125deg,#e7dfd9,#d4c7bc)}.p-hero{display:grid;grid-template-columns:53% 47%;min-height:650px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.p-hero .stage{min-height:650px;padding:55px 12% 68px}.p-hero .stage img{height:480px;max-height:65vh}.p-hero .stage:after{bottom:61px;width:30%;left:35%;height:15px}.p-copy{padding:70px 13%;display:flex;flex-direction:column;justify-content:center}.p-copy .serial{font:italic 43px Georgia;color:#b1a38b;margin-bottom:20px}.p-copy h1{font:clamp(32px,3.3vw,50px)/1.4 'Songti SC',STSong,serif;margin:20px 0}.p-copy>p{color:var(--muted);line-height:2.2;max-width:420px}.notes{margin:35px 0 0}.notes div{display:grid;grid-template-columns:65px 1fr;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.notes dt{color:var(--muted)}.notes dd{margin:0}.link{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink);padding:15px 0;font-size:12px;margin-top:30px}.product-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:100px 10%;align-items:center}.product-story img{aspect-ratio:4/3;object-fit:cover}.product-story h2{font:35px/1.6 'Songti SC',STSong,serif;margin:24px 0}.product-story p{color:var(--muted);line-height:2.1;max-width:400px}.related{padding:70px 7% 80px;background:#e9e2d5}.related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.related-head h2{font:32px/1.5 'Songti SC',STSong,serif;margin-top:12px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.related .card .stage{aspect-ratio:1.2}.pagination{display:flex;justify-content:space-between;padding:25px 7%;font-size:12px;border-top:1px solid var(--line)}footer{background:#332e26;color:#ede6d9;padding:55px 6% 25px}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:45px}.foot nav{display:flex;gap:30px;font-size:12px}.copyright{font-size:10px;color:#bcb1a0;border-top:1px solid #625747;padding-top:22px}.empty{padding:30px 7%}
@media(max-width:760px){.nav{padding:23px 6%}.logo{font-size:48px}.nav nav{gap:17px;font-size:11px}.intro{grid-template-columns:1fr;padding:45px 7%;gap:22px}.intro h1{font-size:57px}.intro h2{font-size:25px}.filters{gap:3px;padding:13px 5%}.filters button{padding:7px 12px;font-size:12px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;padding:30px 6% 60px}.stage{padding:20px 12px 29px}.stage:after{bottom:23px}.card h3{font-size:19px}.card p{font-size:11px}.card .meta{padding-top:15px}.eyebrow{font-size:8px;letter-spacing:1.3px}.p-hero{grid-template-columns:1fr}.p-hero .stage{min-height:440px;padding:35px 18% 48px}.p-hero .stage img{height:360px;max-height:none}.p-hero .stage:after{bottom:41px}.p-copy{padding:40px 8% 50px}.p-copy .serial{font-size:32px}.p-copy h1{font-size:35px;margin:15px 0}.product-story{grid-template-columns:1fr;padding:55px 7%;gap:30px}.product-story h2{font-size:29px}.related{padding:45px 6%}.related-head h2{font-size:26px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.related-grid .card:last-child{display:none}.foot{align-items:flex-start}.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:17px}.crumb{padding:20px 6%;font-size:10px}.pagination{gap:25px}.p-copy .notes{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.card .stage img{height:auto;width:66%;max-height:none}.card .stage:after{bottom:43px}.p-hero .stage img{max-width:none}.p-hero .stage:after{bottom:81px}@media(max-width:760px){.card .stage:after{bottom:30px}.p-hero .stage:after{bottom:61px}}