:root{font-family:Arial,Helvetica,sans-serif;color:#263d49;background-color:#f8fbfc;background-image:linear-gradient(#c7dce51b 1px,transparent 1px),linear-gradient(90deg,#c7dce51b 1px,transparent 1px),linear-gradient(#c7dce52b 1px,transparent 1px),linear-gradient(90deg,#c7dce52b 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px}*{box-sizing:border-box}body{margin:0}a{color:#436d82;text-decoration:none}header{height:72px;border-bottom:1px solid #d8e5ea;background:#f9fcfcef;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1200px)/2))}.brand{font-weight:700;letter-spacing:1px;color:#244759}.brand span{font-size:9px;letter-spacing:2px;color:#7d929b;margin-left:7px}nav{display:flex;gap:24px;font-size:12px}main{max-width:1200px;margin:auto;padding:65px 24px}.eyebrow{font:9px Consolas,monospace;letter-spacing:1.6px;color:#718b98}h1{font-size:54px;line-height:1.03;letter-spacing:-2px;font-weight:500;margin:16px 0}h1 em{font-family:Georgia,serif;color:#547b8b;font-weight:400}.lead{max-width:570px;color:#657e89;font-size:14px;line-height:1.8;margin:16px 0 34px}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #cddfe6;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 14px 35px #2843550a}.viewer{position:relative;min-height:480px;background:#edf4f6}.viewer-label{position:absolute;top:18px;left:20px;right:20px;z-index:2;display:flex;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:1px;color:#6e8794;pointer-events:none}.viewer-label span:first-child{font-size:9px;color:#3f6374}#home-scene{position:absolute;inset:0}#home-scene canvas{width:100%;height:100%;display:block;touch-action:none}.view-instructions{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:8px Consolas,monospace;letter-spacing:1px;color:#76909c;pointer-events:none}.controls{padding:24px 22px;border-left:1px solid #dce8ec}.controls>label,.material-row label{display:block;font-size:10px;color:#617d89;margin:17px 0}.controls select{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #d6e3e8;border-radius:4px;color:#365565;background:#fcfefe;font-size:11px}.material-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.switch{display:flex!important;align-items:center;gap:8px}.switch input{accent-color:#668fa0}.note{font-size:9px;line-height:1.7;color:#758b95;border-left:2px solid #c5d9e0;padding-left:10px;margin-top:20px}.gallery-head{display:flex;align-items:end;justify-content:space-between;margin:55px 0 20px}.gallery-head h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:10px 0 0}.count{font:9px Consolas,monospace;color:#7c919b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.region-card{border:1px solid #d8e5ea;border-radius:6px;background:#ffffffed;padding:18px;cursor:pointer;transition:border-color .18s,transform .18s}.region-card:hover{border-color:#92b4c2;transform:translateY(-2px)}.region-card.active{border-color:#7297a8;box-shadow:0 0 0 2px #cfdee5;background:#f9fcfd}.card-art{height:88px;border-radius:4px;margin-bottom:14px;background:linear-gradient(175deg,#dceaf0,#f9f8f1);position:relative;overflow:hidden}.card-art:before{content:'';position:absolute;left:25%;right:25%;bottom:14px;height:38px;background:var(--house,#e4dfd0);border:1px solid #c1c5bd;clip-path:polygon(0 24%,50% 0,100% 24%,100% 100%,0 100%)}.card-art:after{content:'';position:absolute;left:19%;right:19%;bottom:47px;height:28px;background:var(--roof,#829ba3);clip-path:polygon(0 100%,50% 0,100% 100%)}.region-card small{font:8px Consolas,monospace;color:#77919d;letter-spacing:.8px}.region-card h3{font:16px Georgia,serif;font-weight:400;margin:7px 0}.region-card p{font-size:10px;color:#718792;line-height:1.6;margin:0}.states{font-size:8px!important;line-height:1.6!important;color:#8297a0!important;margin-top:9px!important}footer{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #d9e5ea;margin-top:32px;padding-top:17px;font-size:9px;color:#7a9099}footer a{color:#56798a}@media(max-width:760px){header{height:60px;padding:0 17px}nav{gap:12px;font-size:10px}main{padding:40px 15px}h1{font-size:43px}.lead{font-size:12px;margin-bottom:24px}.explorer{grid-template-columns:1fr}.viewer{min-height:370px}.controls{border-left:0;border-top:1px solid #dce8ec;padding:18px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.region-card{padding:12px}.card-art{height:68px}.gallery-head{margin-top:39px}.gallery-head h2{font-size:21px}.count{font-size:7px}}