.project-detail{padding:28px 5% 60px}.project-back{display:inline-block;font-size:13px;margin-bottom:28px;color:var(--muted)}.project-back:hover{color:var(--ink)}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:40px}.project-viewer{min-width:0}.project-stage{position:relative;display:grid;place-items:center;background:#f3f3f1;height:clamp(360px,65vh,800px);overflow:hidden;touch-action:pan-y}.project-slide{width:100%;height:100%;min-height:0;object-fit:contain;display:block}.project-slide[hidden]{display:none}.project-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;background:#fffffff2;color:#111;border:1px solid #ddd;cursor:pointer;font-size:23px}.project-arrow[hidden]{display:none}.project-arrow:hover{background:#111;color:#fff}.project-prev{left:16px}.project-next{right:16px}.project-toolbar{display:flex;justify-content:space-between;gap:16px;margin:16px 0;font-size:11px;letter-spacing:.12em;color:var(--muted)}.project-counter{font-variant-numeric:tabular-nums;color:var(--ink)}.project-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}.project-thumbnail{flex:0 0 86px;width:86px;height:66px;padding:3px;background:#f3f3f1;border:1px solid transparent;opacity:.55;cursor:pointer}.project-thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.project-thumbnail:hover,.project-thumbnail[aria-pressed=true]{opacity:1}.project-thumbnail[aria-pressed=true]{border-color:#111}.project-info{border-left:1px solid var(--line);padding:6px 0 16px 30px;position:sticky;top:110px;min-width:0;overflow-wrap:anywhere}.project-kicker{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-bottom:24px}.project-info h1{font-size:clamp(28px,3vw,43px);font-weight:450;line-height:1.12;letter-spacing:-.045em;margin:0 0 30px}.project-data{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:0 0 28px}.project-data dt{font-size:10px;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.project-data dd{margin:0;font-size:15px}.project-description h2{font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:12px}.project-description p{font-size:14px;line-height:1.8;white-space:pre-line;color:var(--muted)}.project-contact{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:36px;font-size:13px}.project-empty{padding:25px;color:var(--muted)}.project-fallback img{display:block;width:100%;height:auto;margin-top:20px}
@media(max-width:980px){.project-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.project-info{padding-left:24px}.project-stage{height:55vh;min-height:320px}}
@media(max-width:760px){.project-detail{padding:22px 5% 40px}.project-layout{grid-template-columns:1fr;gap:30px}.project-stage{height:clamp(260px,55vh,580px);min-height:0}.project-info{position:static;border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.project-info h1{font-size:34px}.project-arrow{width:42px;height:42px}.project-prev{left:10px}.project-next{right:10px}.project-thumbnail{flex-basis:76px;width:76px;height:58px}}