.project-detail{max-width:1100px;margin:auto;padding:56px 42px 120px}.back-link{letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--ink);margin-bottom:70px;padding-bottom:4px;font:11px DM Mono;display:inline-block}.project-detail h1{letter-spacing:-.075em;margin:18px 0;font-size:clamp(50px,8vw,110px);font-weight:500;line-height:.9}.detail-tags{letter-spacing:.05em;margin:0 0 45px;font:11px DM Mono}.detail-art{border:1px solid var(--ink);place-items:center;height:min(56vw,560px);margin-bottom:75px;display:grid;position:relative;overflow:hidden}.detail-art img{object-fit:contain;background:0 0;width:auto;max-width:70%;height:auto;max-height:80%;display:block}.detail-art.mechanism{background:#cedee2}.detail-art.flow{background:#f2b5a2}.detail-art.bridge{background:#eee3cf}.detail-art.has-visual{background:#fff;justify-content:center;align-items:center;display:flex}.detail-art.visual-fill img{object-fit:cover;object-position:center 70%;width:100%;max-width:none;height:100%;max-height:none}.detail-placeholder{letter-spacing:.07em;text-align:center;font:11px/1.5 DM Mono}.detail-copy{border-top:1px solid var(--line);padding-top:22px}.detail-section{margin-bottom:48px}.detail-section h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font:500 12px DM Mono}.detail-section p{max-width:none;margin:0;font-size:20px;line-height:1.45}.detail-section p+p{margin-top:18px}@media (max-width:700px){.project-detail{padding:35px 20px 75px}.back-link{margin-bottom:50px}.detail-art{height:72vw;margin-bottom:50px}.detail-section p{font-size:17px}}
.detail-section ul{margin:18px 0 24px;padding-left:32px;font-size:20px;line-height:1.45}.detail-section li{margin:5px 0;padding-left:8px}.detail-section u{text-underline-offset:3px}.prototype-gallery{margin:8px 0 0}.prototype-gallery+.prototype-gallery{margin-top:36px}.prototype-gallery-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.prototype-gallery-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--ink);background:#eee3cf;width:100%;display:block}.prototype-gallery figcaption{letter-spacing:.02em;color:#57635e;margin:14px 0 0;font:14px/1.45 DM Mono}.cost-estimator{margin:28px 0 0}.cost-estimator-heading{justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 10px;display:flex}.cost-estimator-heading figcaption{letter-spacing:.08em;text-transform:uppercase;margin:0;font:500 12px DM Mono}.cost-estimator-heading p{color:#57635e;margin:0;font:11px DM Mono}.cost-estimator-scroll{border:1px solid var(--ink);-webkit-overflow-scrolling:touch;overflow-x:auto}.cost-estimator table{border-collapse:collapse;width:100%;min-width:1520px;font:10px/1.3 DM Mono}.cost-estimator th,.cost-estimator td{border-right:1px solid var(--line);white-space:nowrap;text-align:right;vertical-align:bottom;padding:7px 8px}.cost-estimator th:first-child,.cost-estimator td:first-child,.cost-estimator th:nth-child(2),.cost-estimator td.name{text-align:left}.cost-estimator thead{background:var(--ink);color:var(--paper)}.cost-estimator .unit{color:var(--orange);text-transform:none;letter-spacing:.02em;margin-top:3px;font-weight:500;display:block}.cost-estimator tbody tr:nth-child(2n){background:#14231e0b}.cost-estimator td.input{background:#efe48a}.cost-estimator tbody tr:nth-child(2n) td.input{background:#eadb6f}.cost-estimator-summary{flex-wrap:wrap;gap:8px 28px;margin:14px 0 0;padding:0;display:flex}.cost-estimator-summary div{align-items:baseline;gap:8px;display:flex}.cost-estimator-summary dt{letter-spacing:.04em;text-transform:uppercase;color:#57635e;margin:0;font:11px DM Mono}.cost-estimator-summary dd{margin:0;font:14px DM Mono}.final-designs{flex-direction:column;gap:28px;margin:4px 0 36px;display:flex}.final-design-card h3{letter-spacing:-.03em;margin:0 0 12px;font:500 22px/1.1 DM Sans,sans-serif}.final-design-body{grid-template-columns:minmax(0,1.7fr) minmax(210px,.7fr);align-items:center;gap:18px;display:grid}.final-design-body img{width:100%;height:auto;display:block}.final-design-legend{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.detail-section .final-design-legend{margin:0;padding-left:0;font-size:13px;line-height:1.35}.final-design-legend li,.detail-section .final-design-legend li{letter-spacing:.01em;align-items:flex-start;gap:10px;margin:0;padding-left:0;font:13px/1.35 DM Mono;display:flex}.legend-letter{color:#fff;background:#002068;flex:0 0 22px;place-items:center;width:22px;height:22px;font:500 11px/1 DM Mono;display:grid}.section-figure{margin:8px 0 28px}.section-figure img,.section-figure video{border:1px solid var(--ink);background:0 0;width:100%;height:auto;display:block}.section-figure figcaption{letter-spacing:.02em;color:#57635e;margin:14px 0 0;font:14px/1.45 DM Mono}.section-figure.cutout img{background:0 0;border:0;width:auto;max-width:100%;margin:0 auto}.drawing-gallery{margin-top:8px}.drawing-featured{margin:0 0 22px}.drawing-grid{grid-template-columns:1fr 1fr;gap:22px 16px;display:grid}.drawing-grid .section-figure{margin:0}@media (max-width:700px){.detail-section ul{font-size:17px}.prototype-gallery-grid,.drawing-grid{grid-template-columns:1fr}.final-designs{gap:22px;margin-bottom:28px}.final-design-body{grid-template-columns:1fr;padding:12px}.detail-section .final-design-legend li{font-size:12px}}