.cvt-hero{width:min(100%,540px);height:460px;position:relative}.cvt-split{border:6px solid #fff;border-radius:26px;position:absolute;inset:20px 0 90px 30px;overflow:hidden;box-shadow:0 40px 60px -30px #9a341273}.cvt-split img{object-fit:cover}.cvt-split>img{filter:saturate(.75)contrast(.95)}.cvt-after{clip-path:inset(0 0 0 50%);animation:7s ease-in-out infinite cvt-sweep;position:absolute;inset:0}.cvt-after img{filter:saturate(1.2)}@keyframes cvt-sweep{0%,to{clip-path:inset(0 0 0 26%)}50%{clip-path:inset(0 0 0 74%)}}.cvt-divider{background:#fff;width:4px;animation:7s ease-in-out infinite cvt-line;position:absolute;top:0;bottom:0;left:26%;translate:-50%}@keyframes cvt-line{0%,to{left:26%}50%{left:74%}}.cvt-divider i{color:#fff;background:#ea580c;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 4px #fff}.cvt-tag{border-radius:var(--r-pill);color:#fff;background:#0f172ac7;padding:5px 12px;font-size:13px;font-weight:800;position:absolute;top:14px}.cvt-tag[data-side=from]{left:14px}.cvt-tag[data-side=to]{background:#ea580c;right:14px}.cvt-meter{z-index:2;background:#fff;border-radius:18px;gap:6px;width:260px;padding:14px 16px;display:grid;position:absolute;bottom:0;left:0;box-shadow:0 24px 40px -22px #0f172a73}.cvt-meter small{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:12px;font-weight:700}.cvt-meter-row{grid-template-columns:48px 1fr;align-items:center;gap:8px;display:grid}.cvt-meter-row b{color:#0f172a;font-size:13px}.cvt-meter-row i{transform-origin:0;background:#cbd5e1;border-radius:6px;height:12px;display:block}.cvt-meter-row i[data-v=to]{background:#ea580c;animation:7s ease-in-out infinite cvt-shrink}@keyframes cvt-shrink{0%,to{scale:.9 1}50%{scale:.42 1}}.cvt-float{z-index:2;color:#fff;background:#ea580c;border-radius:16px;max-width:200px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1.35;animation:4.5s ease-in-out infinite cvt-bob;position:absolute;bottom:28px;right:0;box-shadow:0 16px 30px -18px #ea580cb3}@keyframes cvt-bob{50%{translate:0 -8px}}.cvt-bento{grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}.cvt-tile{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);transition:transform .25s var(--ease);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.cvt-tile:hover{transform:translateY(-4px)}.cvt-tile[data-i="0"]{grid-row:span 2}.cvt-tile[data-i="3"]{flex-direction:row;grid-column:span 2}.cvt-tile-photo{flex:1;max-width:100%;min-height:170px;position:relative;overflow:hidden}.cvt-tile[data-i="0"] .cvt-tile-photo{min-height:320px}.cvt-tile[data-i="3"] .cvt-tile-photo{flex:0 0 45%}.cvt-tile-photo img{object-fit:cover;transition:scale .4s var(--ease)}.cvt-tile:hover .cvt-tile-photo img{scale:1.05}.cvt-tile-copy{padding:18px 18px 20px;position:relative}.cvt-tile[data-i="3"] .cvt-tile-copy{align-self:center}.cvt-tile-n{width:42px;height:42px;box-shadow:0 0 0 4px var(--surface);font-family:var(--font-display);color:#fff;background:#ea580c;border-radius:50%;place-items:center;font-size:clamp(14.5px,13.404px + .281vw,17px);font-weight:800;display:grid;position:absolute;top:-22px;left:16px}.cvt-tile[data-i="3"] .cvt-tile-n{box-shadow:none;margin-bottom:8px;position:static}.cvt-tile-copy h3{font-family:var(--font-display);color:var(--heading);margin:12px 0 6px;font-size:clamp(15.5px,14.404px + .281vw,18px)}.cvt-tile[data-i="3"] .cvt-tile-copy h3{margin-top:0}.cvt-tile-copy p{color:var(--text-2);margin:0;font-size:14px;line-height:1.5}.cvt-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.cvt-format{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);flex-direction:column;gap:12px;padding:12px 12px 18px;display:flex}.cvt-format>b{color:var(--heading);margin:0 6px;font-size:clamp(14px,13.562px + .112vw,15px);line-height:1.4}.cvt-format ul{gap:6px;margin:0 6px;padding:0;list-style:none;display:grid}.cvt-format li{color:var(--text);align-items:flex-start;gap:7px;font-size:14px;line-height:1.45;display:flex}.cvt-format li svg{box-sizing:content-box;border-radius:50%;flex:none;margin-top:1px;padding:2px}.cvt-format li[data-kind=pro] svg{color:#16a34a;background:#dcfce7}.cvt-format li[data-kind=con] svg{color:#dc2626;background:#fee2e2}.cvt-swatch{border-radius:16px;place-items:center;height:130px;display:grid}.cvt-swatch span{border-radius:var(--r-pill);font-family:var(--font-display);color:#0f172a;background:#fff;padding:6px 16px;font-size:clamp(17px,15.685px + .337vw,20px);font-weight:800;box-shadow:0 10px 20px -12px #0f172a66}.cvt-swatch[data-art=png]{background:radial-gradient(circle at 50% 50%, #fb923c 0 34px, transparent 35px), repeating-conic-gradient(#e2e8f0 0 25%, #fff 0 50%) 0 0 / 22px 22px}.cvt-swatch[data-art=jpg]{background:linear-gradient(#fde68a,#fb923c 55%,#9a3412)}.cvt-swatch[data-art=webp]{background:linear-gradient(90deg, transparent 50%, #fff0 50%), linear-gradient(90deg, #fdba74 0 50%, transparent 50%), repeating-conic-gradient(#fed7aa 0 25%, #fff7ed 0 50%) 0 0 / 22px 22px}@media (max-width:900px){.cvt-hero{height:400px}.cvt-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.cvt-tile[data-i="0"]{flex-direction:row;grid-area:auto/span 2}.cvt-tile[data-i="0"] .cvt-tile-photo{flex:0 0 45%;min-height:200px}.cvt-tile[data-i="0"] .cvt-tile-n{box-shadow:none;margin-bottom:8px;position:static}.cvt-formats{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cvt-hero{height:330px}.cvt-split{inset:10px 0 80px}.cvt-meter{width:200px;padding:10px 12px}.cvt-float{max-width:150px;font-size:12px;bottom:10px}.cvt-bento{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding:4px 16px 14px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.cvt-bento::-webkit-scrollbar{display:none}.cvt-tile,.cvt-tile[data-i="0"],.cvt-tile[data-i="3"]{scroll-snap-align:start;flex-direction:column;flex:0 0 78%}.cvt-tile-photo,.cvt-tile[data-i="0"] .cvt-tile-photo,.cvt-tile[data-i="3"] .cvt-tile-photo{flex:none;min-height:160px}.cvt-tile[data-i="0"] .cvt-tile-n,.cvt-tile[data-i="3"] .cvt-tile-n{box-shadow:0 0 0 4px var(--surface);position:absolute}.cvt-tile[data-i="3"] .cvt-tile-copy h3,.cvt-tile[data-i="0"] .cvt-tile-copy h3{margin-top:12px}.cvt-tile:hover{transform:none}.cvt-formats{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-16px;padding:4px 16px 14px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.cvt-formats::-webkit-scrollbar{display:none}.cvt-format{scroll-snap-align:start;flex:0 0 80%}}@media (prefers-reduced-motion:reduce){.cvt-after,.cvt-divider,.cvt-meter-row i,.cvt-float{animation:none}}