html:has(#pg-app),body:has(#pg-app){height:100vh;overflow-y:hidden}#pg-app{background:var(--bg);min-width:0;min-height:0;color:var(--text);transition:background-color .6s var(--ease-in-out,ease-in-out);flex-direction:column;flex:1;display:flex}#pg-home-stage{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}#pg-hero-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(6,1fr);gap:16px;min-width:0;min-height:0;padding:48px;display:grid;position:relative}#pg-nav-prev,#pg-nav-next,#pg-info-toggle{z-index:5;border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);backdrop-filter:blur(10px);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute}#pg-nav-prev:hover,#pg-nav-next:hover,#pg-info-toggle:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--text))}#pg-nav-prev svg,#pg-nav-next svg,#pg-info-toggle svg{width:18px;height:18px}#pg-nav-prev{top:50%;left:16px;transform:translateY(-50%)}#pg-nav-next{top:50%;right:16px;transform:translateY(-50%)}#pg-nav-prev,#pg-nav-next{opacity:0;pointer-events:none;transition:opacity .2s}#pg-hero-grid.pg-nav-idle-visible #pg-nav-prev,#pg-hero-grid.pg-nav-idle-visible #pg-nav-next{opacity:1;pointer-events:auto}#pg-nav-prev:hover,#pg-nav-next:hover{opacity:1!important;pointer-events:auto!important}@media (width<=900px){#pg-nav-prev,#pg-nav-next{display:none}}#pg-info-toggle{top:16px;right:16px}#pg-info-toggle[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}#pg-hero-photos{grid-column:1/-1;gap:12px;min-width:0;min-height:0;display:flex}.pg-hero-slot{background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.pg-hero-slot img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}#pg-hero-meta{z-index:6;background:color-mix(in srgb, var(--panel-bg) 85%, transparent);backdrop-filter:blur(10px);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:14px;flex-direction:column;width:280px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);padding:16px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:16px;right:16px;overflow-y:auto;transform:translateY(-8px);box-shadow:0 8px 30px #0003}#pg-hero-meta.open{opacity:1;pointer-events:auto;transform:translateY(0)}#pg-info-close{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;font-size:18px;line-height:1;position:absolute;top:10px;right:10px}#pg-info-close:hover{color:var(--text)}#pg-meta-photos{flex-direction:column;margin-bottom:20px;display:flex}.pg-meta-photo+.pg-meta-photo{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.pg-meta-title{font-family:var(--font-serif);margin:0 24px 2px 0;font-size:22px}.pg-meta-project{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:0 0 20px;font-size:12px;text-decoration:none;display:block}.pg-meta-project:hover{color:var(--text);text-decoration:underline}.pg-meta-facts{flex-direction:column;gap:12px;margin:0;display:flex}.pg-meta-facts>div{flex-direction:column;gap:2px;display:flex}.pg-meta-facts dt{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.pg-meta-facts dd{margin:0;font-size:14px}#pg-mini-map{background:var(--panel-bg);border-radius:6px;width:100%;height:160px;margin-top:auto;overflow:hidden}#pg-mini-map.is-empty{display:none}#pg-carousel-row{align-items:center;gap:16px;padding:12px 24px 12px 0;display:flex}#pg-carousel{scrollbar-width:thin;flex:1;gap:8px;padding-left:24px;display:flex;overflow-x:auto}.pg-carousel-item{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;gap:2px;height:64px;padding:0;display:flex;overflow:hidden}.pg-carousel-item img{object-fit:cover;width:64px;height:100%;display:block}.pg-carousel-item.is-active{border-color:var(--text)}.pg-carousel-item:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--text))}#pg-see-all{border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:13px;text-decoration:none}#pg-see-all:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--text))}.leaflet-container{background:var(--panel-bg)}@media (width<=900px){html:has(#pg-app),body:has(#pg-app){height:calc(var(--pg-vh,1vh) * 100);overscroll-behavior:none;overflow:hidden}#pg-hero-slot-b{display:none!important}#pg-hero-slot-a{flex:1 1 0!important}#pg-hero-grid{padding:24px;padding-bottom:calc(80px + var(--pg-carousel-h,120px))}#pg-carousel-row{z-index:10;padding-left:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}#pg-carousel{padding-left:24px;mask-image:linear-gradient(90deg,#000 calc(100% - 56px),#0000 100%)}}