.detail-page{min-height:100vh;background:var(--bg);color:var(--fg)}
.detail-topbar{position:fixed;z-index:50;inset:0 0 auto;height:72px;padding:20px;display:flex;align-items:flex-start;gap:16px;pointer-events:none}.detail-topbar a,.detail-topbar button{pointer-events:auto;text-decoration:none}.back-link{font-size:24px;line-height:30px;font-weight:400}.detail-section{font-size:36px;line-height:.95;letter-spacing:-.055em;font-weight:600}.detail-theme{margin-left:auto;width:32px;height:32px;border:0;background:var(--soft);border-radius:50%;font-size:18px}.detail-index{font-size:10px;letter-spacing:.12em;color:var(--muted);padding-top:9px}
.detail-info{position:fixed;z-index:10;inset:0 auto 0 20px;width:calc(46vw - 40px);display:grid;grid-template-columns:217px minmax(230px,335px);align-items:center;gap:20px}.detail-wordmark{color:inherit;text-decoration:none;display:flex;flex-direction:column;font-size:62px;line-height:.68;letter-spacing:-.095em;font-weight:600}.detail-wordmark span:last-child{font-size:24px;letter-spacing:-.055em;margin:13px 0 0 3px}.detail-copy{max-height:76vh;overflow:auto;padding-right:10px;scrollbar-width:none}.detail-kicker{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.detail-copy h1{margin:0 0 20px;font-size:34px;line-height:1;letter-spacing:-.045em;font-weight:600}.detail-copy dl{margin:0}.detail-copy dl div{border-bottom:1px solid var(--soft);padding:8px 0 7px}.detail-copy dt{color:var(--muted);font-size:12px;margin-bottom:3px}.detail-copy dd{margin:0;font-size:14px}.detail-description{margin:20px 0 0;max-width:35ch;font-size:13px;line-height:1.5;color:var(--muted)}.detail-story{margin-top:22px;display:grid;gap:14px}.detail-story div{border-top:1px solid var(--soft);padding-top:10px}.detail-story h2{margin:0 0 4px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:500;color:var(--muted)}.detail-story p{margin:0;font-size:12px;line-height:1.45;max-width:38ch}.project-contact{display:inline-block;margin-top:24px;padding-bottom:4px;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.detail-map-box{margin-top:24px;padding-top:14px;border-top:1px solid var(--soft)}.detail-map-box h2{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--muted)}.detail-map-wrap{width:100%;aspect-ratio:16/9;min-height:160px;border-radius:10px;overflow:hidden;border:1px solid var(--soft);background:var(--soft)}.location-detail-item .detail-map-wrap{margin-top:10px;margin-bottom:6px}.detail-map-wrap iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(0.85) contrast(1.1) invert(0.9) hue-rotate(180deg);transition:filter .3s ease}:root[data-theme=light] .detail-map-wrap iframe{filter:grayscale(0.85) contrast(1.05)}.detail-map-wrap:hover iframe{filter:grayscale(0.2) contrast(1.02)}.map-direct-link{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;background:var(--soft);border-radius:8px;color:var(--fg);text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.05em;transition:all .25s ease}.map-direct-link i{color:var(--orange);margin-right:6px}.map-direct-link:hover{background:var(--fg);color:var(--bg)}.map-direct-link:hover i{color:var(--bg)}
.detail-gallery{width:54vw;margin-left:46vw;padding:216px 20px 40vh 0;display:flex;flex-direction:column;gap:20px}.detail-gallery figure{margin:0;position:relative;background:var(--soft);overflow:hidden;border-radius:12px;border:1px solid var(--soft)}.detail-gallery img{width:100%;height:auto;min-height:320px;max-height:82vh;object-fit:cover;display:block}.gallery-video-player{width:100%;height:auto;min-height:320px;max-height:82vh;display:block;background:#000000;border-radius:12px;outline:none}.detail-gallery figcaption{position:absolute;right:12px;bottom:10px;font-size:9px;letter-spacing:.12em;color:#fff;mix-blend-mode:difference;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:4px;backdrop-filter:blur(6px)}.next-project{min-height:55vh;display:grid;align-content:center;grid-template-columns:1fr auto;color:inherit;text-decoration:none;border-top:1px solid var(--soft);margin-top:80px}.next-project>span:first-child{grid-column:1/-1;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.next-project strong{font-size:clamp(42px,6vw,90px);line-height:.9;letter-spacing:-.065em;font-weight:600}.next-arrow{align-self:center;font-size:54px;font-weight:400;transition:transform .25s}.next-project:hover .next-arrow{transform:translateX(8px)}
@media(max-width:900px){.detail-topbar{background:linear-gradient(var(--bg) 55%,transparent)}.detail-info{position:relative;inset:auto;width:auto;min-height:100vh;padding:140px 20px 80px;grid-template-columns:1fr;align-content:center}.detail-wordmark{font-size:52px;margin-bottom:45px}.detail-copy{max-height:none}.detail-copy h1{font-size:42px}.detail-description{max-width:44ch}.detail-gallery{width:auto;margin:0;padding:20px 14px 20vh}.detail-gallery img,.gallery-video-player{min-height:0;max-height:none}.next-project{min-height:45vh;margin-top:40px}}
@media(max-width:520px){.detail-section{font-size:28px}.detail-index{display:none}.detail-copy h1{font-size:38px}.detail-info{padding-inline:15px}.detail-gallery{padding-inline:10px}.next-project strong{font-size:44px}}