.demo-tile.svelte-ds5r21{background:var(--proof-black);color:var(--warm-stock);--tile-quiet:#f4f0e88f;--tile-accent:var(--margin-note);--tile-edge:#f4f0e838;border:1px solid #f4f0e829;position:relative;overflow:hidden;container-type:inline-size}.demo-tile.inverted.svelte-ds5r21{background:var(--warm-stock);color:var(--proof-black);--tile-quiet:#080b1299;--tile-accent:#2949c7;--tile-edge:#080b123d;border-color:#080b1247}.demo-tile.svelte-ds5r21:before{z-index:1;background:var(--proof-cobalt);content:"";width:2.5rem;height:2px;position:absolute;top:0;left:0}.tile-inner.svelte-ds5r21{grid-template-rows:auto minmax(0,1fr) auto;gap:4cqi;height:100%;padding:clamp(.55rem,4.5cqi,1.3rem);display:grid}.tile-head.svelte-ds5r21,.tile-foot.svelte-ds5r21{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem .5rem;display:flex}.tile-format.svelte-ds5r21,.tile-demo.svelte-ds5r21,.tile-angle.svelte-ds5r21,.tile-id.svelte-ds5r21{letter-spacing:.12em;white-space:nowrap;font-size:clamp(.44rem,3.4cqi,.58rem);font-weight:800}.tile-format.svelte-ds5r21{border:1px solid var(--tile-edge);color:var(--tile-accent);padding:.2em .5em}.tile-demo.svelte-ds5r21{background:var(--proof-cobalt);color:var(--warm-stock);padding:.2em .45em}.tile-body.svelte-ds5r21{align-content:start;gap:2.5cqi;min-height:0;display:grid;overflow:hidden}.tile-angle.svelte-ds5r21{color:var(--tile-quiet)}.tile-hook.svelte-ds5r21{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(.9rem,10.5cqi,1.85rem);font-weight:700;line-height:.98}.tile-numeral.svelte-ds5r21{color:var(--proof-cobalt);font-family:var(--display);font-size:min(22cqi, calc(77cqi / var(--numeral-chars,5)), 5rem);font-variant-numeric:tabular-nums;letter-spacing:-.07em;white-space:nowrap;font-weight:800;line-height:.85;display:block}.demo-tile.inverted.svelte-ds5r21 .tile-numeral:where(.svelte-ds5r21){color:#2949c7}.tile-hook-secondary.svelte-ds5r21{letter-spacing:-.02em;font-size:clamp(.72rem,6cqi,1.05rem);line-height:1.15}.tile-sub.svelte-ds5r21{color:var(--tile-quiet);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(.6rem,4.4cqi,.82rem);line-height:1.35;display:-webkit-box;overflow:hidden}.tile-numeral.svelte-ds5r21~.tile-sub:where(.svelte-ds5r21){-webkit-line-clamp:2;line-clamp:2}.tile-cta.svelte-ds5r21{border:1px solid var(--tile-edge);letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;clip-path:polygon(0 0,calc(100% - .35rem) 0,100% .35rem,100% 100%,0 100%);background:0 0;max-width:100%;padding:.35em .6em;font-size:clamp(.46rem,3.6cqi,.64rem);font-weight:700;overflow:hidden}.tile-id.svelte-ds5r21{color:var(--tile-quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.demo-tile[data-format=FEED].svelte-ds5r21{aspect-ratio:1}.demo-tile[data-format=STORY].svelte-ds5r21{aspect-ratio:9/16}.work-tile.svelte-ds5r21{background:var(--proof-black);border:1px solid #f4f0e829;margin:0;position:relative;overflow:hidden;container-type:inline-size}.work-tile.svelte-ds5r21:before{z-index:2;background:var(--proof-cobalt);content:"";width:2.5rem;height:2px;position:absolute;top:0;left:0}.work-tile.svelte-ds5r21 picture:where(.svelte-ds5r21){height:100%;display:block}.work-tile.svelte-ds5r21 img:where(.svelte-ds5r21){object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:filter .26s}.work-tile.svelte-ds5r21:hover img:where(.svelte-ds5r21),.work-tile.svelte-ds5r21:focus-visible img:where(.svelte-ds5r21),.work-tile.svelte-ds5r21:focus-within img:where(.svelte-ds5r21){filter:none}.work-scrim.svelte-ds5r21{z-index:1;color:var(--warm-stock);background:linear-gradient(#0000 0%,#080b12c7 55%,#080b12f0 100%);justify-items:start;gap:2cqi;padding:clamp(.55rem,4.5cqi,1.15rem);display:grid;position:absolute;bottom:0;left:0;right:0}.work-chip.svelte-ds5r21{background:var(--proof-cobalt);color:var(--warm-stock);letter-spacing:.12em;white-space:nowrap;padding:.2em .45em;font-size:clamp(.44rem,3.4cqi,.58rem);font-weight:800}.work-concept.svelte-ds5r21{font-family:var(--display);letter-spacing:-.025em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.72rem,6.4cqi,1.1rem);font-weight:700;line-height:1.08;display:-webkit-box;overflow:hidden}.work-meta.svelte-ds5r21{letter-spacing:.1em;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;font-size:clamp(.44rem,3.2cqi,.56rem);font-weight:700;display:flex}.work-brand.svelte-ds5r21,.work-id.svelte-ds5r21{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.work-brand.svelte-ds5r21{color:var(--margin-note)}.work-id.svelte-ds5r21{color:#f4f0e88f}.work-tile[data-ratio="2x3"].svelte-ds5r21{aspect-ratio:2/3}.work-tile[data-ratio="4x5"].svelte-ds5r21{aspect-ratio:4/5}.work-tile[data-ratio="3x4"].svelte-ds5r21{aspect-ratio:3/4}@media (prefers-reduced-motion:reduce){.work-tile.svelte-ds5r21 img:where(.svelte-ds5r21){transition:none}}