.live-project-window{min-width:0}.live-project-window__preview{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.live-project-window[data-active] .live-project-window__preview{aspect-ratio:auto;height:clamp(22rem,65svh,34rem)}.live-project-window__poster,.live-project-window__frame{width:100%;height:100%;display:block}.live-project-window__poster{object-fit:cover;object-position:top}.live-project-window__frame{background:var(--cream);border:0;position:absolute;inset:0}.live-project-window__start{color:var(--cream);text-align:center;background:linear-gradient(#0000 40%,#14212ad9);flex-direction:column;justify-content:end;align-items:center;gap:.5rem;padding:2.5rem .75rem .75rem;display:flex;position:absolute;inset:0}.live-project-window__start p{max-width:19rem;font-size:.75rem;line-height:1.4}.live-project-window__button{background:var(--cream);min-height:2.75rem;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;font-weight:500;line-height:1.3;text-decoration:none;display:inline-flex}.live-project-window__button svg,.live-project-window__close svg{flex-shrink:0;width:1rem;height:1rem}.live-project-window__close{flex-shrink:0;align-items:center;gap:.35rem;min-height:2.75rem;padding-inline:.4rem;font-size:.8125rem;display:inline-flex}.live-project-window__message{color:var(--ink);text-align:center;background:#f5f3eef0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.live-project-window__message p{max-width:21rem;font-size:.9375rem;line-height:1.5}.live-project-window__message>svg{width:1.5rem;height:1.5rem}.live-project-window__message .live-project-window__button{background:var(--ink);color:var(--cream)}.live-project-window__footer,.live-project-window__external-note{padding:.75rem .875rem;font-size:.75rem;line-height:1.5}.live-project-window__footer{gap:.5rem;display:grid}.live-project-window__footer p,.live-project-window__external-note{color:var(--muted-foreground)}.live-project-window__footer a{text-underline-offset:.2em;justify-self:start;align-items:center;gap:.35rem;min-height:2.75rem;text-decoration:underline;display:inline-flex}.live-project-window__footer a svg{flex-shrink:0;width:.875rem;height:.875rem}.live-project-window__button:focus-visible,.live-project-window__close:focus-visible,.live-project-window__footer a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.live-projects{color:var(--ink)}.live-projects__heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem 3rem;margin-bottom:2rem;display:flex}.live-projects__heading h2{text-wrap:balance;margin-top:.75rem;scroll-margin-top:6.5rem}.live-projects__intro{max-width:31rem;line-height:1.6}.live-projects__grid{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.5rem;display:grid}.live-project{flex-direction:column;min-width:0;display:flex}.live-project__visit:focus-visible{outline:2px solid var(--primary);outline-offset:6px}.live-project__window{border:1px solid var(--border);background:var(--paper);border-radius:1rem;overflow:hidden}.live-project__toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem .875rem;display:flex}.live-project__domain{align-items:center;gap:.45rem;min-width:0;font-size:.75rem;display:flex}.live-project__domain>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-project__domain svg{flex-shrink:0;width:.875rem;height:.875rem}.live-project__status{white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;font-size:.6875rem;display:inline-flex}.live-project__status>span{background:var(--primary);border-radius:50%;width:.4rem;height:.4rem}.live-project__details{flex-direction:column;flex:1;padding:1.125rem .125rem 0;display:flex}.live-project__category{font-size:.8125rem}.live-project__details h3{letter-spacing:-.025em;text-wrap:balance;margin-top:.35rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.15}.live-project__summary{margin-top:.75rem;margin-bottom:1.25rem;line-height:1.6}.live-project__visit{color:inherit;border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;margin-top:auto;padding-top:.875rem;text-decoration:none;display:flex}.live-project__visit-label{font-size:.9375rem;font-weight:500;display:block}.live-project__new-tab{margin-top:.125rem;font-size:.75rem;display:block}.live-project__arrow{background:var(--sky);border-radius:50%;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.live-project__arrow svg{width:1.125rem;height:1.125rem;transition:transform .2s ease-out}.live-project__visit:focus-visible .live-project__arrow svg{transform:translate(2px,-2px)}@media (width>=640px){.live-projects__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3rem}}@media (hover:hover) and (pointer:fine){.live-project__visit:hover .live-project__arrow svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.live-project__arrow svg{transition:none}.live-project__visit:hover .live-project__arrow svg,.live-project__visit:focus-visible .live-project__arrow svg{transform:none}}