.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.leaderboard-panel{overflow:hidden}.panel-heading{padding:20px 22px 17px;border-bottom:1px solid var(--border)}.count-pill{padding:7px 10px;font-size:8px}.rank-row{min-height:68px;display:grid;grid-template-columns:28px 35px minmax(0,1fr) 72px;align-items:center;gap:11px;padding:9px 21px;border-bottom:1px solid var(--border)}.rank-number{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.rank-avatar{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#faecdd;background:linear-gradient(140deg,#9e6644,#3c291d);font-size:8px;font-weight:800;object-fit:cover}.rank-avatar-locked{background:rgba(255,255,255,.06);filter:blur(1px)}.rank-person{min-width:0;display:flex;flex-direction:column;gap:4px}.rank-person strong{color:var(--text);font-size:11px;line-height:1.1}.rank-person a{text-decoration:none}.rank-person a:hover strong{color:var(--accent)}.rank-person small{overflow:hidden;color:var(--muted);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.rank-score{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.rank-score strong{color:var(--accent);font-size:14px}.rank-score small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.blurred-name{filter:blur(4px);user-select:none}.unlock-panel{display:flex;flex-direction:column;align-items:center;margin:17px;padding:17px;border:1px solid rgba(242,166,90,.25);border-radius:14px;background:rgba(242,166,90,.075);text-align:center}.unlock-panel strong{font-size:12px}.unlock-panel small{max-width:350px;margin:5px 0 11px;color:var(--muted);font-size:9px;line-height:1.4}.panel-footnote{margin:0;padding:12px 21px 15px;color:var(--muted);font-size:8px}.explainer{padding:21px 20px}.explainer h2{margin:0;font-size:20px;letter-spacing:-.04em}.explainer p:not(.eyebrow){margin:9px 0 18px;color:var(--muted);font-size:10px;line-height:1.55}.directory-tools{display:flex;align-items:center;gap:14px;margin-bottom:15px}.search-box{flex:1}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;color:inherit;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;transition:transform .24s ease,border-color .24s ease}.studio-card:hover{transform:translateY(-3px);border-color:rgba(242,166,90,.45)}.studio-cover{position:relative;aspect-ratio:1.7;display:grid;place-items:center;overflow:hidden;background:#5b3c28}.studio-cover img{width:100%;height:100%;display:block;object-fit:cover}.studio-cover>span{color:#fff1e2;font-size:22px;font-weight:600}.studio-cover:after{position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(20,12,8,.65),transparent);content:'';pointer-events:none}.studio-cover b{position:absolute;z-index:1;top:10px;right:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.22);border-radius:99px;color:#fff5e9;background:rgba(26,15,8,.58);font-size:7px;letter-spacing:.1em}.studio-card-body{padding:15px}.studio-card h2{margin:0;font-size:13px;letter-spacing:-.035em}.studio-card h2 .verified{margin-left:4px}.studio-card-body>p{height:33px;overflow:hidden;margin:7px 0 10px;color:var(--muted);font-size:9px;line-height:1.45}.studio-metrics{display:flex;justify-content:space-between;margin-top:11px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted);font-size:8px}.studio-metrics strong{color:var(--text);font-size:10px}.profile-cover{position:relative;aspect-ratio:3.8;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#503320}.profile-cover img{width:100%;height:100%;object-fit:cover}.profile-cover>span{color:#fff1e2;font-size:35px;font-weight:600}.profile-cover small{position:absolute;right:16px;bottom:13px;color:#fff1e2;font-size:9px;font-weight:700;letter-spacing:.12em}.profile-identity{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:22px}.profile-identity h1{margin:7px 0 3px;font-size:clamp(25px,3vw,36px);letter-spacing:-.055em}.profile-city{margin:0;color:var(--muted);font-size:10px}.profile-score{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.profile-score strong{color:var(--accent);font-size:20px}.profile-score small{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;margin-top:18px}.profile-bio{max-width:700px;margin:0 0 12px;color:#dfd0c3;font-size:11px;line-height:1.55}.profile-tags{margin-bottom:14px}.profile-stats{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:9px}.profile-stats strong{color:var(--text)}.section-heading{margin:20px 0 12px}.profile-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.profile-project-grid .project-card{margin:0}.profile-project-grid .project-media{aspect-ratio:1.5}.enquiry-panel{position:sticky;top:145px;padding:20px}.enquiry-panel h2{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.04em}.enquiry-panel>p:not(.eyebrow){margin:9px 0 17px;color:var(--muted);font-size:10px;line-height:1.5}.enquiry-panel form{display:flex;flex-direction:column;gap:10px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.map-panel{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#27180f}.map-panel #rear-map{height:560px;min-height:480px}.map-attribution{position:absolute;z-index:3;right:10px;bottom:8px;margin:0;padding:4px 6px;border-radius:5px;color:#ddc9b7;background:rgba(20,12,8,.78);font-size:8px}.map-attribution a{color:var(--accent)}.map-markers{display:none}.map-list{max-height:560px;overflow:auto;padding:18px}.map-list>a{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--border);text-decoration:none}.map-list>a:first-of-type{margin-top:10px}.map-list>a>span:last-child{display:flex;flex-direction:column;gap:3px}.map-list strong{font-size:10px}.map-list small{color:var(--muted);font-size:8px}.auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:15px;max-width:1000px;margin:auto}.auth-card,.auth-aside{padding:22px}.auth-tabs{display:flex;gap:5px;margin:13px 0}.auth-tab{padding:9px 11px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:transparent;font-size:9px;font-weight:700;cursor:pointer}.auth-tab.active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.oauth-button{min-height:43px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;color:var(--text);background:rgba(255,255,255,.04);font-size:11px;font-weight:700;text-decoration:none}.oauth-note,.form-note{margin:8px 0 0;color:var(--dim);font-size:9px;line-height:1.45}.or-divider{display:flex;align-items:center;gap:8px;margin:15px 0;color:var(--muted);font-size:9px}.or-divider:before,.or-divider:after{height:1px;flex:1;background:var(--border);content:''}.auth-card form{display:flex;flex-direction:column;gap:10px}.role-fields{display:flex;flex-direction:column;gap:10px;margin-top:10px}.auth-aside h2{margin:0;font-size:24px;letter-spacing:-.05em}.auth-aside ul{list-style:none;margin:23px 0 0;padding:0}.auth-aside li{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-top:1px solid var(--border)}.auth-aside li strong{font-size:11px}.auth-aside li span{color:var(--muted);font-size:9px;line-height:1.45}.profile-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start}.profile-main{display:flex;flex-direction:column;gap:15px}.membership-summary,.inbox-panel,.simple-list,.profile-side{padding:19px}.membership-summary{display:grid;grid-template-columns:1fr auto;gap:4px 14px}.membership-summary h2,.inbox-panel h2,.simple-list h2{margin:0;font-size:18px}.membership-summary>p:not(.eyebrow){margin:5px 0;color:var(--muted);font-size:10px}.membership-summary dl{grid-column:1/-1;display:flex;gap:14px;margin:13px 0 0;padding-top:12px;border-top:1px solid var(--border)}.membership-summary dt{color:var(--dim);font-size:8px}.membership-summary dd{margin:4px 0 0;color:var(--text);font-size:10px}.inbox-item{padding:12px 0;border-top:1px solid var(--border)}.inbox-item strong{display:block;font-size:11px}.inbox-item small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.inbox-item p{margin:7px 0 0;color:#dfd0c3;font-size:10px;line-height:1.45}.muted{margin:10px 0 0;color:var(--muted);font-size:10px}.simple-list>a,.profile-project-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--border);text-decoration:none}.simple-list>a>strong,.profile-project-row strong{font-size:10px}.simple-list>a>small,.profile-project-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:790px}.plan-card{padding:22px}.plan-card.featured{border-color:rgba(242,166,90,.45)}.plan-card h2{margin:0;font-size:31px;letter-spacing:-.05em}.plan-card h2 small{color:var(--muted);font-size:12px;font-weight:500}.plan-card>p:not(.eyebrow){margin:8px 0 20px;color:var(--muted);font-size:10px}.membership-note,.current-membership,.basic-unlock-note{max-width:790px;margin-top:15px;padding:19px}.membership-note>p:not(.eyebrow){margin:8px 0;color:#dfd0c3;font-size:11px;line-height:1.55}.current-membership h2{margin:0;font-size:17px}.current-membership>p:not(.eyebrow){color:var(--muted);font-size:10px}.basic-unlock-note{display:flex;flex-direction:column;gap:5px}.basic-unlock-note strong{font-size:10px}.basic-unlock-note span{color:var(--muted);font-size:9px}.callout{max-width:680px;padding:27px}.callout h2{margin:0;font-size:24px;letter-spacing:-.045em}.callout p{margin:9px 0 18px;color:var(--muted);font-size:11px;line-height:1.5}.project-form{max-width:900px;display:flex;flex-direction:column;gap:14px;padding:21px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-settings{grid-column:1/-1;padding:19px}.admin-table{padding:19px;overflow:hidden}.crud-list{display:flex;flex-direction:column}.crud-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto auto;gap:8px;align-items:end;padding:12px 0;border-top:1px solid var(--border)}.crud-row .button{min-height:38px;padding:0 10px;font-size:9px}.checkbox{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;white-space:nowrap}.admin-user{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--border);font-size:10px}.admin-user span{color:var(--muted)}.terms-copy{max-width:790px;padding:25px}.terms-copy h2{margin:22px 0 7px;font-size:18px}.terms-copy h2:first-child{margin-top:0}.terms-copy p{margin:0;color:#dfd0c3;font-size:11px;line-height:1.65}.terms-copy .quiet-link{display:inline-block;margin-top:21px}
@media(max-width:1050px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-layout,.map-layout{grid-template-columns:minmax(0,1fr) 260px}.profile-layout{grid-template-columns:minmax(0,1fr) 290px}.crud-row{grid-template-columns:1fr 1fr 1fr auto auto}}
@media(max-width:700px){.leaderboard-layout,.map-layout,.profile-layout,.profile-dashboard,.auth-grid{grid-template-columns:1fr}.leaderboard-layout,.map-layout{gap:11px}.rank-row{grid-template-columns:23px 29px minmax(0,1fr) 52px;gap:7px;padding:8px 11px}.rank-avatar{width:28px;height:28px}.rank-person strong{font-size:9px}.rank-person small{font-size:7px}.rank-score strong{font-size:12px}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-card{border-radius:14px}.studio-card-body{padding:10px}.studio-card h2{font-size:10px}.studio-card-body>p{font-size:8px}.studio-cover b{top:6px;right:6px;font-size:6px}.studio-cover>span{font-size:16px}.profile-cover{aspect-ratio:2.1;border-radius:16px}.profile-identity{margin-top:18px}.profile-identity h1{font-size:24px}.profile-layout{margin-top:15px}.profile-project-grid{gap:7px}.profile-project-grid .project-copy h2{font-size:10px}.enquiry-panel{position:relative;top:auto}.map-panel #rear-map{height:calc(100vh - 280px);min-height:460px}.map-list{max-height:none}.auth-card,.auth-aside{padding:17px}.plan-grid{grid-template-columns:1fr}.membership-summary{display:block}.membership-summary .quiet-link{display:inline-block;margin-top:11px}.membership-summary dl{flex-wrap:wrap}.admin-grid{grid-template-columns:1fr}.admin-settings{grid-column:auto}.crud-row{grid-template-columns:1fr 1fr}.crud-row .checkbox{grid-column:1/-1}.crud-row .button{width:100%}.terms-copy{padding:18px}.terms-copy h2{font-size:16px}}

/* Full-stack account and owner form refinements. */
.profile-dashboard.basic-profile { grid-template-columns: minmax(0, 1fr); }
.membership-summary { display: block; }
.membership-summary .quiet-link { display: inline-block; margin-top: 12px; }
.account-details { padding: 19px; }
.account-details summary, details.crud-row summary { cursor: pointer; font-size: 13px; font-weight: 600; }
.account-details form, .admin-table form { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.admin-table h2 { font-size: 18px; }
details.crud-row { display: block; padding: 14px 0; }
details.crud-row form + form { padding-top: 14px; border-top: 1px solid var(--border); }
.status-note { color: var(--accent); }

/* Auxiliary-screen interaction fixes: directory cards, Leaflet pins, and nearby sheet. */
.directory-search .ui-icon { width: 16px; height: 16px; flex: 0 0 16px; color: var(--muted); }
.directory-search input { min-width: 0; }
.directory-type-pills { display: flex; align-items: center; gap: 6px; }
.directory-subtools .city-filter-row { overflow: visible; }
.directory-subtools .city-filter-row select { min-width: 145px; padding: 8px 25px 8px 10px; }
.architect-cover { height: 205px; aspect-ratio: auto; }
.architect-cover > span:first-of-type:not(.cover-city):not(.architect-avatar) { position: absolute; inset: 0; display: grid; place-items: center; color: #fff1e2; font-size: 28px; font-weight: 700; }
.map-panel { min-height: 0; border: 0; border-radius: 0; background: transparent; }
.map-panel #rear-map { min-height: 0; }
[data-map-error] { position: absolute; z-index: 5; inset: 50% auto auto 50%; width: min(360px,calc(100% - 32px)); padding: 14px 16px; border: 1px solid rgba(242,166,90,.35); border-radius: 12px; color: var(--text); background: rgba(39,24,15,.94); box-shadow: var(--shadow); font-size: 10px; line-height: 1.5; transform: translate(-50%,-50%); }
[data-map-error] a { color: var(--accent); font-weight: 700; }
[data-map-error][hidden] { display: none; }
.rear-map-pin { width: 32px; height: 32px; box-sizing: border-box; border: 2px solid rgba(255,239,218,.78); border-radius: 50% 50% 50% 5px; background: var(--accent); box-shadow: 0 0 0 5px rgba(242,166,90,.18),0 7px 18px rgba(0,0,0,.38); transform: rotate(-45deg); transform-origin: 50% 50%; }
.rear-map-pin::after { position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; border: 2px solid #2a190f; border-radius: 50%; background: #84bc7c; content: ''; transform: translate(-50%,-50%) rotate(45deg); }
.map-sheet-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.map-sheet-heading .eyebrow { margin: 0; }
.map-count { color: var(--muted); font-size: 8px; }
.map-sheet-handle { display: none; }
.map-list[data-map-sheet] [data-map-sheet-content] { min-height: 0; }
.map-list[data-map-sheet].is-collapsed [data-map-sheet-content] { display: none; }

@media (min-width: 701px) {
  .map-list[data-map-sheet] { max-height: 560px; overflow: auto; }
  .map-list[data-map-sheet] [data-map-sheet-content] { overflow: visible; }
}
@media (max-width: 700px) {
  .architect-cover { height: 132px; }
  .directory-subtools .city-filter-row { width: 100%; }
  .directory-subtools .city-filter-row select { width: 100%; }
  .map-panel #rear-map { height: clamp(420px,calc(100dvh - 169px),760px); min-height: 0; }
  .map-panel { overflow: visible; }
  .map-list[data-map-sheet] { position: fixed; z-index: 25; right: 50%; bottom: 77px; width: calc(100vw - 22px); max-height: 40dvh; margin: 0; padding: 0 13px 10px; overflow: hidden; border-radius: 19px; transform: translateX(50%); transition: transform .34s cubic-bezier(.22,1,.36,1); touch-action: pan-y; }
  .map-list[data-map-sheet].is-dragging { transition: none; }
  .map-list[data-map-sheet].is-collapsed { transform: translate(50%,calc(100% - 111px)); }
  .map-sheet-handle { width: 100%; height: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 0; border: 0; color: var(--muted); background: transparent; cursor: grab; touch-action: none; }
  .map-sheet-handle > span:first-child { width: 38px; height: 4px; border-radius: 99px; background: color-mix(in srgb,var(--muted) 53%,transparent); }
  .map-handle-label { font-size: 6px; font-weight: 800; letter-spacing: .16em; }
  .map-list[data-map-sheet] [data-map-sheet-content] { max-height: calc(40dvh - 84px); overflow: auto; }
  .map-list[data-map-sheet].is-collapsed [data-map-sheet-content] { overflow: hidden; }
}

/* Keep external map panes inside their own stacking context. */
.map-panel { isolation:isolate; z-index:0; border:1px solid var(--border); border-radius:20px; overflow:hidden; }
.leaflet-container { z-index:0; font-family:inherit; }
.leaflet-popup-content-wrapper,.leaflet-popup-tip { color:var(--text); background:#281b13; }
.leaflet-popup-content a { color:var(--accent); font-weight:700; }
.rear-map-marker { background:none; border:0; }
.rear-map-pin { display:grid; place-items:center; }
.rear-map-pin span { position:relative; z-index:1; color:#261407; font-size:9px; font-weight:800; transform:rotate(45deg); }
.rear-map-pin::after { display:none; }
.map-list [data-map-sheet-content] > a { display:flex; align-items:center; gap:9px; padding:11px 0; border-top:1px solid var(--border); text-decoration:none; }
.map-list [data-map-sheet-content] > a > span:last-child { display:flex; flex-direction:column; gap:3px; }
.map-list[data-map-sheet].is-collapsed { transform:translateX(50%); }
@media (max-width:700px) { .map-panel { border-radius:16px; } .map-list[data-map-sheet] { bottom:max(77px,calc(60px + env(safe-area-inset-bottom))); } }

/* Exact original Umber directory/profile component treatments. */
.directory-screen .screen-heading { margin-bottom:19px; }
.directory-tools { display:flex; align-items:center; gap:14px; margin-bottom:15px; }
.directory-search { min-width:200px; flex:1; height:44px; min-height:44px; display:flex; align-items:center; gap:10px; padding:0 13px; border:1px solid var(--border); border-radius:12px; background:color-mix(in srgb,var(--surface) 83%,transparent); }
.directory-search input { min-height:0; padding:0; width:100%; border:0; outline:0; color:var(--text); background:transparent; font:inherit; font-size:10px; }
.directory-type-pills { display:flex; align-items:center; gap:6px; }
.type-pill { padding:9px 12px; border:1px solid var(--border); border-radius:99px; color:var(--muted); background:transparent; font-size:9px; font-weight:700; white-space:nowrap; cursor:pointer; }
.type-pill.active { border-color:var(--accent); color:var(--accent-ink); background:var(--accent); }
.directory-subtools { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.city-filter-row { min-width:0; display:flex; align-items:center; gap:6px; }
.city-filter-row > span,.sort-control > span { flex:0 0 auto; margin-right:4px; color:var(--muted); font-size:8px; font-weight:800; letter-spacing:.12em; }
.sort-control { display:flex; align-items:center; gap:7px; flex:0 0 auto; }
.sort-control select { max-width:175px; min-height:32px; padding:8px 25px 8px 10px; border:1px solid var(--border); border-radius:9px; color:var(--text); background-color:#281a11; font:inherit; font-size:9px; cursor:pointer; }
.directory-results-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:7px 0 12px; color:var(--muted); font-size:8px; }
.directory-results-line strong { color:var(--text); }
.architect-cover { position:relative; height:auto; aspect-ratio:1.76; overflow:visible; display:block; background:#5b3c28; }
.architect-cover::after { position:absolute; inset:30% 0 0; background:linear-gradient(0deg,rgba(20,12,8,.48),transparent); content:''; pointer-events:none; }
.architect-cover img { width:100%; height:100%; display:block; object-fit:cover; border-radius:17px 17px 0 0; }
.architect-cover > .cover-city { position:absolute; z-index:1; top:10px; right:10px; padding:6px 8px; border:1px solid rgba(255,255,255,.22); border-radius:99px; color:#fff5e9; background:rgba(26,15,8,.58); font-size:7px; font-weight:800; letter-spacing:.12em; backdrop-filter:blur(8px); }
.architect-cover > .architect-avatar { position:absolute; z-index:2; bottom:-21px; left:13px; width:44px; height:44px; display:grid; place-items:center; border:3px solid #2a1a10; border-radius:50%; color:#fff1e2; background:linear-gradient(140deg,#bd8357,#543522); box-shadow:0 4px 12px rgba(0,0,0,.24); font-size:10px; font-weight:800; }
.architect-card-body { position:relative; padding:27px 13px 12px; }
.architect-name-line { display:flex; align-items:center; gap:6px; }
.architect-name-line h2 { overflow:hidden; margin:0; color:var(--text); font-size:12px; line-height:1.1; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }
.verified-mark { width:13px; height:13px; flex:0 0 13px; display:inline-grid; place-items:center; border-radius:50%; color:#fff; background:#52a66c; font-size:8px; line-height:1; font-weight:900; }
.architect-card-body > .architect-location { height:auto; margin:4px 0 9px; color:var(--muted); font-size:8px; }
.architect-card-metrics { display:flex; align-items:center; justify-content:space-between; margin:0; padding:8px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.studio-score { color:var(--text); font-size:9px; font-weight:800; }
.studio-score b { color:var(--accent); }
.project-total { color:var(--muted); font-size:8px; }
.architect-card .tag-row { margin-top:9px; gap:5px; }
.architect-card .soft-tag { display:inline-flex; padding:6px 8px; border:1px solid var(--border); border-radius:99px; color:var(--muted); background:rgba(255,255,255,.025); font-size:7px; line-height:1; font-weight:700; white-space:nowrap; }
.profile-cover { width:100%; height:205px; aspect-ratio:auto; overflow:visible; }
.profile-cover > img { display:block; border-radius:inherit; object-position:center 48%; }
.profile-cover-shade { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg,rgba(24,14,8,.57),transparent 75%),linear-gradient(0deg,rgba(24,14,8,.28),transparent 48%); }
.profile-cover-label { position:absolute; right:18px; bottom:16px; color:rgba(255,244,232,.84); font-size:8px; font-weight:800; letter-spacing:.16em; }
.profile-avatar-large { position:absolute; bottom:-34px; left:22px; width:75px; height:75px; display:grid; place-items:center; border:4px solid #28180f; border-radius:50%; color:#fff4e7; background:linear-gradient(140deg,#b67a50,#50301e); box-shadow:0 7px 20px rgba(0,0,0,.28); font-size:17px; font-weight:800; }
.architect-page .profile-identity { margin-top:47px; }
.architect-page .profile-identity h1 { font-size:clamp(24px,3vw,32px); line-height:1; }
.architect-page .profile-bio { font-size:10px; }
.profile-score strong { font-size:19px; letter-spacing:-.05em; }
@media (max-width:700px) {
 .directory-tools { flex-wrap:wrap; gap:10px; }
 .directory-search { min-width:0; flex-basis:100%; height:42px; min-height:42px; }
 .directory-search input { font-size:16px; min-height:0; }
 .type-pill { padding:8px 12px; font-size:8px; }
 .directory-subtools { gap:8px; }
 .directory-subtools .city-filter-row { width:auto; flex:1; gap:3px; }
 .directory-subtools .city-filter-row select { width:auto; min-width:0; max-width:145px; }
 .sort-control { gap:3px; }
 .sort-control select { max-width:130px; font-size:8px; padding:8px 20px 8px 8px; }
 .city-filter-row > span,.sort-control > span { font-size:7px; margin-right:0; }
 .directory-results-line > span:last-child { display:none; }
 .architect-cover { height:auto; aspect-ratio:1.5; }
 .architect-cover > .cover-city { top:7px; right:7px; font-size:6px; padding:5px 6px; }
 .architect-cover > .architect-avatar { left:9px; bottom:-16px; width:35px; height:35px; font-size:8px; border-width:2px; }
 .architect-card-body { padding:22px 9px 10px; }
 .architect-name-line h2 { font-size:10px; }
 .verified-mark { width:11px; height:11px; flex-basis:11px; font-size:7px; }
 .architect-card-body > .architect-location,.project-total { font-size:7px; }
 .studio-score { font-size:8px; }
 .architect-card .soft-tag { padding:5px 6px; font-size:6px; }
 .profile-cover { height:132px; border-radius:16px; }
 .profile-avatar-large { width:61px; height:61px; bottom:-27px; left:15px; border-width:3px; font-size:14px; }
 .profile-cover-label { right:12px; bottom:12px; font-size:7px; }
 .architect-page .profile-identity { margin-top:37px; }
 .architect-page .profile-identity h1 { font-size:24px; }
}

/* Profile identity and enquiry components from the preserved original screen. */
.profile-cover > .profile-cover-label { font-size:8px; font-weight:800; }
.profile-cover > .profile-avatar-large { font-size:17px; font-weight:800; }
.architect-profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; align-items:start; margin-top:22px; }
.architect-profile-main { min-width:0; padding-top:17px; }
.architect-profile-main .profile-identity { margin-top:0; }
.identity-kicker { display:flex; align-items:center; gap:6px; color:var(--accent); font-size:8px; font-weight:800; letter-spacing:.15em; }
.identity-kicker > span:last-child { color:var(--muted); }
.identity-location { margin:0; color:var(--muted); font-size:9px; }
.profile-score b { color:var(--accent); font-size:19px; letter-spacing:-.05em; }
.profile-score span { color:var(--muted); font-size:7px; font-weight:800; letter-spacing:.14em; }
.profile-stat-line { display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); color:var(--muted); font-size:9px; }
.profile-stat-line strong { color:var(--text); }
.profile-stat-line i { width:3px; height:3px; border-radius:50%; background:var(--muted); }
.panel-kicker { margin:0 0 8px; color:var(--accent); font-size:8px; font-weight:800; letter-spacing:.17em; }
.enquiry-card { position:sticky; top:145px; border:1px solid var(--border); border-radius:18px; background:var(--surface); overflow:hidden; }
.enquiry-heading { padding:20px 18px 17px; border-bottom:1px solid var(--border); }
.enquiry-heading h2 { margin:0; color:var(--text); font-size:22px; line-height:1.05; letter-spacing:-.045em; }
.enquiry-heading p:not(.panel-kicker) { margin:9px 0 0; color:var(--muted); font-size:10px; line-height:1.5; }
.enquiry-form { display:flex; flex-direction:column; gap:10px; padding:18px; }
.enquiry-form > p { margin:0; font-size:11px; color:var(--muted); }
.enquiry-form label { display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:9px; font-weight:700; }
.enquiry-form input,.enquiry-form textarea { width:100%; padding:11px; border:1px solid var(--border); border-radius:9px; color:var(--text); background:rgba(21,13,8,.42); font:inherit; font-size:11px; }
.enquiry-form textarea { resize:vertical; }
.primary-action { min-height:42px; display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid var(--accent); border-radius:9px; padding:0 15px; color:var(--accent-ink); background:var(--accent); font-size:10px; font-weight:800; text-decoration:none; cursor:pointer; }
@media (max-width:700px) {
 .architect-profile-layout { grid-template-columns:1fr; gap:15px; margin-top:17px; }
 .architect-profile-main { padding-top:17px; }
 .profile-cover > .profile-cover-label { font-size:7px; }
 .profile-cover > .profile-avatar-large { font-size:14px; }
 .enquiry-card { position:relative; top:auto; }
 .enquiry-form input,.enquiry-form textarea { font-size:16px; }
}

.profile-cover { display:block; }
.profile-cover > img { height:100%; min-height:0; }
.profile-cover > span:not(.profile-cover-label):not(.profile-avatar-large) { position:absolute; inset:0; display:grid; place-items:center; }
.leaflet-tile-pane { filter:grayscale(1) invert(1) sepia(1) saturate(.6) hue-rotate(345deg) brightness(.7) contrast(.8); }
.leaflet-control-zoom a { border-color:var(--border)!important; color:var(--text)!important; background:#281b13!important; }
.leaflet-control-attribution { color:var(--muted)!important; background:rgba(26,15,8,.85)!important; }
.leaflet-control-attribution a { color:var(--accent)!important; }

.map-list[data-map-sheet] { background:rgba(40,27,19,.96); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); }