:root{--bg:#080808;--paper:#ece8e1;--acid:#d8ff3e;--warm:#d2794c;--muted:#918e88;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.nav{position:fixed;inset:0 0 auto;height:72px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;z-index:100;background:linear-gradient(180deg,rgba(8,8,8,.95),rgba(8,8,8,.55),transparent);backdrop-filter:blur(10px)}.logo{font-size:11px;letter-spacing:.2em;font-weight:800;text-decoration:none}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{font-size:8px;letter-spacing:.18em;text-decoration:none}.book{border:1px solid rgba(255,255,255,.7);padding:11px 14px}.hero{min-height:100svh;position:relative;padding:120px 5vw 50px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 40%,#25282d 0,#111318 29%,#080808 60%)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-copy{position:relative;z-index:6}.eyebrow,.work-intro>span,.value-head>span,.offers-head>span,.close>span{font-size:8px;letter-spacing:.22em;color:var(--acid)}.hero h1,.work-intro h2,.value-head h2,.offers-head h2,.close h2{font-size:clamp(54px,7.5vw,116px);line-height:.78;letter-spacing:-.065em;margin:24px 0;font-weight:800}.hero h1 em,.work-intro h2 em,.value-head h2 em,.close h2 em{font-family:Georgia,serif;font-weight:400;color:var(--warm)}.hero-copy>p{max-width:600px;font-size:15px;line-height:1.7;color:#b8b4ac}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.hero-actions a{font-size:9px;letter-spacing:.14em;text-underline-offset:6px}.primary{display:inline-block;background:var(--paper);color:#0a0a0a;text-decoration:none;padding:14px 18px}.stage{height:min(72vw,760px);position:relative;perspective:1200px;transform-style:preserve-3d;z-index:4}.screen{position:absolute;background:#151515;border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 70px rgba(0,0,0,.5);overflow:hidden;transform-style:preserve-3d}.screen-a{width:52%;aspect-ratio:9/16;left:23%;top:4%;transform:rotateY(-7deg) translateZ(70px)}.screen-a img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.8) contrast(1.03)}.screen-tag{position:absolute;z-index:2;top:14px;left:14px;font-size:7px;letter-spacing:.16em;background:rgba(0,0,0,.6);padding:7px 8px}.screen-b,.screen-c{width:35%;aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:linear-gradient(145deg,#4b3023,#121212 66%)}.screen-b{left:1%;top:18%;transform:rotateY(25deg) translateZ(-40px)}.screen-c{right:0;top:23%;transform:rotateY(-28deg) translateZ(-60px);background:linear-gradient(145deg,#26362f,#111 64%)}.screen-b span,.screen-c span{font-size:clamp(25px,3.6vw,53px);line-height:.8;font-weight:800}.screen-b small,.screen-c small{font-size:7px;letter-spacing:.16em;margin-top:14px;color:#c3beb6}.camera-core{position:absolute;left:50%;top:50%;width:180px;height:118px;transform:translate(-50%,-50%) translateZ(150px) rotateY(-8deg);background:linear-gradient(145deg,#262626,#080808 66%);border-radius:18px 18px 12px 12px;box-shadow:0 35px 55px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.08);z-index:5}.camera-core:before{content:'';position:absolute;width:46px;height:20px;left:20px;top:-13px;background:#1a1a1a;border-radius:5px}.lens{position:absolute;width:82px;height:82px;border-radius:50%;left:49px;top:18px;background:radial-gradient(circle,#050505 0 23%,#1f252a 25% 35%,#050505 37% 45%,#34383b 47% 53%,#0b0b0b 55% 100%);box-shadow:0 0 0 4px #222,0 0 0 8px #0a0a0a}.camera-label{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;align-items:flex-end}.camera-label b{font-size:14px}.camera-label span{font-size:5px;letter-spacing:.13em;width:44px;text-align:right;color:#8f8f8f}.floor-shadow{position:absolute;left:9%;right:6%;bottom:5%;height:90px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.75),transparent 68%);transform:rotateX(70deg)}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:.2em;color:#aaa}.proof{padding:28px 4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;background:#0d0d0d}.proof span,.proof small{font-size:7px;letter-spacing:.18em;color:#85817a}.proof strong{font-size:11px;letter-spacing:.12em}.proof i{color:var(--acid)}.work{padding:11vw 4vw;background:#0a0a0a}.work-intro{display:grid;grid-template-columns:.6fr 1.15fr .7fr;gap:5vw;align-items:end;margin-bottom:9vw}.work-intro>span{align-self:start}.work-intro p{font-size:13px;line-height:1.7;color:#8f8b85}.reel-wall{perspective:1400px;display:flex;flex-direction:column;gap:8vw}.reel-card{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;align-items:center;text-decoration:none;transform-style:preserve-3d;transition:transform .35s ease}.reel-card.left{transform:rotateY(6deg) translateX(-2vw)}.reel-card.right{grid-template-columns:.8fr 1.2fr;transform:rotateY(-6deg) translateX(2vw)}.reel-card.right .reel-visual{grid-column:2}.reel-card.right .reel-meta{grid-column:1;grid-row:1}.reel-card:hover{transform:rotateY(0) translateX(0) translateZ(20px)}.reel-visual{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#171717;box-shadow:0 30px 60px rgba(0,0,0,.45)}.visual-novotel{background-image:url('https://metro-manila-property-ugc-9f0lxf.v2.appdeploy.ai/resources/real-project-1.png');background-size:cover;background-position:center}.visual-atap{background-image:url('https://metro-manila-property-ugc-9f0lxf.v2.appdeploy.ai/resources/real-project-2.png');background-size:cover;background-position:center}.visual-kualoa{background-image:url('https://metro-manila-property-ugc-9f0lxf.v2.appdeploy.ai/resources/real-project-3.png');background-size:cover;background-position:center}.visual-kl{background-image:url('https://metro-manila-property-ugc-9f0lxf.v2.appdeploy.ai/resources/real-project-4.png');background-size:cover;background-position:center}.visual-stayo{background-image:url('https://metro-manila-property-ugc-9f0lxf.v2.appdeploy.ai/resources/real-project-5.png');background-size:cover;background-position:center}.reel-visual>span:not(.play){font-size:clamp(52px,8vw,120px);font-weight:800;line-height:.75;letter-spacing:-.06em;color:rgba(255,255,255,.92)}.play{position:absolute;width:58px;height:58px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;font-size:15px;background:rgba(0,0,0,.22);backdrop-filter:blur(4px)}.reel-meta small{font-size:8px;letter-spacing:.19em;color:var(--acid)}.reel-meta h3{font-size:clamp(34px,4.4vw,70px);line-height:.9;letter-spacing:-.045em;margin:18px 0}.reel-meta p{font-size:9px;letter-spacing:.16em;color:#8e8b86;text-transform:uppercase}.reel-meta b{display:inline-block;margin-top:28px;font-size:9px;letter-spacing:.18em;border-bottom:1px solid #fff;padding-bottom:5px}.value{padding:11vw 4vw;background:#e5e1d9;color:#111}.value-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw}.value-head>span{color:#7f633b}.value-head h2 em{color:#76573e}.value-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:7vw;perspective:1000px}.value-stage article{min-height:320px;padding:26px;background:#f4f1ea;border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 45px rgba(0,0,0,.08);transform:rotateX(4deg);transition:transform .25s}.value-stage article:nth-child(even){transform:translateY(35px) rotateX(4deg)}.value-stage article:hover{transform:translateY(-8px) rotateX(0)}.value-stage span{font-size:10px;color:#777}.value-stage h3{font-size:25px;margin:80px 0 18px}.value-stage p{font-size:13px;line-height:1.65;color:#5e5a54}.offers{padding:11vw 4vw;background:#0b0b0b}.offers-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:6vw}.offer-space{margin-top:7vw;display:grid;grid-template-columns:1fr 1fr;gap:32px;perspective:1200px}.offer-card{padding:42px;min-height:480px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#171717,#0d0d0d);box-shadow:0 35px 70px rgba(0,0,0,.45)}.offer-a{transform:rotateY(7deg)}.offer-b{transform:rotateY(-7deg) translateY(55px);background:linear-gradient(145deg,#403025,#111)}.offer-card small{font-size:8px;letter-spacing:.2em;color:var(--acid)}.offer-card strong{display:block;font-size:clamp(60px,7vw,110px);letter-spacing:-.06em;margin:45px 0}.offer-card ul{list-style:none;padding:0;margin:0}.offer-card li{padding:9px 0;font-size:13px;color:#aaa}.offer-card a{display:inline-block;margin-top:40px;font-size:9px;letter-spacing:.17em;text-underline-offset:6px}.close{padding:14vw 4vw 11vw;background:radial-gradient(circle at 75% 25%,#33241d,transparent 22%),#080808}.close h2{max-width:1200px}.close p{max-width:580px;color:#9b9690;line-height:1.7}.close>div{display:flex;gap:25px;align-items:center;margin-top:40px}.close>div>a:not(.primary){font-size:9px;letter-spacing:.14em;text-underline-offset:6px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;border-top:1px solid var(--line);font-size:7px;letter-spacing:.16em;color:#777}@media(max-width:900px){.nav{padding:0 5vw}.navlinks>a:not(.book){display:none}.hero{grid-template-columns:1fr;padding:110px 5vw 50px}.hero h1{font-size:17vw}.hero-actions{align-items:flex-start;flex-direction:column}.stage{height:620px;margin-top:30px}.screen-a{width:58%;left:21%}.screen-b,.screen-c{width:37%}.camera-core{transform:translate(-50%,-50%) scale(.82)}.proof{justify-content:flex-start}.work{padding:22vw 5vw}.work-intro{grid-template-columns:1fr;gap:22px}.reel-wall{gap:22vw}.reel-card,.reel-card.left,.reel-card.right{grid-template-columns:1fr;transform:none;gap:25px}.reel-card.right .reel-visual,.reel-card.right .reel-meta{grid-column:auto;grid-row:auto}.reel-visual{min-height:70svh}.reel-meta h3{font-size:11vw}.value{padding:22vw 5vw}.value-head,.offers-head{grid-template-columns:1fr;gap:18px}.value-stage{grid-template-columns:1fr}.value-stage article,.value-stage article:nth-child(even){transform:none;min-height:260px}.value-stage h3{margin-top:55px}.offers{padding:22vw 5vw}.offer-space{grid-template-columns:1fr}.offer-card,.offer-a,.offer-b{transform:none;min-height:0;padding:32px}.close{padding:24vw 5vw}.close h2{font-size:16vw}.close>div{align-items:flex-start;flex-direction:column}footer{padding:24px 5vw;flex-direction:column}}