.project-index-section{--project-white: #fff;--project-dark: #20251f;--project-light-rule: rgba(255,255,255,.2);--project-light-muted: #bdc4b9;--project-shade: rgba(12,21,18,.82);--project-clear: rgba(12,21,18,0);scroll-margin-top:86px;color:var(--ink)}.project-index-section h2,.project-index-section h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.045em}.project-index-section h2{font-size:clamp(48px,5.8vw,80px);line-height:1.02;margin:0}.project-index-section h2 span{color:var(--sage-dark)}.project-eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin:0 0 22px}.project-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;min-height:48px}.project-link>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--rule-strong);border-radius:50%;font-size:23px;transition:background .2s}.project-link:hover>span{background:var(--sage)}.project-index-section button{font:inherit;cursor:pointer}.project-index-section :is(button,a):focus-visible{outline:2px solid var(--sage);outline-offset:6px}.project-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.project-index-section [hidden]{display:none!important}.project-index-section{background:var(--project-dark);color:var(--paper);padding:62px 0 76px}.index-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.index-header .project-eyebrow{margin:0}.index-header .project-link>span{border-color:var(--project-light-rule)}.index-header .project-link:hover>span{color:var(--ink)}.index-wrap>h2{font-size:clamp(62px,8vw,108px);margin-bottom:46px}.index-wrap>h2 span{color:var(--sage)}project-index{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:54px}.index-list{padding-top:2px}.index-list button{display:grid;grid-template-columns:24px 1fr 28px;gap:14px;width:100%;text-align:left;align-items:start;padding:24px 0;border:0;border-top:1px solid var(--project-light-rule);color:var(--project-light-muted);background:none}.index-number{font-size:11px;padding-top:7px}.index-name{font-family:var(--font-display);font-size:clamp(24px,2.7vw,38px);line-height:1.07;letter-spacing:-.035em}.index-name small{display:block;font:12px/1.4 var(--font-body);letter-spacing:0;margin-top:12px;color:var(--project-light-muted)}.index-arrow{font-size:26px;opacity:0;transform:translate(-6px,6px);transition:all .2s}.index-list button[aria-pressed=true]{color:var(--sage)}.index-list button[aria-pressed=true] .index-arrow,.index-list button:hover .index-arrow{opacity:1;transform:none}.index-note{margin:28px 0 0 38px;color:var(--project-light-muted);font-size:13px;line-height:1.65}.index-images{min-width:0}.index-images figure{margin:0;animation:project-appear .4s ease both}.index-photo{aspect-ratio:1.22;overflow:hidden;border-radius:140px 0 0}.index-photo img{height:100%;width:100%;object-fit:cover}.index-images figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--project-light-muted);line-height:1.5;padding-top:16px}@keyframes project-appear{0%{opacity:.35}to{opacity:1}}@media(max-width:1080px){project-index{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.index-photo{aspect-ratio:.95;border-top-left-radius:110px}}@media(max-width:800px){project-index{grid-template-columns:1fr;gap:28px}.index-list{display:flex;gap:16px}.index-list button{flex:1;grid-template-columns:1fr;gap:10px;padding:16px 0}.index-name{font-size:22px}.index-name small{font-size:11px}.index-arrow,.index-note{display:none}.index-photo{aspect-ratio:1.35;border-top-left-radius:100px}.index-wrap>h2{margin-bottom:28px}}@media(max-width:540px){.project-index-section{padding:34px 0 44px}.index-header{gap:14px;align-items:center;margin-bottom:28px}.index-header .project-link{font-size:11px;gap:10px}.index-header .project-link>span{width:32px;height:32px}.index-wrap>h2{font-size:57px;max-width:280px}.index-wrap>h2 span{display:block}.index-list{gap:12px}.index-list button{gap:8px}.index-name{font-size:19px}.index-name small{font-size:10px}.index-photo{aspect-ratio:1.02;border-top-left-radius:85px}.index-images figcaption{font-size:10px}.index-images figcaption span:last-child{text-align:right;max-width:60%}}@media(prefers-reduced-motion:reduce){.project-index-section *{animation:none!important;transition:none!important}}@media(max-width:540px){.project-index-section .project-eyebrow{font-size:10px;letter-spacing:.08em;white-space:nowrap}}@media(max-width:540px){.project-index-section .index-list{flex-direction:column;gap:0}.project-index-section .index-list button{grid-template-columns:20px minmax(0,1fr);gap:12px;padding:16px 0}.project-index-section .index-name{font-size:22px}.project-index-section .index-name small{font-size:11px;margin-top:6px}}.project-index-section .index-photo{position:relative}.project-index-section .index-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(to bottom,var(--project-clear),var(--project-shade));pointer-events:none}.project-index-section .index-photo-title{position:absolute;z-index:1;bottom:28px;left:28px;right:28px;margin:0;color:var(--project-white);font-size:clamp(26px,2.7vw,39px);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}@media(max-width:540px){.project-index-section .index-photo-title{font-size:27px;bottom:22px;left:22px;right:22px}}