.project-index{padding-top:0}.index-project{display:block;padding:25px 0 0;border-top:1px solid var(--line);margin-bottom:90px}.index-top,.index-bottom{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px}.index-top span:last-child{font-size:17px;color:var(--accent);transition:transform .2s}.index-project:hover .index-top span:last-child{transform:translate(3px,-3px)}.index-main{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(35px,8vw,105px);align-items:center;padding:45px 0}.index-copy h2{font-size:clamp(54px,8vw,100px);line-height:.84;letter-spacing:-.1em;margin:0 0 28px}.index-copy>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:390px;margin:0 0 23px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:30px}.tag-row span{font:9px var(--mono);padding:7px 9px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.index-image{position:relative;padding:clamp(14px,2.4vw,30px);background:var(--paper-2);overflow:hidden}.index-image img{width:100%;aspect-ratio:1.6/1;object-fit:contain;background:#fff;box-shadow:0 10px 30px #22262012;transition:transform .45s var(--ease)}.index-project:hover .index-image img{transform:scale(1.018)}.index-image>span{display:block;font:8px var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:13px}.index-bottom{border-top:1px solid var(--line);padding-top:15px}.index-bottom span:last-child{color:var(--accent)}.index-px .index-image{background:#dce5db}.future-note{display:flex;align-items:center;gap:25px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:-25px}.future-symbol{font-size:38px;color:var(--accent);font-weight:300}.future-note>div>span{font:9px var(--mono);letter-spacing:.08em;color:var(--accent)}.future-note p{margin:6px 0 0;color:var(--muted);font-size:13px}
@media(max-width:760px){.index-main{grid-template-columns:1fr;gap:30px;padding:35px 0}.index-copy h2{font-size:70px}.index-image{order:-1}.index-project{margin-bottom:65px}.index-top{flex-wrap:wrap}.index-top span:nth-child(2){order:3;width:100%}}@media(max-width:480px){.index-copy h2{font-size:62px}.index-image{padding:12px}.index-top,.index-bottom{font-size:8px}.future-note{align-items:start}}