.mcha-case-module__MdOZEa__case{--navy:#00245e;--navy-deep:#001a51;--night:#00133d;--field:linear-gradient(90deg, #00245e 0%, #001f58 55%, #001446 100%);--copper:#8d6041;--copper-type:#c69c74;--copper-light:#d2ae8a;--copper-ink:#6e4a30;--stone:#dcdcd0;--milk:#eeeae1;--muted:#9fa8c3;--muted-stone:#4a5468;--gutter:clamp(20px, 5vw, 72px);--case-ink:var(--milk);background:var(--navy-deep);color:var(--milk);font-family:var(--font-sans)}.mcha-case-module__MdOZEa__case :where(p,h1,h2,figure,dl,dd,ul){margin:0}.mcha-case-module__MdOZEa__case em{color:var(--copper-type);font-style:italic}.mcha-case-module__MdOZEa__case:lang(zh) em{font-style:normal}.mcha-case-module__MdOZEa__head{background:var(--field)}.mcha-case-module__MdOZEa__head>div{max-width:1440px;margin-left:auto;margin-right:auto}.mcha-case-module__MdOZEa__head{padding:118px var(--gutter) clamp(56px, 7vw, 110px)}.mcha-case-module__MdOZEa__headTop{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:20px;font-size:12px;display:flex}.mcha-case-module__MdOZEa__headMain{justify-content:space-between;align-items:flex-end;gap:48px;margin-top:clamp(64px,9vw,150px);display:flex}.mcha-case-module__MdOZEa__headMain .mcha-case-module__MdOZEa__label{margin-bottom:clamp(24px,3vw,40px)}.mcha-case-module__MdOZEa__head h1{letter-spacing:-.05em;font-size:clamp(46px,8vw,136px);font-weight:300;line-height:.98}.mcha-case-module__MdOZEa__case:lang(zh) .mcha-case-module__MdOZEa__head h1{letter-spacing:-.02em;line-height:1.16}.mcha-case-module__MdOZEa__headMark{flex:none;width:clamp(110px,12vw,190px);height:auto;margin-bottom:10px}.mcha-case-module__MdOZEa__hero picture{display:block}.mcha-case-module__MdOZEa__hero img{width:100%;height:auto;display:block}.mcha-case-module__MdOZEa__hero figcaption,.mcha-case-module__MdOZEa__bleed figcaption,.mcha-case-module__MdOZEa__finale figcaption{padding:16px var(--gutter) 0;letter-spacing:.04em;color:var(--muted);font-size:12px}.mcha-case-module__MdOZEa__label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.mcha-case-module__MdOZEa__label span{color:var(--copper-light);font-variant-numeric:tabular-nums;white-space:nowrap}.mcha-case-module__MdOZEa__label:after{content:"";background:var(--copper);order:-1;width:48px;height:1px}.mcha-case-module__MdOZEa__case:lang(zh) .mcha-case-module__MdOZEa__label{letter-spacing:.24em}.mcha-case-module__MdOZEa__intro{max-width:1440px;padding:clamp(80px, 11vw, 170px) var(--gutter) clamp(30px, 4vw, 60px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px clamp(32px,6vw,110px);margin:0 auto;display:grid}.mcha-case-module__MdOZEa__facts{gap:22px;margin-top:44px;display:grid}.mcha-case-module__MdOZEa__facts div{border-top:1px solid #c69c7447;padding-top:12px}.mcha-case-module__MdOZEa__facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.mcha-case-module__MdOZEa__facts dd{font-size:16px;line-height:1.5}.mcha-case-module__MdOZEa__lede{letter-spacing:-.02em;text-wrap:pretty;font-size:clamp(23px,2.4vw,38px);font-weight:300;line-height:1.45}.mcha-case-module__MdOZEa__case:lang(zh) .mcha-case-module__MdOZEa__lede{letter-spacing:0;line-height:1.75}.mcha-case-module__MdOZEa__scope{flex-wrap:wrap;gap:10px;margin-top:44px;padding:0;list-style:none;display:flex}.mcha-case-module__MdOZEa__scope li{border:1px solid #c69c7473;border-radius:999px;padding:9px 16px;font-size:14px}.mcha-case-module__MdOZEa__section{max-width:1440px;padding:clamp(90px, 11vw, 170px) var(--gutter) 0;margin:0 auto}.mcha-case-module__MdOZEa__chapter{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,110px);margin-bottom:clamp(48px,6vw,90px);display:grid}.mcha-case-module__MdOZEa__chapter .mcha-case-module__MdOZEa__label{grid-column:1/-1;margin-bottom:30px}.mcha-case-module__MdOZEa__chapter h2{letter-spacing:-.04em;grid-column:1/-1;max-width:15em;scroll-margin-top:120px;font-size:clamp(36px,4.6vw,76px);font-weight:300;line-height:1.04}.mcha-case-module__MdOZEa__case:lang(zh) .mcha-case-module__MdOZEa__chapter h2{letter-spacing:-.01em;line-height:1.24}.mcha-case-module__MdOZEa__body{max-width:640px;color:var(--muted);grid-column:2;margin-top:clamp(24px,3vw,44px);font-size:18px;line-height:1.8}.mcha-case-module__MdOZEa__case:lang(zh) .mcha-case-module__MdOZEa__body{line-height:1.95}.mcha-case-module__MdOZEa__fill{width:100%;height:100%}.mcha-case-module__MdOZEa__board{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);display:grid}.mcha-case-module__MdOZEa__tileNight,.mcha-case-module__MdOZEa__tileStone,.mcha-case-module__MdOZEa__tileDetail{place-items:center;display:grid;overflow:hidden}.mcha-case-module__MdOZEa__tileNight{background:var(--field);grid-area:span 2/span 7;min-height:clamp(420px,52vw,760px)}.mcha-case-module__MdOZEa__tileNight img{width:min(44%,300px);height:auto}.mcha-case-module__MdOZEa__tileStone{background:var(--stone);grid-column:span 5;min-height:clamp(220px,25vw,370px)}.mcha-case-module__MdOZEa__tileStone img{width:min(36%,170px);height:auto}.mcha-case-module__MdOZEa__tileDetail{background:var(--night);grid-column:span 5;min-height:clamp(180px,25vw,370px);position:relative}.mcha-case-module__MdOZEa__tileDetail img{width:150%;max-width:none;height:auto;position:absolute;top:-6%;left:-25%}.mcha-case-module__MdOZEa__swatches{grid-column:1/-1;grid-template-columns:2fr 1fr 1fr;gap:clamp(10px,1.4vw,20px);display:grid}.mcha-case-module__MdOZEa__swatches>div{letter-spacing:.04em;flex-direction:column;justify-content:space-between;gap:20px;min-height:clamp(150px,15vw,220px);padding:clamp(18px,2.2vw,34px);font-size:13px;line-height:1.7;display:flex}.mcha-case-module__MdOZEa__swatches>div:first-child{box-shadow:inset 0 0 0 1px #c69c744d}.mcha-case-module__MdOZEa__swatchName{letter-spacing:-.02em;font-size:clamp(22px,2.2vw,34px);font-weight:300}.mcha-case-module__MdOZEa__cups{background:var(--stone);grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(16px,3vw,48px);padding:clamp(28px,6vw,100px) clamp(16px,6vw,100px);display:grid}.mcha-case-module__MdOZEa__cups figure:first-child{grid-column:1/span 7}.mcha-case-module__MdOZEa__cups figure:last-child{grid-column:8/span 5;margin-top:clamp(60px,14vw,220px)}.mcha-case-module__MdOZEa__photo{position:relative;box-shadow:0 30px 60px -30px #00143c73}.mcha-case-module__MdOZEa__cups figcaption,.mcha-case-module__MdOZEa__deskNote{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-stone);margin-top:18px;font-size:13px}.mcha-case-module__MdOZEa__bleed,.mcha-case-module__MdOZEa__finale{margin-top:clamp(90px,11vw,170px)}.mcha-case-module__MdOZEa__bleedFrame{aspect-ratio:16/7;width:100%;position:relative;overflow:hidden}.mcha-case-module__MdOZEa__bleedFrame img{object-fit:cover;object-position:50% 62%}.mcha-case-module__MdOZEa__desk{background:var(--stone);grid-template-columns:repeat(12,minmax(0,1fr));padding:clamp(28px,6vw,100px) clamp(16px,5vw,90px);display:grid}.mcha-case-module__MdOZEa__deskTop{grid-area:1/1/auto/span 9}.mcha-case-module__MdOZEa__deskBelow{grid-area:2/6/auto/span 7;margin-top:clamp(-160px,-9vw,-40px);position:relative}.mcha-case-module__MdOZEa__deskNote{grid-area:2/1/auto/span 5;align-self:end}.mcha-case-module__MdOZEa__browser{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #00143c1a,0 30px 70px -28px #00143c8c}.mcha-case-module__MdOZEa__chrome{background:#eceae4;border-bottom:1px solid #d6d3cb;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.mcha-case-module__MdOZEa__chrome i{background:#c9c5bc;border-radius:50%;width:10px;height:10px}.mcha-case-module__MdOZEa__chrome span{color:#4d5361;white-space:nowrap;background:#fff;border-radius:6px;flex:1;max-width:300px;height:20px;margin-left:12px;padding:0 10px;font-size:11px;line-height:20px;overflow:hidden}.mcha-case-module__MdOZEa__viewport{container-type:inline-size}.mcha-case-module__MdOZEa__site{color:var(--milk);font-family:var(--font-sans)}.mcha-case-module__MdOZEa__siteNav{background:var(--field);border-bottom:.1cqw solid #c69c7473;justify-content:space-between;align-items:center;padding:2.2cqw 5cqw;display:flex}.mcha-case-module__MdOZEa__siteBrand{letter-spacing:.14em;align-items:center;gap:1.4cqw;font-size:1.9cqw;display:flex}.mcha-case-module__MdOZEa__siteSeal{width:4.6cqw;height:auto}.mcha-case-module__MdOZEa__siteLinks{color:#d9dce6;gap:2.6cqw;font-size:1.3cqw;display:flex}.mcha-case-module__MdOZEa__siteLinks b{color:var(--copper-light);font-weight:400}.mcha-case-module__MdOZEa__siteHero{background:var(--field);grid-template-columns:1.35fr 1fr;display:grid}.mcha-case-module__MdOZEa__siteHeroText{padding:9cqw 5cqw 8cqw 9cqw}.mcha-case-module__MdOZEa__siteName{width:36cqw;height:auto;display:block}.mcha-case-module__MdOZEa__siteHeroText p{color:#d9dce6;max-width:34cqw;margin-top:2.6cqw;font-size:1.5cqw;line-height:1.7}.mcha-case-module__MdOZEa__sitePill,.mcha-case-module__MdOZEa__sitePillSolid{border:.12cqw solid var(--copper-type);letter-spacing:.08em;color:var(--milk);border-radius:99cqw;margin-top:3.4cqw;padding:.9cqw 3.4cqw;font-size:1.3cqw;display:inline-block}.mcha-case-module__MdOZEa__sitePillSolid{background:var(--navy);border-color:var(--navy)}.mcha-case-module__MdOZEa__siteHeroPhoto{position:relative}.mcha-case-module__MdOZEa__siteHeroPhoto img{object-fit:cover;object-position:30% 50%}.mcha-case-module__MdOZEa__siteBanner{aspect-ratio:100/34;position:relative}.mcha-case-module__MdOZEa__siteBanner img{object-fit:cover;object-position:50% 40%}.mcha-case-module__MdOZEa__sitePopular{color:var(--navy);text-align:center;background:#fff;padding:7cqw 6cqw 6cqw}.mcha-case-module__MdOZEa__sitePopularTitle{width:38cqw;height:auto;margin:0 auto 5cqw;display:block}.mcha-case-module__MdOZEa__siteCards{text-align:left;grid-template-columns:repeat(3,1fr);gap:2.6cqw;display:grid}.mcha-case-module__MdOZEa__siteCards span{color:var(--navy);margin-top:1.6cqw;font-size:1.9cqw;display:block}.mcha-case-module__MdOZEa__siteCard{aspect-ratio:1;border:.14cqw solid var(--copper);border-radius:1.6cqw;position:relative;overflow:hidden}.mcha-case-module__MdOZEa__siteCard img{object-fit:cover}.mcha-case-module__MdOZEa__siteAbout{background:var(--field);text-align:center;padding:7cqw 14cqw}.mcha-case-module__MdOZEa__siteAboutSeal{width:9cqw;height:auto;margin:0 auto 3cqw;display:block}.mcha-case-module__MdOZEa__siteAboutTitle{width:40cqw;height:auto;margin:0 auto;display:block}.mcha-case-module__MdOZEa__siteAbout i{background:var(--copper-type);width:8cqw;height:.14cqw;margin:2.4cqw auto 3cqw;display:block}.mcha-case-module__MdOZEa__siteAbout p{color:#d9dce6;font-size:1.7cqw;line-height:1.8}.mcha-case-module__MdOZEa__siteFoot{background:var(--night);text-align:center;letter-spacing:.08em;color:#b9c0d4;padding:2.4cqw;font-size:1.3cqw}.mcha-case-module__MdOZEa__finaleField{background:var(--field);place-items:center;min-height:clamp(460px,62vw,900px);display:grid}.mcha-case-module__MdOZEa__finaleMark{width:clamp(150px,19vw,300px);height:auto}.mcha-case-module__MdOZEa__footer{padding:0 var(--gutter) clamp(50px, 6vw, 90px);margin-top:clamp(80px,10vw,150px)}.mcha-case-module__MdOZEa__footer dl,.mcha-case-module__MdOZEa__note,.mcha-case-module__MdOZEa__next{max-width:1440px;margin-left:auto;margin-right:auto}.mcha-case-module__MdOZEa__footer dl{border-top:1px solid #c69c7459;grid-template-columns:1fr .6fr 2fr;gap:36px;padding-top:clamp(40px,5vw,70px);display:grid}.mcha-case-module__MdOZEa__footer dt{letter-spacing:.14em;text-transform:uppercase;color:var(--copper-light);margin-bottom:14px;font-size:11px}.mcha-case-module__MdOZEa__footer dd{font-size:16px;line-height:1.75}.mcha-case-module__MdOZEa__note{color:var(--muted);margin-top:48px;font-size:13px;line-height:1.9}.mcha-case-module__MdOZEa__next{letter-spacing:-.02em;border-top:1px solid #c69c7459;justify-content:space-between;gap:24px;margin-top:48px;padding-top:34px;font-size:clamp(24px,2.8vw,42px);font-weight:300;display:flex}.mcha-case-module__MdOZEa__case a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.mcha-case-module__MdOZEa__case a:focus-visible{outline:2px solid var(--copper-light);outline-offset:5px}@media (max-width:799px){.mcha-case-module__MdOZEa__head{padding-top:100px}.mcha-case-module__MdOZEa__headTop{font-size:10px}.mcha-case-module__MdOZEa__headMain{flex-direction:column-reverse;align-items:flex-start;gap:40px;margin-top:56px}.mcha-case-module__MdOZEa__headMark{width:96px;margin-bottom:0}.mcha-case-module__MdOZEa__intro,.mcha-case-module__MdOZEa__chapter{grid-template-columns:minmax(0,1fr)}.mcha-case-module__MdOZEa__intro{gap:36px}.mcha-case-module__MdOZEa__facts{grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:28px}.mcha-case-module__MdOZEa__body{grid-column:1;font-size:16px}.mcha-case-module__MdOZEa__board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mcha-case-module__MdOZEa__tileNight{grid-area:auto/1/auto/-1;min-height:340px}.mcha-case-module__MdOZEa__tileStone,.mcha-case-module__MdOZEa__tileDetail{grid-column:span 1;min-height:180px}.mcha-case-module__MdOZEa__tileStone img{width:46%}.mcha-case-module__MdOZEa__swatches{grid-template-columns:1fr 1fr}.mcha-case-module__MdOZEa__swatches>div:first-child{grid-column:1/-1}.mcha-case-module__MdOZEa__swatches>div{min-height:120px;font-size:11px}.mcha-case-module__MdOZEa__cups{grid-template-columns:minmax(0,1fr);gap:36px}.mcha-case-module__MdOZEa__cups figure:first-child,.mcha-case-module__MdOZEa__cups figure:last-child{grid-column:1;margin-top:0}.mcha-case-module__MdOZEa__cups figure:last-child{justify-self:end;width:78%}.mcha-case-module__MdOZEa__bleedFrame{aspect-ratio:4/3}.mcha-case-module__MdOZEa__desk{grid-template-columns:minmax(0,1fr);gap:28px}.mcha-case-module__MdOZEa__deskTop,.mcha-case-module__MdOZEa__deskBelow,.mcha-case-module__MdOZEa__deskNote{grid-area:auto/1;margin-top:0}.mcha-case-module__MdOZEa__deskBelow{justify-self:end;width:88%}.mcha-case-module__MdOZEa__chrome{gap:5px;height:24px;padding:0 10px}.mcha-case-module__MdOZEa__chrome i{width:7px;height:7px}.mcha-case-module__MdOZEa__chrome span{height:15px;font-size:9px;line-height:15px}.mcha-case-module__MdOZEa__finaleField{min-height:400px}.mcha-case-module__MdOZEa__footer dl{grid-template-columns:1fr 1fr;gap:28px 18px}.mcha-case-module__MdOZEa__footer dl>div:last-child{grid-column:1/-1}.mcha-case-module__MdOZEa__next{flex-direction:column}}