:root{--pink:#d5dbca;--paper:#f6f0df;--ink:#536149;--line:#7d8c6840}body:before{opacity:.055}header{padding:24px 0 12px}.brand-logo{width:470px}.flavor-copy,.info #flavor{color:#7b8068}.opened-label{color:#8b907d}.card .cup{aspect-ratio:2/3;width:140px}.cup .body{top:28%;left:16%;width:68%;height:65%;clip-path:polygon(14% 0,86% 0,100% 8%,100% 95%,96% 100%,4% 100%,0 95%,0 8%);background:#ddd3a9}.cup .body img{inset:-5%;width:110%;height:110%;object-fit:cover;opacity:.84}.card .cup .body img{filter:blur(8px) saturate(.65)}.unbox .cup .body img{filter:blur(14px) saturate(.65)}.drawn-cup{object-fit:fill}.card .clear-case{width:140px;height:218px;overflow:visible}.card .clear-case img{width:100%;height:100%;top:0;left:0;transform:none;object-fit:contain;filter:drop-shadow(0 3px 4px #535e4920)}.card .product-name{font-size:18px}.edition-number{color:#5d684e}.card-copy{gap:10px}.flavor-copy{font-size:12px}.product-en{font-size:9px;letter-spacing:1px;line-height:1.6;opacity:.65;overflow-wrap:anywhere}.result{inset:0}.result img{width:100%;height:100%;max-width:100%;top:0;left:0;object-fit:contain;transform:none}.unbox .cup{width:100%;aspect-ratio:2/3;max-height:100%}.stage{height:min(68dvh,610px)}dialog::backdrop{background:#39433385}#categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}#categories .category-title{font-size:12px}#categories .category-range{font-size:10px}.catalog-heading{font-size:17px}.info h2{font-size:25px}.info #flavor{font-size:16px}.info #number{color:#657155}.halo{background:radial-gradient(circle,#dfce8a99,transparent 70%)}@media(max-width:850px){#categories{grid-template-columns:repeat(3,minmax(0,1fr))}#categories button{flex-direction:column;align-items:flex-start}.brand-logo{width:410px}}@media(max-width:600px){#categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.brand-logo{width:330px}.card .cup{width:130px}.card .clear-case{width:130px;height:204px}.card .product-name{font-size:20px}.stage{height:min(57dvh,420px)}.result img{width:100%;height:100%;top:0;transform:none}.info h2{font-size:18px}.info #flavor{font-size:13px}.catalog-heading{font-size:14px}.product-en{font-size:10px}}

.card-main{grid-column:1/-1;display:grid;grid-template-columns:inherit;gap:inherit;align-items:center;text-align:left;border:0;background:none;padding:0;min-width:0;width:100%}.sample-button{grid-column:1;justify-self:center;border:0;border-bottom:1px solid var(--line);background:none;padding:9px 0 6px;font-size:11px;letter-spacing:.5px;white-space:nowrap}.sample-button span{margin-left:4px}.sample-button:hover{color:#35452b;border-color:currentColor}.card-main:hover .product-name{text-decoration:underline}.card:has(.sample-button){row-gap:4px}#sample-dialog{width:620px;padding:52px 50px}#sample-dialog[open]{grid-template-columns:140px 1fr;gap:44px}.sample-strip{width:94px;height:min(58dvh,460px);min-height:230px;background:#fffaf0;padding:9px 9px 58px;box-shadow:4px 9px 18px #48563a20;transform:rotate(-5deg);justify-self:center;position:relative;overflow:hidden}.sample-strip img{width:100%;height:100%;object-fit:cover;display:block}.sample-strip>span{position:absolute;bottom:24px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1px}.sample-eyebrow{font-size:9px;letter-spacing:2px;line-height:1.8;opacity:.65}#sample-number{font-family:Didot,Baskerville,Georgia,serif;font-size:86px;line-height:1;margin:20px 0;letter-spacing:-3px}#sample-name{font-size:23px;font-weight:400;line-height:1.6;margin:0 0 22px}.sample-caption{font-size:13px;line-height:1.9}.sample-note{font-size:10px;letter-spacing:1px;opacity:.6;margin-top:24px}@media(max-width:600px){.card-main{column-gap:24px}.sample-button{font-size:11px}#sample-dialog{padding:48px 28px}#sample-dialog[open]{grid-template-columns:100px minmax(0,1fr);gap:22px}.sample-strip{width:80px;height:360px;max-height:62dvh}#sample-number{font-size:65px}#sample-name{font-size:19px}.sample-caption{font-size:12px}.sample-eyebrow{font-size:8px}}
/* A very narrow glimpse keeps the sample mysterious. */
.sample-strip{width:32px;padding:6px 6px 58px}.sample-strip>span{bottom:12px;left:50%;width:55px;transform:translateX(-50%) rotate(-90deg);font-size:6px;letter-spacing:.6px}@media(max-width:600px){.sample-strip{width:28px;padding:5px 5px 54px}}