.tcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;list-style:none;margin:0;padding:0}.tcard{display:flex;flex-direction:column;border-radius:var(--k-r2);overflow:hidden;background:var(--k-card);border:1px solid var(--k-line)}.tcard__media{aspect-ratio:16/10;background:var(--k-surface);border-bottom:1px solid var(--k-line)}.tcard__img,.tcard__img img{width:100%;height:100%;object-fit:cover}.tcard__swatch{display:grid;place-items:center;height:100%;color:#F4EDE6;font-size:4rem}.tcard__swatch b{font-weight:900}.tcard__swatch--bordeaux{background:linear-gradient(135deg,#6B1F2E,#3E1119)}.tcard__swatch--navy{background:linear-gradient(135deg,#314164,#1B2334)}.tcard__swatch--aubergine{background:linear-gradient(135deg,#581D47,#2F0F26)}.tcard__body{padding:24px 26px 28px}.tcard__body .eyebrow{margin-bottom:8px}.tcard__name{font-size:1.5rem;font-weight:900;margin-bottom:.3em}.tcard__body p:last-child{margin:0}.after{margin:28px 0 0}.kprev{position:relative;display:block;width:100%;padding:0;border:0;border-bottom:1px solid var(--k-line);overflow:hidden;font:inherit;color:inherit;cursor:zoom-in}.kprev__desk,.kprev__desk .kshot{display:block;width:100%;height:100%}.kprev__desk .kshot{object-fit:cover;object-position:top}.kprev__phone{position:absolute;right:5%;bottom:7%;width:22%;border:3px solid #15171C;border-radius:12px;overflow:hidden;background:#15171C;box-shadow:0 12px 28px rgba(0,0,0,.28)}.kprev__phone .kshot{display:block;width:100%;height:auto}.kprev__hint{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid var(--k-line);border-radius:var(--radius-control);background:var(--k-card);color:var(--k-ink);font:400 .7rem/1.4 var(--k-mono);letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(4px)}.kprev:hover .kprev__hint,.kprev:focus-visible .kprev__hint{opacity:1;transform:none}@media (hover:none){.kprev__hint{opacity:1;transform:none}}.kprev:focus-visible{outline:3px solid var(--k-focus);outline-offset:-3px}@media (prefers-reduced-motion:no-preference){.kprev__desk .kshot{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.kprev__hint{transition:opacity .2s,transform .2s}.kprev:hover .kprev__desk .kshot{transform:scale(1.03)}}.kshot--dark{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]) .kshot--dark{display:block!important}:root:not([data-scheme=light]) .kshot--light:not(.kshot--only){display:none!important}}:root[data-scheme=dark] .kshot--dark{display:block!important}:root[data-scheme=dark] .kshot--light:not(.kshot--only){display:none!important}.kview.kview:has([value=light]:checked) .kshot--light{display:block!important}.kview.kview:has([value=light]:checked) .kshot--dark{display:none!important}.kview.kview:has([value=dark]:checked) .kshot--dark{display:block!important}.kview.kview:has([value=dark]:checked) .kshot--light{display:none!important}.kview{width:min(1440px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--k-line);border-radius:var(--k-r3);background:var(--k-bg);color:var(--k-ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 80px rgba(0,0,0,.35)}.kview::backdrop{background:rgba(12,14,20,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kview__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 24px;border-bottom:1px solid var(--k-line);background:var(--k-bg)}.kview__name{flex:1;margin:0;font-size:1.15rem;font-weight:900}.kview__scheme{display:flex;gap:2px;margin:0;padding:3px;border:1px solid var(--k-line);border-radius:var(--radius-control)}.kview__opt{position:relative;padding:8px 14px;border-radius:calc(var(--radius-control) - 3px);color:var(--k-muted);font:400 .72rem/1.4 var(--k-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.kview__opt input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.kview__opt:has(:checked),.kview:not(:has(:checked)) .kview__opt--light{background:var(--k-btn);color:var(--k-btn-ink)}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]) .kview:not(:has(:checked)) .kview__opt--light{background:none;color:var(--k-muted)}:root:not([data-scheme=light]) .kview:not(:has(:checked)) .kview__opt--dark{background:var(--k-btn);color:var(--k-btn-ink)}}:root[data-scheme=dark] .kview:not(:has(:checked)) .kview__opt--light{background:none;color:var(--k-muted)}:root[data-scheme=dark] .kview:not(:has(:checked)) .kview__opt--dark{background:var(--k-btn);color:var(--k-btn-ink)}.kview__opt:has(:focus-visible){outline:2px solid var(--k-focus);outline-offset:2px}.kview__note{margin:0;color:var(--k-muted);font:400 .72rem/1.4 var(--k-mono);letter-spacing:.1em;text-transform:uppercase}.kview__close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--k-line);border-radius:var(--radius-control);background:transparent;color:var(--k-ink);font-size:26px;line-height:1;cursor:pointer}.kview__close:hover{background:var(--k-surface)}.kview__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.29fr);gap:clamp(16px,3vw,40px);align-items:start;padding:clamp(16px,3vw,40px)}.kview figure{margin:0}.kview figcaption{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.kview .kshot{display:block;width:100%;height:auto}.kview__desk{border:1px solid var(--k-line);border-radius:var(--k-r1);overflow:hidden;background:var(--k-card)}.kview__chrome{display:flex;gap:6px;padding:9px 12px;border-bottom:1px solid var(--k-line)}.kview__chrome i{width:9px;height:9px;border-radius:50%;background:var(--k-line)}.kview__phone{border:6px solid #15171C;border-radius:30px;overflow:hidden;background:#15171C}@media (max-width:999px){.kview__stage{grid-template-columns:1fr}.kview__phone{width:min(70%,320px);justify-self:center}}@media (max-width:560px){.kview{width:100vw;max-height:100dvh;border-radius:0}.kview__bar{padding-left:16px}}