:root{--green-900: #0f2f28;--green-800: #0f4d3a;--green-700: #176b4d;--gold: #d7a531;--cream: #f8f6ef;--sage: #dde8da;--clay: #b85c38;--charcoal: #1e2522;--muted: #64726c;--line: rgba(30, 37, 34, .14);--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .5);--header-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 246, 239, .9)), rgba(248, 246, 239, .92);--header-shadow: 0 10px 34px rgba(15, 47, 40, .1);--nav-text: #34413d;--tile-text: var(--charcoal);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--cream);color:var(--charcoal)}[data-theme=dark]{--green-900: #071d19;--green-800: #0d5a43;--green-700: #1c8060;--gold: #f0bd46;--cream: #0b1412;--sage: #18342d;--clay: #d9825c;--charcoal: #edf6f1;--muted: #b6c7bf;--line: rgba(237, 246, 241, .14);--surface: rgba(16, 35, 30, .78);--surface-strong: rgba(16, 35, 30, .72);--header-bg: linear-gradient(180deg, rgba(17, 47, 39, .96), rgba(10, 32, 27, .9)), rgba(10, 32, 27, .92);--header-shadow: 0 12px 32px rgba(0, 0, 0, .22);--nav-text: #dfece6;--tile-text: #edf6f1;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);transition:background .18s ease,color .18s ease}body,button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(18px,4vw,56px);background:var(--header-bg);border-bottom:1px solid rgba(15,77,58,.16);box-shadow:var(--header-shadow);backdrop-filter:blur(18px)}.site-header:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold),var(--green-700),var(--clay),var(--gold))}[data-theme=dark] .site-header:before{height:2px;background:linear-gradient(90deg,rgba(240,189,70,.72),rgba(28,128,96,.7),rgba(217,130,92,.58))}.brand{display:inline-flex;align-items:center;gap:12px;min-width:250px;padding:6px 12px 6px 6px;border:1px solid rgba(15,77,58,.12);border-radius:999px;background:var(--surface-strong);box-shadow:inset 0 1px #ffffffdb}[data-theme=dark] .brand{border-color:#f0bd463d;background:rgba(7,29,25,.46);box-shadow:inset 0 1px #ffffff14,0 10px 22px #0000001f}.logo-mark{display:grid;width:46px;height:46px;border-radius:50%;box-shadow:0 10px 22px #0f4d3a3d;flex:0 0 auto}.brand strong,.brand small{display:block;line-height:1.15}.brand small{margin-top:3px;color:var(--muted);font-size:.78rem;font-weight:700}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:6px;border:1px solid rgba(15,77,58,.1);border-radius:999px;background:var(--surface-strong);box-shadow:inset 0 1px #ffffffd1;font-size:.9rem}[data-theme=dark] .nav-links{border-color:#f0bd462e;background:rgba(7,29,25,.38);box-shadow:inset 0 1px #ffffff0f}.nav-links a{position:relative;min-height:38px;display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;color:var(--nav-text);font-weight:750;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.nav-links a:hover,.nav-links a.active{transform:translateY(-1px);background:var(--green-800);color:#fff;box-shadow:0 10px 20px #0f4d3a2e}[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{background:rgba(240,189,70,.14);color:#fff6df;box-shadow:inset 0 0 0 1px #f0bd4647}.nav-links a.active:after{content:"";position:absolute;left:50%;bottom:5px;width:16px;height:2px;border-radius:999px;transform:translate(-50%);background:var(--gold)}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:7px 12px 7px 8px;border:1px solid rgba(15,77,58,.14);border-radius:999px;background:var(--surface-strong);color:var(--nav-text);box-shadow:inset 0 1px #fffc;cursor:pointer;font-size:.85rem;font-weight:850;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}[data-theme=dark] .theme-toggle{border-color:#f0bd4633;background:rgba(7,29,25,.42);box-shadow:inset 0 1px #ffffff0f}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f4d3a29}.theme-toggle-icon{position:relative;width:30px;height:30px;border-radius:50%;background:var(--gold);box-shadow:inset -8px -8px #0f2f2800;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.theme-toggle-icon:after{content:"";position:absolute;inset:8px auto auto 8px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.76);opacity:0}[data-theme=dark] .theme-toggle-icon{background:#edf6f1;box-shadow:inset -10px -8px #0b1412;transform:rotate(-15deg)}[data-theme=dark] .theme-toggle-icon:after{opacity:1}.landing-hero{position:relative;min-height:min(760px,calc(100svh - 62px));display:grid;align-items:center;overflow:hidden;background:var(--green-900)}.landing-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:heroDrift 18s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,47,40,.94),rgba(15,47,40,.72) 42%,rgba(15,47,40,.18)),linear-gradient(180deg,rgba(15,47,40,.3),rgba(15,47,40,.78))}.hero-content{position:relative;width:min(760px,100%);padding:clamp(64px,11vw,130px) clamp(20px,6vw,80px);color:#fff;animation:riseIn .76s ease both}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:11ch;margin:0;font-size:clamp(3.7rem,11vw,8.8rem);line-height:.9;letter-spacing:0}.hero-role{margin:18px 0 0;color:var(--gold);font-size:clamp(1.2rem,3vw,2rem);font-weight:800}.hero-copy{max-width:620px;margin:18px 0 0;color:#ffffffe0;font-size:clamp(1.02rem,2vw,1.3rem);line-height:1.6}.hero-actions,.contact-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button,.contact-list a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border-radius:999px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover,.contact-list a:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f2f2833}.button.primary{background:var(--gold);color:var(--green-900)}.button.secondary{border:1px solid rgba(255,255,255,.42);color:#fff}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--green-800);color:#fff}.stats-band div{padding:24px clamp(14px,3vw,34px);border-right:1px solid rgba(255,255,255,.16);animation:riseIn .64s ease both}.stats-band div:nth-child(2){animation-delay:80ms}.stats-band div:nth-child(3){animation-delay:.16s}.stats-band div:nth-child(4){animation-delay:.24s}.stats-band strong,.stats-band span{display:block}.stats-band strong{color:var(--gold);font-size:clamp(1.7rem,4vw,3rem);line-height:1}.stats-band span{margin-top:8px;color:#ffffffc2;font-size:.9rem}.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:clamp(52px,8vw,96px) 0}.section-heading{max-width:760px;margin-bottom:28px}.section h2,.page-hero h1{margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.section p,.page-hero p,.project-card p,.timeline p,.story-panel p,.contact-layout p{color:var(--muted);line-height:1.7}.split-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:34px;align-items:end}.project-grid,.explore-grid,.interest-grid,.gallery-grid,.content-grid,.contact-layout{display:grid;gap:18px}.project-grid{grid-template-columns:repeat(3,1fr)}.project-card,.explore-card,.story-panel,.fact-panel,.interest-grid article,.timeline article,.contact-layout article{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.project-card{overflow:hidden;animation:softReveal .68s ease both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.project-card:hover{transform:translateY(-4px);border-color:#0f4d3a57;box-shadow:0 18px 38px #1e25221a}.project-card>div:last-child{padding:22px}.image-placeholder,.photo-tile{min-height:170px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(15,77,58,.92),rgba(23,107,77,.7)),radial-gradient(circle at 70% 20%,rgba(215,165,49,.52),transparent 34%);color:var(--gold);font-size:2.4rem;font-weight:900;position:relative;overflow:hidden}.image-placeholder:after,.photo-tile:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);animation:sheen 4.8s ease-in-out infinite}.meta{margin:0 0 10px;color:var(--clay)!important;font-weight:800;font-size:.82rem;text-transform:uppercase}.project-card h3,.explore-card span,.timeline h3,.timeline h2,.interest-grid h2,.story-panel h2,.fact-panel h2,.contact-layout h2{margin:0}.project-card strong{display:block;color:var(--green-800);line-height:1.5}.dark-section{width:100%;max-width:none;padding-inline:max(18px,calc((100vw - 1180px)/2));background:var(--green-900);color:#fff}.dark-section .section-heading,.dark-section .timeline{max-width:1180px;margin-left:auto;margin-right:auto}.dark-section p{color:#ffffffb8}.timeline{display:grid;gap:16px}.timeline.compact{grid-template-columns:repeat(3,1fr)}.timeline article{padding:24px}.dark-section .timeline article{background:rgba(255,255,255,.06);border-color:#ffffff24}.timeline span{display:inline-flex;margin-bottom:16px;color:var(--gold);font-weight:900}.explore-grid{grid-template-columns:repeat(3,1fr)}.explore-card{min-height:184px;padding:24px;animation:softReveal .68s ease both;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.explore-card:hover{transform:translateY(-3px);border-color:#0f4d3a66;box-shadow:0 16px 34px #1e252214}.explore-card span{display:block;color:var(--green-800);font-size:1.35rem;font-weight:900}.page-hero{padding:clamp(60px,11vw,120px) 0;background:linear-gradient(135deg,rgba(15,47,40,.94),rgba(15,77,58,.84)),url(/images/barangay-hero.jpg) center/cover;color:#fff}.page-hero .container{animation:riseIn .7s ease both}.container{width:min(1180px,calc(100% - 36px));margin:0 auto}.narrow{max-width:860px}.page-hero p:not(.eyebrow){max-width:720px;color:#ffffffc7;font-size:1.1rem}.content-grid,.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.story-panel,.fact-panel,.contact-layout article{padding:clamp(24px,4vw,38px)}.fact-panel dl,.fact-panel dd{margin:0}.fact-panel div{padding:16px 0;border-bottom:1px solid var(--line)}.fact-panel dt{color:var(--clay);font-size:.78rem;font-weight:900;text-transform:uppercase}.fact-panel dd{margin-top:6px;color:var(--tile-text);font-weight:750;line-height:1.5}.interest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.interest-grid article{min-height:230px;padding:clamp(22px,3vw,32px);animation:softReveal .68s ease both}.interest-grid h2{max-width:14ch;font-size:clamp(1.55rem,2.4vw,2.45rem);line-height:1.08}.interest-grid p{max-width:34ch;margin-bottom:0}.interest-grid article span{display:block;width:42px;height:5px;margin-bottom:22px;border-radius:999px;background:var(--gold)}.gallery-grid{grid-template-columns:repeat(4,1fr)}figure{margin:0}figcaption{padding:12px 2px 0;color:var(--muted);font-weight:800}.photo-tile{min-height:210px;border-radius:8px}.gallery-grid figure{animation:softReveal .68s ease both}.contact-list{align-content:start;margin-top:0}.contact-list a{width:100%;background:var(--green-800);color:#fff}.site-footer{padding:28px clamp(18px,4vw,56px);background:var(--green-900);color:#ffffffb8}.site-footer p{margin:4px 0}@keyframes heroDrift{0%{transform:scale(1)}to{transform:scale(1.045) translate3d(1.2%,-.8%,0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes softReveal{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheen{0%,55%{transform:translate(-120%)}80%,to{transform:translate(120%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media (max-width: 900px){.site-header{position:static;align-items:flex-start;flex-direction:column}.nav-links{justify-content:flex-start}.landing-hero{min-height:720px}.hero-overlay{background:linear-gradient(180deg,rgba(15,47,40,.9),rgba(15,47,40,.7) 58%,rgba(15,47,40,.94)),linear-gradient(90deg,rgba(15,47,40,.76),rgba(15,47,40,.12))}.stats-band,.project-grid,.timeline.compact,.explore-grid,.interest-grid,.gallery-grid,.split-intro,.content-grid,.contact-layout{grid-template-columns:repeat(2,1fr)}.interest-grid h2{max-width:none}}@media (max-width: 620px){.brand{min-width:0}.nav-links{gap:4px;font-size:.82rem}.nav-links a{padding:8px 9px}h1{max-width:9ch}.hero-actions .button{width:100%}.stats-band,.project-grid,.timeline.compact,.explore-grid,.interest-grid,.gallery-grid,.split-intro,.content-grid,.contact-layout{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.landing-hero{min-height:690px}.hero-content{padding-top:74px}}