:root{--bg: #eef1ec;--bg-deep: #e2e7e0;--ink: #1f2a24;--ink-soft: #445249;--accent: #b85a3a;--accent-deep: #8f3f28;--patina: #5e7a6a;--bone: #f7f8f5;--line: color-mix(in srgb, var(--ink) 12%, transparent);--shadow: 0 24px 60px color-mix(in srgb, var(--ink) 12%, transparent);--radius: 1.25rem;--font-display: "Bricolage Grotesque", "Segoe UI", sans-serif;--font-body: "Newsreader", Georgia, serif;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.125rem;line-height:1.55;background:radial-gradient(1200px 600px at 12% -10%,color-mix(in srgb,var(--patina) 18%,transparent),transparent 60%),radial-gradient(900px 500px at 90% 8%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),linear-gradient(180deg,var(--bone),var(--bg) 38%,var(--bg-deep));background-attachment:fixed}#app{min-height:100vh}.stage{width:min(100% - 2rem,var(--max));margin:0 auto;padding:1.5rem 0 4rem}.hero{min-height:calc(100vh - 3rem);display:grid;align-content:end;gap:1rem;padding:2rem 0 3.5rem;animation:rise .9s ease-out both}.brand{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,8vw,5.5rem);letter-spacing:-.04em;line-height:.92;color:var(--ink)}.headline{margin:0;max-width:16ch;font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4vw,2.6rem);letter-spacing:-.03em;line-height:1.1}.lead{margin:0;max-width:36rem;color:var(--ink-soft);font-size:1.2rem}.cta{justify-self:start;margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:999px;background:var(--ink);color:var(--bone);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:.95rem;transition:transform .18s ease,background .18s ease}.cta:hover{background:var(--accent-deep);transform:translateY(-2px)}.section{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--line);animation:rise .9s ease-out both;animation-delay:.12s}.section h2{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.03em}.about p,.footer p{margin:0;max-width:42rem;color:var(--ink-soft)}.empty{padding:2rem;border:1px dashed color-mix(in srgb,var(--patina) 55%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--bone) 70%,transparent)}.empty h3{margin:0 0 .5rem;font-family:var(--font-display)}.empty p{margin:0;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.card{margin:0;overflow:hidden;border-radius:var(--radius);background:var(--bone);box-shadow:var(--shadow);cursor:zoom-in;transition:transform .22s ease}.card:hover{transform:translateY(-4px)}.card img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.card figcaption{padding:.75rem 1rem 1rem;font-size:.95rem;color:var(--ink-soft)}.footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);display:grid;gap:.5rem}.muted{color:color-mix(in srgb,var(--ink-soft) 75%,transparent);font-size:.95rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:color-mix(in srgb,var(--ink) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .18s ease both}.lightbox img{max-width:min(96vw,1100px);max-height:82vh;border-radius:.75rem;box-shadow:var(--shadow)}.lightbox-close{position:fixed;top:1rem;right:1rem;border:0;border-radius:999px;padding:.7rem 1rem;font-family:var(--font-display);font-weight:700;background:var(--bone);color:var(--ink);cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.hero{min-height:auto;padding-top:4rem}.card img{aspect-ratio:1}}