.tile:where(.astro-djkyyovc){border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:border-color .16s ease-out,transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tile:where(.astro-djkyyovc):hover{border-color:var(--color-border-strong)}@media (prefers-reduced-motion:no-preference){.tile:where(.astro-djkyyovc):hover{transform:translateY(-2px)}}.tile:where(.astro-djkyyovc):focus-within{border-color:var(--color-border-strong)}@media (min-width:640px){.tile:where(.astro-djkyyovc){padding:2rem}}.tile-lead:where(.astro-djkyyovc){justify-content:space-between}.tile-visual-mock:where(.astro-djkyyovc){margin:0 -.5rem -2.25rem}@media (min-width:640px){.tile-visual-mock:where(.astro-djkyyovc){margin:0 -.25rem -3rem}}.tile-link:where(.astro-djkyyovc){color:inherit;border-radius:4px;text-decoration:none}.tile-link:where(.astro-djkyyovc):after{content:"";z-index:1;position:absolute;inset:0}.tile-link:where(.astro-djkyyovc):focus-visible{outline:none}:is(.tile:where(.astro-djkyyovc):has(.tile-link:focus-visible),.row:where(.astro-djkyyovc):has(.tile-link:focus-visible)){outline:2px solid var(--color-focus);outline-offset:3px}.frame:where(.astro-djkyyovc){aspect-ratio:16/6;border:1px solid var(--app-border);background:var(--app-bg);border-radius:12px;display:grid;position:relative;overflow:hidden}.frame-caption:where(.astro-djkyyovc){background:radial-gradient(40% 70% at 50% 85%, #2a2d3a 0, transparent 70%), radial-gradient(30% 60% at 78% 20%, #ffd23f14, transparent 70%), var(--app-bg);place-items:end center;padding-bottom:9%}.specimen:where(.astro-djkyyovc){font-family:var(--font-display);letter-spacing:-.02em;color:#fff;-webkit-text-stroke:.09em #000;paint-order:stroke fill;text-shadow:0 4px 14px #0009;font-size:clamp(1.25rem,4.2vw,2rem);font-weight:900;line-height:1}.specimen-on:where(.astro-djkyyovc){color:#ffd23f}.frame-motion:where(.astro-djkyyovc){background:radial-gradient(60% 90% at 20% 30%, #20232e 0, transparent 70%), var(--app-bg);align-content:space-between;padding:1.1rem}.lt:where(.astro-djkyyovc){align-self:center;justify-items:start;gap:.55rem;padding-left:.4rem;display:grid}.lt-title:where(.astro-djkyyovc){font-family:var(--font-display);letter-spacing:-.03em;color:#fff;-webkit-text-stroke:.08em #000;paint-order:stroke fill;text-shadow:0 4px 14px #0009;font-size:clamp(1.5rem,4.6vw,2.35rem);font-weight:900;line-height:.95}.lt-rule:where(.astro-djkyyovc){background:#ffd23f;border-radius:3px;width:3.25rem;height:5px;box-shadow:0 0 0 1.5px #000}.track:where(.astro-djkyyovc){height:1.35rem;font:500 10.5px/1.35rem var(--font-sans);gap:3px;display:flex}.track-clip:where(.astro-djkyyovc),.track-motion:where(.astro-djkyyovc){white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:0 .5rem;overflow:hidden}.track-clip:where(.astro-djkyyovc){color:#fff;background:linear-gradient(#5f6be0,#38408f);border:1px solid #7d87f0;flex:3}.track-motion:where(.astro-djkyyovc){color:#fff;background:#6b4af0;border:1px solid #8f78ff;flex:2}.specimen-on:where(.astro-djkyyovc),.lt-rule:where(.astro-djkyyovc),.track-motion:where(.astro-djkyyovc){transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .2s ease-out;display:inline-block}.lt-rule:where(.astro-djkyyovc){transform-origin:0}.tile:where(.astro-djkyyovc):hover .track-motion:where(.astro-djkyyovc),.tile:where(.astro-djkyyovc):focus-within .track-motion:where(.astro-djkyyovc){box-shadow:0 0 0 1.5px #ffd23f}@media (prefers-reduced-motion:no-preference){.tile:where(.astro-djkyyovc):hover .lt:where(.astro-djkyyovc),.tile:where(.astro-djkyyovc):focus-within .lt:where(.astro-djkyyovc){transform:translate(4px)}.lt:where(.astro-djkyyovc){transition:transform .4s cubic-bezier(.16,1,.3,1)}.tile:where(.astro-djkyyovc):hover .specimen-on:where(.astro-djkyyovc),.tile:where(.astro-djkyyovc):focus-within .specimen-on:where(.astro-djkyyovc){transition-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(1.14)rotate(-2deg)}.tile:where(.astro-djkyyovc):hover .lt-rule:where(.astro-djkyyovc),.tile:where(.astro-djkyyovc):focus-within .lt-rule:where(.astro-djkyyovc){transform:scaleX(1.8)}}.rows:where(.astro-djkyyovc){border-top:1px solid var(--color-border)}.row:where(.astro-djkyyovc){border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) 1.25rem;align-items:center;gap:.5rem 1.5rem;padding:1.5rem .25rem;transition:background-color .16s ease-out;display:grid;position:relative}.row-title:where(.astro-djkyyovc){grid-column:1}.row-sum:where(.astro-djkyyovc){grid-column:1;max-width:60ch}.row-go:where(.astro-djkyyovc){grid-area:1/2/span 2;transition:transform .2s ease-out,color .16s ease-out}.row:where(.astro-djkyyovc):hover .row-go:where(.astro-djkyyovc){color:var(--color-text)}@media (prefers-reduced-motion:no-preference){.row:where(.astro-djkyyovc):hover .row-go:where(.astro-djkyyovc){transform:translate(4px)}}@media (min-width:768px){.row:where(.astro-djkyyovc){grid-template-columns:minmax(0,4fr) minmax(0,7fr) 1.25rem;padding:1.75rem .5rem}.row-sum:where(.astro-djkyyovc){grid-column:2}.row-go:where(.astro-djkyyovc){grid-area:1/3}}
