.pc-wi{gap:40px;display:grid}@media (min-width:1100px){.pc-wi{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start;gap:clamp(40px,4vw,64px)}}.pc-wi__list{border-top:1px solid var(--ovaflow-line);margin:0;padding:0;list-style:none}.pc-wi__item{position:relative}.pc-wi__group{font:500 12px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--ovaflow-line);padding:28px 0 10px;display:block}.pc-wi__item[data-group-start]:first-child .pc-wi__group{padding-top:18px}.pc-wi__row{border-bottom:1px solid var(--ovaflow-line);min-height:108px;color:var(--ovaflow-ink);outline:none;grid-template-columns:40px minmax(0,1fr) 88px;grid-template-areas:"n title thumb""n desc thumb";align-items:center;gap:4px 14px;padding:16px 0;text-decoration:none;display:grid;position:relative}@media (min-width:1100px){.pc-wi__row{grid-template-columns:56px minmax(0,1fr) 44px;grid-template-areas:"n title go""n desc go";column-gap:20px;min-height:120px;padding:18px 12px 18px 8px}}.pc-wi__pill{z-index:0;background:var(--ovaflow-lavender-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);clip-path:inset(0 round 999px);opacity:0;pointer-events:none;border-radius:999px;position:absolute;inset:8px -8px}@media (min-width:1100px){.pc-wi[data-motion] .pc-wi__pill{opacity:1;clip-path:inset(calc(50% - 22px) 20px calc(50% - 22px) calc(100% - 64px) round 999px);transition:clip-path .46s var(--ease-hover)}.pc-wi[data-motion] .is-active .pc-wi__pill{clip-path:inset(0 round 999px)}.pc-wi:not([data-motion]) .is-active .pc-wi__pill{opacity:1}}.pc-wi__n{z-index:1;font:500 13px/1 var(--font-mono);color:var(--ovaflow-muted);font-variant-numeric:tabular-nums;grid-area:n;justify-self:start;padding:6px 8px;position:relative}.pc-wi__br{border:0 solid var(--accent);opacity:0;width:8px;height:8px;transition:opacity var(--d-ui,.2s) var(--ease-standard), transform var(--d-panel,.32s) var(--ease-snap);position:absolute;transform:scale(1.6)}.pc-wi__br--tl{transform-origin:0 0;border-width:1.5px 0 0 1.5px;top:0;left:0}.pc-wi__br--br{transform-origin:100% 100%;border-width:0 1.5px 1.5px 0;bottom:0;right:0}.pc-wi__title{z-index:1;font:700 clamp(22px, 2.3vw, 34px) / 1.05 var(--font-display);letter-spacing:-.03em;transition:transform var(--d-panel,.32s) var(--ease-house);grid-area:title;align-self:end;position:relative}.pc-wi__desc{z-index:1;color:var(--ovaflow-secondary);grid-area:desc;align-self:start;font-size:14px;line-height:1.45;position:relative}@media (min-width:1100px){.pc-wi__desc{max-width:52ch;transition:transform var(--d-panel,.32s) var(--ease-house);font-size:15px}}.pc-wi__thumb{z-index:1;background:var(--ovaflow-lavender-soft);width:88px;height:56px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ovaflow-ink) 10%, transparent);border-radius:999px;grid-area:thumb;justify-self:end;position:relative;overflow:hidden}@media (min-width:1100px){.pc-wi__thumb{display:none}}.pc-wi__media,.pc-wi__img{margin:0;inset:0;aspect-ratio:auto!important;border-radius:0!important;width:100%!important;height:100%!important;position:absolute!important}.pc-wi__img,.pc-wi__media .ovf-loop__media,.pc-wi__media video,.pc-wi__media img{object-fit:cover;object-position:var(--pc-wi-pos,50% 50%);width:100%;height:100%;transform-origin:var(--pc-wi-pos,50% 50%);transform:scale(var(--pc-wi-zoom,1));display:block}.pc-wi__go{z-index:2;width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--ovaflow-line);background:var(--ovaflow-surface);color:var(--ovaflow-ink);transition:background-color var(--d-ui,.2s) var(--ease-standard), color var(--d-ui,.2s) var(--ease-standard), transform var(--d-panel,.32s) var(--ease-snap);border-radius:50%;grid-area:go;place-items:center;display:none;position:relative}@media (min-width:1100px){.pc-wi__go{display:grid}}.pc-wi .is-active .pc-wi__br{opacity:1;transform:scale(1)}.pc-wi .is-active .pc-wi__n{color:var(--accent)}.pc-wi[data-motion] .is-active .pc-wi__title{transform:translate(8px)}@media (min-width:1100px){.pc-wi[data-motion] .is-active .pc-wi__desc{transform:translate(8px)}}.pc-wi .is-active .pc-wi__go{background:var(--accent);color:#fff;box-shadow:0 6px 18px -6px #00000059}.pc-wi[data-motion] .is-active .pc-wi__go{transform:rotate(-45deg)}@media (max-width:1099.98px){.pc-wi .is-active .pc-wi__thumb{box-shadow:0 0 0 2px var(--accent)}}.pc-wi__row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:999px}.pc-wi__dock{display:none}@media (min-width:1100px){.pc-wi__dock{display:block;position:sticky;top:calc(50svh - 210px)}}.pc-wi__card{background:var(--ovaflow-surface);box-shadow:inset 0 0 0 1px var(--ovaflow-line), 0 40px 80px -60px #11182780;border-radius:28px;gap:16px;padding:14px;display:grid}.pc-wi__frame{aspect-ratio:16/10;background:var(--ovaflow-lavender-soft);isolation:isolate;border-radius:18px;position:relative;overflow:hidden}.pc-wi__layer{z-index:0;position:absolute;inset:0}.pc-wi__layer.is-top{z-index:1}.pc-wi[data-motion] .pc-wi__layer.is-top{animation:pc-wi-in .42s var(--ease-enter) both}@keyframes pc-wi-in{0%{clip-path:inset(0 100% 0 0);transform:scale(1.03)}to{clip-path:inset(0);transform:none}}.pc-wi__cap{gap:4px;padding:0 8px 6px;display:grid}.pc-wi__cap-n{font:500 12px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.pc-wi__cap-title{font:700 22px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ovaflow-ink)}.pc-wi[data-motion] .pc-wi__cap-title{animation:pc-wi-cap .36s var(--ease-enter) both}@keyframes pc-wi-cap{0%{clip-path:inset(0 100% 0 0);transform:translateY(6px)}to{clip-path:inset(-4px -4px -6px);transform:none}}.pc-wi__cap-note{color:var(--ovaflow-muted);font-size:13px;line-height:1.4}html[data-motion-tier=C] .pc-wi__layer,html[data-motion-tier=C] .pc-wi__cap-title{animation:none}
