.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);padding-top:env(safe-area-inset-top,0);background:color-mix(in srgb,var(--color-bg-primary) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-md)}.brand{font-family:var(--font-display);font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:700;color:var(--color-teal-900);text-decoration:none;letter-spacing:-.02em;min-height:2.75rem;display:inline-flex;align-items:center}.brand:hover{color:var(--color-teal-700);text-decoration:none}.main-nav{display:flex;align-items:center;gap:var(--space-lg)}.main-nav a{font-size:var(--text-small);font-weight:500;color:var(--color-text-secondary);text-decoration:none;min-height:2.75rem;display:inline-flex;align-items:center;padding:0;border-bottom:2px solid transparent;transition:color var(--dur-fast, .18s) ease,border-color var(--dur-fast, .18s) ease}.main-nav a:hover,.main-nav a.active{color:var(--color-teal-800);border-bottom-color:var(--color-teal-600);text-decoration:none}.nav-toggle{display:none;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span:not(.sr-only){display:block;width:1.15rem;height:2px;background:var(--color-teal-900);transition:transform var(--dur-fast, .18s) var(--ease-out, cubic-bezier(.22, 1, .36, 1))}.nav-toggle.is-open span:not(.sr-only):first-of-type{transform:translateY(3.5px) rotate(45deg)}.nav-toggle.is-open span:not(.sr-only):last-of-type{transform:translateY(-3.5px) rotate(-45deg)}.site-main{min-height:calc(100svh - var(--header-height) - 8rem)}.site-footer{margin-top:var(--space-3xl);padding:var(--space-2xl) 0 calc(var(--space-xl) + env(safe-area-inset-bottom,0));border-top:1px solid var(--color-border-subtle);background:linear-gradient(180deg,transparent,rgba(13,61,58,.04)),var(--color-bg-secondary)}.footer-inner{display:grid;gap:var(--space-lg)}.footer-brand{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--color-teal-900)}.footer-tagline{margin:var(--space-xs) 0 0;color:var(--color-text-secondary);max-width:28ch}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg)}.footer-links a{color:var(--color-text-secondary);font-size:var(--text-small);font-weight:500;min-height:2.5rem;display:inline-flex;align-items:center}.footer-links a:hover{color:var(--color-teal-800)}.footer-admin{opacity:.65}.footer-note{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:820px){.nav-toggle{display:inline-flex}.main-nav{position:fixed;inset:calc(var(--header-height) + env(safe-area-inset-top,0)) 0 0 0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-md) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,var(--color-bg-primary),var(--color-bg-secondary));border-bottom:none;box-shadow:none;overflow-y:auto;z-index:99}.main-nav.is-open{display:flex}.main-nav a{padding:1rem 0;min-height:3.25rem;font-size:1.05rem;border-bottom:1px solid var(--color-border-subtle)}.main-nav a.active{border-bottom-color:var(--color-teal-600);color:var(--color-teal-800)}}:root{--color-primary: #285a52;--color-primary-hover: #214b45;--color-accent: #c9825b;--color-background: #f7f3ea;--color-surface: #efe9dd;--color-surface-elevated: #fcfaf6;--color-text: #25312e;--color-text-muted: #65716d;--color-sage: #93a99f;--color-success: #3f7d61;--color-warning: #b87935;--color-error: #b8534f;--background: var(--color-background);--surface: var(--color-surface);--surface-elevated: var(--color-surface-elevated);--text-primary: var(--color-text);--text-muted: var(--color-text-muted);--brand-primary: var(--color-primary);--brand-accent: var(--color-accent);--map-passive: var(--color-sage);--map-selected: var(--color-primary);--room-selected: var(--color-accent);--border-subtle: rgba(37, 49, 46, .12);--font-display: "Literata", "Noto Serif", Georgia, serif;--font-body: "Be Vietnam Pro", "Noto Sans", system-ui, sans-serif}:root{--ancu-brand: "AnCư 3D";--color-bg-primary: #f7f3ea;--color-bg-secondary: #efe8dc;--color-bg-elevated: #ffffff;--color-bg-muted: #e5ddd0;--color-teal-900: #0d3d3a;--color-teal-800: #14524e;--color-teal-700: #1a6b65;--color-teal-600: #22857d;--color-teal-500: #2a9d94;--color-teal-100: #d4ebe8;--color-clay-700: #9a6b4f;--color-clay-600: #b07d5e;--color-clay-500: #c4916f;--color-clay-100: #f0e4d8;--color-text-primary: #2c2825;--color-text-secondary: #5c534c;--color-text-muted: #8a817a;--color-border: #d9cfc3;--color-border-subtle: #ebe4da;--color-cta: var(--color-teal-700);--color-cta-hover: var(--color-teal-800);--color-accent: var(--color-clay-600);--color-success: #3d7a5e;--color-warning: #b8860b;--color-danger: #8a3a32;--font-display: "Literata", "Noto Serif", Georgia, serif;--font-body: "Be Vietnam Pro", "Noto Sans", system-ui, sans-serif;--text-hero: clamp(2.75rem, 7vw, 4.75rem);--text-h1: clamp(2rem, 4vw, 3rem);--text-h2: clamp(1.5rem, 3vw, 2rem);--text-h3: 1.25rem;--text-body: 1rem;--text-small: .875rem;--text-xs: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--max-width: 1180px;--header-height: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(44, 40, 37, .06);--shadow-md: 0 4px 16px rgba(44, 40, 37, .08);--shadow-lg: 0 12px 32px rgba(44, 40, 37, .1);--color-wall: #e8e2d8;--color-wall-edge: #c9bfb2;--color-floor: #f5f0ea;--color-room-label: var(--color-teal-800);--color-furniture: var(--color-clay-500);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-med: .42s}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0 0 var(--space-md)}a{color:var(--color-teal-700);text-decoration:none}a:hover{color:var(--color-teal-900);text-decoration:underline}button{font-family:var(--font-body);cursor:pointer}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 max(var(--space-lg),env(safe-area-inset-right,0px)) 0 max(var(--space-lg),env(safe-area-inset-left,0px))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:2.75rem;padding:.7rem 1.25rem;font-size:var(--text-small);font-weight:600;border:none;border-radius:var(--radius-md);transition:background .2s,transform .15s;touch-action:manipulation}.btn-ghost:hover{background:var(--color-bg-secondary);text-decoration:none}.btn-primary{background:var(--color-cta);color:#fff}.btn-primary:hover{background:var(--color-cta-hover);text-decoration:none}.btn-secondary{background:transparent;color:var(--color-teal-700);border:1px solid var(--color-teal-700)}.btn-secondary:hover{background:var(--color-teal-100)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg-secondary)}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-body{padding:var(--space-lg)}.tag{display:inline-block;padding:.2rem .6rem;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-secondary)}.tag-teal{background:var(--color-teal-100);color:var(--color-teal-800)}.tag-clay{background:var(--color-clay-100);color:var(--color-clay-700)}.provenance{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.pending-data{color:var(--color-warning);font-style:italic}.page-header{padding:var(--space-2xl) 0 var(--space-xl)}.page-header h1{font-size:var(--text-h1)}.page-header p{color:var(--color-text-secondary);max-width:60ch;margin:0}.grid-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100%;left:var(--space-lg);z-index:200;padding:var(--space-sm) var(--space-md);background:var(--color-teal-800);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none}.skip-link:focus{top:var(--space-sm)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-secondary) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.page-skeleton{padding:var(--space-2xl) 0}.skeleton-title{height:2rem;width:60%;margin-bottom:var(--space-md)}.skeleton-text{height:1rem;width:100%;margin-bottom:var(--space-sm)}.skeleton-text-short{width:75%;margin-bottom:var(--space-xl)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.skeleton-card{height:200px}@media(max-width:768px){.container{padding-left:max(var(--space-md),env(safe-area-inset-left,0px));padding-right:max(var(--space-md),env(safe-area-inset-right,0px))}.apartment-viewer-layout,.grid-projects,.project-facts-grid,.apartment-type-grid{grid-template-columns:1fr}.page-header{padding:var(--space-xl) 0 var(--space-lg)}.page-header h1{font-size:clamp(1.65rem,7vw,2.25rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}