/* Canonical HPM client workspace system. Never loaded inside ZIP Experience frames. */
.hpm-xp,.hpm-native-shell,.hpm-client-shell,.hpm-team-shell,.hpm-experience-page{
  --hpm-client-bg:#f3f5f6;
  --hpm-client-surface:#fff;
  --hpm-client-surface-elevated:#fff;
  --hpm-client-surface-muted:#f7f9fa;
  --hpm-client-text:#17232d;
  --hpm-client-muted:#647480;
  --hpm-client-border:#dce3e8;
  --hpm-client-border-strong:#c8d2d8;
  --hpm-client-radius-sm:9px;
  --hpm-client-radius-md:13px;
  --hpm-client-radius-lg:18px;
  --hpm-client-radius:15px;
  --hpm-client-shadow-subtle:0 5px 18px rgba(20,33,43,.045);
  --hpm-client-shadow:0 10px 30px rgba(20,33,43,.075);
  --hpm-client-shadow-medium:0 16px 42px rgba(20,33,43,.12);
  --hpm-client-width:1240px;
  --hpm-client-reading:740px;
  --hpm-client-section:clamp(40px,5vw,64px);
  --hpm-client-header:clamp(230px,27vw,310px);
  --hpm-client-focus:var(--hpm-accent,#d2a33a);
  --hpm-client-ease:180ms cubic-bezier(.2,.75,.25,1);
}
.hpm-client-shell,.hpm-team-shell{
  min-height:100vh;
  background:var(--hpm-client-bg);
  color:var(--hpm-client-text)
}
.hpm-xp .hpm-nav-brand-mark img,.hpm-native-shell .hpm-nav-brand-mark img,.hpm-client-shell .hpm-nav-brand-mark img,.hpm-team-shell .hpm-nav-brand-mark img{
  display:block;
  width:100%;
  height:100%;
  padding:5px;
  border-radius:inherit;
  object-fit:contain;
  background:#fff
}
.hpm-xp .hpm-nav-home.is-active,.hpm-native-shell .hpm-nav-home.is-active,.hpm-client-shell .hpm-nav-home.is-active,.hpm-team-shell .hpm-nav-home.is-active{
  color:inherit;
  background:color-mix(in srgb,var(--hpm-accent) 14%,transparent)
}
.hpm-client-shell main,.hpm-team-shell main{padding-top:72px}
.hpm-client-container{width:min(calc(100% - 48px),var(--hpm-client-width));margin-inline:auto}
.hpm-client-reading{max-width:var(--hpm-client-reading)}
.hpm-client-page-header{
  position:relative;
  isolation:isolate;
  min-height:var(--hpm-client-header);
  display:flex;
  align-items:end;
  overflow:hidden;
  background:#14242e;
  color:#fff
}
.hpm-client-page-header:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(135deg,var(--hpm-brand-primary,#172c3a),var(--hpm-brand-secondary,#294c5b))}
.hpm-client-page-header:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,10,15,.86),rgba(4,10,15,.57) 65%,rgba(4,10,15,.4)),radial-gradient(70% 100% at 88% 0,color-mix(in srgb,var(--hpm-accent,#d2a33a) 22%,transparent),transparent 70%)}
.hpm-client-page-header>.hpm-client-container{position:relative;padding-block:30px}
.hpm-client-breadcrumb{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:20px;color:rgba(255,255,255,.72);font-size:12px}
.hpm-client-breadcrumb a{color:#fff;text-decoration:none}
.hpm-client-breadcrumb span:last-child{overflow:hidden;max-width:42ch;text-overflow:ellipsis;white-space:nowrap}
.hpm-client-eyebrow,.hpm-client-section-heading>p{margin:0 0 7px;color:var(--hpm-accent,#d2a33a);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.hpm-client-page-header h1{max-width:940px;margin:0;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.042em;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.hpm-client-page-header__copy>p:last-child,.hpm-project-detail-header__summary{max-width:650px;margin:11px 0 0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.5}
.hpm-client-count{position:absolute;right:0;bottom:31px;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,0,0,.2);font-size:11px;font-weight:750}
.hpm-client-filter-bar{display:flex;gap:9px;align-items:center;margin:22px 0 20px;padding:9px;border:1px solid var(--hpm-client-border);border-radius:13px;background:var(--hpm-client-surface);box-shadow:0 5px 18px rgba(20,33,43,.04)}
.hpm-client-filter-bar label:first-child{flex:1}
.hpm-client-filter-bar input,.hpm-client-filter-bar select{width:100%;height:40px;padding:0 12px;border:1px solid #d5dde2;border-radius:8px;background:#fff;color:var(--hpm-client-text)}
.hpm-client-filter-bar select{min-width:170px}
.hpm-client-filter-reset{height:40px;padding:0 13px;border:0;border-radius:8px;background:#edf1f3;color:var(--hpm-client-text);font-weight:750;cursor:pointer}
.hpm-client-filter-reset:disabled{opacity:.45;cursor:default}
.hpm-client-grid{display:grid;gap:18px}
.hpm-project-grid-v2{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),360px));justify-content:start;align-items:start;padding-bottom:56px}
.hpm-project-card-v2{display:grid;grid-template-rows:150px auto;overflow:hidden;min-width:0;border:1px solid var(--hpm-client-border);border-radius:var(--hpm-client-radius);background:var(--hpm-client-surface);box-shadow:var(--hpm-client-shadow);color:var(--hpm-client-text);text-decoration:none;transition:transform var(--hpm-client-ease),box-shadow var(--hpm-client-ease),border-color var(--hpm-client-ease)}
.hpm-project-card-v2:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--hpm-accent) 45%,var(--hpm-client-border));box-shadow:0 16px 38px rgba(20,33,43,.12)}
.hpm-project-card-v2__image{position:relative;display:block;background:linear-gradient(135deg,var(--hpm-brand-primary,#172c3a),var(--hpm-brand-secondary,#294c5b));background-position:center;background-size:cover}
.hpm-project-card-v2__image:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 90% 0,color-mix(in srgb,var(--hpm-accent) 22%,transparent),transparent 70%)}
.hpm-project-card-v2__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.4))}
.hpm-project-card-v2__image .hpm-project-status{position:absolute;z-index:1;left:13px;bottom:13px}
.hpm-project-card-v2__body{display:flex;flex-direction:column;min-height:220px;padding:17px}
.hpm-project-card-v2__body>small{color:#806323;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.hpm-project-card-v2__body>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:5px 0;font-size:20px;line-height:1.22}
.hpm-project-card-v2__meta{color:var(--hpm-client-muted);font-size:12px;line-height:1.4}
.hpm-project-card-v2__body>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:11px 0;color:var(--hpm-client-muted);font-size:13px;line-height:1.5}
.hpm-project-card-v2__counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.hpm-project-card-v2__counts>span{padding:4px 7px;border-radius:999px;background:#eef2f4;color:#566773;font-size:9px;font-weight:700}
.hpm-project-card-v2__body>b{margin-top:13px;color:var(--hpm-brand-primary,#173d4f);font-size:12px}
.hpm-project-status{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:#e9eef1;color:#52616d;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hpm-project-status.is-construction{background:#fff0d9;color:#825616}.hpm-project-status.is-completed{background:#e6f4eb;color:#2f6d49}.hpm-project-status.is-on-hold{background:#f8e5e5;color:#8c3333}.hpm-project-status.is-design{background:#e9effa;color:#3f5e92}
.hpm-client-empty{margin:28px 0 56px;padding:42px;border:1px dashed #c8d2d8;border-radius:var(--hpm-client-radius);background:rgba(255,255,255,.7);text-align:center}
.hpm-client-empty h2{margin:0 0 8px}
.hpm-project-detail-header.has-image:before{background-image:var(--hpm-project-image);background-position:center;background-size:cover}
.hpm-project-detail-header:after{background:linear-gradient(90deg,rgba(4,10,15,.94),rgba(4,10,15,.7) 58%,rgba(4,10,15,.5))}
.hpm-project-detail-header__content{max-width:920px}
.hpm-project-detail-header .hpm-project-status{margin-bottom:11px}
.hpm-project-detail-header .hpm-client-eyebrow{margin-top:0}
.hpm-client-meta-row{display:flex;gap:24px;flex-wrap:wrap;margin:19px 0 0}
.hpm-client-meta-row div{min-width:120px}
.hpm-client-meta-row dt{color:rgba(255,255,255,.62);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hpm-client-meta-row dd{margin:4px 0 0;color:#fff;font-size:13px;font-weight:700}
.hpm-client-section,.hpm-project-team{padding:var(--hpm-client-section) 0;background:var(--hpm-client-surface)}
.hpm-client-section:nth-child(even),.hpm-project-detail-body>.hpm-project-team:nth-child(even){background:var(--hpm-client-surface-muted)}
.hpm-client-section-heading{margin-bottom:20px}.hpm-client-section-heading h2,.hpm-project-team h2{margin:0;font-size:clamp(27px,3vw,36px);letter-spacing:-.025em}
.hpm-client-reading>p{color:#3f505c;font-size:17px;line-height:1.72}
.hpm-project-detail-body>.hpm-project-team>div,.hpm-project-detail-body>.hpm-project-team>.hpm-team-grid,.hpm-project-detail-body>.hpm-project-team>.hpm-team-back{width:min(calc(100% - 48px),var(--hpm-client-width));margin-left:auto;margin-right:auto}
.hpm-project-detail-body>.hpm-project-team>.hpm-team-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),360px));justify-content:start;margin-top:20px}
.hpm-project-featured-experience{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px;border:1px solid color-mix(in srgb,var(--hpm-accent) 32%,var(--hpm-client-border));border-radius:var(--hpm-client-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--hpm-brand-primary) 7%,white),#fff);color:var(--hpm-client-text);text-decoration:none;box-shadow:var(--hpm-client-shadow)}
.hpm-project-featured-experience span{display:grid;gap:5px}.hpm-project-featured-experience small{color:#806323;font-weight:800;text-transform:uppercase}.hpm-project-featured-experience strong{font-size:clamp(22px,3vw,32px)}.hpm-project-featured-experience p{max-width:640px;margin:3px 0;color:var(--hpm-client-muted);line-height:1.55}.hpm-project-featured-experience time{color:var(--hpm-client-muted);font-size:11px}.hpm-project-featured-experience>b{color:var(--hpm-brand-primary)}
.hpm-project-experience-grid-v2{grid-template-columns:repeat(auto-fill,minmax(240px,360px));margin-top:14px}.hpm-client-content-card{display:grid;gap:8px;padding:18px;border:1px solid var(--hpm-client-border);border-radius:13px;background:#fff;color:var(--hpm-client-text);text-decoration:none}.hpm-client-content-card small{color:#806323;text-transform:uppercase}.hpm-client-content-card span{color:var(--hpm-brand-primary);font-weight:750}
.hpm-project-update-list,.hpm-project-document-list{display:grid;gap:10px}.hpm-project-update-list article{padding:20px;border-left:3px solid var(--hpm-accent);border-radius:0 12px 12px 0;background:#fff}.hpm-project-update-list time{color:var(--hpm-client-muted);font-size:11px}.hpm-project-update-list h3{margin:6px 0}.hpm-project-document-list a{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px;border:1px solid var(--hpm-client-border);border-radius:12px;background:#fff;color:var(--hpm-client-text);text-decoration:none}.hpm-project-document-list span{color:var(--hpm-brand-primary);font-weight:750}
.hpm-client-shell a:focus-visible,.hpm-team-shell a:focus-visible,.hpm-client-shell button:focus-visible,.hpm-client-shell input:focus-visible,.hpm-client-shell select:focus-visible{outline:3px solid var(--hpm-client-focus);outline-offset:3px}

/* Native Portal content uses the same restrained workspace shell as Projects. */
.hpm-native-shell{background:var(--hpm-client-bg);color:var(--hpm-client-text)}
.hpm-native-shell .hpm-platform-content{padding-top:clamp(42px,6vw,72px);padding-bottom:72px}
.hpm-native-shell .hpm-content-page-head{position:relative;align-items:start;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--hpm-client-border)}
.hpm-native-shell .hpm-content-page-head h1{font-size:clamp(42px,6vw,68px)}
.hpm-native-shell .hpm-content-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-color:var(--hpm-client-border);background:var(--hpm-client-border);box-shadow:var(--hpm-client-shadow-subtle)}
.hpm-native-shell .hpm-document-toolbar,.hpm-native-shell .hpm-document-row,.hpm-native-shell .hpm-update-card{border-color:var(--hpm-client-border);box-shadow:var(--hpm-client-shadow-subtle)}
.hpm-native-shell .hpm-document-row:hover{box-shadow:var(--hpm-client-shadow)}
.hpm-native-shell .hpm-update-card.is-experience{border-top:3px solid var(--hpm-accent)}
.hpm-native-shell .hpm-update-card.is-experience .hpm-update-marker span{background:var(--hpm-accent)}

/* Team is a client directory, not an administrative People screen. */
.hpm-team-shell .hpm-team-hero{padding:46px max(24px,calc((100vw - var(--hpm-client-width))/2)) 42px;background:linear-gradient(90deg,rgba(4,10,15,.82),rgba(4,10,15,.52)),linear-gradient(145deg,var(--hpm-brand-secondary),var(--hpm-brand-primary))}
.hpm-team-shell .hpm-team-hero>p{margin-top:30px}
.hpm-team-shell .hpm-team-hero h1{font-size:clamp(40px,5vw,62px)}
.hpm-team-shell .hpm-team-groups{width:min(calc(100% - 48px),var(--hpm-client-width));max-width:none;padding:var(--hpm-client-section) 0 72px}
.hpm-team-shell .hpm-team-card{border-color:var(--hpm-client-border);border-radius:var(--hpm-client-radius);box-shadow:var(--hpm-client-shadow-subtle);transition:transform var(--hpm-client-ease),box-shadow var(--hpm-client-ease),border-color var(--hpm-client-ease)}
.hpm-team-shell .hpm-team-card:hover{transform:translateY(-2px);border-color:var(--hpm-client-border-strong);box-shadow:var(--hpm-client-shadow)}
.hpm-team-shell .hpm-team-group+.hpm-team-group{border-color:var(--hpm-client-border)}

/* Experience chrome stays outside, and never styles, the protected ZIP iframe. */
.hpm-experience-page .hpm-experience-loading-inner{width:min(360px,calc(100vw - 40px))}
.hpm-experience-page .hpm-experience-loading-mark{background:var(--hpm-accent);color:#fff}
.hpm-experience-page .hpm-experience-progress:after{background:var(--hpm-accent)}
.hpm-experience-page .hpm-experience-load-help{display:grid;gap:12px;margin-top:22px;color:rgba(255,255,255,.78);font-size:13px}
.hpm-experience-page .hpm-experience-load-help[hidden]{display:none}
.hpm-experience-page .hpm-experience-load-help button{justify-self:center;min-height:40px;padding:8px 16px;border:1px solid rgba(255,255,255,.24);border-radius:var(--hpm-client-radius-sm);background:#fff;color:var(--hpm-brand-primary,#17232d);font:inherit;font-weight:750;cursor:pointer}
.hpm-experience-page .hpm-experience-loading.is-delayed .hpm-experience-progress{display:none}
.hpm-experience-page .hpm-experience-loading.is-delayed strong{font-size:18px}
.hpm-experience-page .hpm-experience-unavailable{display:grid;place-items:center;align-content:center;min-height:100%;padding:80px 24px 40px;background:linear-gradient(145deg,var(--hpm-brand-primary,#0b1e36),var(--hpm-brand-secondary,#112a4b));color:#fff;text-align:center}
.hpm-experience-page .hpm-experience-unavailable p{margin:4px 0 8px;color:var(--hpm-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.hpm-experience-page .hpm-experience-unavailable h1{max-width:760px;margin:0;font-size:clamp(34px,6vw,64px);line-height:1.02}
.hpm-experience-page .hpm-experience-unavailable>span{max-width:560px;margin:16px 0 24px;color:rgba(255,255,255,.75);line-height:1.6}
.hpm-experience-page .hpm-experience-unavailable>a{min-height:42px;padding:11px 17px;border-radius:var(--hpm-client-radius-sm);background:#fff;color:var(--hpm-brand-primary,#17232d);font-weight:750;text-decoration:none}
@media(max-width:1024px){.hpm-project-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hpm-client-shell main,.hpm-team-shell main{padding-top:62px}.hpm-client-container{width:min(calc(100% - 32px),var(--hpm-client-width))}.hpm-client-page-header{min-height:245px}.hpm-client-page-header>.hpm-client-container{padding-block:26px}.hpm-client-breadcrumb{margin-bottom:17px}.hpm-client-count{position:static;display:inline-flex;margin-top:15px}.hpm-client-filter-bar{display:grid;grid-template-columns:1fr auto}.hpm-client-filter-bar label:first-child{grid-column:1/-1}.hpm-client-filter-bar select{min-width:0}.hpm-project-grid-v2{grid-template-columns:1fr}.hpm-project-card-v2{grid-template-rows:140px auto}.hpm-project-card-v2__body{min-height:0}.hpm-client-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.hpm-project-featured-experience{align-items:flex-start;flex-direction:column}.hpm-project-detail-body>.hpm-project-team>div,.hpm-project-detail-body>.hpm-project-team>.hpm-team-grid,.hpm-project-detail-body>.hpm-project-team>.hpm-team-back{width:min(calc(100% - 32px),var(--hpm-client-width))}.hpm-project-document-list a{grid-template-columns:1fr}.hpm-project-document-list span{font-size:12px}.hpm-team-shell .hpm-team-hero{padding:38px 20px 34px}.hpm-team-shell .hpm-team-groups{width:min(calc(100% - 40px),var(--hpm-client-width));padding-top:38px}.hpm-native-shell .hpm-platform-content{width:min(calc(100% - 36px),1120px);padding-top:38px}}
@media(max-width:390px){.hpm-client-page-header h1{font-size:36px}.hpm-client-page-header__copy>p:last-child,.hpm-project-detail-header__summary{font-size:14px}.hpm-client-meta-row{grid-template-columns:1fr}.hpm-client-filter-bar{grid-template-columns:1fr}.hpm-client-filter-bar label:first-child{grid-column:auto}.hpm-project-card-v2{grid-template-rows:128px auto}.hpm-client-empty{padding:30px 18px}}
@media(prefers-reduced-motion:reduce){.hpm-project-card-v2,.hpm-team-shell .hpm-team-card{transition:none}}
