.project-page{padding-top:var(--section-gap-sm);padding-bottom:var(--section-gap-lg)}.project-header{margin-bottom:var(--section-gap-sm);max-width:900px}.project-header__label{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--spacing-05)}.project-header__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--spacing-06);text-wrap:balance}.project-header__subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-muted);max-width:720px;margin:0}.project-cover{margin:0 0 var(--section-gap-sm) 0}.project-cover__media{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--color-border);border-radius:var(--radius-md)}.project-cover__placeholder{width:100%;aspect-ratio:16 / 9;background-color:var(--color-border);border-radius:var(--radius-md)}.project-meta{margin-bottom:var(--section-gap-sm);padding:var(--spacing-07) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.project-meta__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-06);margin:0}.project-meta__item{display:flex;flex-direction:column;gap:var(--spacing-03)}.project-meta__item dt{font-size:var(--font-size-sm);color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase}.project-meta__item dd{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}@media(max-width:960px){.project-meta__grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-07) var(--spacing-07)}}@media(max-width:560px){.project-meta__grid{grid-template-columns:1fr;gap:var(--spacing-06)}}.project-hook{margin-bottom:var(--section-gap-sm)}.project-hook__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-05)}@media(max-width:720px){.project-hook__list{grid-template-columns:1fr}}.project-hook__item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-07) var(--spacing-07);display:flex;flex-direction:column;gap:var(--spacing-04)}.project-hook__value{display:block;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);overflow-wrap:break-word}.project-hook__description{display:block;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-muted)}.project-body{max-width:760px;margin:0 auto var(--section-gap-sm) auto}.project-body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-top:var(--section-gap-sm);margin-bottom:var(--spacing-06);padding-bottom:var(--spacing-03);border-bottom:1px solid var(--color-border)}.project-body h2:first-child{margin-top:0}.project-body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-08);margin-bottom:var(--spacing-04)}.project-body p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-05)}.project-body p:last-child{margin-bottom:0}.project-body ul,.project-body ol{padding-left:var(--spacing-07);margin-bottom:var(--spacing-05)}.project-body li{margin-bottom:var(--spacing-03);line-height:var(--line-height-relaxed)}.project-body li:last-child{margin-bottom:0}.project-body strong{font-weight:var(--font-weight-semibold)}.project-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em;background-color:var(--color-border);padding:.1em .35em;border-radius:var(--radius-sm)}.project-body blockquote{margin:var(--spacing-09) 0;padding:var(--spacing-06) 0 var(--spacing-06) var(--spacing-07);border-left:2px solid var(--color-on-surface);font-size:var(--font-size-xl);font-style:italic;line-height:var(--line-height-relaxed)}.project-body blockquote p{font-size:inherit;line-height:inherit;margin-bottom:var(--spacing-05)}.project-body blockquote p:last-child{margin-bottom:0;font-style:normal;font-size:var(--font-size-base);color:var(--color-muted)}.project-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.project-body a:hover{text-decoration-thickness:2px}.project-body a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.project-inline-visual{width:100%;margin-inline:0;padding:0;margin-top:var(--section-gap-sm);margin-bottom:var(--section-gap-sm);display:flex;flex-direction:column}.project-inline-visual__image{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--radius-md)}.project-inline-visual__placeholder{width:100%;aspect-ratio:16 / 9;background-color:var(--color-border);border-radius:var(--radius-md)}.project-inline-visual__caption{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-muted);margin-top:var(--spacing-05);max-width:760px;text-align:center}.project-next{margin-top:var(--section-gap-md);padding-top:var(--section-gap-sm);border-top:1px solid var(--color-border)}.project-next__media{width:100%;aspect-ratio:16 / 9;background-color:var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-next__placeholder-text{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted)}.project-next__link{display:flex;flex-direction:column;gap:var(--spacing-05);text-decoration:none;color:var(--color-on-surface);border-radius:var(--radius-md)}.project-next__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:6px}.project-next__label{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted)}.project-next__media--has-cover{background-color:transparent}.project-next__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.project-next__placeholder{width:100%;height:100%;background-color:var(--color-border)}.project-next__link:hover .project-next__image{transform:scale(1.04)}html.no-animations .project-next__link:hover .project-next__image{transform:none}.project-next__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin:0;transition:color var(--transition-fast)}.project-next__link:hover .project-next__title{color:var(--color-accent)}