/* Existing website component usage, mapped to the M2B DOM. No new palette or theme.
   Sources and hashes: presentation-provenance.json. DRAFT artwork is not listing media. */
body{background:var(--paper);color:var(--ink)}
.button{justify-content:center;gap:12px;width:fit-content;min-height:48px;padding:12px 20px;border-radius:var(--pill);text-align:center}
.primary-wide{width:fit-content;max-width:100%}.brand img{mix-blend-mode:normal}
.welcome-copy .intro{color:#536378;line-height:1.6;margin-top:20px}.welcome-art{height:280px}.art-caption{max-width:38ch}
.catalog-heading{margin-bottom:12px}.catalog-heading .eyebrow{margin-bottom:18px}.catalog-heading .page-heading{font-size:34px;line-height:1.1}.catalog-goals{margin-top:14px;gap:5px}.catalog-search{margin-top:10px}.catalog-tools{margin-top:10px}.result-count{margin-top:10px}
.mode-switch{background:#edf0f3;border-color:#d7dce2}.mode-switch button{color:#53606d}.mode-switch button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px #25385812}
.project-track{padding-top:8px;padding-bottom:14px;margin-top:10px;gap:8px}.project-card{height:520px;background:#283747}.card-photo{user-select:none}
.card-panel{padding:18px 16px 15px;background:rgb(var(--panel-rgb) / var(--glass-alpha));color:#fff;backdrop-filter:none}
.project-card[data-active=true] .card-panel{backdrop-filter:blur(8px) saturate(1.15)}
.card-panel h3{font-size:25px;font-weight:450;line-height:1.12;letter-spacing:-.045em;max-width:24ch;overflow-wrap:normal}.card-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:8px;color:#e0e8f5}.card-location{font-size:11px;margin-top:7px;color:#f1f4fc}
.card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.card-facts p{min-width:0;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.card-facts small{font-size:9px;line-height:1.4;color:#e1e7f2}.card-types{font-size:10px;margin-top:0}
.card-actions{display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:14px}.card-actions .button{width:fit-content;min-height:44px;padding:10px 13px;font-size:10px;gap:12px;background:#fff;border-color:#fff;color:#1d2e57}.card-actions .button .icon{width:15px;height:15px}.card-actions .details-link{font-size:10px;white-space:nowrap;min-height:44px;padding:6px 0}
.project-card>.compare-toggle{position:absolute;top:15px;right:15px;z-index:2;display:grid;place-items:center;margin:0;padding:0;min-width:44px;min-height:44px;border:1px solid #ffffff80;border-radius:var(--pill);background:#172a40a6;color:#fff;font-size:0;text-decoration:none}
.project-card>.compare-toggle .icon{width:18px;height:18px}.project-card>.compare-toggle[aria-pressed=true]{background:#f4f5fb;color:#213570;border-color:#fff}
.draft-image-label{position:absolute;top:18px;left:18px;padding:5px 9px;border-radius:var(--pill);background:var(--paper);color:var(--ink);font-size:8px;line-height:1.5}
.list-mode .project-card{grid-template-columns:90px minmax(0,1fr);padding:0;gap:0;min-height:0;background:#fff;border:1px solid #dce1e9;border-radius:var(--radius-md)}
.list-mode .card-photo,.list-mode .photo-placeholder{border-radius:calc(var(--radius-md) - 1px) 0 0 calc(var(--radius-md) - 1px);min-height:100%}
.list-mode .project-card .card-panel{padding:16px 14px;background:#fff;color:var(--ink);border:0;box-shadow:none;backdrop-filter:none}.list-mode h3{font-size:18px;line-height:1.2;letter-spacing:-.035em}.list-mode .card-location{color:#5a6574;font-size:10px}.list-mode .card-facts{grid-template-columns:1fr 1fr;gap:10px 8px;margin:14px 0}.list-mode .card-facts small{color:#606b7c}.list-mode .card-facts p{font-size:10px}
.list-mode .card-actions{display:flex;align-items:flex-start;flex-direction:column;gap:2px}.list-mode .card-actions .button{width:100%;justify-content:space-between;background:var(--blue);border-color:var(--blue);color:#fff;font-size:10px}.list-mode .details-link{color:var(--blue)}.list-mode .draft-image-label{display:none}.list-mode .project-card>.compare-toggle{left:calc(90px - 44px - var(--surface-inset));right:auto;top:10px}
.project-gallery{margin:20px 0;gap:8px}.gallery-frame{height:320px;background:#e7eaed}.detail-facts{gap:14px}.detail-facts p{border-color:#dedfd9}.detail-section p{color:#526176;line-height:1.6}
.sheet{--glass-bg:var(--paper);background:var(--paper);color:var(--ink);border:1px solid #d8dfe7;box-shadow:0 6px 20px #17263e0d;backdrop-filter:none}
.sheet h2{font-size:24px;letter-spacing:-.04em;line-height:1.2}.sheet .eyebrow{color:var(--blue);opacity:1}.sheet p{color:#526176;line-height:1.6}.sheet-close{background:var(--paper);color:var(--ink);border-color:var(--line)}.sheet .button{background:var(--blue);border-color:var(--blue);color:#fff;width:100%;justify-content:center}.filter-form input,.filter-form select{background:var(--field-bg);border:var(--field-border);color:var(--ink);font-size:16px;border-radius:var(--radius-md)}
.state,.map-placeholder,.comparison-scroll{background:#fff;border-color:#dce1e9}.state{padding:28px}.comparison-table th:first-child{background:var(--paper);color:#606b7c}.comparison-table th,.comparison-table td{border-color:#dedfd9}.project-map,.leaflet-container,.leaflet-popup-content-wrapper{background:#fff;color:var(--ink)}.leaflet-popup-content-wrapper{border-radius:var(--radius-md);box-shadow:0 6px 20px #17263e0d}.leaflet-container .leaflet-control-zoom a,.leaflet-container .leaflet-control-attribution{background:#fff}
@media(min-width:600px){.catalog-heading .page-heading{font-size:48px}.project-card{height:530px}.card-panel{padding:24px 26px}.card-panel h3{font-size:32px}.card-facts p{font-size:13px}.welcome-art{height:340px}.gallery-frame{height:420px}}
@supports not (backdrop-filter:blur(1px)){.card-panel{background:#17263e}.list-mode .project-card .card-panel{background:#fff}.sheet{background:var(--paper)}}
@media(prefers-reduced-motion:reduce){.project-card,.card-panel,.sheet{transition:none}.project-track{scroll-behavior:auto}}
.project-card{transform:scale(.965);opacity:.58;transition:transform 350ms ease,opacity 350ms ease}.project-card[data-active=true]{transform:none;opacity:1}.list-mode .project-card{transform:none;opacity:1;transition:none}.list-mode .project-card>.compare-toggle{color:#fff}.list-mode .project-card>.compare-toggle[aria-pressed=true]{color:#213570}@media(prefers-reduced-motion:reduce){.project-card{transform:none!important;transition:none!important}}