.menu-head .wrap{padding-top:56px;padding-bottom:48px;position:relative}.menu-head h1{font-size:clamp(44px,5.6vw,84px);font-weight:800;line-height:.98}.menu-head h1 em{color:var(--clay-deep);font-style:normal}.menu-head .lede{max-width:46ch;margin-top:var(--s4);font-size:19px}.menu-head .star{background:var(--bench);z-index:-1;width:clamp(150px,16vw,220px);position:absolute;top:50%;right:5%;transform:translateY(-50%)}.build{border-top:2px solid var(--black);grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:start;gap:56px;padding-top:40px;padding-bottom:72px;display:grid}.build fieldset{border:0;min-width:0;margin:0 0 40px;padding:0}.build legend{font:700 24px/1.1 var(--head);letter-spacing:-.03em;align-items:center;gap:12px;margin-bottom:16px;padding:0;display:flex}.build legend i{background:var(--black);width:32px;height:32px;color:var(--paper);font:600 15px/1 var(--body);border-radius:50%;place-items:center;font-style:normal;display:grid}.build input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.opts{flex-wrap:wrap;gap:10px;display:flex}.opts>span{display:inline-flex;position:relative}.opts label{border:1.5px solid var(--black);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.opts label small{font-size:14px;font-weight:400}.opts input:hover:not(:checked)+label{background:var(--bench)}.build input:checked+label{background:var(--black);color:var(--paper)}.build input:focus-visible+label{outline:3px solid var(--clay-deep);outline-offset:3px}.hint{color:var(--grey-text);margin:14px 0}.drink-group+.drink-group{margin-top:var(--s5)}.build[data-enhanced=true] .drink-group[data-active=false],.pl{display:none}.build:has(#menu-size-large:checked) .ps{display:none}.build:has(#menu-size-large:checked) .pl{display:inline}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cards>span{min-width:0;display:flex;position:relative}.cards label{border:1.5px solid var(--grey-text);border-radius:var(--r-card);cursor:pointer;flex-direction:column;flex:1;gap:2px;min-height:118px;padding:18px 20px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:flex}.cards label:hover,.cards input:hover:not(:checked)+label{border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black)}.cards .nm{font:600 20px/1.2 var(--head);letter-spacing:-.02em}.cards .ds{color:var(--grey-text);font-size:16px}.cards .pr{margin-top:auto;padding-top:10px;font-size:18px;font-weight:700}.cards input:checked+label{border-color:var(--black);background:var(--black);color:var(--paper)}.cards input:checked+label .ds{color:var(--on-dark)}#r-matcha:checked+label,.drink-group[data-range=matcha] input:checked+label{background:var(--matcha);border-color:var(--matcha);color:var(--paper)}.drink-group[data-range=matcha] input:checked+label .ds{color:var(--paper)}.adds{grid-template-columns:repeat(3,minmax(0,1fr))}.adds label{min-height:92px}.adds .tick{border:1.5px solid;border-radius:50%;order:-1;align-self:flex-end;place-items:center;width:22px;height:22px;margin-bottom:-22px;display:grid}.adds input:checked+label .tick:after{content:"";background:var(--clay-light);border-radius:50%;width:10px;height:10px}.build[data-enhanced=false]{grid-template-columns:1fr}.build[data-enhanced=false] .your-cup{display:none}.your-cup{top:calc(var(--bar) + 24px);border-radius:var(--r-card);background:var(--black);color:var(--paper);text-align:center;padding:28px 32px 32px;position:sticky}.your-cup svg{width:100%;max-width:330px;margin:0 auto;display:block;overflow:visible}.your-cup .k{font:600 15px/1 var(--body);color:var(--clay-light)}.sum{color:var(--on-dark);margin-top:8px;font-size:17px;display:block}.total{font:800 clamp(44px,5vw,64px)/1.05 var(--head);letter-spacing:-.04em;margin-top:6px;display:block}.fine{color:var(--on-dark-2);margin-top:14px;font-size:15px}#menu-cup *{transform-box:fill-box;transform-origin:50%}#menu-cup .cup-star{fill:var(--clay-deep)}#menu-cup .cup-saucer{fill:var(--paper)}#menu-cup .body{transition:transform .6s cubic-bezier(.3,1,.5,1);transform:scale(.8)}#menu-cup[data-size=large] .body{transform:scale(1)}#menu-cup .cup-handle{fill:var(--paper);stroke:var(--line);stroke-width:2px}#menu-cup .cup-body{fill:var(--paper);stroke:var(--milk);stroke-width:10px}#menu-cup .liq{fill:url(#cup-latte)}#menu-cup[data-look=black] .liq{fill:url(#cup-black)}#menu-cup[data-look=m] .liq{fill:url(#cup-m)}#menu-cup[data-look=matcha] .liq{fill:url(#cup-matcha)}#menu-cup .art{fill:none;stroke:var(--paper);stroke-width:7px;stroke-linecap:round;transition:opacity .3s}#menu-cup[data-look=black] .art{display:none}#menu-cup .foam-dots{fill:var(--paper);transition:transform .55s cubic-bezier(.3,1,.5,1);transform:scale(0)}#menu-cup.foam .foam-dots{transform:scale(1)}#menu-cup.foam .art{opacity:0}#menu-cup .syrup-line{fill:none;stroke:var(--clay-deep);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .8s ease-out}#menu-cup.syrup .syrup-line{stroke-dashoffset:0}#menu-cup .shot-mark{fill:var(--espresso);opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.3,1,.5,1);transform:scale(.4)}#menu-cup.shot .shot-mark{opacity:1;transform:none}.full{padding-bottom:96px}.full .wrap{grid-template-columns:minmax(210px,.45fr) minmax(0,1fr);align-items:start;gap:32px 48px;display:grid}.full h2{font-size:clamp(34px,4vw,58px);font-weight:800;line-height:.98}.prices{border-collapse:collapse;border-top:2px solid var(--black);table-layout:auto;width:100%}.prices tbody{scroll-margin-top:var(--s7)}.prices th,.prices td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:11px 0;font-weight:400}.prices td,.prices thead th+th{text-align:right;white-space:nowrap;padding-left:20px}.prices td{font-weight:700}.prices thead th{font:600 14px/1.4 var(--body);color:var(--grey-text)}.prices .range-heading th{font:700 22px/1.1 var(--head);letter-spacing:-.02em;border-bottom-color:var(--black);padding-top:26px}.prices .range-heading.matcha th{color:var(--matcha)}.allergen{border-radius:var(--r-card);background:var(--bench);grid-column:1/-1;padding:28px;font-weight:500}.menu-empty{padding:var(--s7) 0;border-top:2px solid var(--black)}@media (max-width:900px){html{scroll-padding-top:calc(var(--bar) + 124px)}.build{grid-template-columns:1fr;gap:20px;padding-top:16px}.your-cup{top:calc(var(--bar) + 8px);z-index:5;text-align:left;order:-1;grid-template-columns:84px 1fr;align-items:center;gap:0 14px;padding:10px 18px 10px 10px;display:grid}.your-cup svg{grid-row:1/3}.your-cup .k,.your-cup .fine{display:none}.your-cup .cup-status{grid-column:2}.sum{margin:0;font-size:15px;line-height:1.3}.total{margin-top:2px;font-size:32px}.build fieldset{margin-bottom:32px}.full .wrap{grid-template-columns:1fr}.menu-head .star{display:none}.menu-head .wrap{padding-top:36px;padding-bottom:32px}}@media (max-height:500px){.your-cup{position:static}}@media (max-width:560px){.cards,.adds{grid-template-columns:1fr}.cards label,.adds label{min-height:0}.build legend{font-size:21px}.prices{font-size:14px}.prices td,.prices thead th+th{padding-left:8px}}@media (prefers-reduced-motion:reduce){#menu-cup *,.opts label,.cards label{transition:none!important}}
