.project-viewer{margin:32px 0 54px}.project-compare{background:#e8e5df;position:relative;overflow:hidden}.project-photo{position:absolute;inset:0;overflow:hidden}.project-photo img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.project-photo-pair img{object-fit:fill;right:auto}.project-before-layer{position:absolute;inset:0}.project-compare-line{color:#181a17;text-shadow:0 0 2px #fff;pointer-events:none;background:#fff;justify-content:center;align-items:center;width:2px;font-size:29px;display:flex;position:absolute;top:0;bottom:0}.project-photo-label{color:#fff;letter-spacing:.06em;background:#171a16e8;padding:9px 13px;font-size:13px;position:absolute;top:20px}.project-photo-label.before{left:20px}.project-photo-label.after{right:20px}.project-enlarge{color:#151813;cursor:pointer;background:#fbfaf6;border:1px solid #d8d3c9;align-items:center;gap:9px;min-height:46px;padding:12px 17px;font-size:14px;display:flex;position:absolute;bottom:18px;right:18px}.project-comparison-control{background:#efebe2;align-items:center;gap:20px;padding:24px;font-size:14px;display:flex}.project-comparison-control [data-slot=slider]{flex:1}.project-comparison-control [data-slot=slider-track]{background:#cbc5b7;height:5px}.project-comparison-control [data-slot=slider-range]{background:#80633c}.project-comparison-control [data-slot=slider-thumb]{background:#fff;border:2px solid #80633c;width:25px;height:25px}.project-detail-heading{justify-content:space-between;align-items:baseline;gap:22px;margin:29px 0 18px;display:flex}.project-detail-heading h2{margin:0;font:29px/1.2 Georgia,serif}.project-detail-heading p{color:#63665d;margin:0;font-size:14px}.project-thumbnails{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.project-thumbnails>button{text-align:left;cursor:pointer;background:#f2efe8;border:1px solid #d5d1c8;min-width:0;padding:0}.project-thumbnails>button>div{background:#e9e5dd;position:relative;overflow:hidden}.project-thumbnails .project-photo img{object-fit:contain}.project-thumbnails>button>div>svg{color:#fff;filter:drop-shadow(0 1px 3px #000);position:absolute;bottom:9px;right:9px}.project-thumbnails>button>span{padding:14px;font-size:14px;line-height:1.5;display:block}.project-thumbnails>button:hover{border-color:#9b7746}.project-thumbnails>button:focus-visible{outline-offset:3px;outline:3px solid #b28243}.project-enlarge:focus-visible{outline-offset:3px;outline:3px solid #b28243}[data-slot=dialog-content].project-zoom-dialog{color:#fff;background:#171a16;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto;gap:0;width:96vw;max-width:1600px;height:94dvh;max-height:1100px;padding:0;display:grid;overflow:hidden}.project-zoom-heading{padding:20px 65px 18px 24px}.project-zoom-heading [data-slot=dialog-title]{font:24px/1.2 Georgia,serif}.project-zoom-heading [data-slot=dialog-description]{color:#c9c8bf;margin-top:8px;font-size:14px}.project-zoom-dialog [data-slot=dialog-close]{color:#171a16;opacity:1;background:#fff;padding:9px;top:20px;right:18px}.project-zoom-stage{touch-action:none;cursor:grab;background:#0d100d;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.project-zoom-stage:active{cursor:grabbing}.project-zoom-stage:focus-visible{outline-offset:-3px;outline:2px solid #c99b5d}.project-zoom-image{transform-origin:50%;will-change:transform;flex:none;position:relative}.project-zoom-tools{border-top:1px solid #373b33;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;display:flex}.project-zoom-tools>div{align-items:center;gap:12px;display:flex}.project-zoom-tools button{color:#fff;cursor:pointer;background:#292e25;border:1px solid #54594d;place-items:center;width:44px;height:44px;display:grid}.project-zoom-tools button:disabled{opacity:.4}.project-zoom-tools span{text-align:center;min-width:45px;font-size:15px}.project-zoom-tools p{color:#c7c9bf;gap:9px;margin:0;font-size:14px;display:flex}.project-zoom-tabs{gap:8px;max-width:100%;padding:0 24px 18px;display:flex;overflow-x:auto}.project-zoom-tabs button{color:#dddeda;cursor:pointer;background:0 0;border:1px solid #4c5146;flex-shrink:0;max-width:240px;min-height:44px;padding:12px 15px;font-size:14px}.project-zoom-tabs button[aria-pressed=true]{color:#161913;background:#c99b5d;border-color:#c99b5d}@media (max-width:700px){.project-viewer{margin:23px 0 36px}.project-photo-label{padding:7px 9px;font-size:12px;top:10px}.project-photo-label.before{left:10px}.project-photo-label.after{right:10px}.project-enlarge{min-height:42px;padding:10px;font-size:13px;bottom:10px;right:10px}.project-comparison-control{gap:15px;padding:20px 14px;font-size:13px}.project-detail-heading{display:block}.project-detail-heading h2{margin-bottom:10px;font-size:25px}.project-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-thumbnails>button>span{padding:10px;font-size:14px}[data-slot=dialog-content].project-zoom-dialog{width:100vw;max-width:none;height:100dvh;max-height:none}.project-zoom-heading{padding:18px 64px 16px 16px}.project-zoom-heading [data-slot=dialog-title]{font-size:22px}.project-zoom-tools{flex-wrap:wrap;gap:8px;padding:12px 16px}.project-zoom-tools p{font-size:12px}.project-zoom-tabs{padding:0 16px 16px}.project-zoom-tabs button{max-width:180px;font-size:13px}}