:root{--pink:#eee6d6;--paper:#f6efdf;--ink:#d9392c;--line:#b147352b;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}body{background:#efe7d9;color:#b43128;padding:0 36px 40px}body:before{opacity:.04}body:after{display:none}header{position:relative;max-width:1280px;height:660px;padding:0;margin:0 auto 28px;background:#eee7da;display:block;isolation:isolate}header h1{margin:0;position:absolute;top:24px;left:50%;transform:translateX(-50%);width:52%;z-index:2}header h1.image-host{min-height:0}.brand-logo{width:100%;height:auto;max-height:165px;max-width:100%;object-fit:contain}#categories{position:relative;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 19px;margin:0 auto 30px}#categories button,#categories button:first-child{background:none;border:0;border-bottom:1px solid transparent;border-radius:0;padding:9px 1px;color:#a7392e;gap:7px}#categories button[aria-pressed=true]{background:none;border-bottom:2px solid #d9392c;color:#d9392c}#categories .category-title{font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:700;letter-spacing:.4px}#categories .category-range{font-size:9px;opacity:.6}.paper{max-width:1280px;background:none;box-shadow:none;border:0;border-radius:0;padding:10px 0 35px}.catalog-heading{font-family:Arial,"PingFang SC",sans-serif;font-size:26px;font-weight:700;letter-spacing:-1px;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:10px}.catalog-heading #catalog-range{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px}main{gap:18px 26px}.card,.card:nth-child(n){background:none;border-radius:0;padding:24px 8px 22px;border:0;border-bottom:1px solid var(--line);grid-template-columns:42% minmax(0,1fr);column-gap:20px}.card-main{gap:20px}.card-copy{gap:9px}.edition-number{font-family:Arial,sans-serif;font-weight:800;font-size:56px;letter-spacing:-4px;color:#db392d;line-height:1}.card-brand{font-family:Arial,sans-serif;font-weight:700;font-size:9px;letter-spacing:.8px;color:#b54638}.card .product-name{font-family:Arial,"PingFang SC",sans-serif;font-size:19px;font-weight:600;line-height:1.3;color:#713e36}.flavor-copy{font-family:"PingFang SC",sans-serif;color:#8e6a5b;font-size:11px;line-height:1.6}.opened-label{color:#b85443;font-size:10px}.card .cup{width:112px;aspect-ratio:1/3;margin:auto}.drawn-cup{object-fit:fill}.cup .body{top:8%;left:32%;width:36%;height:39%;clip-path:polygon(0 22%,75% 0,100% 0,100% 100%,0 100%);background:#983f41}.cup .body img{filter:blur(11px) saturate(.7)}.card .clear-case{width:135px;height:300px}.sample-button{background:none;color:#b43128;border:1px solid #b4312840;border-radius:25px;padding:9px 12px;font-size:10px;font-weight:500;letter-spacing:.3px}.sample-button:hover{background:#d9392c;color:#fff8e9}.card-main:hover .cup{transform:translateY(-5px) rotate(2deg)}dialog{border:1px solid #e5d8c0;border-radius:8px;background:#f6efdf;box-shadow:0 24px 80px #512e2225}dialog::backdrop{background:#482d2866}.close{background:none;border:1px solid #b4312830;color:#b43128;border-radius:50%}.info #number,#sample-number{font-family:Arial,sans-serif;font-weight:800;color:#d9392c;letter-spacing:-5px}.info h2,#sample-name{font-family:Arial,sans-serif;font-weight:600;color:#713e36}.info #brand,#sample-brand{font-family:Arial,sans-serif;font-weight:700;font-size:11px;color:#b54638}.info #flavor,#sample-theme{font-family:inherit;font-size:13px;color:#805b50}.info #description,#sample-description{font-family:inherit;font-size:12px;color:#987868;line-height:1.8}.info #opened-status{color:#ba6151}.unbox{flex-direction:column;gap:14px}.unbox .cup{width:65%;aspect-ratio:1/3;max-height:80%}.unbox:after{background:none;border:1px solid #b4312840;border-radius:24px;color:#b43128;font-family:inherit;font-size:11px;padding:10px 16px}.site-footer{padding-top:30px;gap:13px}.site-footer img{width:190px;filter:none}.site-footer p{color:#9f6553;font-size:9px}#sample-dialog{width:760px;padding:45px;border-radius:8px}#sample-dialog[open]{grid-template-columns:minmax(200px,1fr) minmax(0,1fr);gap:35px}.sample-strip{width:100%;height:320px;min-height:0;max-height:none;background:#fff8e9;padding:35px 24px 65px;display:flex;align-items:center;justify-content:center;overflow:visible;transform:rotate(-6deg);box-shadow:4px 9px 22px #70533b20}.sample-pigment{width:85%;height:27px;transform:rotate(-17deg);mask:url('assets/swatch-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/swatch-mask.svg') center/100% 100% no-repeat;overflow:hidden}.sample-pigment img{mask:none;-webkit-mask:none;width:100%;height:100%;object-fit:cover;transform:scale(3.2)}.sample-strip>span{position:absolute;bottom:28px;left:0;width:100%;transform:none;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;white-space:nowrap;color:#a76451}.sample-eyebrow{color:#c43e31;font-size:9px;letter-spacing:2px;font-weight:700}.sample-note{font-size:10px;color:#b2715c}.sample-pigment .image-loading{transform:translate(-50%,-50%) scale(.6)}
@media(min-width:1500px){main{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){header{height:530px}header h1{width:65%}main{grid-template-columns:repeat(2,minmax(0,1fr))}.card .cup{width:100px}.card{column-gap:14px}.card-main{gap:14px}.card .product-name{font-size:17px}}@media(max-width:600px){body{padding:0 15px 30px}header{height:390px;margin:0 -15px 20px;background-position:center center;background-size:auto 100%}header h1{top:17px;width:88%}.brand-logo{height:auto;max-height:115px}#categories{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:17px;margin-bottom:22px;padding-bottom:5px}#categories button{flex-shrink:0;white-space:nowrap}#categories .category-range{display:none}.paper{padding:0 0 20px}.catalog-heading{font-size:22px;padding:0 3px 16px}.catalog-heading #catalog-range{font-size:10px}main{grid-template-columns:1fr;gap:0}.card{padding:25px 15px 23px;grid-template-columns:40% minmax(0,1fr);column-gap:26px}.card-main{gap:26px}.card .cup{width:105px}.card .clear-case{width:125px;height:290px}.edition-number{font-size:64px}.card .product-name{font-size:22px}.card-brand{font-size:9px;letter-spacing:.6px}.flavor-copy{font-size:12px}.sample-button{font-size:10px}.unbox .cup{width:76%}.unbox:after{font-size:10px;padding:9px 12px}.info #number{font-size:62px}.info h2{font-size:18px}.info #flavor{font-size:12px}.info #brand{font-size:9px}#sample-dialog{width:calc(100% - 24px);padding:42px 24px 28px}#sample-dialog[open]{grid-template-columns:1fr;gap:25px}.sample-strip{width:85%;height:210px;padding:25px 20px 45px;justify-self:center}.sample-pigment{height:18px;width:82%}.sample-strip>span{font-size:8px;bottom:19px}.sample-info{max-height:38dvh}#sample-number{font-size:45px;margin:0 0 10px}.sample-eyebrow{display:none}#sample-name{font-size:20px}.sample-note{margin-top:12px}}
.cup .body{z-index:4;top:3.2%;left:33.6%;width:31%;height:33.1%;clip-path:polygon(0 24%,3% 21%,12% 17%,30% 12%,50% 7%,73% 2%,87% 0,95% 0,100% 2%,100% 100%,0 100%);opacity:.85;background:none}.cup .body img{opacity:.9}.cup .body:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#3d00164d,transparent 30%,#fff6e517 60%,#36031666);z-index:2;pointer-events:none}.drawn-cup{z-index:3}.card .cup{width:130px}.unbox .cup{width:85%}@media(max-width:600px){.card .cup{width:120px}.unbox .cup{width:94%}}
.sample-pigment img{transform:scale(1.1)}
.sample-pigment{mask-image:url('assets/swatch-fine.svg');-webkit-mask-image:url('assets/swatch-fine.svg');height:18px;transform:rotate(-12deg)}@media(max-width:600px){.sample-pigment{height:13px}}
.unbox{width:100%;height:100%;max-width:none;justify-content:center}.unbox .cup{height:min(52dvh,460px);width:auto;aspect-ratio:1/3;max-height:none;flex:0 0 auto}.unbox:after{flex:0 0 auto}@media(max-width:600px){.unbox .cup{height:min(42dvh,310px);width:auto}}