.project-case .case-main { grid-template-columns:1fr; gap:0; }
.project-case h1 { max-width:24ch; font-size:clamp(27px,3.8vw,46px); text-wrap:balance; overflow-wrap:break-word; }
.project-case .summary { max-width:70ch; }
.project-case .case-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.project-section { position:relative; z-index:1; margin-block-start:36px; min-width:0; scroll-margin-top:90px; }
.project-section > h2 { margin-block-end:18px; font-family:var(--disp); font-size:clamp(19px,2.2vw,25px); line-height:1.35; letter-spacing:-.035em; text-wrap:balance; scroll-margin-top:90px; }
.project-section > p { max-width:70ch; color:var(--muted); font-size:15px; line-height:1.65; }
.project-section > p + p { margin-block-start:12px; }
.project-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.project-case .project-features > .detail { margin-block-start:0; }
.project-shot { margin:22px 0 0; min-width:0; }
.project-shot img { display:block; width:100%; height:auto; border-radius:14px; outline:1px solid oklch(0 0 0 / .1); outline-offset:-1px; }
.project-shot figcaption { margin-block-start:12px; max-width:80ch; color:var(--muted); font-size:13px; line-height:1.6; }
.project-path { list-style:none; counter-reset:stage; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:22px 0; }
.project-path li { counter-increment:stage; min-width:0; padding:18px 14px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.6); font-size:14px; line-height:1.5; font-weight:700; }
.project-path li::before { content:counter(stage,decimal-leading-zero); display:block; margin-block-end:12px; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; }
.project-source-link { display:inline-flex; margin-block-start:20px; text-decoration:underline; text-underline-offset:4px; font-weight:700; }
.project-closing h2 { font-size:clamp(24px,3.8vw,42px); text-wrap:balance; overflow-wrap:break-word; }
.project-skip { position:fixed; z-index:200; inset-block-start:12px; inset-inline-start:16px; padding:12px 18px; background:#fff; color:var(--ink); border:2px solid var(--ink); border-radius:10px; transform:translateY(-200%); }
.project-skip:focus { transform:none; }
#main-content { scroll-margin-top:90px; }
@media(max-width:850px) { .project-path { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .project-case .case-detail-grid,.project-features { grid-template-columns:1fr; } .project-case .case-label { display:none; } .project-section { margin-block-start:28px; } }
@media(max-width:400px) { .project-path { grid-template-columns:1fr; } .project-path li { display:flex; align-items:baseline; gap:14px; padding:14px 16px; } .project-path li::before { margin:0; } }