/* Kima-inspired project detail layout */
.project-page{margin:0;background:#fff;color:#111;font-family:Inter,Arial,sans-serif;overflow:hidden}
.project-shell{height:100vh;height:100svh;min-height:620px;display:grid;grid-template-columns:minmax(340px,1fr) minmax(0,2fr);background:#fff}
.project-info-pane,.project-gallery-pane{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.project-info-pane::-webkit-scrollbar,.project-gallery-pane::-webkit-scrollbar{display:none}
.project-info-pane{padding:20px 40px 24px 20px;display:flex;flex-direction:column}
.project-back{display:inline-flex;align-items:center;gap:9px;width:max-content;border-radius:999px;padding:11px 15px;background:#f2f2f2;color:#111;text-decoration:none;font-size:12px;line-height:1;transition:background .2s,transform .2s}
.project-back:hover{background:#e8e8e8;transform:translateX(-2px)}
.project-intro{margin-top:clamp(48px,10vh,106px)}
.project-title{font-size:clamp(44px,5.5vw,76px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:0 0 16px}
.project-overview{font-size:15px;line-height:1.55;color:#777;max-width:390px;margin:0}
.project-preview{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:13px 18px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:12px;transition:background .2s,transform .2s}
.project-preview:hover{background:#333;transform:translateY(-2px)}
.project-meta{margin-top:36px;border-top:1px solid #e7e7e7;padding-top:7px}
.project-meta-row{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:11px 0;border-bottom:1px solid #e7e7e7;font-size:12px}
.project-meta-row dt{color:#888}.project-meta-row dd{margin:0;color:#222}
.project-details{font-size:13px;line-height:1.6;color:#707070;padding:24px 0 34px;max-width:430px}
.project-details p{margin:0 0 20px}.project-details h2{font-size:12px;font-weight:500;color:#111;margin:24px 0 7px}
.project-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #e7e7e7;padding:16px 0 0;margin-top:auto;font-size:9px;letter-spacing:.08em;color:#777}
.project-footer a{color:#111;text-decoration:none}
.project-gallery-pane{padding:17px 20px 20px 0}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:8px}
.project-gallery figure{margin:0;overflow:hidden;border-radius:12px;background:#f2f2f2}
.project-gallery img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-gallery figure:hover img{transform:scale(1.025)}
.project-gallery .tile-tall{aspect-ratio:.77;grid-row:span 2}
.project-gallery .tile-wide{aspect-ratio:1.42}.project-gallery .tile-square{aspect-ratio:1.08}.project-gallery .tile-portrait{aspect-ratio:.86}.project-gallery .tile-landscape{aspect-ratio:1.5}.project-gallery .tile-small{aspect-ratio:1.22}
@media(max-width:900px){.project-shell{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.project-info-pane{padding-right:24px}.project-gallery-pane{padding-right:14px}.project-title{font-size:clamp(42px,7vw,64px)}}
@media(max-width:700px){.project-page{overflow:auto}.project-shell{height:auto;min-height:100svh;display:flex;flex-direction:column}.project-info-pane{height:auto;overflow:visible;padding:16px 20px 22px}.project-intro{margin-top:42px}.project-title{font-size:clamp(48px,14vw,72px)}.project-overview{font-size:14px}.project-meta{margin-top:27px}.project-details{padding-bottom:20px}.project-footer{margin-top:8px}.project-gallery-pane{height:auto;overflow:visible;padding:0 12px 16px}.project-gallery{gap:7px}.project-gallery figure{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.project-back,.project-preview,.project-gallery img{transition:none}}