.v-cards{padding:var(--sp-7) var(--pad) 0;scroll-snap-align:start}.v-cards-top{margin:0 0 var(--sp-5)}.v-cards-lede{font:400 var(--t-ui) / 1.6 var(--ui);color:var(--ink-2);margin:var(--sp-1) 0 0;max-width:34em}.v-cards-h{font:600 var(--t-voice) / 1.3 var(--voice);color:var(--ink);letter-spacing:0;text-transform:none;margin:0}.v-cards-row+.v-cards-row{margin-top:var(--sp-6)}.v-cards-lbl{font:500 var(--t-meta) / 1.5 var(--ui);color:var(--ink-3);letter-spacing:.02em;margin:0 0 var(--sp-3)}.v-cards-grid{gap:var(--sp-4) var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.c-tile{background:var(--p-paper);color:var(--p-ink);border-radius:var(--rad-tile);isolation:isolate;transition:transform var(--dur-fast) var(--ease-out);text-decoration:none;display:block;position:relative;overflow:hidden}.c-tile:active{transform:translateY(1px)}.c-tile:focus-visible{outline:2px solid var(--p-ink);outline-offset:-3px;border-radius:var(--rad-tile)}.c-tile-photo{aspect-ratio:4/5;background:var(--p-plate);width:100%;margin:0;position:relative;overflow:hidden;container-type:size}.c-tile-photo img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.c-tile-photo:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--p-paper) 55%, transparent) 45%, var(--p-paper) 82%, var(--p-paper) 100%);pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.c-tile-mono{font:600 92cqh/1 var(--voice);color:var(--p-mono);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;bottom:-16%;right:-4%}.c-tile-head{z-index:1;margin-top:-18px;padding:0 12px 14px;position:relative}.c-tile .c-tile-nick{font-family:var(--voice);font-weight:600;font-size:min(38px, calc((50vw - var(--pad) - 6px - 24px) / (var(--nick-len,4) * var(--nick-w,.8))));letter-spacing:-.015em;white-space:nowrap;margin:0;padding-top:.06em;line-height:1.15}.c-tile-voice{font:400 var(--t-ui) / 1.5 var(--voice);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;display:-webkit-box;overflow:hidden}html[lang=en] .c-tile-voice{line-height:1.4}.c-tile-price{font:600 var(--t-read) / 1.3 var(--ui);letter-spacing:-.01em;color:var(--p-ink);text-wrap:balance;margin:10px 0 0}.c-tile-hint{font:600 var(--t-small) / 1.4 var(--ui);color:var(--p-ink);align-items:center;gap:7px;margin:10px 0 0;display:flex}.c-tile-hint:before{content:"";background:var(--p-ink);border-radius:3px;flex:none;width:12px;height:12px}.c-tile-hint[data-kind=line]:before{background:#06c755}.c-tile-demo{font:400 var(--t-fine) / 1.5 var(--ui);color:var(--p-ink2);text-wrap:balance;margin:8px 0 0}.c-tile-phrase{max-width:100%;display:inline-block}@media (min-width:720px){.c-tile-head{margin-top:-22px;padding:0 16px 18px}.c-tile .c-tile-nick{font-size:min(44px, calc(((min(100vw, 1440px) - 2 * var(--pad) - 3 * 18px) / 4 - 32px) / (var(--nick-len,4) * var(--nick-w,.8))))}.c-tile-voice{font-size:var(--t-read)}.c-tile-price{font-size:var(--t-lead)}.c-tile-hint{font-size:var(--t-meta)}}.v-cards .c-tile-voice,.v-cards .c-tile-price{font-size:var(--t-ui)}.v-cards .c-tile-hint{font-size:var(--t-meta)}@media (min-width:720px){.v-cards-grid{gap:var(--sp-5) var(--sp-5)}.v-cards-h{font-size:var(--t-h3)}.v-cards-lede,.v-cards .c-tile-voice{font-size:var(--t-body)}.v-cards .c-tile-price{font-size:var(--t-voice)}.v-cards .c-tile-nick{font-size:min(44px, calc(((min(100vw - 2 * var(--pad), 680px) - 24px) / 2 - 32px) / (var(--nick-len,4) * var(--nick-w,.8))))}}@media (min-width:1024px){.v-cards-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr))}.v-cards-grid>.c-tile:only-child{grid-column:1/-1}.v-cards .c-tile{--c-plate:calc((min(100vw - 96px, var(--grid-max)) - var(--gutter)) / 4);grid-template-columns:var(--c-plate) minmax(0, 1fr);align-items:end;display:grid}.v-cards .c-tile-photo:after{background:linear-gradient(to right, transparent 0%, color-mix(in oklch, var(--p-paper) 55%, transparent) 45%, var(--p-paper) 100%);width:22%;height:auto;inset:0 0 0 auto}.v-cards .c-tile-head{padding:var(--sp-6) var(--sp-5) var(--sp-6) var(--sp-3);max-width:34em;margin:0}.v-cards .c-tile-price{font-size:var(--t-voice)}.v-cards .c-tile-nick{font-size:min(48px, calc(((min(100vw - 96px, var(--grid-max)) - var(--gutter)) / 4 - 44px) / (var(--nick-len,4) * var(--nick-w,.8))))}}