@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:#102a35;--muted:#536872;--blue:#008da9;--deep:#072d3d;--line:#dce5e9;--pale:#f2f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3,.button{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:500;letter-spacing:-.045em;line-height:1.1}h2{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:500;letter-spacing:-.04em;line-height:1.17}h3{font-size:1.3rem;line-height:1.35;font-weight:600}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e5ad42;outline-offset:5px}.wrap{max-width:1280px;padding:0 5%;margin:auto}.skip{position:absolute;left:20px;top:-80px;z-index:20;background:#fff;padding:12px}.skip:focus{top:0}.topline{background:var(--deep);color:#d8ebf0;font-size:.875rem}.topline .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}.topline a{text-decoration:none}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:157px;height:84px;object-fit:contain;display:block}.navlinks{display:flex;align-items:center;gap:27px}.navlinks a{font-size:.94rem;text-decoration:none;font-weight:500}.navlinks a.active{color:#00778f}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 23px;background:var(--blue);color:#fff!important;text-decoration:none;border:1px solid var(--blue);font-weight:600;font-size:.94rem;cursor:pointer;line-height:1.5;transition:background .2s}.button:hover{background:#006e87;border-color:#006e87}.button.light{background:white;color:var(--ink)!important;border-color:white}.button.outline{background:transparent;border-color:#83a6b5}.menu{display:none;border:1px solid var(--line);padding:9px 14px;background:#fff;color:var(--ink)}.hero{position:relative;isolation:isolate;background:var(--deep);color:#fff;overflow:hidden}.hero-image{position:absolute;width:64%;height:100%;right:0;top:0;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#072d3d 15%,rgba(7,45,61,.92) 35%,rgba(7,45,61,.15) 100%);z-index:-1}.hero-content{padding:88px 0 90px;max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:700;color:#087c93;display:block;margin-bottom:24px}.hero .eyebrow{color:#9adbea}.hero p{font-size:1.15rem;max-width:560px;color:#dce9ed}.hero h1 span{color:#8cd6e3}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-note{font-size:.875rem!important;margin:32px 0 0!important;color:#bad0d8!important}.band{border-bottom:1px solid var(--line)}.band .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px;font-size:.88rem;font-weight:600}.band span:before{content:'+';color:var(--blue);font-size:1.2rem;margin-right:12px}section{padding:88px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.sectionhead h2{max-width:620px;margin-bottom:0}.sectionhead p{max-width:390px;color:var(--muted);margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);padding:30px;position:relative;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;background:#fff}.card p{color:var(--muted);font-size:1rem}.card .number{font-size:.875rem;color:var(--blue);margin-bottom:30px;letter-spacing:.08em}.card h3{margin-bottom:15px}.card .textlink{margin-top:auto;padding-top:18px}.card:hover{border-color:var(--blue);color:var(--ink)}.textlink{font-weight:600;font-size:.94rem;color:#007b95}.pale{background:var(--pale)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split p{color:var(--muted)}.sector-list{border-top:1px solid #cddce2}.sector-list a{padding:19px 0;border-bottom:1px solid #cddce2;text-decoration:none;display:flex;justify-content:space-between;align-items:center;font-size:1.15rem}.sector-list a span{color:var(--blue)}.dark{background:var(--deep);color:white}.dark p{color:#ccdee5}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.area{border:1px solid #406270;padding:35px}.area .eyebrow{color:#9adbea}.area h3{font-size:2rem}.area a{color:#a8e3ee}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid var(--line);padding-top:24px}.step b{display:block;color:var(--blue);margin-bottom:25px;font-size:.875rem}.step p{color:var(--muted)}.cta{background:#e6f3f7;padding:65px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin:0;font-size:2.5rem;max-width:700px}.cta p{margin:15px 0 0;color:var(--muted)}footer{background:#061e29;color:#d7e5eb;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-brand{font:700 1.6rem Manrope,Arial,sans-serif;color:#fff}.footer-grid p{max-width:370px;color:#aac1cc}.footer-grid h3{font-size:1rem;color:#fff}.footer-grid a{display:block;text-decoration:none;margin:7px 0;font-size:.94rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #29434f;margin-top:40px;padding-top:22px;color:#a4bac5;font-size:.875rem}.subhero{background:var(--pale);padding:62px 0 67px}.crumb{font-size:.875rem;color:var(--muted);margin-bottom:35px}.subhero h1{max-width:950px;font-size:clamp(2.5rem,5vw,4.3rem);margin-bottom:25px}.subhero p{max-width:780px;color:var(--muted);font-size:1.15rem;margin:0}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:75px}.prose h2{font-size:2.2rem;margin-top:35px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--muted)}.prose li{margin:10px 0}.prose ul{padding-left:23px}.aside{align-self:start;background:var(--pale);border-top:3px solid var(--blue);padding:30px}.aside p{color:var(--muted)}.aside .button{width:100%}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:600;cursor:pointer;padding-right:15px}.faq details p{margin:14px 0 0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.form{border:1px solid var(--line);padding:35px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px}.full{grid-column:1/-1}label{font-size:.94rem;font-weight:500}input,select,textarea{width:100%;padding:12px;border:1px solid #b7cbd4;background:#fff;color:var(--ink);border-radius:0}textarea{resize:vertical;min-height:145px}.form-note{font-size:.875rem;color:var(--muted);margin:18px 0}.form .button{width:100%}.contact-email{font-size:1.2rem;color:#00778f;overflow-wrap:anywhere}.notice{background:var(--pale);padding:15px;font-size:.94rem;margin-top:15px}.hidden{display:none}.sector-card{border-top:2px solid var(--blue);padding:25px;background:var(--pale)}.sector-card p{color:var(--muted)}@media(max-width:1000px){.navlinks{gap:17px}.navlinks a{font-size:.875rem}.navlinks .button{padding:12px}.grid{grid-template-columns:repeat(2,1fr)}.split,.content-grid,.contact-grid{gap:40px}.hero-content{max-width:650px}.hero-image{width:85%}}@media(max-width:760px){.topline .wrap>span{display:none}.topline .wrap{justify-content:center}.nav{min-height:80px}.logo img{width:126px;height:68px}.menu{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px 6%;box-shadow:0 12px 20px #102a3520;align-items:stretch;flex-direction:column;gap:18px}.navlinks.open{display:flex}.navlinks a{font-size:1rem}.hero-content{padding:65px 0;max-width:100%}.hero-image{width:100%;opacity:.5}.hero:after{background:linear-gradient(90deg,#072d3df0,#072d3d60)}.hero h1{max-width:550px}.hero p{font-size:1.05rem}.band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.8rem}.sectionhead{display:block}.sectionhead p{margin-top:20px}.grid,.split,.area-grid,.steps,.content-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.grid{gap:15px}.split{gap:35px}.area-grid{gap:18px}.steps{gap:20px}section{padding:60px 0}.card{padding:26px}.card .number{margin-bottom:20px}.cta .wrap{align-items:flex-start;flex-direction:column;gap:24px}.cta h2{font-size:2rem}.footer-grid{gap:25px}.subhero{padding:40px 0}.content-grid{gap:35px}.fields{grid-template-columns:1fr}.form{padding:23px}.full{grid-column:auto}.actions .button{padding:14px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Mission, team and photography */
.principles{display:grid;grid-template-columns:1fr 1fr;gap:36px}.principles article{border-top:3px solid var(--blue);padding:30px 0 0}.principles p{font-size:1.25rem;line-height:1.7;max-width:570px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.team-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:32px}.person{min-width:0}.person p{color:var(--muted);margin-bottom:14px}.person h3{margin-bottom:10px}.contact-phone{display:block;font-size:1.1rem;color:#00778f;margin-top:8px}.contact-person{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.contact-person h3{margin-bottom:5px}.contact-person p{margin-bottom:10px}.office-address{margin:32px 0}.office-address address{margin-bottom:15px}address{font-style:normal}.editorial-photo{margin:0}.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.editorial-photo figcaption{font-size:.8125rem;color:var(--muted);margin-top:8px}.project-photo{margin-top:28px}.project-photo img{aspect-ratio:16/9;object-position:center 43%}.service-photo{margin-bottom:35px}.service-photo img{aspect-ratio:16/9;object-position:center 40%}.footer-contact{font-size:.875rem!important;margin:16px 0 4px!important}.footer-grid>div{min-width:0}.footer-grid a{overflow-wrap:anywhere}.contact-grid{grid-template-columns:1fr 1.3fr;align-items:start}.band .wrap{gap:15px}.principles .eyebrow{font-size:.875rem}@media(max-width:1000px){.values-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.team-grid .person:last-child{grid-column:1/-1}}@media(max-width:760px){.principles,.values-grid,.team-grid,.contact-grid{grid-template-columns:1fr}.principles{gap:24px}.principles p{font-size:1.1rem}.team-grid .person:last-child{grid-column:auto}.editorial-photo img{aspect-ratio:4/3}.project-photo img,.service-photo img{aspect-ratio:16/10}}

/* Project photography across services and sectors */
.portfolio-photo{margin:0;overflow:hidden}.portfolio-photo img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3}.portfolio-photo figcaption{font-size:.8125rem;line-height:1.5;color:var(--muted);padding-top:9px}.card-photo{width:calc(100% + 60px);margin:-30px -30px 25px}.card-photo img{aspect-ratio:16/10}.service-wide{margin-bottom:32px}.service-wide img{aspect-ratio:16/10}.sector-photo{margin:-25px -25px 24px}.sector-photo img{aspect-ratio:16/10}.sector-photo figcaption{padding-left:25px;padding-right:25px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.featured-card{text-decoration:none}.featured-card h3{margin:18px 0 0}.featured-card img{transition:transform .25s}.featured-card:hover img{transform:scale(1.03)}.project-jump{display:flex;flex-wrap:wrap;gap:12px;padding-top:28px;padding-bottom:28px}.project-jump a{border:1px solid var(--line);padding:10px 16px;text-decoration:none;font-size:.94rem}.project-group:nth-of-type(even){background:var(--pale)}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.project-gallery img{aspect-ratio:4/3;object-position:center}.aside-photo{margin-top:30px}.aside-photo img{aspect-ratio:4/3}.navlinks{gap:19px}.navlinks a{font-size:.875rem}.hero-image{object-position:center}.hero-content{max-width:740px}@media(max-width:1000px){.navlinks{gap:12px}.navlinks .button{padding:10px}.logo img{width:140px}.featured-grid{gap:18px}}@media(max-width:760px){.featured-grid,.project-gallery{grid-template-columns:1fr}.card-photo{width:calc(100% + 52px);margin:-26px -26px 24px}.navlinks{gap:18px}.navlinks a{font-size:1rem}.logo img{width:126px}.project-jump{gap:8px}.project-gallery{gap:24px}}

/* PHI brand hero and expanded building sectors */
.hero-image{width:100%;object-position:center}.hero:after{background:linear-gradient(90deg,rgba(7,45,61,.85) 0%,rgba(7,45,61,.58) 35%,rgba(7,45,61,.08) 75%)}.expanded-sector-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.expanded-sector-list a{font-size:1rem;gap:10px;line-height:1.5}.sector-card h2{scroll-margin-top:120px}.sector-card{scroll-margin-top:120px}.portfolio-photo img[src*="stock-daycare"]{object-position:center 65%}@media(max-width:760px){.hero-image{width:100%;opacity:.8;object-position:65% center}.hero:after{background:linear-gradient(90deg,rgba(7,45,61,.92),rgba(7,45,61,.38))}.expanded-sector-list{grid-template-columns:1fr}}

/* Generic concepts, with unique image placements */
.concept-row{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.concept-row p{color:var(--muted)}.concept-row .portfolio-photo img{aspect-ratio:3/2}.generic-overview{padding-top:42px}.wide-generic img{aspect-ratio:21/8;max-height:440px}.generic-overview figcaption{margin-bottom:0}.about-generic img{aspect-ratio:4/3}.project-gallery{gap:25px}.featured-card .portfolio-photo img{aspect-ratio:3/2}.service-wide img{aspect-ratio:3/2}@media(max-width:760px){.concept-row{grid-template-columns:1fr;gap:24px}.wide-generic img{aspect-ratio:3/2}.navlinks{gap:18px}}

@media(min-width:761px) and (max-width:1200px){.menu{display:block}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:24px 6%;box-shadow:0 12px 20px #102a3520;align-items:stretch;flex-direction:column;gap:18px}.navlinks.open{display:flex}.navlinks a{font-size:1rem}.navlinks .button{padding:14px 20px}}