.tabby-example{padding:22px 0 76px}.tabby-example__intro{padding-bottom:22px}.tabby-example__breadcrumbs{color:var(--subtle);align-items:center;gap:9px;margin-bottom:17px;font-size:12px;line-height:1.5;display:flex}.tabby-example__breadcrumbs a:hover{color:var(--accent)}.tabby-example__breadcrumbs [aria-current=page]{color:var(--muted)}.tabby-example__intro h1{letter-spacing:-.045em;max-width:760px;margin:7px 0 9px;font-size:clamp(34px,4.3vw,48px)}.tabby-example__intro>p{max-width:650px;font-size:14px;line-height:1.7}.tabby-example__showcase{grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:start;gap:clamp(28px,6vw,76px);display:grid}.tabby-example__video-figure{min-width:0;margin:0}.tabby-example__video-frame{border:1px solid var(--border);background:#171914;border-radius:15px;justify-content:center;padding:9px;display:flex;overflow:hidden;box-shadow:0 16px 44px #1e1c1421}.tabby-example__video-frame video{aspect-ratio:496/864;object-fit:contain;background:#090a08;border-radius:8px;width:auto;max-width:100%;height:max(340px,min(66svh,100svh - 290px,680px));display:block}.tabby-example__video-figure>figcaption{max-width:520px;color:var(--subtle);text-align:center;margin:10px auto 0;font-size:11px;line-height:1.55}.tabby-example__details{gap:20px;padding-top:5px;display:grid}.tabby-example__reference{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:13px;margin:0;padding:8px}.tabby-example__reference img{object-fit:contain;background:var(--surface-2);border-radius:8px;width:100%;height:auto;max-height:240px}.tabby-example__reference figcaption{color:var(--subtle);padding:7px 4px 1px;font-size:11px}.tabby-example__story h2{letter-spacing:-.03em;margin:5px 0 8px;font-size:clamp(23px,2.4vw,29px)}.tabby-example__story p,.tabby-example__caveat{font-size:13px;line-height:1.75}.tabby-example__actions{justify-items:start;gap:12px;display:grid}.tabby-example__actions .button{white-space:normal;text-align:center}.tabby-example__caveat{border-top:1px solid var(--border);color:var(--subtle);padding-top:13px;font-size:11px}@media (max-width:760px){.tabby-example{padding-top:16px}.tabby-example__intro{padding-bottom:18px}.tabby-example__breadcrumbs{margin-bottom:14px}.tabby-example__intro h1{max-width:560px;font-size:clamp(32px,8.5vw,42px)}.tabby-example__intro>p{max-width:560px;font-size:13px}.tabby-example__showcase{grid-template-columns:minmax(0,1fr);gap:25px}.tabby-example__video-frame{border-radius:12px;padding:7px}.tabby-example__video-frame video{height:max(340px,min(68svh,100svh - 310px,680px))}.tabby-example__details{grid-template-columns:minmax(108px,.72fr) minmax(0,1.3fr);align-items:start;gap:17px;padding-top:0}.tabby-example__reference{grid-row:span 2}.tabby-example__reference img{max-height:190px}.tabby-example__story h2{font-size:23px}.tabby-example__actions{grid-column:1/-1;justify-items:stretch;padding-top:2px}.tabby-example__actions .text-link{justify-self:center}.tabby-example__caveat{grid-column:1/-1}}@media (max-width:380px){.tabby-example__showcase{width:calc(100% - 32px)}.tabby-example__details{grid-template-columns:minmax(94px,.65fr) minmax(0,1.35fr);column-gap:13px}.tabby-example__actions .button{padding-inline:14px;font-size:12px}}