.pg-cafe{--cp:clamp(32px, 6dvh, 72px)}.pg-cafe .cf-hero{background:var(--h-dark);color:var(--on-wine);padding-block:var(--cp)}.pg-cafe .cf-hero ::selection{background:var(--gold);color:var(--wine-2)}.pg-cafe .cf-in{gap:32px;display:grid}.pg-cafe .cf-txt{min-width:0}.pg-cafe .cf-h1{font:400 var(--fs-d) / 1 var(--display);align-items:flex-start;gap:.2em;display:flex}.pg-cafe .cf-en{color:var(--on-wine)}.pg-cafe .cf-zh{writing-mode:vertical-rl;font:400 var(--fs-2) / 1.1 var(--display);letter-spacing:.14em;color:var(--gold);margin-top:.06em}.pg-cafe .cf-line{max-width:30em;font:400 var(--fs-3) / 1.5 var(--sans);color:var(--on-wine-soft);margin-top:24px}.pg-cafe .cf-line .zh{font-size:var(--fs-b);margin-top:6px;display:block}.pg-cafe .cf-prints{gap:var(--gg);grid-template-columns:1.2fr 1fr;align-items:start;min-width:0;display:grid}.pg-cafe .cf-prints img{width:100%;max-width:var(--nw);height:auto;display:block}.pg-cafe .cf-prints img:last-child{margin-top:clamp(32px,9dvh,96px)}@media (min-width:900px){.pg-cafe .cf-in{column-gap:var(--gg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}.pg-cafe .tabs a{text-align:center;min-width:44px;padding-block:0 5px;text-decoration:none;box-shadow:inset 0 -1px #0000}.pg-cafe .tabs a:hover{box-shadow:inset 0 -1px 0 color-mix(in srgb, currentColor 35%, transparent)}.pg-cafe .tabs a[aria-current=true]{font-weight:400;box-shadow:inset 0 -1px}.pg-cafe .cf-sec{background:var(--h-paper);color:var(--ink);padding:calc(var(--h-sec) / 2) var(--gl)}.pg-cafe .cf-grid{row-gap:24px;display:grid}.pg-cafe .cf-body{min-width:0}.pg-cafe .cf-pic img,.pg-cafe .cf-feat>img{width:100%;max-width:var(--nw);height:auto;display:block}@media (min-width:900px){.pg-cafe .cf-grid{align-items:start}.pg-cafe .cf-r .cf-pic{order:2}.pg-cafe .cf-pic img{max-width:min(var(--nw), 44vw);max-height:calc(100dvh - var(--h-sec) - 136px);object-fit:cover}}.pg-cafe .rows .code{width:3.6em;min-width:0}.pg-cafe .cf-t{flex:1;min-width:0;line-height:1.35}.pg-cafe .cf-t .zh{white-space:nowrap}.pg-cafe .cf-note{font:400 var(--fs-s) / 1.4 var(--sans);color:var(--h-soft);white-space:nowrap;flex:none;margin-left:auto}.pg-cafe .dense .nm{font-size:var(--fs-b)}.pg-cafe .cf-def{margin-top:12px}.pg-cafe .cf-add{font:400 var(--fs-s) / 1.5 var(--sans);color:var(--h-soft);margin-top:16px}.pg-cafe .cf-grp h3{font:400 var(--fs-3) / 1.3 var(--display);margin:0 0 8px}.pg-cafe .cf-grp h3 .zh{font-size:var(--fs-s);color:var(--h-soft)}.pg-cafe .cf-two{gap:32px;display:grid}@media (min-width:900px){.pg-cafe .cf-two{column-gap:var(--gg);grid-template-columns:repeat(2,minmax(0,1fr))}.pg-cafe .c2{columns:2;column-gap:var(--gg)}.pg-cafe .cf-list>li{break-inside:avoid;padding-block:clamp(5px,4.16667dvh - 23.3333px,12px)}.pg-cafe .cf-drinks .cf-list>li{padding-block:clamp(3px,4.16667dvh - 25px,8px)}}.pg-cafe .cf-cap{margin-top:16px}.pg-cafe .cf-cap .code{font:500 var(--fs-l) / 1.4 var(--sans);letter-spacing:.08em;color:var(--h-gold);margin-bottom:4px;display:block}.pg-cafe .cf-cap h3{font:400 var(--fs-3) / 1.3 var(--display)}.pg-cafe .cf-cap h3 .zh{font-size:var(--fs-s);color:var(--h-soft)}.pg-cafe .cf-cap p{font:400 var(--fs-s) / 1.6 var(--sans);margin-top:8px}.pg-cafe .cf-cap p.zh{color:var(--h-soft);margin-top:4px}.pg-cafe .cf-sl>li{align-items:center}.pg-cafe .cf-sl img{aspect-ratio:5/4;object-fit:cover;flex:none;width:clamp(64px,10dvh,88px);max-width:none;height:auto;display:block}.pg-cafe .cf-sl .nm{font-size:var(--fs-3)}.pg-cafe .cf-opt{font:400 var(--fs-s) / 1.4 var(--sans);color:var(--h-gold);margin-top:2px;display:block}@media (min-width:900px){.pg-cafe .cf-feat>img{max-width:min(var(--nw), 44vw);height:clamp(200px, calc(100dvh - var(--h-sec) - 300px), 500px);object-fit:cover}}