.project-index{color:var(--foreground);background:var(--background)}.project-index main{padding-top:clamp(150px,14vw,210px);padding-bottom:clamp(80px,10vw,160px)}.project-index__heading{margin-bottom:clamp(40px,6vw,80px)}.project-index__heading h1{letter-spacing:-.04em;font-size:clamp(64px,10vw,144px);font-weight:500;line-height:1}.project-index__empty{max-width:42ch;color:var(--muted);padding-bottom:40px;font-size:20px;line-height:1.5}.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px);display:grid}.project-card{min-width:0}.project-card__link{height:100%;display:block}.project-card__media{aspect-ratio:16/9;background:var(--surface);border-radius:12px;align-items:center;display:grid;overflow:hidden}.project-card__media img{object-fit:contain;width:100%;height:100%;display:block}.project-card__copy{flex-direction:column;align-items:flex-start;padding-top:24px;display:flex}.project-card__title{justify-content:space-between;align-items:center;gap:24px;width:100%;display:flex}.project-card__title h2,.project-card__title h3{letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;font-size:clamp(32px,3.8vw,56px);line-height:1.12}.project-card__title svg{width:24px;height:24px;transition:transform .2s var(--ease-out);flex-shrink:0}.project-card__copy>p{max-width:44ch;color:var(--muted);overflow-wrap:anywhere;margin-top:16px;font-size:20px;line-height:1.5}.project-card__stage{color:var(--muted);overflow-wrap:anywhere;margin-top:22px;font-size:15px;line-height:1.4;display:inline-block}.project-index-grid>.project-card:only-child{grid-column:1/-1}.project-index-grid>.project-card:only-child .project-card__link{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.project-index-grid>.project-card:only-child .project-card__copy{padding-top:0}.project-record .project-detail__title{overflow-wrap:anywhere;text-wrap:balance}.project-record .project-detail__intro{overflow-wrap:anywhere}.project-record .project-detail__facts{flex-wrap:wrap;max-width:42%}.project-record .project-detail__facts>div{overflow-wrap:anywhere;min-width:0}.project-record .project-detail__facts dd{max-width:22ch}.project-record .workflow-tabs__list{flex-wrap:wrap;display:flex}.project-record .workflow-tabs__trigger{white-space:normal;overflow-wrap:anywhere;flex:120px;min-width:0}.project-record .workflow-panel__copy,.project-record .workflow-panel__output{overflow-wrap:anywhere;min-width:0}.project-record .workflow-panel--single{grid-template-columns:1fr;min-height:0}.project-screenshot__caption-text{overflow-wrap:anywhere;min-width:0}.project-detail__dialog-top h2,.project-record .project-detail__accordion-trigger{overflow-wrap:anywhere}.project-record .project-detail__accordion-trigger>svg{flex-shrink:0}.project-record .project-detail__accordion-copy{overflow-wrap:anywhere}.project-record__gallery{gap:48px;padding-top:clamp(64px,8vw,120px);display:grid}.project-record__body{padding-top:clamp(64px,8vw,120px)}.project-record__prose{overflow-wrap:anywhere;max-width:70ch;margin-inline:auto;font-size:20px;line-height:1.65}.project-record__prose h2{margin-block:1.8em .55em;font-size:clamp(34px,4vw,56px);line-height:1.15}.project-record__prose h3{margin-block:1.6em .6em;font-size:28px;line-height:1.25}.project-record__prose>:first-child{margin-top:0}.project-record__prose p,.project-record__prose ul,.project-record__prose ol{margin-bottom:1.2em}.project-record__prose ul,.project-record__prose ol{padding-left:1.2em}.project-record__prose ul{list-style:outside}.project-record__prose ol{list-style:decimal}.project-record__prose li+li{margin-top:.4em}.project-record__prose a{text-decoration:underline;-webkit-text-decoration-color:var(--link-border);text-decoration-color:var(--link-border)}.project-record__prose img{border-radius:12px;max-width:100%;height:auto}.project-record__prose blockquote{border-block:1px solid var(--border);margin:1.5em 0;padding-block:24px}.project-record__prose blockquote p:last-child{margin-bottom:0}.project-record__back{padding-top:24px;padding-bottom:clamp(72px,8vw,128px)}.project-record__back .project-detail__back{margin-top:0}@media (hover:hover) and (pointer:fine){.project-card__link:hover .project-card__title svg{transform:translate(3px,-3px)}.project-card__link:hover .project-card__title h2,.project-card__link:hover .project-card__title h3{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:1px}.project-record__prose a:hover{text-decoration-color:currentColor}}@media (max-width:1000px){.project-index-grid>.project-card:only-child .project-card__link{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px}.project-card__copy>p{font-size:18px}.project-record .project-detail__facts{max-width:38%}}@media (max-width:700px){.project-index main{padding-top:150px}.project-index-grid{grid-template-columns:1fr;gap:44px}.project-index-grid>.project-card:only-child .project-card__link{display:block}.project-index-grid>.project-card:only-child .project-card__copy,.project-card__copy{padding-top:20px}.project-card__title h2,.project-card__title h3{font-size:clamp(30px,8vw,44px)}.project-card__title{gap:16px}.project-card__media{border-radius:6px}.project-card__copy>p{margin-top:12px;font-size:18px}.project-card__stage{margin-top:16px;font-size:14px}.project-record .project-detail__facts{justify-content:flex-start;column-gap:28px;max-width:none}.project-record .project-detail__facts>div{flex:80px}.project-record .workflow-tabs__trigger{flex-basis:auto}.project-record__gallery{gap:32px}.project-record__prose{font-size:18px;line-height:1.6}.project-record__prose h2{font-size:34px}.project-record__prose h3{font-size:26px}}@media (prefers-reduced-motion:reduce){.project-card__title svg{transition:none}.project-card__link:hover .project-card__title svg{transform:none}}