.tio{container-type:inline-size;container-name:tio;position:relative;display:block;overflow:hidden;border-radius:6px;background:var(--tio-plate-fallback, var(--bg-soft));aspect-ratio:var(--tio-ratio, 16 / 9);--tio-ink: var(--color-parchment);--tio-ink-soft: var(--color-cream);--tio-ink-muted: var(--color-cream-soft);--tio-scrim-rgb: 0, 0, 0;--tio-plate: var(--color-ink);--tio-pad-rgb: 15, 18, 23;--tio-pad-alpha: .5;--tio-shadow-rgb: 0, 0, 0;--tio-plate-fallback: var(--color-ink)}.tio[data-tone=dark]{--tio-ink: var(--color-ink);--tio-ink-soft: var(--color-ink-soft);--tio-ink-muted: var(--color-fog);--tio-scrim-rgb: 255, 255, 255;--tio-plate: var(--color-parchment);--tio-pad-rgb: 250, 246, 240;--tio-pad-alpha: .55;--tio-shadow-rgb: 255, 255, 255;--tio-plate-fallback: var(--color-parchment)}.tio-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--tio-object-position, center)}.tio-scrim{position:absolute;inset:0;pointer-events:none}.tio[data-technique=gradient]{--tio-scrim-max: .72}.tio[data-technique=gradient] .tio-scrim{background:linear-gradient(var(--tio-scrim-dir, to top),rgba(var(--tio-scrim-rgb),var(--tio-scrim-max)) 0%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .9)) 12%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .74)) 25%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .55)) 39%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .35)) 53%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .18)) 67%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .07)) 80%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .02)) 91%,rgba(var(--tio-scrim-rgb),0) 100%)}.tio[data-position=top-left]{--tio-scrim-dir: to bottom right}.tio[data-position=top-right]{--tio-scrim-dir: to bottom left}.tio[data-position=bottom-left]{--tio-scrim-dir: to top right}.tio[data-position=bottom-right]{--tio-scrim-dir: to top left}.tio[data-technique=gradient][data-position=center] .tio-scrim{background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .86)),rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .62)) 35%,rgba(var(--tio-scrim-rgb),calc(var(--tio-scrim-max) * .3)) 62%,rgba(var(--tio-scrim-rgb),0))}.tio[data-technique=overlay] .tio-scrim{background:rgba(var(--tio-scrim-rgb),.4)}.tio[data-technique=letterbox] .tio-scrim,.tio[data-technique=shadow] .tio-scrim,.tio[data-technique=blur-pad] .tio-scrim{display:none}.tio-text{position:absolute;display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;max-width:88%;color:var(--tio-ink)}@container tio (min-width: 40rem){.tio-text{padding:1.75rem}}.tio[data-position=top-left] .tio-text{top:0;left:0;align-items:flex-start;text-align:left}.tio[data-position=top-right] .tio-text{top:0;right:0;align-items:flex-end;text-align:right}.tio[data-position=bottom-left] .tio-text{bottom:0;left:0;align-items:flex-start;text-align:left}.tio[data-position=bottom-right] .tio-text{bottom:0;right:0;align-items:flex-end;text-align:right}.tio[data-position=center] .tio-text{inset:0;align-items:center;justify-content:center;text-align:center}.tio[data-technique=letterbox] .tio-text{inset:auto 0 0;max-width:none;background:var(--tio-plate);padding:1.1rem 1.5rem}.tio[data-technique=shadow] .tio-text{text-shadow:0 1px 2px rgba(var(--tio-shadow-rgb),.65),0 2px 14px rgba(var(--tio-shadow-rgb),.5)}.tio[data-technique=blur-pad] .tio-text{background:rgba(var(--tio-pad-rgb),var(--tio-pad-alpha));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;padding:1rem 1.25rem;margin:1.25rem;max-width:min(88%,52ch)}.tio[data-technique=blur-pad][data-position=center] .tio-text{inset:0;margin:auto;width:fit-content;height:fit-content}.tio-eyebrow{font-family:var(--font-serif);font-size:clamp(.65rem,.45rem + 1cqw,.8rem);text-transform:uppercase;letter-spacing:.18em;color:var(--tio-ink-muted)}.tio-title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.2rem,.55rem + 4.5cqw,2.6rem);line-height:1.08;letter-spacing:-.02em;text-wrap:balance;color:var(--tio-ink)}.tio-desc{font-size:clamp(.85rem,.55rem + 1.6cqw,1.15rem);line-height:1.4;max-width:46ch;color:var(--tio-ink-soft)}.tio-meta{margin-top:.25rem;font-size:clamp(.7rem,.45rem + 1cqw,.85rem);color:var(--tio-ink-muted)}a.tio{transition:transform .25s cubic-bezier(.2,.8,.2,1)}a.tio .tio-img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}a.tio:hover .tio-img{transform:scale(1.015)}a.tio:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){a.tio,a.tio .tio-img{transition:none}}