.sprite{width:0;height:0;position:absolute;overflow:hidden}.mock-browser{flex-direction:column;display:flex;container-type:inline-size}.mb-bar{border-bottom:1px solid var(--line);background:#ece9e1;align-items:center;gap:4cqw;padding:2.2cqw 3cqw;display:flex}.mb-dots{gap:1.2cqw;display:flex}.mb-dots i{background:#e3a28f;border-radius:50%;width:1.8cqw;height:1.8cqw}.mb-dots i:nth-child(2){background:#e6cf8a}.mb-dots i:nth-child(3){background:#a9c39a}.mb-url{background:var(--white);width:52%;font-family:var(--font-en);color:var(--ink-soft);letter-spacing:.01em;border-radius:99px;align-items:center;gap:1.2cqw;padding:.9cqw 2.4cqw;font-size:2cqw;font-weight:500;line-height:1.4;display:flex}.mb-url svg{color:var(--sage);flex:none;width:2cqw;height:2cqw}.mb-page{color:#1f1b18;font-feature-settings:"palt";background:#fff;flex-direction:column;flex:1;gap:3cqw;padding:0 4.5cqw 3cqw;display:flex}.mp-nav{border-bottom:1px solid #ece8e3;justify-content:space-between;align-items:center;padding-block:2.6cqw;display:flex}.mp-logo{font-family:var(--font-en);letter-spacing:.14em;color:#1f1b18;font-size:2.3cqw;font-weight:800;line-height:1.2}.mp-logo b{font-family:var(--font-jp);letter-spacing:.14em;color:#8c857e;font-size:1.5cqw;font-weight:500;display:block}.mp-links{letter-spacing:.04em;color:#4a4440;align-items:center;gap:2.6cqw;font-size:1.6cqw;font-weight:500;line-height:1;display:flex}.mp-cta{color:var(--white);background:#c4683f;border-radius:.8cqw;padding:1.1cqw 2cqw}.mp-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5cqw;display:grid}.mp-hero-text{justify-items:start;gap:1.6cqw;display:grid}.mp-kicker{font-family:var(--font-en);letter-spacing:.16em;color:#c4683f;font-size:1.5cqw;font-weight:800;line-height:1}.mp-h{letter-spacing:.04em;color:#1f1b18;font-size:3.9cqw;font-weight:900;line-height:1.45}.mp-sub{color:#6b645e;letter-spacing:.04em;font-size:1.55cqw;line-height:1.8}.mp-btns{gap:1.4cqw;margin-top:.6cqw;display:flex}.mp-btn{color:var(--white);letter-spacing:.06em;white-space:nowrap;background:#1f1b18;border-radius:99px;padding:1.3cqw 2.6cqw;font-size:1.6cqw;font-weight:700;line-height:1.2}.mp-btn.ghost{color:#1f1b18;background:0 0;box-shadow:inset 0 0 0 1px #d6d0c9}.mp-hero-art,.mph-hero{aspect-ratio:4/3;background:#2c2724;border-radius:1.6cqw;position:relative;overflow:hidden}.mp-hero-art .wall,.mph-hero .wall{background:radial-gradient(110% 90% at 70% 0,#4a413b 0%,#332d29 55%,#262220 100%);position:absolute;inset:0}.mp-hero-art .table,.mph-hero .table{background:linear-gradient(#a2785a,#87614a);height:24%;position:absolute;inset:auto 0 0;box-shadow:inset 0 1px #ffffff40}.mp-hero-art svg,.mph-hero svg{width:86%;position:absolute;bottom:8%;left:50%;translate:-50%}.mp-hero-art svg.beans{width:100%;bottom:0}.mp-info{color:#5d554b;letter-spacing:.03em;background:#f6f1e9;border-radius:1.2cqw;grid-template-columns:repeat(3,1fr);padding:1.8cqw 2.4cqw;font-size:1.5cqw;line-height:1.5;display:grid}.mp-info span+span{border-left:1px solid #e4dccf;padding-left:2.4cqw}.mp-info b{color:#b0705f;letter-spacing:.1em;font-size:1.25cqw;font-weight:700;display:block}.mp-cards{grid-template-columns:repeat(3,1fr);gap:2.4cqw;display:grid}.mp-card{gap:.6cqw;display:grid}.mp-thumb{aspect-ratio:16/8.5;border-radius:1.2cqw;margin-bottom:.6cqw;display:block;position:relative;overflow:hidden}.mp-thumb svg{width:90%;position:absolute;bottom:-4%;left:50%;translate:-50%}.mp-thumb.t1{background:linear-gradient(#f3ece4,#e6dacd)}.mp-thumb.t2{--cup:#f4efe8;background:linear-gradient(#3a332e,#2a2522)}.mp-thumb.t3{background:linear-gradient(#f6e6dc,#ecd2c2)}.mp-ttl{color:#1f1b18;font-size:1.6cqw;font-weight:700;line-height:1.3}.mp-price{font-family:var(--font-en);color:#c4683f;font-size:1.5cqw;font-weight:700;line-height:1.3}.mock-phone{box-shadow:var(--shadow-lg), inset 0 0 0 1px #4a4a4a;background:#2b2b2b;border-radius:5cqw;padding:1.1cqw}.mph-screen{color:#1f1b18;font-feature-settings:"palt";background:#fff;border-radius:4cqw;flex-direction:column;gap:1.1cqw;height:100%;padding:0 2.2cqw 2.4cqw;display:flex;overflow:hidden;container-type:inline-size}.mph-status{font-family:var(--font-en);justify-content:space-between;align-items:center;padding-top:4.5cqw;font-size:5cqw;font-weight:700;line-height:1;display:flex}.mph-island{background:#111;border-radius:99px;width:28cqw;height:8cqw}.mph-icons{align-items:end;gap:1.4cqw;display:flex}.mph-icons i{background:#1f1b18;border-radius:1px;width:2.2cqw;height:3.5cqw}.mph-icons i:first-child{height:2.2cqw}.mph-icons i:last-child{border-radius:1.2cqw;width:6cqw;height:3.2cqw}.mph-head{border-bottom:1px solid #ece8e3;justify-content:space-between;align-items:center;padding-block:1cqw 2cqw;display:flex}.mph-head .mp-logo{font-size:5.6cqw}.mph-burger{gap:1.6cqw;display:grid}.mph-burger i{background:#1f1b18;border-radius:1px;width:7cqw;height:.8cqw}.mph-screen .mph-hero{aspect-ratio:1/.85;border-radius:4cqw;flex:none}.mph-screen .mp-kicker{font-size:4cqw}.mph-screen .mp-h{font-size:8.4cqw;line-height:1.45}.mph-screen .mp-sub{font-size:4.4cqw;line-height:1.6}.mph-info{color:#4a4440;border-block:1px solid #ece8e3;grid-template-columns:1fr 1fr;padding-block:2.4cqw;font-size:4cqw;line-height:1.5;display:grid}.mph-info b{color:#c4683f;letter-spacing:.1em;font-size:3.4cqw;display:block}.mph-info span+span{border-left:1px solid #ece8e3;padding-left:3cqw}.mph-news{color:#4a4440;background:#f5f1ec;border-radius:2.4cqw;align-items:baseline;gap:2.4cqw;padding:2.6cqw 3cqw;font-size:4cqw;line-height:1.4;display:flex}.mph-news time{font-family:var(--font-en);color:#c4683f;flex:none;font-weight:700}.mph-screen .mp-btn{text-align:center;background:#c4683f;margin-top:auto;padding:3.6cqw;font-size:4.6cqw}