:root{color-scheme:light;--paper:#f6f0e7;--surface:#fffdf9;--ink:#32271f;--muted:#74665a;--line:#dfd4c5;--accent:#875d3e;--accent-soft:#eee2d1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}.topbar{height:72px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent-soft);font-size:25px;color:var(--accent)}.brand strong,.brand span:last-child{display:block}.brand strong{font-size:15px;line-height:1.15}.brand span:last-child{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--muted)}.about-link{text-underline-offset:3px}.layout{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1720px;margin:auto}.city-panel{height:calc(100vh - 72px);position:sticky;top:72px;overflow:auto;padding:28px 12px 30px 24px;border-right:1px solid var(--line)}.nav-heading{padding:0 12px 13px;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.nav-heading span{font-weight:500;letter-spacing:0}.city-list{display:grid;gap:3px}.city-link{width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:8px 12px;color:#574a3d}.city-link:hover,.city-link:focus-visible{background:#eee4d5;outline:none}.city-link.active{background:var(--accent-soft);color:#4b2f1c;font-weight:750}main{min-width:0;padding:38px clamp(20px,4vw,70px) 80px}.main-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 3px;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.16em;color:var(--accent)}h1{margin:0;font-size:clamp(31px,4vw,52px);line-height:1.1;letter-spacing:-.045em}.summary{margin:11px 0 0;color:var(--muted);font-size:14px}.city-step{display:flex;gap:7px}.city-step button{width:38px;height:38px;background:var(--surface);border:1px solid var(--line);border-radius:50%;color:var(--ink)}.city-step button:hover{border-color:var(--accent)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:29px 0 22px}.tab{padding:12px 16px;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-weight:650}.tab.active{color:var(--ink);border-color:var(--accent)}.tab span{font-size:11px;color:var(--muted);margin-left:3px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,430px),1fr));gap:20px}.concept{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 24px #46301d0a}.concept-head{padding:17px 20px 13px;display:flex;justify-content:space-between;align-items:start;gap:12px}.concept h2{margin:0;font-size:18px;line-height:1.25}.concept-kicker{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;margin-bottom:5px}.concept-tag{background:#f1e8dc;color:#655344;border-radius:99px;padding:4px 9px;white-space:nowrap;font-size:11px}.image-button{display:block;border:0;background:#faf7f2;width:100%;padding:0}.image-button img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.image-button:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.production{padding:14px 20px 18px;border-top:1px solid var(--line)}.production-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:750;margin-bottom:9px}.variant-choices{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.variant-choices button{border:1px solid var(--line);background:white;padding:5px 9px;border-radius:6px;font-size:12px;color:#5a4d41}.variant-choices button.active{background:#5a3c27;border-color:#5a3c27;color:white}.production .image-button{border:1px solid #eee7df;border-radius:8px;overflow:hidden;background:white}.production img{aspect-ratio:4/3;max-height:330px}.production small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.pin-grid .image-button img{aspect-ratio:3/2}.about{margin-top:50px;padding:21px 25px;background:#efe6da;border-radius:12px;font-size:13px;color:#675547}.about h2{margin:0 0 6px;color:#3d3026;font-size:16px}.about p{margin:0}dialog{border:0;border-radius:12px;padding:20px;max-width:min(96vw,1600px);max-height:94vh;box-shadow:0 12px 70px #0008;background:#fffdf9}dialog::backdrop{background:#1e140fd9}dialog img{display:block;max-width:100%;max-height:calc(94vh - 105px);object-fit:contain;margin:auto}dialog p{margin:8px 40px 0 0;color:var(--muted);font-size:13px}.close-lightbox{position:absolute;right:9px;top:6px;border:0;background:white;border-radius:50%;font-size:28px;line-height:1;width:38px;height:38px}@media(max-width:880px){.layout{display:block}.city-panel{height:auto;position:sticky;top:72px;z-index:9;background:var(--paper);overflow:auto;white-space:nowrap;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.nav-heading{display:none}.city-list{display:flex;gap:3px}.city-link{width:auto;white-space:nowrap;font-size:13px}main{padding-top:25px}.top-actions .about-link{display:none}}@media(max-width:560px){.topbar{height:62px}.city-panel{top:62px}.brand strong{font-size:13px}.brand span:last-child{font-size:11px}.brand-mark{width:31px;height:31px;font-size:20px}.top-actions{display:none}.gallery-grid{grid-template-columns:1fr}.main-heading{align-items:center}.city-step button{width:33px;height:33px}.concept-head,.production{padding-left:14px;padding-right:14px}}