.mt-page .c-hero{background:var(--spoon);color:var(--cream);padding-top:clamp(32px,5vw,72px)}.mt-page .c-hero :focus-visible{outline-color:var(--apricot)}.mt-page .c-hero-note,.mt-page .c-hero-big,.mt-page .c-hero-rest{color:var(--cream)}.mt-page .c-actions{margin-top:18px}.mt-page .c-hero-drawing{min-width:0}.mt-page .c-hero-text{position:relative}.mt-page .c-hero-extra{margin-top:10px}.mt-facts{grid-template-columns:repeat(3,auto);justify-content:start;gap:0 clamp(24px,3vw,44px);margin:0;padding:0;list-style:none;display:grid}.mt-facts li{color:var(--cream);white-space:nowrap;border-top:2px dashed #f2a65a99;padding:10px 0;font-size:clamp(19px,1.7vw,22px);font-weight:500;line-height:1.25}.mt-stamp{width:clamp(104px,11vw,136px);height:auto;transform:rotate(var(--tilt-stamp));position:absolute;top:clamp(30px,3vw,44px);right:0}.mt-stamp circle{fill:none;stroke:var(--apricot);stroke-width:1.6px}.mt-stamp-ring{font-family:var(--body);letter-spacing:.08em;fill:var(--apricot);font-size:10.5px;font-weight:600}.mt-stamp-code{font-family:var(--hand);fill:var(--cream);font-size:25px}.mt-card{z-index:1;background:var(--paper);color:var(--ink);border:1px solid var(--rule);padding:clamp(20px,2.6vw,36px);position:relative}.mt-card-title{font-family:var(--hand);font-weight:400;font-size:var(--h-m);color:var(--spoon);margin:0 0 8px;line-height:1.1}.mt-drinks{margin:0;padding:0;list-style:none}.mt-page .mt-drinks .dish{border-top:2px dashed #a8330d59;padding:14px 0}.mt-page .mt-drinks .dish:last-child{border-bottom:2px dashed #a8330d59}.mt-page .mt-drinks .dish-name{font-size:clamp(18px,1.6vw,21px)}.mt-page .mt-drinks .dish-leader{color:#3d241b66}.mt-page .mt-drinks .price{color:#a8330d;font-size:clamp(18px,1.6vw,21px)}.mt-page .mt-drinks .dish-desc{color:var(--ink-soft)}.mt-tip{color:var(--ink-soft);margin-top:14px;font-size:16px;line-height:1.5}@media (min-width:901px){.mt-page .c-hero{padding-bottom:72px}.mt-page .c-hero-drawing{align-self:end;margin-bottom:-128px}.mt-page .c-hero+.mt-build{padding-top:176px}}@media (max-width:900px){.mt-page .c-hero-drawing{margin-bottom:-72px}.mt-page .c-hero+.mt-build{padding-top:112px}}.mt-page .c-hero+.mt-card-band{padding-top:clamp(36px,5vw,64px)}.mt-page .mt-card-band .mt-card{max-width:640px}.mt-page .c-title{margin-bottom:clamp(10px,1.4vw,18px)}.mt-lede{color:var(--ink-soft);font-size:clamp(17.5px,1.45vw,20px);line-height:1.45}.mt-build-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:32px clamp(40px,6vw,96px);display:grid}.mt-pick{border:0;flex-wrap:wrap;gap:8px;min-width:0;margin:22px 0 0;padding:0;display:flex}.mt-pick legend{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0;font-size:12px;font-weight:600}.mt-choice{cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;position:relative}.mt-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.mt-choice span{min-height:44px;color:var(--ink);border:2px dashed #a8330d59;align-items:center;gap:.3em;padding:0 16px;font-size:17px;font-weight:500;display:inline-flex}.mt-choice b{color:#a8330d;font-weight:600}.mt-choice input:checked+span{background:var(--spoon);border:2px solid var(--spoon);color:var(--cream)}.mt-choice input:checked+span b{color:var(--cream)}.mt-choice input:focus-visible+span{outline:3px solid var(--ember);outline-offset:2px}@media (hover:hover){.mt-choice:hover input:not(:checked)+span{border-color:#a8330d}}.mt-build-tip{max-width:30em;color:var(--ink-soft);margin-top:18px;font-size:15.5px;line-height:1.5}.mt-cup-fig{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-self:center;align-items:stretch;width:100%;max-width:520px;margin:0;display:grid}.mt-cup{width:100%;height:auto;display:block;overflow:visible}.mt-cup-art{min-width:0;position:relative}.mt-cup-logo{aspect-ratio:1440/446;background:var(--cream);width:44%;position:absolute;top:48.6%;left:26.5%;-webkit-mask:url(/img/logo.svg) 50%/contain no-repeat;mask:url(/img/logo.svg) 50%/contain no-repeat}.cup-wall{fill:var(--ember)}.cup-handle{fill:none;stroke:var(--ember);stroke-width:10px;stroke-linecap:round}.cup-saucer{fill:none;stroke:var(--ember);stroke-width:7px;stroke-linecap:round}.cup-glass{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.cup-matcha{fill:var(--spoon)}.cup-milk{fill:var(--cream)}.cup-vanilla{fill:var(--apricot)}.foam-body{fill:#fbf4e6;stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.foam-shine{fill:none;stroke:#3d241b47;stroke-width:1.6px;stroke-linecap:round}.cup-foam circle{fill:none;stroke:#3d241b42;stroke-width:1.2px}.cup-ice rect{fill:#fffdf933;stroke:#fffdf9bf;stroke-width:1.6px}.cup-leaders path{fill:none;stroke:var(--ink-soft);stroke-width:1.2px;stroke-dasharray:1 4;stroke-linecap:round}.cup-leaders circle{fill:var(--rust);stroke:var(--paper);stroke-width:1.5px}.mt-tags{margin:0;padding:0 0 0 8px;list-style:none;position:relative}.mt-tags li{color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.2;position:absolute;left:8px;right:0;transform:translateY(-50%)}.mt-tags small{color:var(--ink-soft);font-size:13.5px;font-weight:400;display:block}.mt-tags b{color:#a8330d;font-weight:600}.tag-foam{top:20.8%}.tag-matcha{top:39.2%}.tag-milk{top:75.2%}.tag-vanilla{font-weight:500;top:86.4%}.tag-milk span,.cup-hot,.cup-foam,.cup-vanilla,.lead-foam,.lead-vanilla,.tag-foam,.tag-vanilla{display:none}.mt-build:has(input[value=hot]:checked) .cup-hot{display:inline}.mt-build:has(input[value=hot]:checked) :is(.cup-ice,.cup-glass){display:none}.mt-build:has(input[value=foam]:checked) :is(.cup-foam,.lead-foam){display:inline}.mt-build:has(input[value=vanilla]:checked) :is(.cup-vanilla,.lead-vanilla){display:inline}:is(.mt-build:has(input[value=foam]:checked) .tag-foam,.mt-build:has(input[value=vanilla]:checked) .tag-vanilla){display:block}:is(.mt-build:has(input[value=pistachio]:checked) [data-milk=pistachio],.mt-build:has(input[value=whole]:checked) [data-milk=whole],.mt-build:has(input[value=oat]:checked) [data-milk=oat],.mt-build:has(input[value=almond]:checked) [data-milk=almond]){display:inline}.mt-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px clamp(16px,2.4vw,32px);margin:clamp(28px,3.6vw,44px) 0 0;padding:0;list-style:none;display:grid;position:relative}.mt-route:before{content:"";border-top:2px dashed var(--ember);position:absolute;top:7px;left:0;right:0}.mt-route li{min-width:0;padding-top:30px;position:relative}.mt-route li:before{content:"";background:var(--rust);width:16px;height:16px;box-shadow:0 0 0 3px var(--cream);border-radius:50%;position:absolute;top:0;left:0}.mt-route li:first-child:before{background:var(--spoon)}.mt-route span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;display:block}.mt-route strong{color:var(--ink);margin-top:4px;font-size:clamp(18px,1.6vw,21px);font-weight:500;line-height:1.3;display:block}.mt-page .mt-view{--edge:max(var(--gutter), calc((100vw - var(--max-c)) / 2));grid-template:"photo title""photo chart"1fr"steps chart"/minmax(0,6fr) minmax(0,6fr);column-gap:clamp(32px,5vw,72px);padding-block:0;display:grid}.mt-page .mt-view .mt-view-photo{aspect-ratio:3/2;border-radius:0;grid-area:photo;width:100%}.mt-page .mt-view .c-title{padding:clamp(32px, 4vw, 56px) var(--edge) 0 0;color:var(--cream);grid-area:title}.mt-chart{padding:0 var(--edge) clamp(32px, 4vw, 56px) 0;grid-area:chart;align-self:start;margin:8px 0 0}.mt-view-steps{padding:clamp(24px, 3vw, 36px) 0 clamp(32px, 4vw, 56px) var(--edge);grid-area:steps}.mt-chart-sheet{position:relative}.mt-chart-svg{width:100%;height:auto;display:block;overflow:hidden}.mt-chart-plane{aspect-ratio:384/160;background:var(--cream);width:15%;position:absolute;top:20.3%;left:66%;-webkit-mask:url(/img/biplane.svg) 50%/contain no-repeat;mask:url(/img/biplane.svg) 50%/contain no-repeat}.mt-chart figcaption{letter-spacing:.14em;text-transform:uppercase;text-align:right;color:var(--cream-soft);margin-top:4px;font-size:12px;font-weight:600}.ac-ridge{fill:none;stroke:var(--cream-soft);stroke-width:1.4px;stroke-linecap:round}.ac-label{font-family:var(--body);letter-spacing:.06em;fill:var(--cream);font-size:12.5px;font-weight:600}.ac-runway{fill:var(--runway);stroke:var(--dusk-line)}.ac-keys{fill:none;stroke:var(--cream);stroke-width:4px}.ac-center{fill:none;stroke:var(--cream);stroke-width:2px;stroke-dasharray:16 12}.ac-num{font-family:var(--body);fill:var(--cream);font-size:15px;font-weight:600}.ac-walk{fill:none;stroke:var(--apricot);stroke-width:2.4px;stroke-dasharray:7 6;stroke-linecap:round}.ac-sight{fill:none;stroke:var(--cream-soft);stroke-opacity:.55;stroke-width:1px;stroke-dasharray:1 5;stroke-linecap:round}.ac-mark circle{fill:var(--apricot)}.ac-mark text{font-family:var(--body);fill:var(--dusk);font-size:13px;font-weight:700}.mt-steps{counter-reset:step;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.mt-steps li{counter-increment:step;color:var(--cream);align-items:center;gap:12px;font-size:clamp(17.5px,1.5vw,19px);line-height:1.3;display:flex}.mt-steps li:before{content:counter(step);background:var(--apricot);width:24px;height:24px;color:var(--dusk);border-radius:50%;flex:none;place-items:center;font-size:13.5px;font-weight:700;display:grid}.mt-orgo{color:var(--cream-soft);margin-top:10px;font-size:16px}.mt-address{color:var(--cream-soft);margin-top:10px;font-size:16px;font-weight:500}.mt-page .mt-view .c-cta{color:var(--cream);border-bottom-color:var(--apricot)}.mt-page .mt-view .c-cta:after{color:var(--apricot)}@media (hover:hover){.mt-page .mt-view .c-cta:hover{color:var(--apricot)}}.mt-quotes{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px clamp(40px,6vw,96px);display:grid}.mt-quote{border-left:2px dashed #a8330d59;margin:0;padding-left:clamp(18px,2vw,28px)}.mt-quote blockquote{color:var(--ink);margin:0;font-size:19px;line-height:1.45}.mt-quote:first-child blockquote{font-family:var(--hand);font-size:var(--h-l);color:var(--spoon);line-height:1}.mt-quote figcaption{color:var(--ink-soft);margin-top:2px}.mt-quote a{color:inherit;padding-block:12px;font-weight:500;display:inline-block}.mt-questions.c-band-paper{padding-top:0}.mt-qa{border-bottom:2px dashed #a8330d59}.mt-qa details{border-top:2px dashed #a8330d59}.mt-qa summary{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:52px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding-block:8px;font-size:18px;font-weight:500;line-height:1.3;list-style:none;display:flex}.mt-qa summary::-webkit-details-marker{display:none}.mt-qa summary:after{content:"+";color:#a8330d;flex:none;font-size:24px;line-height:1}.mt-qa details[open] summary:after{content:"−"}.mt-qa p{max-width:34em;color:var(--ink-soft);padding-bottom:16px;line-height:1.55}@media (hover:hover){.mt-qa summary:hover{color:#a8330d}}.mt-questions .see-also{margin-top:clamp(32px,4vw,56px)}@media (max-width:900px){.mt-build-grid,.mt-quotes{grid-template-columns:minmax(0,1fr)}.mt-page .mt-view{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"photo""title""chart""steps"}.mt-page .mt-view .c-title{padding:28px var(--gutter) 0}.mt-chart{max-width:520px;padding:0 var(--gutter)}.mt-view-steps{padding:8px var(--gutter) 44px}.mt-cup-fig{order:2}.mt-build-text{display:contents}.mt-build-grid{gap:0}.mt-build-grid>.mt-cup-fig{order:0;margin-block:18px 4px}.mt-build-grid h2,.mt-build-grid .mt-lede{order:-1}.mt-build-grid .mt-pick,.mt-build-tip{order:1}.mt-route{grid-template-columns:minmax(0,1fr);gap:0}.mt-route:before{border-top:0;border-left:2px dashed var(--ember);inset:8px auto 24px 7px}.mt-route li{padding:0 0 18px 34px}.mt-route li:last-child{padding-bottom:0}.mt-route li:before{top:3px}.mt-route strong{margin-top:1px}}@media (max-width:600px){.mt-page .c-hero{padding-top:24px}.mt-facts{grid-template-columns:minmax(0,1fr)}.mt-facts li:last-child{border-bottom:2px dashed #f2a65a99}.mt-cup-fig{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}.mt-pick{gap:6px}.mt-choice span{padding:0 12px}}