.cocoa-case-module__yepc3q__case{--cream:#fff3de;--biscuit:#f1dfc0;--choc:#592a0c;--choc-deep:#3a1b07;--olive:#4a5a28;--muted:#76533d;--radius:clamp(16px, 2.2vw, 32px);--gutter:clamp(20px, 5vw, 72px);--case-ink:var(--choc);background:var(--cream);color:var(--choc);font-family:var(--font-sans)}.cocoa-case-module__yepc3q__case em{color:var(--olive);font-style:italic}.cocoa-case-module__yepc3q__case:lang(zh) em{font-style:normal}.cocoa-case-module__yepc3q__head{max-width:1440px;padding:118px var(--gutter) clamp(48px, 6vw, 96px);margin:0 auto}.cocoa-case-module__yepc3q__headTop{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:20px;font-size:12px;display:flex}.cocoa-case-module__yepc3q__headMain{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:clamp(64px,9vw,150px);display:flex}.cocoa-case-module__yepc3q__kicker{background:var(--choc);color:var(--cream);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:8px 16px;font-size:12px;display:inline-block}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__kicker{letter-spacing:.24em}.cocoa-case-module__yepc3q__head h1{letter-spacing:-.05em;text-wrap:balance;margin-top:clamp(26px,3vw,44px);font-size:clamp(44px,8vw,136px);font-weight:700;line-height:.98}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__head h1{letter-spacing:-.02em;line-height:1.16}.cocoa-case-module__yepc3q__headMark{border-radius:var(--radius);background:#fff;flex:none;width:clamp(120px,15vw,230px);height:auto;margin-bottom:4px;padding:clamp(12px,1.6vw,22px);box-shadow:0 1px 2px #592a0c14,0 24px 48px -24px #592a0c59}.cocoa-case-module__yepc3q__bleed picture{display:block}.cocoa-case-module__yepc3q__bleed img{width:100%;height:auto;display:block}.cocoa-case-module__yepc3q__bleed figcaption{padding:16px var(--gutter) 0;letter-spacing:.04em;color:var(--muted);font-size:12px}.cocoa-case-module__yepc3q__label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;display:flex}.cocoa-case-module__yepc3q__label span{background:var(--choc);min-width:46px;height:30px;color:var(--cream);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 10px;display:inline-grid}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__label{letter-spacing:.26em}.cocoa-case-module__yepc3q__intro{max-width:1440px;padding:clamp(80px, 11vw, 170px) var(--gutter) clamp(30px, 4vw, 60px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px clamp(32px,6vw,110px);margin:0 auto;display:grid}.cocoa-case-module__yepc3q__facts{gap:20px;margin-top:40px;display:grid}.cocoa-case-module__yepc3q__facts div{border-top:2px solid #592a0c24;padding-top:12px}.cocoa-case-module__yepc3q__facts dt{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px}.cocoa-case-module__yepc3q__facts dd{font-size:15px;line-height:1.5}.cocoa-case-module__yepc3q__lede{letter-spacing:-.022em;text-wrap:pretty;font-size:clamp(23px,2.4vw,38px);font-weight:450;line-height:1.42}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__lede{letter-spacing:0;line-height:1.75}.cocoa-case-module__yepc3q__scope{flex-wrap:wrap;gap:10px;margin-top:40px;padding:0;list-style:none;display:flex}.cocoa-case-module__yepc3q__scope li{background:var(--biscuit);border-radius:999px;padding:9px 16px;font-size:13px}.cocoa-case-module__yepc3q__section{max-width:1440px;padding:clamp(80px, 10vw, 160px) var(--gutter) 0;margin:0 auto}.cocoa-case-module__yepc3q__chapter{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,6vw,110px);margin-bottom:clamp(44px,5.5vw,84px);display:grid}.cocoa-case-module__yepc3q__chapter .cocoa-case-module__yepc3q__label{grid-column:1/-1;margin-bottom:28px}.cocoa-case-module__yepc3q__chapter h2{letter-spacing:-.045em;grid-column:1/-1;max-width:14em;scroll-margin-top:120px;font-size:clamp(36px,5vw,82px);font-weight:700;line-height:1}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__chapter h2{letter-spacing:-.01em;line-height:1.22}.cocoa-case-module__yepc3q__body{max-width:640px;color:var(--muted);grid-column:2;margin-top:clamp(24px,3vw,40px);font-size:17px;line-height:1.8}.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__body{line-height:1.95}.cocoa-case-module__yepc3q__fill{width:100%}.cocoa-case-module__yepc3q__fill>span{top:12px;bottom:auto;right:12px}.cocoa-case-module__yepc3q__case figure{margin:0}.cocoa-case-module__yepc3q__case figcaption{letter-spacing:.04em;color:var(--muted);margin-top:14px;font-size:12px}.cocoa-case-module__yepc3q__board{background:var(--biscuit);border-radius:var(--radius);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(14px,2vw,28px);padding:clamp(14px,2vw,28px) clamp(14px,2vw,28px) clamp(10px,1.4vw,20px);display:grid}.cocoa-case-module__yepc3q__stack{gap:clamp(14px,2vw,28px);display:grid}.cocoa-case-module__yepc3q__board :is(.cocoa-case-module__yepc3q__construction,.cocoa-case-module__yepc3q__lockupTile)>button{border-radius:calc(var(--radius) * .6)}.cocoa-case-module__yepc3q__palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);margin-top:clamp(14px,2vw,28px);padding:0;list-style:none;display:grid}.cocoa-case-module__yepc3q__palette li{aspect-ratio:1/1.1;border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:clamp(14px,1.8vw,26px);display:flex;box-shadow:inset 0 0 0 1px #592a0c1f}.cocoa-case-module__yepc3q__palette strong{letter-spacing:-.02em;font-size:clamp(16px,1.6vw,24px);font-weight:650}.cocoa-case-module__yepc3q__palette span{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.6}.cocoa-case-module__yepc3q__flavours{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);padding:0;list-style:none;display:grid}.cocoa-case-module__yepc3q__flavours li{border-radius:var(--radius);padding:clamp(18px,3vw,44px) clamp(14px,2vw,28px) clamp(16px,2vw,26px)}.cocoa-case-module__yepc3q__flavours img{width:100%;height:auto;display:block}.cocoa-case-module__yepc3q__flavours p{align-items:center;gap:10px;margin-top:18px;font-size:clamp(15px,1.4vw,19px);font-weight:600;display:flex}.cocoa-case-module__yepc3q__flavours small{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:400}.cocoa-case-module__yepc3q__chip{border-radius:4px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #592a0c33}.cocoa-case-module__yepc3q__aside{color:var(--muted);margin-top:18px;font-size:13px;line-height:1.7}.cocoa-case-module__yepc3q__wide>button{border-radius:var(--radius)}.cocoa-case-module__yepc3q__case .cocoa-case-module__yepc3q__bleed{margin-top:clamp(80px,10vw,160px)}.cocoa-case-module__yepc3q__footer{background:var(--choc-deep);color:var(--cream);padding:clamp(60px, 8vw, 120px) var(--gutter) clamp(50px, 6vw, 90px);margin-top:clamp(80px,10vw,150px)}.cocoa-case-module__yepc3q__footer dl{grid-template-columns:1fr .6fr 2fr;gap:36px;max-width:1440px;margin:0 auto;display:grid}.cocoa-case-module__yepc3q__footer dt{letter-spacing:.14em;text-transform:uppercase;color:#e6c79a;margin-bottom:14px;font-size:11px}.cocoa-case-module__yepc3q__footer dd{font-size:16px;line-height:1.75}.cocoa-case-module__yepc3q__note{color:#fff3dec7;max-width:1440px;margin:48px auto 0;font-size:14px;line-height:1.9}.cocoa-case-module__yepc3q__next{letter-spacing:-.025em;border-top:1px solid #fff3de40;justify-content:space-between;gap:24px;max-width:1440px;margin:48px auto 0;padding-top:34px;font-size:clamp(24px,2.8vw,42px);font-weight:600;display:flex}.cocoa-case-module__yepc3q__case a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:799px){.cocoa-case-module__yepc3q__headMain{flex-direction:column;align-items:flex-start;gap:28px}.cocoa-case-module__yepc3q__headMark{order:-1;width:92px}.cocoa-case-module__yepc3q__intro,.cocoa-case-module__yepc3q__chapter{grid-template-columns:minmax(0,1fr)}.cocoa-case-module__yepc3q__body{grid-column:1}.cocoa-case-module__yepc3q__board{grid-template-columns:minmax(0,1fr)}.cocoa-case-module__yepc3q__palette{grid-template-columns:repeat(2,minmax(0,1fr))}.cocoa-case-module__yepc3q__palette li:first-child{aspect-ratio:auto;grid-column:1/-1;min-height:150px}.cocoa-case-module__yepc3q__flavours{grid-template-columns:repeat(2,minmax(0,1fr))}.cocoa-case-module__yepc3q__flavours p{flex-wrap:wrap}.cocoa-case-module__yepc3q__flavours small{width:100%;margin-left:24px}.cocoa-case-module__yepc3q__footer dl{grid-template-columns:minmax(0,1fr);gap:26px}.cocoa-case-module__yepc3q__next{flex-direction:column}}.cocoa-case-module__yepc3q__case h1,.cocoa-case-module__yepc3q__case h2{text-wrap:balance}.cocoa-case-module__yepc3q__case h1 em,.cocoa-case-module__yepc3q__case h2 em,.cocoa-case-module__yepc3q__case h2>span{text-wrap:balance;display:inline-block}@media (max-width:360px){.cocoa-case-module__yepc3q__case:lang(zh) .cocoa-case-module__yepc3q__chapter h2{font-size:30px}}
