/*
Theme Name: H&P Group — Connected
Author: H&P Group
Description: A responsive block theme for H&P Group. Edit layouts, copy and imagery in Appearance > Editor.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hp-group
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #527fff;outline-offset:6px}img{max-width:100%;height:auto}p,h1,h2,h3,figure{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.055em}p{margin-bottom:20px}h1{font-size:clamp(56px,6.6vw,100px);margin-bottom:30px}h2{font-size:clamp(36px,4vw,60px);margin-bottom:28px}h3{font-size:28px;letter-spacing:-.035em}.wrap{width:calc(100% - 112px);max-width:1320px;margin-left:auto;margin-right:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:108px;border-bottom:1px solid #d9dfe3;gap:32px}.brand{font-size:40px;font-weight:800;letter-spacing:-3px;line-height:1;margin:0}.brand a{text-decoration:none}.brand> a>span:first-child{color:#235bea}.brand .brand-small{display:block;font-size:9px;letter-spacing:6px;padding:8px 0 0 5px}.main-nav{font-size:13px;font-weight:600}.main-nav .wp-block-navigation__container{gap:32px}.main-nav .wp-block-navigation-item:last-child a{border:1px solid #b8c1ca;padding:13px 22px}.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;min-height:660px;gap:30px;padding-top:55px;padding-bottom:45px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:26px}.hero .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:#235bea;border-radius:50%;margin-right:12px}.hero-lead{max-width:400px;color:#596775;font-size:18px;margin-bottom:34px}.wp-block-button__link{padding:16px 25px;text-decoration:none;transition:background .2s,transform .2s}.wp-block-button__link:hover{background:#1744b9;color:white;transform:translateY(-2px)}.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #a5b0bc;color:inherit;background:transparent}.hero-services{font-size:8px;letter-spacing:1.6px;margin:52px 0 0;color:#596775}.hero-services span{padding:0 8px;color:#235bea}.hero-graphic{aspect-ratio:1;position:relative;background:radial-gradient(ellipse at center,#e3ebf7 0%,#f7f8f6 70%);display:flex;align-items:center;justify-content:center}.hero-graphic:before,.hero-graphic:after{content:'';position:absolute;width:86%;height:86%;border:1px solid #b9cbe0;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}.hero-graphic:after{transform:rotate(40deg) scaleX(.65);width:97%;height:97%;border-color:#235bea}.orbit-center{border:1px solid #cfdae5;border-radius:50%;width:65%;height:65%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#fff9,#e5edf54d);box-shadow:0 25px 90px #2c4f7912}.orbit-brand{font-size:clamp(50px,6vw,86px);font-weight:700;letter-spacing:-7px;margin:0;line-height:1.3}.orbit-label{font-size:8px;letter-spacing:2px}.orbit-tag{position:absolute;z-index:1;font-size:8px;letter-spacing:1.5px;border:1px solid #c8d4e4;background:#f7f8f6;padding:8px 15px;border-radius:20px}.tag-one{left:6%;top:22%}.tag-two{right:0;top:49%}.tag-three{left:17%;bottom:13%}.orbit-caption{position:absolute;bottom:-20px;right:0;font-size:11px;color:#596775}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;border-top:1px solid #cfd6dc;border-bottom:1px solid #cfd6dc}.stats p{margin:0;padding:0 32px;border-left:1px solid #cfd6dc}.stats p:first-child{padding-left:0;border:0}.stats strong{font-size:40px;letter-spacing:-2px;font-weight:500;display:block;line-height:1.2}.stats span{font-size:11px;color:#596775}.section{padding-top:110px;padding-bottom:110px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.large-copy{font-size:22px;line-height:1.5;letter-spacing:-.4px}.about-copy>p:not(.eyebrow){color:#596775}.about-visual{position:relative;padding-bottom:28px}.about-image img{width:100%;height:440px;object-fit:cover}.image-caption{position:absolute;bottom:0;right:-20px;background:#235bea;color:white;padding:25px 35px;line-height:1.5;font-size:18px;margin:0}.section-heading{border-top:1px solid #cfd6dc;padding-top:35px}.section-intro{color:#596775}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d4dce3;border-left:1px solid #d4dce3;margin-top:45px}.company-card{padding:28px 24px;min-height:300px;border-right:1px solid #d4dce3;border-bottom:1px solid #d4dce3;display:flex;flex-direction:column;transition:background .2s}.company-card:hover{background:#edf1f6}.card-number{color:#74808c;font-size:11px;margin-bottom:38px}.company-card .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:13px;color:#235bea}.company-card h3{font-size:23px}.company-card>p:not(.eyebrow):not(.card-number):not(.company-link){color:#596775;font-size:13px;line-height:1.6}.company-link{margin:auto 0 0;font-size:11px;padding-top:25px}.company-link a{display:flex;justify-content:space-between;text-decoration:none}.company-link span{color:#235bea;font-size:20px}.connection-card,.connection-card:hover{background:#235bea;color:white;justify-content:space-between}.connection-card .eyebrow{color:#fff}.connection-card h3{font-size:30px}.connection-card .wp-block-button__link{background:white;color:#235bea;font-size:11px;padding:11px 16px}.dark-band{background:#101f35;color:white}.sectors{display:grid;grid-template-columns:1fr 1fr;gap:90px}.sector-intro>p:last-child{max-width:330px;color:#b4c2d3}.sector-row{display:grid;grid-template-columns:35px 1fr 25px;align-items:center;border-bottom:1px solid #ffffff26;padding:15px 0;gap:20px}.sector-row p,.sector-row h3{margin:0}.sector-row h3{font-size:25px}.sector-row p{font-size:10px;color:#b4c2d3}.sector-row .sector-arrow{font-size:20px}.presence{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.presence-copy>p:not(.eyebrow){color:#596775}.countries{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.countries p{border:1px solid #cdd5de;border-radius:20px;padding:6px 13px;font-size:11px;margin:0}.presence-image img{height:420px;width:100%;object-fit:cover}.location-caption{font-size:10px;letter-spacing:1.5px;margin-top:20px;line-height:2}.purpose{border-top:1px solid #cfd6dc;text-align:center;padding-left:15%;padding-right:15%}.purpose h2{font-size:clamp(38px,5vw,70px)}.purpose .large-copy{color:#596775}.purpose-topics{font-size:9px;letter-spacing:1px;margin-top:35px}.contact-band{background:#e7edf5}.contact{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.contact h2{font-size:clamp(40px,4.5vw,68px)}.contact-details{border-left:1px solid #b9c6d5;padding-left:55px;font-size:14px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:35px 0;gap:25px}.site-footer p{font-size:10px;margin:0}.site-footer .footer-brand{font-size:25px;font-weight:700;letter-spacing:-1px}.footer-brand span{font-size:8px;letter-spacing:2px;margin-left:8px}.wp-site-blocks>main{margin-top:0}.wp-block-navigation__responsive-container.is-menu-open{padding:35px;background:#f7f8f6;color:#101f35}
@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.main-nav .wp-block-navigation__container{gap:18px}.hero{min-height:600px}.company-grid{grid-template-columns:repeat(2,1fr)}.about,.presence,.sectors{gap:45px}.about-image img{height:390px}.hero-services{font-size:7px;letter-spacing:.7px}.hero-services span{padding:0 3px}}
@media(max-width:781px){.wrap{width:calc(100% - 40px)}.site-header{min-height:88px}.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.main-nav .wp-block-navigation__responsive-container-open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px;gap:20px}.hero h1{font-size:64px}.hero-graphic{max-width:400px;width:100%;margin:auto}.hero-services{margin-top:30px;font-size:7px}.stats{grid-template-columns:repeat(2,1fr);gap:30px}.stats p{padding-left:20px}.stats p:nth-child(3){border:0;padding-left:0}.stats strong{font-size:34px}.section{padding-top:65px;padding-bottom:65px}.about,.presence,.sectors,.contact{grid-template-columns:1fr;gap:40px}.image-caption{right:0}.about-image img{height:350px}.company-card{padding:24px 18px;min-height:310px}.company-card h3{font-size:22px}.purpose{padding-left:0;padding-right:0}.contact-details{padding:25px 0 0;border-left:0;border-top:1px solid #b9c6d5}.site-footer{flex-wrap:wrap}.site-footer>p:nth-child(2){display:none}.presence-image img{height:320px}}
@media(max-width:380px){.hero h1{font-size:53px}.company-grid{grid-template-columns:1fr}.hero-services{letter-spacing:0}.stats span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.brand-logo,.footer-logo{width:145px;flex-shrink:0;margin:0}.brand-logo img,.footer-logo img,.orbit-logo img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(10%) sepia(22%) saturate(1761%) hue-rotate(174deg) brightness(95%) contrast(96%)}.orbit-logo{width:72%;margin:0 0 20px}.orbit-label{margin-bottom:0}.footer-logo{width:115px}@media(max-width:781px){.brand-logo{width:125px}}