:root{--ink:#082e3f;--teal:#0a5c63;--gold:#c88a2d;--paper:#f8f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.75 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #c88a2d;outline-offset:6px}header{height:96px;background:var(--paper);display:flex;align-items:center;padding:0 5%;gap:35px;position:sticky;top:0;z-index:20;border-bottom:1px solid #dce3df}.brand{margin-right:auto}.brand img{width:160px;height:auto;display:block}nav{display:flex;gap:25px;font-size:12px;font-weight:600}.button{display:inline-flex;padding:16px 25px;background:var(--teal);color:white;font-size:13px;font-weight:600;align-items:center;justify-content:center;transition:transform .2s}.button:hover{transform:translateY(-3px)}.small{padding:12px 18px;font-size:11px}.gold{background:var(--gold);color:white}.outline{background:transparent;border:1px solid #82a0a4}.hero{position:relative;min-height:690px;overflow:hidden;background:#082e3f;color:white}.hero-photo{position:absolute;inset:0 0 0 40%;background:url('https://pmspro.vn/wp-content/uploads/2020/06/toa-nha-dep-nhat-viet-nam-2-e1615279309813.jpg') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#082e3f 8%,#082e3ff0 32%,#082e3f80 65%,#082e3f30)}.hero-copy{position:relative;max-width:850px;padding:85px 0 120px 7%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--teal);margin:0 0 26px}.light{color:#a5c3c5}h1{font-size:clamp(42px,5.1vw,76px);line-height:1.14;letter-spacing:-3px;font-weight:500;margin:0 0 28px}h1 span{color:#d8ae6f}.lead{font-size:16px;max-width:475px;color:#d2dfe1;line-height:1.9}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.text-link{font-size:12px}.text-link span{padding-left:15px}.hero-note{position:absolute;bottom:30px;left:7%;font-size:9px;letter-spacing:1.3px}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cfa463;margin-right:12px}.side-note{position:absolute;right:30px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d5deda;padding:25px 7%;gap:30px;font-size:13px}.principles span{color:var(--gold);font-size:11px;margin-right:18px}.section{padding:100px 7%}h2{font-size:clamp(31px,3vw,46px);line-height:1.3;letter-spacing:-1.6px;font-weight:500;margin:0 0 25px}h2 em{font-style:normal;color:var(--teal)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:85px}.about-text{padding-top:30px;color:#5d7178}.about-text p:first-child{font-size:19px;color:var(--ink);line-height:1.7}.arrow-link{display:inline-flex;gap:25px;padding-bottom:10px;border-bottom:1px solid #abbebc;color:var(--teal);font-size:12px;font-weight:600}.services{background:#edf0ec}.section-head{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:40px}.section-head>p,.section-head>div>p:not(.eyebrow){max-width:350px;color:#5d7178}.section-head h2{margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d0dcd6;border:1px solid #d0dcd6}.service{background:var(--paper);padding:35px;min-height:310px;display:flex;flex-direction:column}.number{font-size:9px;letter-spacing:2px;color:#6c8587}.service h3{font-size:23px;line-height:1.4;font-weight:500;margin:24px 0 12px;letter-spacing:-.5px}.service p{font-size:12px;color:#687e83;margin:0 0 25px}.service a{font-size:10px;font-weight:600;margin-top:auto}.featured{background:var(--teal);color:white}.featured p,.featured .number{color:#c6dadd}.digital{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;padding:90px 7%;gap:60px;overflow:hidden}.digital-copy p:not(.eyebrow){color:#aac1c7;font-size:13px;max-width:480px}.digital-copy .button{margin-top:20px}.digital-art{position:relative;min-height:400px;background:radial-gradient(ellipse,#0b65705c,transparent 70%)}.orbit{position:absolute;width:300px;height:300px;left:50%;top:50%;border:1px solid #38717a;transform:translate(-50%,-50%) rotate(35deg);border-radius:50%}.o2{width:400px;height:200px;transform:translate(-50%,-50%) rotate(-40deg);border-color:#27606a}.digital-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:52px;letter-spacing:4px;text-align:center}.digital-center span{display:block;font-size:7px;letter-spacing:2px}.chip{position:absolute;background:#174755;border:1px solid #49717b;padding:13px 20px;font-size:10px;color:#d8ac6c;box-shadow:0 10px 50px #001d29}.chip b{color:#ecf2ef;margin-left:15px;font-weight:500}.c1{left:0;top:65px}.c2{right:0;top:160px}.c3{left:40px;bottom:35px}.project-banner{position:relative;height:360px;overflow:hidden}.project-banner img{width:100%;height:100%;object-fit:cover}.project-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082e3fd9,transparent)}.project-banner>div{position:absolute;z-index:1;left:40px;bottom:30px;color:white}.project-banner p{font-size:9px;letter-spacing:3px}.project-banner h3{font-size:32px;line-height:1.4;font-weight:500}.news{padding-top:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card img{width:100%;height:220px;object-fit:cover}.news-card .eyebrow{font-size:9px;margin:20px 0 10px;letter-spacing:1px}.news-card h3{font-size:18px;line-height:1.6;font-weight:500;margin:0}.news-card:hover h3{color:var(--teal)}.career{background:#e6eae2;min-height:360px;padding:30px;display:flex;flex-direction:column}.career>span{font-size:9px;letter-spacing:2px}.career h3{font-size:28px;margin-top:40px}.career p{font-size:12px}.career b{margin-top:auto;font-size:11px}.contact{padding:80px 7%;background:var(--teal);color:white;display:grid;grid-template-columns:1.5fr 1fr;gap:80px}.contact h2{font-size:40px}.contact p{font-size:13px;color:#c3dbdb}.email{display:block;margin-top:18px;font-size:18px}.contact-detail{padding-top:40px;border-left:1px solid #679296;padding-left:45px}.contact-detail h3{font-size:16px;font-weight:500}.contact-detail a{font-size:10px;border-bottom:1px solid #84aeb0;padding-bottom:6px}footer{padding:30px 7%;display:flex;justify-content:space-between;font-size:9px;gap:25px;color:#5b747b}#menu{display:none}@media(min-width:1600px){.hero-copy{padding-left:12%}.section{padding-left:12%;padding-right:12%}}@media(max-width:1000px){header{gap:18px}nav{gap:15px}.small{display:none}.hero-copy{max-width:760px}.service{padding:25px}.section-head{gap:35px}.about{gap:40px}.digital{gap:20px}.orbit{width:220px;height:220px}.o2{width:300px;height:180px}.chip{padding:10px}.contact{gap:30px}}@media(max-width:700px){header{height:75px;padding:0 6%}.brand img{width:130px}#menu{display:block;border:0;background:transparent;font-size:24px;color:var(--ink)}nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px;background:var(--paper)}nav.open{display:flex;flex-direction:column}.hero{min-height:670px}.hero-copy{padding:65px 7% 100px}h1{letter-spacing:-2px;font-size:47px}.hero-photo{left:15%;opacity:.55}.hero-shade{background:linear-gradient(90deg,#082e3ff5,#082e3fa0)}.eyebrow{font-size:8px;letter-spacing:1.4px}.lead{font-size:14px;max-width:320px}.actions{gap:18px}.button{padding:14px 18px;font-size:11px}.text-link{font-size:10px}.side-note{display:none}.hero-note{font-size:7px;right:6%;line-height:1.8}.principles{padding:20px 7%;grid-template-columns:1fr;gap:8px;font-size:11px}.section{padding:65px 7%}.about,.digital,.contact{grid-template-columns:1fr;gap:25px}.about-text{padding:0}.about-text p:first-child{font-size:17px}.section-head{display:block}.section-head>p{font-size:13px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:20px;min-height:310px}.service h3{font-size:19px}.service p{font-size:11px}.number{font-size:7px;letter-spacing:1px}.digital{padding:65px 7%}.digital-art{min-height:340px}.news-grid{grid-template-columns:1fr}.news-card img{height:240px}.news{padding-top:0}.career{min-height:320px}.news-card h3{margin-bottom:20px}.section-head .arrow-link{margin-top:20px}.project-banner{height:320px}.project-banner>div{left:25px}.project-banner h3{font-size:26px}.contact{padding:65px 7%}.contact h2{font-size:31px}.contact-detail{border-left:0;border-top:1px solid #679296;padding:25px 0 0}footer{flex-direction:column;gap:6px}.section-head h2{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.hero-photo{inset:0;background-image:url(assets/pms-hero-v2.png);background-position:center;background-size:cover}.hero-shade{background:linear-gradient(90deg,rgba(8,46,63,.12),transparent 65%)}@media(max-width:700px){.hero-photo{inset:0;background-position:65% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,rgba(8,46,63,.95),rgba(8,46,63,.35))}}
/* Footer palette aligned with homepage hero */
.contact{background:#082e3f;color:#fff}
.contact p{color:#c6d8df}
.contact-detail{border-color:#ffffff35}
footer{background:#082e3f;color:#c6d8df;border-top:1px solid #ffffff20}
footer a{color:#e7b65c}