@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18332a;--muted:#65766d;--pine:#244d3d;--cream:#f7f5ef;--sand:#eae5d9;--line:#e3e4dc;--accent:#bd9e68;--white:#fff;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1190px,calc(100% - 64px));margin:auto}.announcement{background:#173b2d;color:#eae8dd;text-align:center;padding:10px 16px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.header{position:sticky;top:0;z-index:50;background:rgba(250,249,245,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;flex-direction:column;line-height:1.0;letter-spacing:2px;font-family:var(--display);font-weight:800;font-size:17px;white-space:nowrap}.logo small{font-size:9px;letter-spacing:4.5px;font-weight:600;margin-top:7px;color:var(--accent)}.navlinks{display:flex;align-items:center;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:1.35px;font-weight:700}.navlinks a:hover,.navlinks a.active{color:#a27b3e}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;background:var(--pine);color:white;padding:15px 24px;border:none;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:.2s}.btn:hover,.nav-cta:hover{background:#34694e;transform:translateY(-1px)}.btn.outline{color:var(--pine);background:transparent;border:1px solid #aab8ad}.btn.outline:hover{background:#e4e9df}.hamburger{display:none;background:none;border:0;font-size:26px;color:var(--ink)}.hero{min-height:620px;position:relative;overflow:hidden;background:#234b3b;color:#fff;display:flex;align-items:center}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,49,36,.94) 0%,rgba(16,49,36,.72) 45%,rgba(16,49,36,.15) 100%);pointer-events:none}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.hero-content{position:relative;z-index:2;padding:105px 0 120px;max-width:750px}.eyebrow{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3.5px;color:var(--accent);margin-bottom:24px}.hero .eyebrow{color:#e4cc9d}.hero h1,.page-title h1{font-family:var(--display);font-size:clamp(48px,6vw,83px);letter-spacing:-3.5px;line-height:1.09;font-weight:600;margin:0 0 28px}.hero h1 em{font-style:normal;color:#e5ca9e}.hero p{font-size:17px;line-height:1.8;color:#edece4;max-width:510px;margin:0 0 40px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero .btn{background:#f3eddf;color:#1c4534}.hero .btn.outline{border-color:#e6dfd1;color:#fff;background:transparent}.hero-caption{position:absolute;z-index:3;bottom:29px;right:40px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#eee}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section h2{font-family:var(--display);font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;font-weight:600;line-height:1.2;margin:0}.section-sub{font-size:15px;line-height:1.8;color:var(--muted);max-width:590px}.link-arrow{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:9px;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category{position:relative;min-height:285px;background:#e3e5da;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.category:nth-child(2){background:#e8ddd0}.category:nth-child(3){background:#d8e1dc}.category::before{content:'';position:absolute;width:250px;height:250px;top:-75px;right:-55px;border:48px solid rgba(255,255,255,.32);border-radius:50%;z-index:-1}.category::after{content:'';position:absolute;width:170px;height:170px;top:100px;right:65px;background:rgba(255,255,255,.21);transform:rotate(35deg);z-index:-1}.category span{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#586c61}.category h3{font-size:28px;font-family:var(--display);letter-spacing:-1px;margin:8px 0 6px}.category p{font-size:13px;color:#5b6d60;margin:0 0 19px}.category .arrow{border:1px solid #8da095;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:20px;transition:.2s}.category:hover .arrow{transform:translateX(7px)}.band{background:#e8e9df;border-block:1px solid #dce0d5}.band-inner{padding:58px 0;display:flex;justify-content:space-between;gap:35px;align-items:center}.band p{color:#62766a;font-size:14px;max-width:620px;line-height:1.8}.mini-features{display:flex;gap:60px;justify-content:flex-end}.mini-features div{min-width:100px}.mini-features strong{display:block;font:700 29px var(--display)}.mini-features small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}.foot{background:#183b2d;color:#fff;padding:75px 0 25px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:65px}.foot .logo{font-size:19px}.foot p{color:#c2d1c6;font-size:13px;line-height:1.9;max-width:370px}.foot h4{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#d5bf97;margin:0 0 22px}.foot a:not(.logo){display:block;font-size:13px;color:#d9e3dc;margin-bottom:15px}.foot a:hover{color:white}.copyright{border-top:1px solid #3e5c4e;margin-top:60px;padding-top:24px;color:#afc4b6;font-size:11px;display:flex;justify-content:space-between;gap:20px}.page-title{padding:84px 0 55px;background:#f0efe8;border-bottom:1px solid var(--line)}.page-title h1{font-size:clamp(42px,5vw,65px);color:var(--ink);margin-bottom:14px}.page-title p{font-size:15px;color:var(--muted);max-width:630px;line-height:1.8;margin:0}.directory{padding:48px 0 100px}.toolbar{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;margin-bottom:15px}.field{position:relative}.field svg{position:absolute;top:50%;left:17px;transform:translateY(-50%);color:#798880}.field input,.field select{width:100%;height:54px;appearance:none;border:1px solid #d8ddd5;border-radius:0;background:#fff;color:var(--ink);padding:0 18px;font-size:13px;outline:none}.field input{padding-left:46px}.field select{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%235d7165" stroke-width="2" viewBox="0 0 24 24"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.field input:focus,.field select:focus{border-color:#50775e}.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 38px}.filter-pill{padding:10px 16px;border-radius:40px;border:1px solid #cdd5ca;background:transparent;font-size:12px;color:#52685a}.filter-pill.active,.filter-pill:hover{background:var(--pine);border-color:var(--pine);color:#fff}.directory-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.directory-meta p{font-size:13px;color:var(--muted);margin:0}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.store-card{background:#fff;border:1px solid #e5e7e0;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.store-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1f3b2a12}.store-art{height:155px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--card-bg,#e6ebe3)}.store-art::before{content:'';position:absolute;width:185px;height:185px;border-radius:50%;border:28px solid #ffffff52;top:-75px;right:-70px}.store-art::after{content:'';position:absolute;background:#ffffff40;width:130px;height:75px;transform:rotate(-33deg);bottom:-40px;left:-15px}.store-mark{position:relative;z-index:1;width:76px;height:76px;border:1px solid #ffffffb0;display:grid;place-items:center;color:var(--ink);font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-2px;background:#ffffff44;backdrop-filter:blur(2px)}.store-copy{padding:22px 20px;flex:1;display:flex;flex-direction:column}.store-tag{color:#8a7553;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800}.store-copy h3{font:700 17px/1.35 var(--display);letter-spacing:-.4px;margin:10px 0}.location{color:#76857a;font-size:12px;line-height:1.7;margin-top:auto;padding-top:7px}.store-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.store-link span{font-size:18px;font-weight:400}.pagination{display:flex;justify-content:center;gap:9px;margin-top:40px}.pagination button{width:41px;height:41px;border:1px solid #d7ded5;background:transparent}.pagination button.active{background:var(--pine);color:white}.empty{text-align:center;padding:75px 20px;border:1px dashed #aabcae;color:var(--muted)}.empty h3{color:var(--ink)}.detail-back{display:inline-block;padding:40px 0 20px;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#667e6c}.detail{display:grid;grid-template-columns:1fr 1fr;background:white;margin-bottom:90px;min-height:460px}.detail-art{display:grid;place-items:center;background:#e2e9de;position:relative;overflow:hidden}.detail-art::before{content:'';position:absolute;border:70px solid #ffffff60;border-radius:50%;width:450px;height:450px;left:-170px;top:-200px}.detail-art .store-mark{width:160px;height:160px;font-size:62px}.detail-copy{padding:70px 65px}.detail-copy h1{font:600 clamp(36px,4vw,56px)/1.1 var(--display);letter-spacing:-2px;margin:14px 0 23px}.detail-copy .summary{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:30px}.detail-line{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:110px 1fr;gap:15px;font-size:13px}.detail-line b{color:#829088;font-size:11px;letter-spacing:1px;text-transform:uppercase}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.detail-notice{font-size:12px;color:#8b877d;line-height:1.7;margin:26px 0 0}.error-note{padding:12px 16px;background:#f2ead9;color:#6b5738;font-size:12px;margin:20px 0 0}.wide-feature{display:grid;grid-template-columns:1fr 1fr;min-height:370px;background:#dbe5da}.wide-feature .picture{background:#b9c9b8;overflow:hidden;display:grid;place-items:center;position:relative}.wide-feature .picture svg{height:100%;width:100%;position:absolute;inset:0}.wide-feature .body{padding:70px 65px;display:flex;flex-direction:column;justify-content:center}.wide-feature h2{font:600 36px var(--display);letter-spacing:-1px;margin:0 0 16px}.wide-feature p{font-size:14px;color:#63776a;line-height:1.8;margin-bottom:25px}.up{position:fixed;bottom:24px;right:24px;background:#244d3d;color:white;border:0;width:42px;height:42px;z-index:10;display:none}@media(max-width:1020px){.store-grid{grid-template-columns:repeat(3,1fr)}.navlinks{gap:18px}.foot-grid{gap:25px}}@media(max-width:720px){.container{width:min(100% - 36px,1190px)}.announcement{font-size:9px;letter-spacing:1.1px}.nav{height:72px}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:25px 25px 30px;background:#faf9f5;box-shadow:0 15px 30px #102b1825;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.nav-cta{display:none}.hamburger{display:block}.hero{min-height:565px}.hero-content{padding:86px 0 105px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:15px}.hero-caption{right:18px;bottom:20px}.section{padding:66px 0}.section-head{align-items:start;flex-direction:column;gap:14px}.categories{grid-template-columns:1fr}.category{min-height:210px}.band-inner{flex-direction:column;align-items:flex-start}.mini-features{gap:45px}.foot-grid{grid-template-columns:1fr;gap:35px}.copyright{flex-direction:column}.page-title{padding:65px 0 40px}.toolbar{grid-template-columns:1fr}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.store-art{height:125px}.store-copy{padding:15px 13px}.store-copy h3{font-size:14px}.store-mark{width:65px;height:65px;font-size:23px}.store-tag{font-size:9px}.location{font-size:11px}.store-link{font-size:10px}.directory{padding-top:25px}.quick-filters{margin:17px 0 26px}.detail{grid-template-columns:1fr}.detail-art{height:285px}.detail-copy{padding:35px 25px}.wide-feature{grid-template-columns:1fr}.wide-feature .picture{min-height:230px}.wide-feature .body{padding:43px 25px}}@media(max-width:370px){.store-grid{grid-template-columns:1fr}.store-art{height:160px}}

.placeholder-image{display:block;width:100%;height:100%;object-fit:cover}.store-art::before,.store-art::after,.detail-art::before{display:none}.detail-art .placeholder-image{min-height:360px}.wide-feature .picture .placeholder-image{position:absolute;inset:0}
/* Brand and two-location edition */
:root{--accent:#658743}.announcement{letter-spacing:1.5px}.nav{height:104px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:192px;height:80px;object-fit:contain}.navlinks a[aria-current=page]{color:#4d822e}.foot .brand{background:#f9f9f1;padding:12px 20px;max-width:245px}.foot .brand img{width:185px;height:78px}.foot a.instagram,.instagram{display:inline-flex;align-items:center;gap:12px;margin-top:13px;color:#e8eddf;font-size:13px;line-height:1.4}.instagram svg{flex-shrink:0}.instagram.pending{color:#bfd0bb}.instagram:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #87a85d;outline-offset:5px}.foot h4{color:#d6dfa8}.home-intro{padding:72px 0 52px}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end}.home-intro h1{font:600 clamp(42px,5.3vw,72px)/1.13 var(--display);letter-spacing:-3px;margin:0}.home-intro h1 em{font-style:normal;color:#5c7e46}.intro-right{padding-bottom:4px}.intro-right p{font-size:16px;line-height:1.85;max-width:390px;color:var(--muted);margin:0 0 25px}.property-showcase{position:relative;margin:0 auto;width:min(1440px,100%);overflow:hidden;background:#dbe5da}.property-showcase .building-photo{display:block;width:100%;height:clamp(330px,42vw,600px);object-fit:cover;object-position:50% 42%}.property-showcase figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 40px 24px;display:flex;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(transparent,#0c281bd9);font-size:11px;letter-spacing:2px}.section-sub{margin:0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.location-card{display:block;background:#fff;border:1px solid var(--line);transition:transform .2s}.location-card:hover{transform:translateY(-4px)}.location-photo{height:280px;overflow:hidden}.location-photo .building-photo{width:100%;height:100%;object-fit:cover}.location-copy{padding:30px 34px 36px}.location-copy .eyebrow{margin-bottom:10px}.location-copy h3{font:600 37px var(--display);letter-spacing:-1px;margin:0 0 9px}.location-copy p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:28px}.calamba-graphic{height:280px;background:linear-gradient(125deg,#203f30,#527746);color:#f3f2dc;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.calamba-graphic:before{content:'';position:absolute;inset:-80px -50px -80px 55%;border:40px solid #b6d07622;transform:rotate(24deg)}.calamba-graphic span{font-size:10px;letter-spacing:3px;position:relative}.calamba-graphic strong{font:500 clamp(38px,5vw,65px) var(--display);letter-spacing:-2px;margin:17px 0;position:relative}.calamba-graphic small{font-size:10px;position:relative}.featured{background:#efeee7}.store-art{background:#fff;height:185px;border-bottom:1px solid var(--line)}.tenant-logo{width:100%;height:100%;object-fit:contain;padding:24px;display:block}.detail-art{background:#fff}.detail-art .tenant-logo{height:360px;padding:60px}.detail-art .placeholder-image{height:100%;object-fit:contain}.title-dot{color:#6f9350}.location-title .btn{margin-top:25px}.branch-tabs{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.branch-tabs a{padding:14px 22px;border:1px solid #becbb7;font-size:12px;letter-spacing:1px;font-weight:700}.branch-tabs a.active{background:var(--pine);border-color:var(--pine);color:white}.calamba-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.calamba-feature .calamba-graphic{height:380px}.calamba-feature .section-sub{margin:22px 0 25px}.directory-pending{text-align:center;padding:55px 20px 70px}.directory-pending h2{font:600 clamp(30px,4vw,45px) var(--display);letter-spacing:-1.5px;margin:0 0 18px}.directory-pending p{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:28px}.reset{background:transparent;border:0;border-bottom:1px solid var(--accent);padding:8px 0;color:var(--ink);font-size:12px}.empty{grid-column:1/-1}.missing{padding:90px 0}.field input{padding-left:18px}.foot-grid{grid-template-columns:1.6fr 1fr 1fr}.detail-notice{color:#6c746b}
@media(max-width:1020px){.navlinks{gap:17px;font-size:10px;letter-spacing:.7px}.intro-grid{gap:35px}.location-copy{padding:25px}.calamba-feature{gap:30px}}
@media(max-width:720px){.nav{height:90px}.brand img{width:165px;height:70px}.navlinks{top:90px;font-size:12px;gap:24px}.home-intro{padding:46px 0 35px}.intro-grid{grid-template-columns:1fr;gap:24px}.home-intro h1{letter-spacing:-2px}.intro-right p{font-size:15px;margin-bottom:20px}.property-showcase .building-photo{height:330px;object-position:48% 50%}.property-showcase figcaption{padding:40px 18px 18px;font-size:9px;letter-spacing:1px}.property-showcase figcaption span:last-child{display:none}.location-grid{grid-template-columns:1fr;gap:24px}.location-photo,.calamba-graphic{height:240px}.location-copy h3{font-size:32px}.location-copy p{margin-bottom:23px}.store-art{height:150px}.tenant-logo{padding:18px}.foot-grid,.calamba-feature{grid-template-columns:1fr}.calamba-feature .calamba-graphic{height:270px}.branch-tabs{gap:8px}.branch-tabs a{padding:12px;font-size:10px;letter-spacing:.5px}.detail-art .tenant-logo{height:285px;padding:45px}.directory-meta{align-items:flex-start}.directory-meta p{line-height:1.6;font-size:12px}.reset{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.nav-location{position:relative}.nav-location summary{cursor:pointer;list-style:none;display:flex;gap:7px;align-items:center}.nav-location summary::-webkit-details-marker{display:none}.nav-location[data-active=true] summary{color:#4d822e}.nav-submenu{position:absolute;top:calc(100% + 18px);left:-20px;min-width:235px;background:#faf9f5;border:1px solid var(--line);padding:12px;box-shadow:0 12px 25px #18332a15}.nav-submenu a{display:block;padding:13px 10px;line-height:1.5}.nav-submenu a:hover{background:#e8eddf}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about-copy p{font-size:16px;line-height:1.9;margin:0 0 25px;color:#52655a}.about-copy .about-lead{font-size:23px;font-weight:600;line-height:1.65;color:var(--ink)}.about-photo{margin:0;position:sticky;top:135px}.about-photo img{width:100%;height:420px;object-fit:cover}.about-photo figcaption{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:15px 0;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.contact-layout h2{font-size:34px}.inquiry-form{display:flex;flex-direction:column;gap:10px;margin-top:30px}.inquiry-form label{font-size:13px;font-weight:600;margin-top:8px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font:inherit;border:1px solid #bdcbbb;background:#fff;border-radius:0;padding:14px;max-width:100%;width:100%;color:var(--ink)}.inquiry-form textarea{resize:vertical;min-height:150px}.inquiry-form .btn{align-self:flex-start;margin-top:12px}.inquiry-form .btn:disabled{opacity:.6;cursor:wait}.inquiry-form [role=status]{font-size:13px;line-height:1.6;margin:6px 0;min-height:22px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-info h3{font-size:17px;margin:25px 0 9px}.contact-info h3:first-of-type{margin-top:0}.contact-info p,.contact-info a{font-size:14px;line-height:1.9;color:#52655a}.contact-info a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.contact-info .eyebrow{margin-bottom:25px}.leasing-link{border-top:1px solid var(--line);margin-top:30px;padding-top:8px}
@media(max-width:1020px){.navlinks{gap:15px;font-size:10px}.contact-layout,.about-layout{gap:35px}}
@media(max-width:720px){.nav-submenu{position:static;box-shadow:none;margin-top:12px;min-width:0;padding:5px 12px}.nav-location summary{justify-content:space-between}.contact-layout,.about-layout{grid-template-columns:1fr;gap:35px}.about-photo{position:static}.about-photo img{height:280px}.about-copy .about-lead{font-size:21px}.contact-layout h2{font-size:29px}.navlinks{max-height:calc(100vh - 130px);overflow-y:auto}}

/* Updated supplied logos and generated concept photography. */
.brand img{width:205px;height:96px;object-fit:contain}.nav{height:116px}.foot .brand{padding:20px 28px}.foot .brand img{width:170px;height:158px;object-fit:contain}.calamba-visual{position:relative;height:280px;overflow:hidden;background:#e0e5d7}.calamba-visual img{width:100%;height:100%;object-fit:cover;display:block}.concept-badge{position:absolute;bottom:10px;left:10px;z-index:2;background:#17382bdd;color:white;padding:5px 8px;font:10px/1.3 Arial,sans-serif;letter-spacing:.2px}.calamba-feature .calamba-visual{height:380px}.directory-concept{max-width:880px;height:340px;margin:0 auto 40px}.photo-category{min-height:350px;justify-content:flex-end;background:#19392c;color:white}.photo-category>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.photo-category:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(transparent 10%,#10251aef 100%);z-index:-1}.photo-category:after{display:none}.photo-category h3,.photo-category span,.photo-category p{color:white}.photo-category .arrow{border-color:#ffffffa0}.home-categories{padding-top:0}.image-note{font-size:11px;color:var(--muted);margin-top:16px}.store-art .placeholder-image{object-fit:cover}.detail-art .placeholder-image{object-fit:cover;min-height:460px}.calamba-hero .building-photo{object-position:50% 50%}
@media(max-width:720px){.nav{height:96px}.brand img{width:172px;height:82px}.navlinks{top:96px}.foot .brand img{width:150px;height:140px}.calamba-visual{height:240px}.calamba-feature .calamba-visual{height:270px}.photo-category{min-height:290px}.directory-concept{height:235px}.detail-art .placeholder-image{min-height:0;height:285px}.calamba-hero figcaption span:last-child{display:block;font-size:8px}.calamba-hero figcaption{gap:8px;letter-spacing:.5px}}

/* Approved monochrome footer. */
.foot .brand{background:transparent;padding:0;max-width:none;display:inline-flex}.foot .brand img{width:128px;height:auto;max-height:none;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.foot-grid{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:65px}.foot p{max-width:230px;margin-top:20px}.foot h4{color:#f4f3e8}.social-follow{display:flex;align-items:center;gap:10px;color:#e8eddf;font-size:13px;margin-top:20px}.foot a.instagram-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;margin:0;color:#f4f3e8}.news-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:0 0 42px;flex-wrap:wrap}.news-tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:15px 0 18px;color:var(--muted);font-weight:600;font-size:14px}.news-tabs button[aria-selected=true]{color:var(--pine);border-bottom-color:var(--pine)}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card{display:block;background:white;border:1px solid var(--line)}.news-image{position:relative;height:235px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;display:block}.news-copy{padding:27px}.news-copy .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:15px}.news-copy h2{font-size:25px;letter-spacing:-.7px;line-height:1.3}.news-copy p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:26px}.news-empty{padding:65px 15px 90px;text-align:center}.news-empty h2{font-size:38px}.news-empty p{color:var(--muted);line-height:1.8;margin-bottom:30px}[hidden]{display:none!important}.navlinks{gap:22px}
@media(max-width:1020px){.navlinks{gap:13px;font-size:10px;letter-spacing:.5px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-grid{gap:30px}}
@media(max-width:720px){.foot-grid{grid-template-columns:1fr;gap:35px}.foot .brand img{width:128px;height:auto}.navlinks{gap:22px;font-size:12px}.news-grid{grid-template-columns:1fr}.news-tabs{gap:22px}.news-image{height:245px}.news-empty h2{font-size:30px}}

/* Two-column footer after removal of duplicate locations list. */
.foot-grid{grid-template-columns:1.5fr 1fr;gap:65px}.foot-grid>div:last-child{justify-self:start}@media(max-width:720px){.foot-grid{grid-template-columns:1fr;gap:35px}}

/* Approved green-to-white glossy nameplates for businesses without logos. */
.tenant-nameplate{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;height:100%;min-height:inherit;overflow:hidden;border:1px solid #477c63;border-radius:3px;background:linear-gradient(105deg,#123f2e 0%,#21573e 42%,#32694f 68%,#a8c8b7 86%,#f5f9f6 100%);box-shadow:inset 0 0 0 2px #ffffff45,inset 0 3px 4px #ffffff3d,inset 0 -3px 5px #163f2a55}
.tenant-nameplate:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(145deg,#ffffff25 0%,#ffffff25 16%,transparent 16.3%,transparent 100%)}
.tenant-nameplate span{display:block;width:76%;max-width:330px;padding:16px 0;text-align:center;color:#fff;font-family:var(--font);font-size:18px;font-weight:500;line-height:1.4;letter-spacing:0;text-wrap:balance;overflow-wrap:normal;text-shadow:0 1px 2px #123f2e80}
.detail-art .tenant-nameplate{min-height:360px}
.detail-art .tenant-nameplate span{font-size:25px;max-width:380px}
@media(max-width:720px){.tenant-nameplate span{font-size:16px}.detail-art .tenant-nameplate{min-height:285px}.detail-art .tenant-nameplate span{font-size:22px}}

/* Light/dark theme: explicit preference wins over device appearance. */
:root{color-scheme:light}
.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
.theme-toggle:hover{background:var(--sand)}
.theme-sun{display:none}
[data-theme=dark]{color-scheme:dark;--ink:#f3f3e9;--muted:#b5c7ba;--pine:#a9cc91;--cream:#10291f;--sand:#254638;--line:#385748;--accent:#afd18c;--white:#19372b}
[data-theme=dark] .theme-moon{display:none}
[data-theme=dark] .theme-sun{display:block}
[data-theme=dark] .header{background:rgba(16,41,31,.97)}
[data-theme=dark] .header .brand img{filter:brightness(0) invert(1)}
[data-theme=dark] .nav-submenu{background:#19372b}
[data-theme=dark] .nav-submenu a:hover{background:#254638}
[data-theme=dark] .navlinks a:hover,[data-theme=dark] .navlinks a[aria-current=page],[data-theme=dark] .nav-location[data-active=true] summary{color:#b9dd9b}
[data-theme=dark] .page-title,[data-theme=dark] .featured,[data-theme=dark] .band,[data-theme=dark] .wide-feature{background:#173428;border-color:var(--line)}
[data-theme=dark] .store-card,[data-theme=dark] .location-card,[data-theme=dark] .detail,[data-theme=dark] .news-card{background:#1b3b2e;border-color:var(--line)}
[data-theme=dark] .store-art,[data-theme=dark] .detail-art{background:#fff;color:#18332a}
[data-theme=dark] .about-copy p,[data-theme=dark] .contact-info p,[data-theme=dark] .contact-info a,[data-theme=dark] .location,[data-theme=dark] .detail-notice,[data-theme=dark] .detail-back,[data-theme=dark] .band p,[data-theme=dark] .wide-feature p{color:var(--muted)}
[data-theme=dark] .about-copy .about-lead{color:var(--ink)}
[data-theme=dark] .home-intro h1 em,[data-theme=dark] .title-dot{color:#b1d28f}
[data-theme=dark] .store-tag,[data-theme=dark] .detail-line b{color:#bbd0b6}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .inquiry-form input,[data-theme=dark] .inquiry-form select,[data-theme=dark] .inquiry-form textarea{background-color:#19372b;border-color:#557260;color:var(--ink)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#acbfb1;opacity:1}
[data-theme=dark] .field select{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" stroke="%23b5c7ba" stroke-width="2" viewBox="0 0 24 24"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E')}
[data-theme=dark] .filter-pill,[data-theme=dark] .pagination button,[data-theme=dark] .branch-tabs a{color:var(--ink);border-color:#557260}
[data-theme=dark] .btn,[data-theme=dark] .nav-cta,[data-theme=dark] .filter-pill.active,[data-theme=dark] .filter-pill:hover,[data-theme=dark] .pagination button.active,[data-theme=dark] .branch-tabs a.active{background:#afd18f;color:#10291f;border-color:#afd18f}
[data-theme=dark] .btn:hover,[data-theme=dark] .nav-cta:hover{background:#c6e3ac;color:#10291f}
[data-theme=dark] .btn.outline{background:transparent;color:#c6e3ac;border-color:#77946d}
[data-theme=dark] .btn.outline:hover{background:#254638}
[data-theme=dark] .foot{background:#0c2119}
@media(min-width:721px) and (max-width:1100px){.nav{gap:12px}.navlinks{gap:12px;font-size:10px;letter-spacing:.4px}.header .brand img{width:165px}}
@media(max-width:850px){.navlinks{display:none;position:absolute;top:116px;left:0;right:0;padding:25px;background:#faf9f5;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 150px);overflow-y:auto}.navlinks.open{display:flex}.hamburger{display:block}.nav-submenu{position:static;box-shadow:none;margin-top:12px;min-width:0}.nav-location summary{justify-content:space-between}.navlinks{font-size:12px;gap:22px}[data-theme=dark] .navlinks{background:#10291f}}
@media(max-width:720px){.nav{gap:10px}.navlinks{top:96px}.nav-actions{gap:8px}.hamburger{width:40px;padding:0}.theme-toggle{width:44px;height:44px}}
@media(max-width:350px){.header .brand img{width:145px}}

/* Reference-style appearance switch and automatic-mode reset. */
.theme-bar{display:flex;justify-content:flex-end;padding-bottom:16px}
.appearance-control{font-size:14px;line-height:1.4}
.appearance-row{display:flex;align-items:center;gap:15px}
.theme-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;width:80px;height:46px;padding:4px;border:1.5px solid #c7c9c7;border-radius:28px;background:#ececec;color:#a5a7a5}
.theme-toggle:hover{background:#e5e7e5}
.theme-option{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;transition:background .15s,color .15s,box-shadow .15s}
.theme-toggle .theme-sun,.theme-toggle .theme-moon{display:block;width:23px;height:23px}
.theme-light-option{background:#d5a649;color:#fff;box-shadow:0 2px 4px #0002}
.theme-status{margin-top:6px;font-size:12px;color:var(--ink)}
#theme-reset{border:0;background:none;padding:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px}
[data-theme=dark] .theme-toggle{background:#254638;border-color:#65816f;color:#91a397}
[data-theme=dark] .theme-toggle:hover{background:#2d5140}
[data-theme=dark] .theme-light-option{background:transparent;color:#91a397;box-shadow:none}
[data-theme=dark] .theme-dark-option{background:#d5dfd4;color:#173428;box-shadow:0 2px 4px #0003}
@media(max-width:850px){.navlinks{top:100%}}
@media(max-width:720px){.theme-bar{padding-bottom:12px}.appearance-control{font-size:14px}.theme-status{font-size:12px}}

/* Appearance control belongs in the footer, leaving the header compact. */
.foot .theme-bar{justify-content:flex-start;padding:0;margin-top:36px}
.foot .theme-status{color:#d9e3dc}
.foot .appearance-row{color:#f3f3e9}
.foot .copyright{margin-top:30px}
.foot #theme-reset{color:#d9e3dc}

/* Approved frosted glass placeholder with the supplied brand symbol. */
.tenant-nameplate{border:1px solid #a7d6b9;border-radius:10px;background:radial-gradient(ellipse at 0% 0%,#c7efd36b,transparent 48%),radial-gradient(ellipse at 100% 100%,#c1ebcf70,transparent 45%),linear-gradient(125deg,#f0f5ed,#fcfbf5 55%,#edf5ec);box-shadow:inset 0 1px 2px #ffffffed,inset 0 0 16px #d0efd750;color:#143e2d}
.tenant-nameplate:before{inset:0;z-index:0;background:linear-gradient(140deg,#ffffff40,transparent 45%,#ffffff12);pointer-events:none}
.tenant-nameplate:after{content:"";position:absolute;right:-1%;bottom:-6%;width:30%;height:52%;background:#1e653e;opacity:.12;-webkit-mask:url('images/brand-symbol-watermark.svg') center/contain no-repeat;mask:url('images/brand-symbol-watermark.svg') center/contain no-repeat;pointer-events:none;z-index:0}
.tenant-nameplate span{position:relative;z-index:1;color:#143e2d;text-shadow:none;font-weight:500}
[data-theme=dark] .tenant-nameplate{border-color:#85c5a0;background:radial-gradient(ellipse at 0% 0%,#6fd39950,transparent 45%),radial-gradient(ellipse at 100% 100%,#5dbe8045,transparent 48%),linear-gradient(125deg,#345749,#203e32 54%,#345848);box-shadow:inset 0 1px 2px #d4f4df90,inset 0 0 16px #9de7b525}
[data-theme=dark] .tenant-nameplate:after{background:#e6f5e9;opacity:.16}
[data-theme=dark] .tenant-nameplate span{color:#f4f7ef;text-shadow:none}