.project{box-sizing:border-box;width:100%;max-width:80rem;margin-inline:auto;padding:4rem clamp(1.5rem,5vw,6rem) 6rem}.project__header{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.project__url-row{align-items:center;gap:.75rem;display:flex}.project__domain{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:.6875rem;font-weight:600;font-family:var(--font-mono),ui-monospace,monospace}.project__status{color:var(--color-text-muted);border:1px solid var(--color-border);letter-spacing:.03em;border-radius:9999px;padding:.2rem .625rem;font-size:.6875rem}.project__title{color:var(--color-text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:700;line-height:1.1}.project__summary{color:var(--color-text-muted);max-width:40rem;margin:0;font-size:.9375rem;line-height:1.6}.project__actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.project__btn{letter-spacing:.04em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.35rem .875rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.project__btn--accent{color:var(--color-accent);border:1px solid var(--color-accent)}.project__btn--accent:hover{background-color:var(--color-accent);color:#000}.project__btn--muted{color:var(--color-text-muted);border:1px solid var(--color-border)}.project__btn--muted:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.project__preview{margin-bottom:3rem}.project__preview-frame{border:1px solid var(--color-border);border-radius:.75rem;width:100%;height:60vh;overflow:hidden}.project__preview-inner{height:100%;background:0 0!important;border:none!important;border-radius:0!important}.project__preview-inner>div:first-child{height:100%!important}.project__preview-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.project__preview-url{color:var(--color-text-muted);font-size:.8125rem;font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.02em}.project__preview-link{color:var(--color-text-muted);font-size:.8125rem;text-decoration:none;transition:color .2s}.project__preview-link:hover{color:var(--color-accent)}.project__details{border-top:1px solid var(--color-border);grid-template-columns:60fr 40fr;padding-top:3rem;display:grid}.project__col{flex-direction:column;gap:1.5rem;display:flex}.project__col--left{border-right:1px solid var(--color-border);padding-right:3rem}.project__col--right{flex-direction:column;gap:2rem;padding-left:3rem;display:flex}.project__block{flex-direction:column;gap:.875rem;display:flex}.project__label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:600}.project__desc{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.7}.project__pills{flex-wrap:wrap;gap:.5rem;display:flex}.project__pill{border:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.02em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.project__features{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.project__feature{color:var(--color-text-muted);align-items:baseline;gap:.625rem;font-size:.875rem;line-height:1.55;display:flex}.project__feature-prefix{color:var(--color-accent);flex-shrink:0;font-size:.875rem;line-height:1}.project__preview-fallback-wrapper{border:none;width:100%;height:auto;overflow:visible}.project-preview-img{object-fit:cover;border:1px solid var(--color-border);border-radius:.75rem;width:100%;height:auto;display:block}@media (max-width:767px){.project{padding:2.5rem 1.25rem 4rem}.project__header{margin-bottom:2rem}.project__preview-frame{height:40vh}.project__details{grid-template-columns:1fr;padding-top:2rem}.project__col--left{border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:2rem;padding-right:0}.project__col--right{padding-top:2rem;padding-left:0}}