#project-preview:where(.astro-robmymix){width:100%;max-width:none;padding-left:0;padding-right:0;padding-bottom:1.5rem;padding-top:2.5rem}.project-preview-header:where(.astro-robmymix){margin-left:auto;margin-right:auto;display:flex;max-width:48rem;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}.project-preview-header:where(.astro-robmymix) h2:where(.astro-robmymix){font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:.025em}.project-preview-link:where(.astro-robmymix){font-size:.875rem;line-height:1.25rem;font-weight:500;opacity:.7;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-preview-link:where(.astro-robmymix):hover{opacity:1}.project-rail:where(.astro-robmymix){position:relative;overflow:hidden;margin-top:1rem}.project-rail:where(.astro-robmymix):before,.project-rail:where(.astro-robmymix):after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:min(14vw,5rem);pointer-events:none}.project-rail:where(.astro-robmymix):before{left:0;background:linear-gradient(to right,rgb(var(--color-fill)),transparent)}.project-rail:where(.astro-robmymix):after{right:0;background:linear-gradient(to left,rgb(var(--color-fill)),transparent)}.project-rail-track:where(.astro-robmymix){display:flex;width:-moz-max-content;width:max-content;gap:.75rem;padding:0 1rem .25rem;animation:project-rail-slide 34s linear infinite}.project-rail:where(.astro-robmymix):hover .project-rail-track:where(.astro-robmymix),.project-rail:where(.astro-robmymix):focus-within .project-rail-track:where(.astro-robmymix){animation-play-state:paused}.project-preview-card:where(.astro-robmymix){width:clamp(11.5rem,44vw,16rem);flex:0 0 auto;overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:8px;background:rgb(var(--color-card) / .44);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-preview-card:where(.astro-robmymix):hover,.project-preview-card:where(.astro-robmymix):focus-visible{transform:translateY(-2px);border-color:rgb(var(--color-accent));box-shadow:0 8px 22px #0000001a}.preview-media:where(.astro-robmymix){position:relative;aspect-ratio:var(--preview-aspect, 1 / 1);overflow:hidden;background:#080a10}.preview-media:where(.astro-robmymix) img:where(.astro-robmymix),.preview-media:where(.astro-robmymix) video:where(.astro-robmymix){width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.preview-media:where(.astro-robmymix) video:where(.astro-robmymix){position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .18s ease}.preview-media:where(.astro-robmymix)[data-active=true][data-video-ready=true] video:where(.astro-robmymix),.preview-media:where(.astro-robmymix)[data-autoplaying=true][data-video-ready=true] video:where(.astro-robmymix){opacity:1}.preview-watch:where(.astro-robmymix){position:absolute;right:.55rem;bottom:.55rem;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:#05070cad;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1;padding:.35rem .5rem;text-transform:uppercase;transition:opacity .18s ease,transform .18s ease}.preview-media:where(.astro-robmymix)[data-active=true] .preview-watch:where(.astro-robmymix),.preview-media:where(.astro-robmymix)[data-autoplaying=true] .preview-watch:where(.astro-robmymix){opacity:0;transform:translateY(4px)}.preview-copy:where(.astro-robmymix){padding:.75rem}.preview-copy:where(.astro-robmymix) h3:where(.astro-robmymix){font-size:.875rem;line-height:1.25rem;font-weight:600;margin:0}.preview-copy:where(.astro-robmymix) p:where(.astro-robmymix){margin-top:.25rem;font-size:.75rem;line-height:1rem;line-height:1.375;opacity:.7;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}@keyframes project-rail-slide{0%{transform:translate(0)}to{transform:translate(calc(-50% - .375rem))}}@media (prefers-reduced-motion: reduce){.project-rail:where(.astro-robmymix){overflow-x:auto;scroll-snap-type:x mandatory}.project-rail-track:where(.astro-robmymix){animation:none}.project-preview-card:where(.astro-robmymix){scroll-snap-align:start}}#hero:where(.astro-j7pv25f6){display:flex;flex-direction:column;align-items:center;padding-bottom:1rem;padding-top:1rem;text-align:center}#hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){margin-top:0;margin-bottom:0;display:inline-block;font-size:1.875rem;line-height:2.25rem;font-weight:400}@media (min-width: 640px){#hero:where(.astro-j7pv25f6) h1:where(.astro-j7pv25f6){font-size:3rem;line-height:1}}#hero:where(.astro-j7pv25f6) .rss-link:where(.astro-j7pv25f6){margin-bottom:1.5rem}#hero:where(.astro-j7pv25f6) .rss-icon:where(.astro-j7pv25f6){margin-bottom:.5rem;height:1.5rem;width:1.5rem;--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:rgb(var(--color-accent))}@media (min-width: 640px){#hero:where(.astro-j7pv25f6) .rss-icon:where(.astro-j7pv25f6){margin-bottom:.75rem;--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}#hero:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){margin-top:.5rem;margin-bottom:.5rem}.hero-bio:where(.astro-j7pv25f6){margin-top:.25rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;opacity:.7}.social-wrapper:where(.astro-j7pv25f6){margin-top:1rem;display:flex;flex-direction:column}@media (min-width: 640px){.social-wrapper:where(.astro-j7pv25f6){flex-direction:row;align-items:center}}.social-links:where(.astro-j7pv25f6){margin-bottom:.25rem;margin-right:.5rem;white-space:nowrap}@media (min-width: 640px){.social-links:where(.astro-j7pv25f6){margin-bottom:0}}#featured:where(.astro-j7pv25f6),#recent-posts:where(.astro-j7pv25f6){padding-bottom:1.5rem;padding-top:3rem}#featured:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6),#recent-posts:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:.025em}.all-posts-btn-wrapper:where(.astro-j7pv25f6){margin-top:2rem;margin-bottom:2rem;text-align:center}
