@property --open{syntax:"<angle>";inherits:true;initial-value:0deg}@property --rise{syntax:"<length>";inherits:true;initial-value:0}.shop-head{padding-top:calc(var(--nav-h) + clamp(40px, 6vw, 90px));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(20px,3vw,40px) clamp(28px,5vw,80px);padding-bottom:clamp(32px,4vw,56px);display:grid}.shop-head__title{grid-column:1/-1;font-size:clamp(3.4rem,10.5vw,10.5rem);line-height:.98}.shop-head__lede{align-self:end}.ladder{grid-template-columns:repeat(3,1fr);min-width:min(100%,480px);margin:0;padding:0;list-style:none;display:grid}.ladder li{border-left:1px solid var(--line-strong);align-content:start;gap:4px;padding:16px 18px;display:grid;position:relative}.ladder b{font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,2.5rem);font-weight:500;line-height:1}.ladder span{letter-spacing:.18em;text-transform:uppercase;color:var(--g-300);font-size:.7rem;font-weight:600}.ladder small{color:var(--g-200);font-size:.84rem}.filters{z-index:20;-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line);transition:top .6s var(--ease-out);background:#0c1812db;padding-block:12px;position:sticky;top:0}.nav:not(.is-hidden)~main .filters{top:var(--nav-h)}.filters__inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.filters__group{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.filters__group::-webkit-scrollbar{display:none}.pill{white-space:nowrap;min-height:44px;color:var(--g-200);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s, color .3s, box-shadow .3s, transform .2s var(--ease-out);border-radius:999px;flex:none;padding:0 18px;font-size:.86rem}@media (hover:hover){.pill:hover{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--bone)}}.pill:active{transform:scale(.97)}.pill[aria-pressed=true]{background:var(--bone);color:var(--g-900);box-shadow:none}@media (width<=860px){.shop-head{grid-template-columns:1fr}.filters__inner{scrollbar-width:none;padding-inline:var(--gutter);justify-content:flex-start;gap:8px;overflow-x:auto}.filters__inner::-webkit-scrollbar{display:none}.filters__group{overflow:visible}.filters__group--base{border-left:1px solid var(--line-strong);padding-left:10px}.ladder li:first-child{border-left:0;padding-left:0}}@media (width<=420px){.ladder li{padding:10px}.ladder b{font-size:1.5rem}.ladder small{font-size:.76rem}.ladder span{letter-spacing:.12em;font-size:.62rem}}.shop-grid-wrap{min-height:60vh;padding-block:clamp(32px,4vw,56px) clamp(70px,9vw,120px)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:clamp(14px,1.6vw,22px);display:grid}.blend{--c:#2f4d3d;--ci:#e8e7db;border-radius:var(--r-card);background:var(--g-850);box-shadow:inset 0 0 0 1px var(--line);transition:transform .7s var(--ease-out), box-shadow .5s;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}@media (hover:hover){.blend:hover{box-shadow:inset 0 0 0 1px var(--line-strong), 0 30px 60px #00000059;transform:translateY(-4px)}}.blend__stage{aspect-ratio:1/1.02;background:radial-gradient(85% 75% at 50% 45%, color-mix(in srgb, var(--c) 70%, #0c1812), #0c1812);perspective:1200px;place-items:center;width:100%;padding-top:8%;display:grid;position:relative}.blend__hit{z-index:1;cursor:pointer;border-radius:0;position:absolute;inset:0}.blend__hit:focus-visible{outline-offset:-6px}.blend__stage .pack{transition:transform 1.1s var(--ease-out), --open 1.1s var(--ease-out), --rise 1.1s var(--ease-out);font-size:clamp(11px,.9vw + 2px,15px);transform:rotateX(8deg)rotateY(-26deg)rotate(-3deg)}@media (hover:hover){.blend:hover .blend__stage .pack{--open:105deg;--rise:-1.6em;transform:rotateX(4deg)rotateY(-10deg)rotate(0)translateY(-6px)}}.blend__body{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:20px;display:flex}.blend__top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.blend__name{font-family:var(--serif);font-size:1.7rem;font-weight:500;line-height:1.02}.blend__price{color:var(--g-200);white-space:nowrap;font-size:.95rem}.blend__note{color:var(--g-300);font-size:.94rem;line-height:1.5}.blend__tags{flex-wrap:wrap;gap:6px;display:flex}.blend__tags span{color:var(--g-300);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:.35em .8em;font-size:.74rem}.blend__actions{grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:6px;display:grid}.blend__actions .btn{min-height:46px}.blend.is-out{display:none}@media (width<=600px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.blend{border-radius:18px}.blend__stage{aspect-ratio:1/1.12;padding-top:12%}.blend__stage .pack{font-size:clamp(8.5px,2.7vw,12px)}.blend__body{gap:6px;padding:12px}.blend__top{flex-direction:column;align-items:flex-start;gap:2px}.blend__name{font-size:1.22rem}.blend__price{font-size:.86rem}.blend__note,.blend__tags,.blend__more{display:none}.blend__actions{grid-template-columns:1fr}.blend__actions .btn{letter-spacing:.1em;min-height:44px;padding:0 .6em;font-size:.68rem}}.shop-empty{padding-block:80px}.shop-gift{padding-bottom:clamp(70px,9vw,130px)}.shop-gift__card{border-radius:var(--r-card);background:linear-gradient(135deg, var(--g-800), var(--g-850));box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(24px,4vw,52px);display:grid}.shop-gift__card .lede{margin-top:10px}.shop-gift__illo{width:clamp(90px,10vw,140px);color:var(--g-400);--illo-paper:transparent}@media (width<=760px){.shop-gift__card{grid-template-columns:1fr;justify-items:start}}.qv__panel{width:min(520px,100%)}.qv__base{letter-spacing:.16em;text-transform:uppercase;color:var(--g-200);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;padding:.55em 1em;font-size:.72rem;font-weight:600}.qv__body{align-content:start;gap:18px;display:grid}.qv__stage{background:radial-gradient(80% 80% at 50% 45%, color-mix(in srgb, var(--c) 70%, #0c1812), #0c1812);perspective:1200px;border-block:1px solid var(--line);place-items:center;height:360px;margin:0 -24px 6px;padding-top:50px;display:grid;position:relative;overflow:hidden}.qv__stage .pack{font-size:14px;transform:rotateX(10deg)rotateY(-22deg)}.qv__block{border-top:1px solid var(--line);padding-top:16px}.qv__block h3{letter-spacing:.2em;text-transform:uppercase;color:var(--g-300);margin-bottom:12px;font-size:.7rem;font-weight:600}.qv__ing{flex-wrap:wrap;gap:8px;display:flex}.qv__ing li{color:var(--g-200);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;padding:.45em .95em;font-size:.88rem}.qv__brew{color:var(--g-200);gap:12px;display:grid}.qv__brew li{align-items:center;gap:12px;display:flex}.qv__brew svg{width:18px;height:18px;color:var(--g-300);flex:none}.qv__foot{grid-template-columns:auto 1fr;align-items:center}.qty--lg button{width:46px;height:46px}.qty--lg output{min-width:30px;font-size:1.05rem}