.project-index-page{min-width:320px;padding:var(--site-header-offset) clamp(24px, 5vw, 82px) 0;background:var(--paper);color:var(--ink);overflow:clip}.project-index-page :focus-visible{outline:2px solid var(--focus);outline-offset:4px}.project-index-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1.25fr) minmax(270px,.52fr);align-items:end;gap:clamp(48px,8vw,130px);min-height:min(620px,66svh);padding:clamp(72px,9vw,132px) 0 clamp(48px,6vw,82px);display:grid}.project-index-eyebrow{color:var(--cobalt);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.project-index-hero h1{font-family:var(--font-archivo), Arial, sans-serif;letter-spacing:-.075em;text-wrap:balance;margin:18px 0 0;font-size:clamp(4.8rem,11vw,11rem);font-weight:540;line-height:.78}.project-index-intro{color:var(--muted-ink);margin:34px 0 0;font-size:clamp(1rem,1.4vw,1.22rem)}.project-index-actions{gap:10px;display:grid}.project-index-primary,.project-index-secondary{border:1px solid var(--ink);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:0 18px;font-size:.7rem;font-weight:700;transition:background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1);display:flex}.project-index-primary{border-color:var(--cobalt);background:var(--cobalt);color:var(--paper-light)}.project-index-primary:hover{background:var(--ink)}.project-index-secondary:hover{color:var(--cobalt)}.project-index-actions svg{width:16px;height:16px}.project-log-entry{background:var(--cobalt);min-height:112px;color:var(--paper-light);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 calc(-1*clamp(24px,5vw,82px));padding:22px clamp(24px,5vw,82px);transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);display:grid}.project-log-entry:hover,.project-log-entry:focus-visible{background:var(--paper-light);color:var(--ink)}.project-log-entry:hover small,.project-log-entry:focus-visible small{color:var(--muted-ink)}.project-log-entry>svg{width:28px;height:28px}.project-log-entry>span{gap:7px;display:grid}.project-log-entry strong{font-family:var(--font-archivo), Arial, sans-serif;letter-spacing:-.025em;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:560}.project-log-entry small{color:#f8f7f2c2;font-size:.72rem;transition:color .18s cubic-bezier(.4,0,.2,1)}.project-log-entry b{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;min-height:44px;font-size:.68rem;display:flex}.project-log-entry b svg{width:16px;height:16px}.project-directory{scroll-margin-top:calc(var(--site-header-offset) + 20px);padding:clamp(84px,10vw,150px) 0 100px}.project-directory-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px;display:flex}.project-directory-head h2{font-family:var(--font-archivo), Arial, sans-serif;letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(2.7rem,5vw,5.5rem);font-weight:540;line-height:.9}.project-directory-head>span{color:var(--muted-ink);font-size:.7rem;font-weight:650}.project-index-filters{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex}.project-index-filters button{border:0;border-right:1px solid var(--rule);min-height:52px;font:inherit;background:0 0;align-items:center;gap:16px;padding:0 20px;font-size:.7rem;font-weight:650;transition:background-color .16s,color .16s;display:flex}.project-index-filters button span{color:inherit;opacity:.62;font-size:.62rem}.project-index-filters button:hover,.project-index-filters button[aria-pressed=true]{background:var(--cobalt);color:var(--paper-light)}.project-index-list{border-bottom:1px solid var(--ink)}.project-index-row{border-bottom:1px solid var(--rule);grid-template-columns:52px minmax(210px,.48fr) minmax(340px,1fr) 128px;align-items:center;gap:clamp(20px,3vw,48px);padding:30px 0;display:grid}.project-index-number{color:var(--cobalt);align-self:start;font-size:.64rem;font-weight:700}.project-index-image{aspect-ratio:16/9;background:var(--brand-blue-wash);position:relative;overflow:hidden}.project-index-image img{object-fit:cover;filter:saturate(.84);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}.project-index-row:hover .project-index-image img{filter:saturate();transform:scale(1.018)}.project-index-data-visual{background:var(--ink);color:var(--paper-light);grid-template-columns:repeat(3,1fr);align-items:center;padding:12%;display:grid;position:absolute;inset:0}.project-index-data-visual i{letter-spacing:.08em;border:1px solid #f8f7f24d;place-items:center;min-height:46px;font-size:.55rem;font-style:normal;font-weight:700;display:grid}.project-index-data-visual i+i{border-left:0}.project-index-data-visual:after{transform-origin:0;background:var(--cobalt);content:"";height:2px;position:absolute;bottom:15%;left:12%;right:12%;transform:scaleX(.72)}.project-index-copy{min-width:0}.project-index-meta{color:var(--cobalt);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;font-size:.6rem;font-weight:700;display:flex}.project-index-meta span+span:before,.project-index-meta time:before{color:var(--rule);content:"/";margin-right:20px}.project-index-copy h3{font-family:var(--font-archivo), Arial, sans-serif;letter-spacing:-.05em;text-wrap:balance;margin:14px 0 0;font-size:clamp(1.8rem,3vw,3.4rem);font-weight:540;line-height:.95}.project-index-copy p{max-width:58ch;color:var(--muted-ink);text-wrap:pretty;margin:18px 0 0;font-size:.86rem;line-height:1.55}.project-index-copy small{color:var(--muted-ink);margin-top:18px;font-size:.65rem;display:block}.project-index-open{border:1px solid var(--ink);min-height:46px;color:var(--cobalt);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:.66rem;font-weight:700;transition:background-color .16s,color .16s;display:flex}.project-index-open:hover{background:var(--cobalt);color:var(--paper-light)}.project-index-open svg{width:15px;height:15px}@media (max-width:980px){.project-index-hero{grid-template-columns:1fr;min-height:auto}.project-index-actions{grid-template-columns:1fr 1fr}.project-index-row{grid-template-columns:42px 220px minmax(0,1fr)}.project-index-open{grid-column:3;width:150px}}@media (max-width:760px){.project-index-page{--site-header-offset:calc(68px + env(safe-area-inset-top));padding-left:20px;padding-right:20px}.project-index-hero{gap:42px;padding:64px 0 54px}.project-index-hero h1{font-size:clamp(3.8rem,18vw,5.5rem)}.project-index-actions{grid-template-columns:1fr}.project-log-entry{grid-template-columns:32px minmax(0,1fr);margin-left:-20px;margin-right:-20px;padding:22px 20px}.project-log-entry>svg{width:22px;height:22px}.project-log-entry b{grid-column:2}.project-directory{padding-top:76px}.project-index-filters button{flex:1;justify-content:space-between;padding:0 12px}.project-index-row{grid-template-columns:30px minmax(0,1fr);gap:18px;padding:28px 0}.project-index-image,.project-index-copy,.project-index-open{grid-column:2}.project-index-open{width:100%}.project-index-meta span+span:before,.project-index-meta time:before{display:none}}@media (max-width:430px){.project-directory-head{flex-direction:column;align-items:start}.project-index-filters{flex-direction:column}.project-index-filters button{border-right:0;border-bottom:1px solid var(--rule);flex:none;width:100%}}@media (prefers-reduced-motion:reduce){.project-index-page *{scroll-behavior:auto;transition-duration:.01ms!important}}.project-index-image.project-preview{z-index:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}@media (hover:hover) and (pointer:fine){.project-index-image.project-preview:hover,.project-index-image.project-preview:focus-visible{z-index:3;transform:scale(1.16);box-shadow:0 34px 70px -24px #0a0a148c}}