html{scroll-padding-top:18px}body{background:#f3f4ef;color:#243b3f}header{gap:24px;align-items:start}header p{margin:8px 0 0;max-width:50ch}header nav{flex-wrap:wrap;gap:6px 18px;max-width:600px}main{max-width:1500px;margin:auto}main>section+section{margin-top:46px;padding-top:24px;border-top:1px solid #c5cfca}h2{font-size:24px}h3{font-size:18px;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2{margin-top:0}.view-count{white-space:nowrap;font-weight:600}.view-filters,.archive-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.view-filters button,.archive-filters button{border-radius:24px;padding:10px 16px}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.pair-card{min-width:0;border:1px solid #bbc9c4;background:white;border-radius:7px;overflow:hidden}.pair-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px}.pair-enlarge{flex:none}.photo-compare{position:relative;aspect-ratio:var(--ratio);width:100%;overflow:hidden;isolation:isolate;background:#dce3dd}.photo-compare img{position:absolute;width:100%;height:100%;inset:0;object-fit:fill;display:block}.photo-compare .before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.split-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;box-shadow:0 0 4px #223630;z-index:2;pointer-events:none}.split-knob{position:absolute;left:var(--split);top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#243b3f;font-size:26px;box-shadow:0 1px 6px #20312f;z-index:2;pointer-events:none}.photo-label{position:absolute;bottom:12px;z-index:2;background:#fff;color:#243b3f;padding:6px 10px;border-radius:4px;font-size:16px;pointer-events:none}.before-label{left:12px}.after-label{right:12px}.photo-slider{position:absolute;inset:0;z-index:3;appearance:none;-webkit-appearance:none;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.photo-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:44px}.photo-slider::-moz-range-thumb{width:1px;height:44px}.photo-compare:has(.photo-slider:focus-visible){outline:3px solid #166b80;outline-offset:-3px}.pair-actions{padding:12px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pair-actions button{flex:1;font-size:16px;padding:8px}.pair-actions a{min-height:44px;display:flex;align-items:center;padding:9px}.roof-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.roof-choices button{padding:0;text-align:left;overflow:hidden;background:#fff;color:#243b3f;border:1px solid #aabdb7}.roof-choices button[aria-pressed=true]{outline:2px solid #214f58;outline-offset:2px}.roof-choices img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.roof-choices span{display:block;padding:12px;font-size:16px}.roof-comparison{max-width:1100px;margin:auto}.archive-grid,.context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.archive-grid img,.context-grid img{display:block;width:100%;height:270px;object-fit:contain;background:#e5e9e2}.archive-grid figcaption,.context-grid figcaption{font-size:16px}.archive-grid button,.context-grid button{margin:0 12px 12px}.archive-filters span{font-weight:700}.hint,.scene-top span,.legend,.camera label,.options label,.metrics span,.photo-tabs button,#feedback-guide,#feedback-storage-status,#feedback-dialog-status,#feedback-transfer-status,.feedback-note small{font-size:16px}.source-section .evidence{gap:28px}.courtyard-video video{border-radius:5px;max-height:420px}.model-section aside{max-width:100%}.feedback-dialog-toolbar{flex-wrap:wrap}.eyebrow{font-size:14px}#compare-dialog{width:min(1300px,97vw);max-height:97dvh;padding:16px;border:1px solid #7e9590;border-radius:7px;background:#f3f4ef;color:#243b3f;overflow:auto}#compare-dialog::backdrop{background:rgb(24 43 48 / .7)}.compare-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-dialog-head h2{margin:0 0 12px}.compare-dialog-head button{margin-bottom:12px}#compare-expanded{max-width:1100px;margin:auto}#compare-expanded .pair-head{display:none}#compare-expanded .photo-compare{max-height:75dvh;width:auto;max-width:100%;margin:auto}#compare-expanded .pair-card{border:0;background:transparent}#compare-expanded .pair-actions{padding:12px 0}#hub-feedback{max-width:none}.feedback-dialog-head h2{overflow-wrap:anywhere}.photo-compare[data-at-start=true] .before-label,.photo-compare[data-at-start=true] .split-knob,.photo-compare[data-at-start=true] .split-line{visibility:hidden}.photo-compare[data-at-end=true] .after-label,.photo-compare[data-at-end=true] .split-knob,.photo-compare[data-at-end=true] .split-line{visibility:hidden}@media(max-width:1100px){header{display:block}.archive-grid,.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-choices{grid-template-columns:repeat(3,minmax(0,1fr))}header nav{max-width:none;margin-top:12px}}@media(max-width:700px){header{padding:20px 16px}header h1{font-size:26px}header nav{gap:4px 16px}.section-head{display:block}.view-count{margin:12px 0}.pair-grid{grid-template-columns:1fr;gap:20px}.pair-head{padding:10px 12px;gap:10px}.pair-head h3{font-size:17px}.pair-actions{padding:10px 12px}.pair-actions button{flex:1 1 44%}.pair-actions a{flex:1;justify-content:center}.pair-enlarge{padding:8px}.view-filters{gap:6px}.view-filters button{padding:9px 12px}.roof-choices{display:flex;overflow-x:auto;padding:4px 4px 10px;gap:12px;scroll-snap-type:x proximity}.roof-choices button{flex:0 0 170px;scroll-snap-align:start}.roof-choices span{min-height:74px}.archive-grid,.context-grid{grid-template-columns:1fr}.archive-grid img,.context-grid img{height:auto;max-height:480px}.metrics{gap:12px}.metrics span{font-size:16px}.scene-top{display:block}.scene-top span{display:block;margin-top:6px}.camera{flex-wrap:wrap}.camera label{flex-basis:28%}h2{font-size:22px}.source-section .evidence{gap:20px}main>section+section{margin-top:32px}#compare-dialog{padding:12px}.compare-dialog-head{gap:12px}#compare-expanded .pair-actions{padding-top:12px}#compare-expanded .photo-compare{max-height:70dvh}.feedback-dialog-toolbar button{font-size:16px}.feedback-actions button{min-height:44px}}