.district-body{margin:0;overflow:hidden;background:#d6c5a8;color:#222a2e;font-family:"Space Grotesk","DM Sans",sans-serif}.district-body #districtScene{position:fixed;inset:0}.district-body canvas{display:block;width:100%;height:100%;touch-action:none}.district-header{position:fixed;z-index:8;left:0;right:0;top:0;padding:18px clamp(15px,3vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.district-header>*{pointer-events:auto}.district-brand{font-weight:900;font-size:23px;text-decoration:none;color:#222a2e}.district-brand span{font-size:10px;display:block;letter-spacing:.14em}.district-header nav{display:flex;gap:9px}.district-pill,.district-bottom button{border:1px solid #393f3d30;background:#fff9e9;border-radius:30px;padding:12px 17px;color:#252a2d;font-weight:800;font-size:11px;text-decoration:none;cursor:pointer}.district-heading{position:fixed;top:110px;left:4%;z-index:3;pointer-events:none;max-width:min(420px,80vw)}.district-heading p{font-size:11px;letter-spacing:.16em;font-weight:800}.district-heading h1{font-size:clamp(25px,4vw,47px);margin:6px 0;line-height:1.05}.district-heading #districtSubtitle{font-size:12px;letter-spacing:0;font-weight:500;line-height:1.6}.district-bottom{position:fixed;z-index:4;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:.06em}.district-nav{position:fixed;z-index:12;top:80px;right:3%;width:min(320px,90vw);background:#fff9e9;padding:23px;border:2px solid #333;border-radius:18px;box-shadow:0 16px 35px #0003}.district-nav[hidden]{display:none}.district-nav h2{margin:0 0 18px}.district-nav a{display:block;border-left:7px solid #e7b42e;padding:12px;margin:0 0 4px;color:#20282c;font-weight:800;text-decoration:none}.district-nav a:nth-of-type(2){border-color:#3578a0}.district-nav a:nth-of-type(3){border-color:#e38e4e}.district-nav a:nth-of-type(4){border-color:#8a63ad}.district-nav a:nth-of-type(5){border-color:#5d9d77}#districtDialog{width:min(520px,90vw);max-height:75vh;overflow:auto;border:0;border-radius:20px;padding:35px;background:#fff9ea;color:#222a2e;box-shadow:0 24px 70px #0005}#districtDialog::backdrop{background:#101a22aa}#districtClose{float:right;border:0;background:transparent;font-size:22px;cursor:pointer}#districtDetailBody{line-height:1.65}#districtDetailBody a{color:#154d79}#districtDetailKicker{font-size:11px;letter-spacing:.13em;font-weight:800}#districtDetailTitle{font-size:27px}@media(max-width:600px){.district-header{padding:12px}.district-brand{font-size:18px}.district-brand span{font-size:8px}.district-pill{padding:10px;font-size:10px}.district-heading{top:100px}.district-bottom{bottom:14px;font-size:9px}.district-bottom span{max-width:50%}}
/* Keep interior titles readable against decorative hanging lamps. */
.district-heading{background:#fff8e4d9;padding:13px 17px;border-radius:14px;box-shadow:0 5px 20px #192a3022;max-width:min(360px,78vw)}.district-heading h1{font-size:clamp(23px,3.1vw,38px)}@media(max-width:600px){.district-heading{top:91px;left:3%;padding:10px 12px;max-width:min(260px,70vw)}.district-heading h1{font-size:clamp(20px,6vw,28px)}}

/* Coffee & Connections: refined readable interaction layer. */
.coffee-menu{display:grid;gap:12px;margin-top:22px}
.coffee-menu a{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f2e3c9;border:1px solid #d1b48c;border-radius:13px;padding:17px;text-decoration:none;color:#283c3f!important;transition:transform .2s,background .2s}
.coffee-menu a:hover,.coffee-menu a:focus-visible{transform:translateY(-2px);background:#ffe9bc;outline:2px solid #8a6746}
.coffee-menu a span{font-size:13px;text-align:right}
#districtDetailBody a{overflow-wrap:anywhere}
#districtDialog{border:2px solid #c39b67;box-shadow:0 24px 70px #0007}
#districtDialog::backdrop{backdrop-filter:blur(5px)}
.district-body:has(#districtTitle:not(:empty)) #districtScene{isolation:isolate}
@media(max-width:600px){.coffee-menu a{align-items:flex-start;flex-direction:column;gap:5px}}

.cafe-quick-actions{position:fixed;bottom:83px;left:50%;transform:translateX(-50%);z-index:6;display:flex;gap:7px;flex-wrap:wrap;justify-content:center;width:min(780px,92vw);pointer-events:auto}
.cafe-quick-actions button{border:1px solid #b58e5c;border-radius:99px;padding:9px 13px;background:#fff5dfec;color:#293d3e;font-size:11px;font-weight:800;box-shadow:0 4px 15px #221a1026;cursor:pointer;transition:background .15s,transform .15s}
.cafe-quick-actions button:hover,.cafe-quick-actions button:focus-visible{background:#ffe1a1;transform:translateY(-2px);outline:2px solid #795e3f}
@media(max-width:600px){.cafe-quick-actions{bottom:70px;gap:5px}.cafe-quick-actions button{font-size:10px;padding:7px 9px}}