/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 01 2026 | 02:07:38 */
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&family=Sulphur+Point:wght@400;500;600;700&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0&display=swap');

/* 01 — BRAND, TYPE & COMMON FOUNDATION */
.hse-home {
  --hh-amber: #FFC84A;
  --hh-deep-amber: #D89B2B;
  --hh-bright-amber: #FFD578;
  --hh-light-amber: #FAD995;
  --hh-soft-amber: #F5DDAF;
  --hh-amber-wash: #F7E9D5;
  --hh-porcelain: #FBF6EF;
  --hh-black: #000000;
  --hh-graphite: #111111;
  --hh-charcoal: #242424;
  --hh-slate: #3C3C3C;
  --hh-offwhite: #F7F7F5;
  --hh-pale: #ECECE9;
  --hh-white: #FFFFFF;
  --hh-ink: #151515;
  --hh-muted: #565653;
  --hh-radius: 14px;
  --hh-radius-lg: 18px;
  --hh-glass: rgba(20, 21, 21, .48);
  --hh-glass-border: rgba(255, 255, 255, .22);
  --hh-ease: cubic-bezier(.22, 1, .36, 1);
  --hh-gutter: clamp(20px, 4.6vw, 86px);
  --hh-max: 1520px;
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  overflow-x: clip;
  background: var(--hh-offwhite);
  color: var(--hh-ink);
  font-family: 'Sulphur Point', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.hse-home, .hse-home *, .hse-home *::before, .hse-home *::after { box-sizing: border-box; }
.hse-home img { display:block; max-width:100%; }
.hse-home .material-symbols-rounded { font-family:'Material Symbols Rounded'; font-weight:normal; font-style:normal; font-size:24px; line-height:1; letter-spacing:normal; text-transform:none; white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
.hse-home a { text-decoration:none; }
.hse-home a, .hse-home button, .hse-home summary { -webkit-tap-highlight-color:transparent; cursor:pointer; }
.hse-home :is(a,button):focus-visible { outline: 3px solid var(--hh-amber); outline-offset: 4px; }
.hse-home .hse-home-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.hse-home-container { width:min(calc(100% - var(--hh-gutter)*2),var(--hh-max)); margin-inline:auto; }
.hse-home-section { padding-block:clamp(78px, 8.5vw, 138px); }
.hse-home .hse-home-kicker { margin:0 0 22px; font:700 clamp(11px,.8vw,13px)/1.4 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.16em; }
.hse-home .hse-home-kicker span { color:var(--hh-amber); padding-inline:6px; }
.hse-home h1, .hse-home h2, .hse-home h3, .hse-home .hse-home-hero__alt-title { font-family:'Oxanium',Arial,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.hse-home h2 { margin:0; font-size:clamp(36px, 4vw, 66px); line-height:1.04; font-weight:500; }
.hse-home h3 { margin:0; font-weight:600; }
.hse-home p { margin-block:0; }
/* Brand amber roles: Deep Amber on light, Light Amber on dark. */
.hse-home :is(.hse-home-about,.hse-home-training,.hse-home-series,.hse-home-opportunities) .hse-home-kicker { color:var(--hh-deep-amber); }
.hse-home :is(.hse-home-support,.hse-home-field,.hse-home-approach,.hse-home-contact) .hse-home-kicker { color:var(--hh-light-amber); }
.hse-home :is(.hse-home-about,.hse-home-training,.hse-home-series,.hse-home-opportunities) h2 span { color:#666660; }

/* Entrance reveals: four explicitly marked card groups, staggered once on first viewing.
   The independent `translate` property leaves existing hover and :active transforms alone. */
@keyframes hse-home-card-reveal {
  from { opacity:0; translate:0 18px; }
  to   { opacity:1; translate:0 0; }
}
.hse-home--reveal-ready [data-hse-reveal]:not(.is-hse-revealed) { opacity:0; }
.hse-home--reveal-ready [data-hse-reveal].is-hse-revealed {
  animation:hse-home-card-reveal 750ms var(--hh-ease) var(--hh-reveal-delay,0ms) both;
}
@keyframes hse-home-tag-from-left {
 from { opacity:0; translate:-35px 0; }
 to   { opacity:1; translate:0 0; }
}
@keyframes hse-home-tag-from-right {
 from { opacity:0; translate:35px 0; }
 to   { opacity:1; translate:0 0; }
}
.hse-home--tag-reveal-ready [data-hse-tag-reveal]:not(.is-hse-tag-revealed) { opacity:0; }
.hse-home--tag-reveal-ready [data-hse-tag-reveal="ltr"].is-hse-tag-revealed { animation:hse-home-tag-from-left 880ms var(--hh-ease) 110ms both; }
.hse-home--tag-reveal-ready [data-hse-tag-reveal="rtl"].is-hse-tag-revealed { animation:hse-home-tag-from-right 880ms var(--hh-ease) 110ms both; }

/* 02 — BUTTON SYSTEM: slightly rounded rectangles, purposeful symbols, no arrows */
.hse-home-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:13px; vertical-align:middle;
  min-height:49px; padding:12px 20px; width:fit-content; max-width:100%;
  border:1px solid transparent; border-radius:10px;
  font:700 12px/1.25 'Oxanium',Arial,sans-serif;
  letter-spacing:.015em; text-transform:uppercase; text-align:center;
  position:relative; isolation:isolate; overflow:hidden;
  transition:transform .27s var(--hh-ease), background-color .27s ease, box-shadow .27s ease, border-color .27s ease, color .27s ease;
}
.hse-home-btn::before,.hse-home-support-card__action::before,.hse-home-training__choice a::before,.hse-home-opportunity a::before {
 content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
 background:var(--hh-pressed-fill,var(--hh-white)); transform:translateX(-102%);
 transition:transform .43s var(--hh-ease);
}
.hse-home-btn:active::before,.hse-home-support-card__action:active::before,.hse-home-training__choice a:active::before,.hse-home-opportunity a:active::before { transform:translateX(0); }
.hse-home-btn .material-symbols-rounded { display:inline-grid!important; place-items:center; align-self:center; flex:none; font-size:19px; line-height:1!important; transition:transform .27s var(--hh-ease); }
.hse-home :is(.hse-home-support-card__action,.hse-home-training__choice a,.hse-home-opportunity a) > .material-symbols-rounded { display:inline-grid!important; place-items:center; align-self:center; flex:none; line-height:1!important; }
.hse-home-btn:hover { transform:translateY(-2px); }
.hse-home-btn:active { transform:translateY(0); }
.hse-home-btn:hover .material-symbols-rounded { transform:scale(1.06); }
.hse-home-btn--amber { color:var(--hh-black); background:var(--hh-amber); box-shadow:0 10px 30px rgba(216,155,43,.12), inset 0 1px rgba(255,255,255,.25); }
.hse-home-btn--amber:hover { background:var(--hh-bright-amber); color:var(--hh-black); box-shadow:0 14px 36px rgba(216,155,43,.2); }
.hse-home-btn--amber:active { background:var(--hh-bright-amber); color:var(--hh-black); border-color:rgba(216,155,43,.77); box-shadow:inset 0 0 0 2px rgba(255,200,74,.3),0 0 0 4px rgba(255,200,74,.12),0 4px 16px rgba(0,0,0,.1); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.hse-home-btn--amber:active .material-symbols-rounded { color:var(--hh-black); }
.hse-home-btn--glass { color:#fff; border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.09); -webkit-backdrop-filter:blur(18px) saturate(130%); backdrop-filter:blur(18px) saturate(130%); box-shadow:inset 0 1px rgba(255,255,255,.12); }
.hse-home-btn--glass:hover { background:var(--hh-amber); color:var(--hh-black); border-color:rgba(255,213,120,.75); box-shadow:0 10px 25px rgba(0,0,0,.17); }
.hse-home-btn--glass:active { background:var(--hh-amber); color:var(--hh-black); border-color:var(--hh-amber); box-shadow:inset 0 0 0 2px rgba(255,200,74,.25); }

/* 03 — HERO: timed photo slideshow, crossfade, pause/progress and responsive parallax */
.hse-home-hero { position:relative; color:#fff; min-height:clamp(650px,82svh,900px); background:#0C0D0C; overflow:visible; }
.hse-home-hero__scene { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.hse-home-hero__media { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 1s ease, visibility 1s ease; }
.hse-home-hero__media.is-active { opacity:1; visibility:visible; }
.hse-home-hero__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 43%; transform:translate3d(0,var(--hse-home-parallax,0px),0) scale(1.3); will-change:transform; }
.hse-home-hero__media[data-hse-hero-media="2"] img {
  object-position: 100% 50%;
  transform-origin: right center;
  transform: translate3d(0, var(--hse-home-parallax, 0px), 0) scale(1.08);
}
.hse-home-hero__shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.67) 29%,rgba(0,0,0,.18) 69%,rgba(0,0,0,.22) 100%),linear-gradient(180deg,rgba(0,0,0,.4),transparent 30%,rgba(0,0,0,.62) 100%); }
.hse-home-hero__inner { position:relative; min-height:inherit; display:flex; flex-direction:column; justify-content:center; padding-block:clamp(105px,12vh,155px); }
.hse-home-hero__content { width:100%; max-width:100%; margin-block:auto; padding-block:0; }
.hse-home .hse-home-hero__kicker { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:24px; color:var(--hh-amber); letter-spacing:0; }
.hse-home .hse-home-kicker .hse-home-hero__pill { display:inline-flex; align-items:center; justify-content:center; min-height:29px; padding:6px 12px; color:rgba(184,184,180,.88); background:rgba(35,37,39,.43); border:1px solid rgba(184,184,180,.33); border-radius:999px; -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.13),0 6px 16px rgba(0,0,0,.12); font:700 11px/1 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.085em; transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease; }
.hse-home .hse-home-kicker .hse-home-hero__pill.is-highlighted { background:rgba(255,200,74,.2); color:var(--hh-amber); border-color:rgba(255,200,74,.8); box-shadow:inset 0 1px rgba(255,245,212,.24),0 6px 22px rgba(216,155,43,.15); -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); }
.hse-home-hero__copy-stage { position:relative; display:grid; align-items:start; max-width:min(860px,70%); }
.hse-home-hero__copy { position:relative; grid-area:1 / 1; min-width:0; max-width:860px; opacity:0; visibility:hidden; transform:translateY(15px); transition:opacity .55s ease,transform .65s var(--hh-ease),visibility .55s; pointer-events:none; }
.hse-home-hero__copy.is-active { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.hse-home-hero__copy h1,.hse-home-hero__alt-title { margin:0; font-weight:500; font-size:clamp(42px,5.1vw,85px); line-height:1.02; color:#fff; }
.hse-home-hero__copy h1 em,.hse-home-hero__alt-title em { font-style:normal; color:var(--hh-amber); }
.hse-home-hero__copy > p:not(.hse-home-hero__alt-title) { max-width:570px; margin-top:21px; font:400 clamp(16px,1.35vw,20px)/1.5 'Sulphur Point',sans-serif; color:rgba(255,255,255,.88); }
/* The actions row is layout only, never an invisible clickable surface.
   The CTA owns an intrinsic-size box, independent of the responsive row width.
   Only the actual link, slide buttons and pause button receive pointer input. */
.hse-home-hero__actions { --hh-hero-control-height:49px; position:relative; z-index:4; display:flex; width:100%; gap:14px; --hh-hero-button-gap:10px; align-items:center; flex-wrap:wrap; margin-top:clamp(25px,2.7vw,38px); pointer-events:none; }

.hse-home-hero__cta {
  display:inline-flex;
  align-items:stretch;
  flex:0 1 auto;
  align-self:flex-start;
  gap:var(--hh-hero-button-gap);
  width:max-content;
  max-width:100%;
  min-width:0;
  pointer-events:none;
}

.hse-home-hero__cta > .hse-home-btn { -webkit-appearance:none; appearance:none; display:inline-flex; align-items:center; justify-content:center; width:auto; max-width:100%; height:var(--hh-hero-control-height); min-height:var(--hh-hero-control-height); margin:0; flex:0 1 auto; white-space:normal; pointer-events:auto; cursor:pointer; }
.hse-home-hero__cta-label,.hse-home-hero__cta > .hse-home-btn .material-symbols-rounded { position:relative; z-index:1; }
/* The online training link starts solid white, becomes frosted black on hover,
   and reveals solid white from left to right while pressed. */
.hse-home-btn--hero-online { color:var(--hh-black); background:var(--hh-white); border-color:var(--hh-white); box-shadow:0 10px 30px rgba(0,0,0,.14); }
.hse-home-btn--hero-online::before { z-index:0; background:var(--hh-white); }
.hse-home-btn--hero-online:hover { color:var(--hh-white); background:rgba(0,0,0,.5); border-color:rgba(255,255,255,.64); -webkit-backdrop-filter:blur(20px) saturate(120%); backdrop-filter:blur(20px) saturate(120%); box-shadow:inset 0 1px rgba(255,255,255,.15),0 14px 36px rgba(0,0,0,.2); }
.hse-home-btn--hero-online:active {
  color:var(--hh-black);
  background:rgba(0,0,0,.5);
  border-color:var(--hh-white);
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 5px 18px rgba(0,0,0,.17);
}
.hse-home-btn--hero-online:hover .material-symbols-rounded { color:var(--hh-white); }
.hse-home-btn--hero-online:active .material-symbols-rounded { color:var(--hh-black); }
.hse-home-hero__slider-controls { position:relative; z-index:2; display:flex; align-items:center; gap:var(--hh-hero-button-gap); height:var(--hh-hero-control-height); flex:none; pointer-events:none; }
.hse-home-hero__pause { position:relative; display:grid; place-items:center; flex:0 0 var(--hh-hero-control-height); width:var(--hh-hero-control-height); height:var(--hh-hero-control-height); padding:0; pointer-events:auto; border:0; border-radius:0; color:var(--hh-amber); background:transparent; box-shadow:none; transition:color .3s ease; }
.hse-home-hero__pause:hover { color:var(--hh-white); }
.hse-home-hero__pause:active { color:var(--hh-bright-amber); }
.hse-home-hero__pause-icon { position:absolute; inset:0; z-index:1; display:grid!important; place-items:center; font-size:23px!important; line-height:1!important; }
.hse-home-hero__progress { position:absolute; top:50%; left:50%; width:43px; height:43px; pointer-events:none; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:center; }
.hse-home-hero__progress circle { fill:none; stroke-width:2.1; }
.hse-home-hero__progress-track { stroke:rgba(255,255,255,.24); }
.hse-home-hero__progress-fill { stroke:currentColor; stroke-linecap:round; stroke-dasharray:100; stroke-dashoffset:100; }
/* The ring uses the slide timer’s Web Animations timeline, reset on every transition. */
.hse-home-hero__selectors { display:flex; gap:3px; align-items:center; justify-content:center; height:var(--hh-hero-control-height); pointer-events:auto; padding:2px 8px; border:1px solid rgba(229,232,232,.38); border-radius:10px; background:rgba(23,25,25,.37); -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%); box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 24px rgba(0,0,0,.16); }
/* Constant-width selector hit areas prevent jitter when a pill becomes a dot.
   Only ::before morphs; hovered targets and surrounding controls never reflow. */
.hse-home-hero__dot { appearance:none; position:relative; display:grid; place-items:center; flex:0 0 54px; width:54px; height:43px; padding:0; border:0; border-radius:10px; background:transparent; box-shadow:none; touch-action:manipulation; }
.hse-home .hse-home-hero__dot:focus,.hse-home .hse-home-hero__dot:focus-visible { outline:none; outline-offset:0; box-shadow:none; }
.hse-home-hero__dot::before { content:''; display:block; width:14px; height:14px; border-radius:999px; background:rgba(255,255,255,.48); box-shadow:0 0 0 1px rgba(0,0,0,.15); transition:width .42s cubic-bezier(.25,.85,.25,1),background-color .35s ease,box-shadow .35s ease; }
.hse-home-hero__dot:not(.is-active):hover::before { background:rgba(255,255,255,.93); }
.hse-home-hero__dot.is-active::before { width:52px; border-radius:8px; background:var(--hh-amber); box-shadow:0 5px 17px rgba(255,200,74,.18); }
.hse-home-hero__dot.is-active:hover::before { background:var(--hh-bright-amber); box-shadow:0 7px 23px rgba(255,213,120,.34); }
.hse-home-hero__pathways { position:absolute; left:0; right:0; bottom:-72px; z-index:3; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }
.hse-home-pathway { position:relative; display:grid; grid-template-columns:46px minmax(0,1fr) 34px; grid-template-rows:auto 1fr; gap:12px 14px; align-items:start; min-height:159px; padding:22px 19px; border:1px solid rgba(255,255,255,.26); border-radius:var(--hh-radius-lg); background:rgba(33,34,34,.50); -webkit-backdrop-filter:blur(26px) saturate(130%); backdrop-filter:blur(26px) saturate(130%); box-shadow:inset 0 1px rgba(255,255,255,.15),0 20px 50px rgba(0,0,0,.23); color:#fff; transition:transform .35s var(--hh-ease),background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease; }
.hse-home-pathway:hover { color:#fff; background:rgba(53,54,54,.68); border-color:rgba(255,255,255,.48); transform:translateY(-6px); box-shadow:inset 0 1px rgba(255,255,255,.22),0 25px 55px rgba(0,0,0,.29); }
.hse-home-pathway:active { background:var(--hh-white); color:var(--hh-black); border-color:rgba(255,255,255,.96); box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 26px rgba(0,0,0,.17); transform:translateY(0); }
.hse-home-pathway__icon { grid-column:1; grid-row:1; align-self:start; width:42px; height:42px; display:grid!important; place-items:center; border:1px solid rgba(255,200,74,.22); background:rgba(255,200,74,.09); color:var(--hh-amber); border-radius:12px; font-size:25px!important; transition:background-color .26s ease,border-color .26s ease,color .26s ease; }
.hse-home-pathway:hover .hse-home-pathway__icon { background:var(--hh-white); border-color:var(--hh-white); color:var(--hh-black); }
.hse-home-pathway:active .hse-home-pathway__icon { background:var(--hh-black); border-color:var(--hh-black); color:var(--hh-amber); }
.hse-home-pathway__text { grid-column:2; grid-row:1 / 3; display:block; min-width:0; }
.hse-home-pathway strong { display:block; margin:5px 0 9px; color:var(--hh-white); font:600 clamp(17px,1.55vw,22px)/1.1 'Oxanium',sans-serif; transition:color .26s ease; }
.hse-home-pathway:active strong { color:var(--hh-black); }
.hse-home-pathway small { display:block; font:400 clamp(12px,.95vw,14px)/1.45 'Sulphur Point',sans-serif; color:rgba(255,255,255,.79); transition:color .26s ease; }
.hse-home-pathway:active small { color:var(--hh-black); }
.hse-home-pathway__arrow { grid-column:3; grid-row:2; justify-self:end; width:31px; height:31px; display:grid!important; place-items:center; align-self:end; border:1px solid rgba(255,255,255,.34); border-radius:50%; font-size:17px!important; transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s var(--hh-ease); }
.hse-home-pathway:hover .hse-home-pathway__arrow { background:var(--hh-amber); border-color:var(--hh-amber); color:#111; transform:rotate(45deg); }
.hse-home-pathway:active .hse-home-pathway__arrow { background:var(--hh-black); border-color:var(--hh-black); color:var(--hh-white); transform:rotate(0); }

/* 04 — ABOUT: spacious mockup 2 split with a glass proof capsule */
.hse-home-about { padding-top:clamp(175px,16vw,240px); background:var(--hh-offwhite); }
.hse-home-about__layout { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); align-items:center; gap:clamp(40px,8vw,130px); }
.hse-home-about__text h2 { max-width:640px; }
.hse-home-about__text > p:not(.hse-home-kicker) { max-width:565px; margin-top:23px; color:var(--hh-muted); font-size:clamp(16px,1.25vw,18px); line-height:1.6; }
.hse-home-about__text > p + p:not(.hse-home-kicker) { margin-top:11px; }
.hse-home-about__text .hse-home-btn { margin-top:29px; }
.hse-home-about__stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:clamp(38px,4vw,58px); width:100%; max-width:640px; }
.hse-home-stat { min-width:0; padding:clamp(12px,1.6vw,20px); border:1px solid rgba(255,255,255,.9); border-radius:12px; background:rgba(255,255,255,.53); -webkit-backdrop-filter:blur(17px) saturate(135%); backdrop-filter:blur(17px) saturate(135%); box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 26px rgba(25,25,25,.055); transform:translate3d(0,0,0); transition:transform .36s var(--hh-ease),background-color .36s ease,border-color .36s ease,box-shadow .36s ease; }
.hse-home-stat:hover { transform:translate3d(0,-4px,0); background:rgba(212,218,221,.61); border-color:rgba(238,243,246,.91); box-shadow:inset 0 1px rgba(255,255,255,.68),0 14px 29px rgba(25,25,25,.09); }
.hse-home-stat:active { transform:translate3d(0,0,0); background:rgba(255,200,74,.28); border-color:rgba(216,155,43,.76); box-shadow:inset 0 1px rgba(255,248,231,.68),0 8px 26px rgba(25,25,25,.075); }


.hse-home-stat__label { display:block; min-height:3.4em; font:700 clamp(10px,.9vw,12px)/1.45 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.075em; color:#72716C; }
.hse-home-stat__value { display:block; margin-top:5px; font:500 clamp(29px,3.1vw,46px)/1.1 'Oxanium',sans-serif; letter-spacing:-.05em; color:var(--hh-deep-amber); font-variant-numeric:tabular-nums; }
.hse-home-about__visual { position:relative; min-height:540px; border-radius:var(--hh-radius-lg); background:rgba(255,255,255,.16); border:1px solid rgba(197,202,207,.72); box-shadow:0 0 0 5px rgba(213,217,221,.31),inset 0 1px 0 rgba(255,255,255,.73),0 19px 46px rgba(0,0,0,.11); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); cursor:default; transform:none; transition:box-shadow .35s ease,border-color .35s ease; }
.hse-home-about__visual:hover { transform:none; border-color:rgba(255,200,74,.82); box-shadow:0 0 0 5px rgba(255,200,74,.23),inset 0 1px 0 rgba(255,244,219,.65),0 19px 46px rgba(0,0,0,.11); }
.hse-home-about__visual:active { transform:none; border-color:var(--hh-deep-amber); box-shadow:0 0 0 5px rgba(216,155,43,.33),inset 0 1px rgba(245,221,175,.62),0 19px 46px rgba(0,0,0,.11); }
/* Video sits in the original About image frame.
   A static workplace image remains behind it if playback is unavailable. */

.hse-home-about__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  border-radius: inherit;
}

.hse-home-about__video {
  position: relative;
  display: block;
  width: 100%;
  height: 540px;
  object-fit: cover;
  object-position: center 18%;
  border-radius: var(--hh-radius-lg);
  opacity: 0;
  visibility: hidden;
  transition: opacity .45s ease, visibility .45s ease;
}

/* Reveal the video only when playback has actually started. */

.hse-home-about__visual.is-video-ready .hse-home-about__video {
  opacity: 1;
  visibility: visible;
}

/* Frosted loader remains visible until first playback or fallback. */

.hse-home-about__loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.83),
    rgba(247,247,245,.69)
  );
  border: 1px solid rgba(255,255,255,.72);
  -webkit-backdrop-filter: blur(22px) saturate(105%);
  backdrop-filter: blur(22px) saturate(105%);
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: opacity .5s ease, visibility .5s ease;
}

/* Animated amber loading orbit. */

.hse-home-about__loading-orbit {
  position: absolute;
  width: 91px;
  height: 91px;
  border-radius: 50%;
  border: 2px solid rgba(216,155,43,.18);
  border-top-color: var(--hh-amber);
  border-right-color: rgba(255,200,74,.58);
  box-shadow: 0 0 24px rgba(255,200,74,.10);
  animation: hse-home-video-loading 2.2s linear infinite;
}

.hse-home-about__loading-icon {
  display: grid !important;
  place-items: center;
  width: 52px;
  height: 52px;
  color: var(--hh-deep-amber);
  font-size: 30px !important;
  filter: drop-shadow(0 3px 9px rgba(216,155,43,.16));
}

/* Hide the loader when playback begins or the static fallback is shown. */

.hse-home-about__visual.is-video-ready .hse-home-about__loading,
.hse-home-about__visual.is-video-error .hse-home-about__loading,
.hse-home-about__visual.is-video-paused .hse-home-about__loading {
  opacity: 0;
  visibility: hidden;
}

/* Playback failure and reduced motion both show the static image. */

.hse-home-about__visual.is-video-error .hse-home-about__video,
.hse-home-about__visual.is-video-paused .hse-home-about__video {
  opacity: 0;
  visibility: hidden;
}

.hse-home-about__visual.is-video-error .hse-home-about__loading-orbit,
.hse-home-about__visual.is-video-paused .hse-home-about__loading-orbit {
  animation: none;
  border-color: rgba(216,155,43,.28);
}

/* Loader rotation. */

@keyframes hse-home-video-loading {
  to {
    transform: rotate(360deg);
  }
}
.hse-home-glass-note { position:absolute; left:-34px; bottom:33px; display:flex; align-items:center; gap:14px; max-width:85%; padding:17px 22px; color:#fff; border:1px solid rgba(255,255,255,.34); border-radius:var(--hh-radius); background:rgba(20,21,20,.54); -webkit-backdrop-filter:blur(20px) saturate(150%); backdrop-filter:blur(20px) saturate(150%); box-shadow:inset 0 1px rgba(255,255,255,.17),0 20px 44px rgba(0,0,0,.22); font-size:15px; line-height:1.25; }
.hse-home-glass-note .material-symbols-rounded { font-size:28px; color:var(--hh-amber); }
.hse-home-glass-note strong { font-weight:600; }

/* 05 — HOW WE SUPPORT: aligned main image, dark editorial copy, glass service cards */
.hse-home-support { padding:clamp(88px,9vw,145px) 0 clamp(86px,8vw,125px); color:#fff; background:radial-gradient(ellipse at 38% 6%,#30302B 0%,#161716 46%,#0C0D0C 100%); }
.hse-home-support__feature { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); align-items:center; gap:clamp(37px,6vw,100px); }
.hse-home-support__image { position:relative; display:flex; flex-direction:column; height:clamp(370px,32vw,520px); overflow:hidden; border:1px solid rgba(255,255,255,.48); border-radius:var(--hh-radius-lg); background:rgba(255,255,255,.1); box-shadow:0 0 0 5px rgba(255,255,255,.09),inset 0 1px rgba(255,255,255,.24),0 17px 42px rgba(0,0,0,.19); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.hse-home-support__photo { position:relative; flex:1 1 auto; min-height:0; overflow:hidden; }
.hse-home-support__photo img { width:100%; height:100%; object-fit:cover; object-position:center; transform:translate3d(0,var(--hh-support-scroll,0px),0) scale(1.16); will-change:transform; transition:filter .55s ease; }
.hse-home-support__photo::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,transparent 45%,rgba(0,0,0,.24)); box-shadow:inset 0 0 0 5px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.5); }
.hse-home-support__footer { position:relative; z-index:1; flex:0 0 66px; display:flex; align-items:center; padding:16px clamp(19px,2.5vw,34px); color:#211705; background:linear-gradient(105deg,#FFD578 0%,var(--hh-amber) 58%,#EFB43B 100%); border-top:1px solid rgba(255,255,255,.45); }
.hse-home-support__footer span { font:700 clamp(11px,.85vw,13px)/1.3 'Oxanium',sans-serif; letter-spacing:.085em; text-transform:uppercase; }
.hse-home-support__intro h2 { max-width:595px; color:var(--hh-white); }
.hse-home-support__intro h2 em { color:var(--hh-amber); font-style:normal; }
.hse-home-support__intro > p:not(.hse-home-kicker) { margin-top:24px; max-width:530px; color:rgba(255,255,255,.72); font-size:clamp(16px,1.25vw,18px); line-height:1.6; }
.hse-home-support__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:clamp(48px,6vw,88px); }
/* The outer card never moves: it is a stable hit area for hover, press and card reveal.
   Only the interior surface lifts, preventing pointer-edge hover flicker. */
.hse-home-support-card { --hh-card-pad-x:29px; position:relative; min-height:545px; }
.hse-home-support-card__surface { min-height:545px; height:100%; display:flex; flex-direction:column; overflow:hidden; padding:9px var(--hh-card-pad-x) 27px; border:1px solid rgba(255,255,255,.17); border-radius:var(--hh-radius-lg); background-color:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); box-shadow:inset 0 1px rgba(255,255,255,.13),0 14px 40px rgba(0,0,0,.14); transform:translate3d(0,0,0); transition:transform .48s var(--hh-ease),border-color .4s ease,box-shadow .48s var(--hh-ease),background-color .48s ease; }
.hse-home-support-card:hover .hse-home-support-card__surface { transform:translate3d(0,-4px,0); border-color:rgba(255,200,74,.4); background-color:rgba(255,255,255,.14); box-shadow:0 22px 45px rgba(0,0,0,.23); }
.hse-home-support-card:active .hse-home-support-card__surface { transform:translate3d(0,0,0); background-color:var(--hh-white); border-color:rgba(255,213,120,.75); box-shadow:inset 0 1px rgba(255,255,255,.30),0 9px 24px rgba(0,0,0,.2); }
.hse-home-support-card__image { position:relative; flex:none; width:calc(100% + 2 * (var(--hh-card-pad-x) - 9px)); aspect-ratio:16/12; margin:0 calc(9px - var(--hh-card-pad-x)) 19px; padding:2px; overflow:hidden; border:1px solid rgba(255,255,255,.48); border-radius:15px; background:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:inset 0 1px rgba(255,255,255,.3),0 5px 16px rgba(0,0,0,.12); transition:border-color .35s ease; }
.hse-home-support-card__image img { width:100%; height:100%; object-fit:cover; object-position:center; border-radius:11px; transition:filter .55s ease; }
.hse-home-support-card:nth-child(1) .hse-home-support-card__image img { object-position:center 18%; }
.hse-home-support-card:nth-child(2) .hse-home-support-card__image img { object-position:center 18%; }
.hse-home-support-card:nth-child(3) .hse-home-support-card__image img { object-position:center 75%; }
.hse-home-support-card__image:hover { border-color:var(--hh-white); }
.hse-home-support-card__image:hover img { filter:sepia(.9) saturate(1.05) contrast(1.04); }
.hse-home-support-card__image:active img { filter:grayscale(1); }
.hse-home-support-card__top { display:flex; align-items:center; margin-bottom:18px; }
.hse-home-support-card__top > .material-symbols-rounded { width:43px; height:43px; display:grid; place-items:center; color:var(--hh-amber); border:1px solid transparent; border-radius:12px; background:rgba(255,200,74,.09); font-size:27px; transition:background-color .35s ease,color .35s ease,border-color .35s ease; }
.hse-home-support-card:hover .hse-home-support-card__top > .material-symbols-rounded { background:var(--hh-white); color:var(--hh-black); border-color:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.hse-home-support-card:active .hse-home-support-card__top > .material-symbols-rounded { background:var(--hh-amber); color:var(--hh-black); border-color:var(--hh-amber); }
.hse-home-support-card h3 { color:var(--hh-white); font-size:clamp(20px,1.6vw,25px); line-height:1.16; transition:color .36s ease; }
.hse-home-support-card p { margin-top:13px; margin-bottom:auto; color:rgba(255,255,255,.71); font-size:15px; line-height:1.5; transition:color .36s ease; }
.hse-home-support-card:hover h3 { color:var(--hh-amber); }
.hse-home-support-card:active h3,.hse-home-support-card:active p { color:var(--hh-black); }
.hse-home-support-card:active .hse-home-support-card__action:not(:hover) { color:var(--hh-black); border-color:rgba(216,155,43,.48); background-color:rgba(255,200,74,.16); }
.hse-home-support-card__action { position:relative; isolation:isolate; overflow:hidden; --hh-pressed-fill:var(--hh-white); display:inline-flex; align-items:center; align-self:flex-start; gap:10px; margin-top:26px; padding:11px 14px; color:var(--hh-white); border:1px solid rgba(255,255,255,.38); border-radius:9px; background:rgba(255,255,255,.055); -webkit-backdrop-filter:blur(14px) saturate(120%); backdrop-filter:blur(14px) saturate(120%); box-shadow:inset 0 1px rgba(255,255,255,.09); font:700 12px/1.35 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.025em; transition:transform .25s var(--hh-ease),background-color .25s,border-color .25s,color .25s,box-shadow .25s; }
.hse-home-support-card__action .material-symbols-rounded { font-size:19px; }
.hse-home-support-card__action:hover { transform:translateY(-3px); color:var(--hh-black); background:var(--hh-amber); border-color:rgba(255,213,120,.75); box-shadow:0 10px 22px rgba(0,0,0,.18); }
.hse-home-support-card__action:active { transform:translateY(0); background:var(--hh-amber); color:var(--hh-black); border-color:var(--hh-amber); box-shadow:inset 0 0 0 2px rgba(255,200,74,.25); }

/* 06 — TRAINING: expansive editorial top + photo and glass routing panel */
.hse-home-training { background:var(--hh-offwhite); }
.hse-home-training__intro { display:grid; grid-template-columns:1.12fr .88fr; gap:clamp(38px,9vw,150px); align-items:start; margin-bottom:41px; }
.hse-home-training__intro h2 { max-width:740px; }
.hse-home-training__details p { max-width:530px; color:var(--hh-muted); font-size:clamp(16px,1.25vw,18px); line-height:1.58; }
.hse-home-training__details .hse-home-btn { margin-top:26px; }
.hse-home-training__showcase { position:relative; min-height:520px; display:flex; justify-content:flex-end; align-items:center; border:1px solid rgba(216,155,43,.64); border-radius:var(--hh-radius-lg); overflow:hidden; background:rgba(255,255,255,.12); box-shadow:0 0 0 5px rgba(245,221,175,.45),inset 0 1px rgba(255,213,120,.49),0 18px 45px rgba(0,0,0,.13); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); }
.hse-home-training__showcase > .hse-home-training__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; transform:translate3d(0,var(--hh-training-scroll,0px),0) scale(1.16); will-change:transform; transition:opacity .55s ease,filter .55s ease; }
.hse-home-training__image--default { opacity:1; }
.hse-home-training__image--inperson,.hse-home-training__image--online { opacity:0; }
.hse-home-training__showcase.is-inperson-preview .hse-home-training__image--default,.hse-home-training__showcase.is-online-preview .hse-home-training__image--default { opacity:0; }
.hse-home-training__showcase.is-inperson-preview .hse-home-training__image--inperson { opacity:1; }
.hse-home-training__showcase.is-online-preview .hse-home-training__image--online { opacity:1; }
/* Photo-only colour feedback: cards and overlays retain their existing states. */
.hse-home-support__photo:hover img,
.hse-home-series__image > img:hover,
.hse-home-approach__image > img:hover,
.hse-home-training__showcase.is-photo-hovered > .hse-home-training__image { filter:sepia(.9) saturate(1.05) contrast(1.04); }
.hse-home-support__photo:active img,
.hse-home-series__image > img:active,
.hse-home-approach__image > img:active,
.hse-home-training__showcase.is-photo-pressed > .hse-home-training__image { filter:grayscale(1); }
.hse-home-training__showcase::before { position:absolute; content:''; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,transparent 32%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.58) 100%); }
.hse-home-training__showcase::after { content:''; position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 5px rgba(245,221,175,.20),inset 0 1px rgba(255,213,120,.56); }
.hse-home-training__choices { position:relative; z-index:2; width:min(460px,44%); margin:24px; padding:11px 19px; color:#fff; border:1px solid rgba(255,255,255,.27); border-radius:var(--hh-radius-lg); background:rgba(18,19,19,.72); -webkit-backdrop-filter:blur(24px) saturate(120%); backdrop-filter:blur(24px) saturate(120%); box-shadow:inset 0 1px rgba(255,255,255,.15),0 22px 50px rgba(0,0,0,.27); }
.hse-home-training__choice { position:relative; padding:21px 7px; border:1px solid transparent; border-radius:9px; outline:none; background-color:transparent; transition:transform .35s var(--hh-ease),background-color .35s ease,border-color .35s ease,box-shadow .35s ease; }
.hse-home-training__choice:hover {
  transform: translateY(-4px);
  background-color: rgba(255,255,255,.26);
  -webkit-backdrop-filter: blur(34px) saturate(150%);
  backdrop-filter: blur(34px) saturate(150%);
  border-color: rgba(255,255,255,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 14px 34px rgba(0,0,0,.16);
}
.hse-home-training__choice:focus { outline:none; }
.hse-home-training__choice:focus-visible { outline:none; box-shadow:inset 0 0 0 1px rgba(255,200,74,.48); }
.hse-home-training__choice:active { transform:translateY(0); background-color:var(--hh-white); border-color:rgba(255,200,74,.73); box-shadow:inset 0 0 0 2px rgba(255,213,120,.28),0 0 0 3px rgba(255,200,74,.12); }
.hse-home-training__choice + .hse-home-training__choice { border-top:1px solid rgba(255,255,255,.2); }
.hse-home-training__choice-head { display:flex; align-items:center; gap:12px; }
.hse-home-training__choice-head .material-symbols-rounded { flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:var(--hh-amber); background:rgba(255,200,74,.1); font-size:22px; transition:background-color .3s ease,color .3s ease; }
.hse-home-training__choice:hover .hse-home-training__choice-head .material-symbols-rounded { background:var(--hh-black); color:var(--hh-amber); }
.hse-home-training__choice.is-selected:not(:hover) .hse-home-training__choice-head .material-symbols-rounded,
.hse-home-training__choice:active .hse-home-training__choice-head .material-symbols-rounded { background:var(--hh-amber); color:var(--hh-black); }
@media (hover:none) { .hse-home-training__choice.is-selected .hse-home-training__choice-head .material-symbols-rounded { background:var(--hh-amber); color:var(--hh-black); } }
.hse-home-training__choice h3 { color:var(--hh-white); font-size:clamp(20px,1.55vw,25px); line-height:1.12; transition:color .3s ease; }
.hse-home-training__choice p { margin-top:13px; color:rgba(255,255,255,.77); font-size:15px; line-height:1.4; transition:color .3s ease; }
.hse-home-training__choice:hover h3,
.hse-home-training__choice:hover p {
  color: var(--hh-white);
}

.hse-home-training__choice:active h3,
.hse-home-training__choice:active p {
  color: var(--hh-black);
}
.hse-home-training__choice.is-selected:not(:hover) h3,
.hse-home-training__choice:active h3 {
  color: var(--hh-deep-amber);
}
/* Only the card's appearance changes; each course link keeps its own hover/active behaviour. */
.hse-home-training__choice:hover:not(:active) a:not(:hover):not(:active) {
  color: var(--hh-white);
  border-color: rgba(255,255,255,.42);
  background-color: rgba(255,255,255,.08);
}

.hse-home-training__choice:active a:not(:hover):not(:active) {
  color: var(--hh-black);
  border-color: rgba(0,0,0,.38);
  background-color: rgba(0,0,0,.055);
}
.hse-home-training__choice a { position:relative; isolation:isolate; overflow:hidden; --hh-pressed-fill:var(--hh-white); display:inline-flex; align-items:center; gap:10px; margin-top:21px; padding:10px 13px; border:1px solid rgba(255,255,255,.44); border-radius:9px; background:rgba(255,255,255,.075); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:var(--hh-white); font:700 12px/1.3 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.02em; transition:transform .25s var(--hh-ease),color .25s,background-color .25s,border-color .25s,box-shadow .25s; }
.hse-home-training__choice a:hover { transform:translateY(-3px); background:var(--hh-amber); color:var(--hh-black); border-color:rgba(255,213,120,.75); box-shadow:0 10px 22px rgba(0,0,0,.2); }
.hse-home-training__choice a:active { transform:translateY(0); background:var(--hh-amber); color:var(--hh-black); border-color:var(--hh-amber); box-shadow:inset 0 0 0 2px rgba(255,200,74,.24); }
.hse-home-training__choice a .material-symbols-rounded { font-size:19px; }

/* 07 — FIELD SERVICES: full-bleed environmental image + frosted accordion */
.hse-home-field { position:relative; min-height:660px; padding-block:clamp(95px,10vw,150px); color:#fff; isolation:isolate; background:#151515; overflow:hidden; }
.hse-home-field__background { position:absolute; inset:0; z-index:-2; }
.hse-home-field__background img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 49%; transform:scale(1.02); cursor:default; }
.hse-home-field::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.59) 50%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.35)); }
.hse-home-field__layout { display:grid; grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr); gap:clamp(38px,7vw,105px); align-items:center; }
.hse-home-field__copy h2 { max-width:670px; color:var(--hh-white); }
.hse-home-field__copy h2 em { color:var(--hh-amber); font-style:normal; }
.hse-home-field__copy > p:not(.hse-home-kicker) { max-width:560px; margin-top:24px; font-size:clamp(16px,1.25vw,18px); line-height:1.55; color:rgba(255,255,255,.8); }
.hse-home-field__copy .hse-home-btn { margin-top:27px; }
.hse-home-field__accordion { padding:11px 17px; border:1px solid rgba(255,255,255,.25); border-radius:var(--hh-radius-lg); background:rgba(20,21,21,.55); -webkit-backdrop-filter:blur(26px) saturate(125%); backdrop-filter:blur(26px) saturate(125%); box-shadow:inset 0 1px rgba(255,255,255,.14),0 22px 57px rgba(0,0,0,.3); }
.hse-home-service { margin:9px 0; border:1px solid rgba(255,255,255,.2); border-radius:11px; background:rgba(255,255,255,.045); transition:background-color .28s ease,border-color .28s ease; }
.hse-home-service[open] { border-color:rgba(255,200,74,.42); background:rgba(255,200,74,.075); }
.hse-home-service summary { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:72px; padding:11px 13px; list-style:none; border-radius:10px; outline:none; box-shadow:none; background:transparent; transition:transform .27s var(--hh-ease),background-color .27s ease,box-shadow .27s ease; }
.hse-home-service summary:focus-visible { outline:none; background:rgba(255,200,74,.115); box-shadow:inset 0 0 0 1px rgba(255,213,120,.42); }
.hse-home-service summary:hover { transform:translateY(-3px); background:rgba(255,255,255,.075); }
.hse-home-service summary:active { transform:translateY(0); background:rgba(255,200,74,.16); }
.hse-home-service summary::-webkit-details-marker { display:none; }
.hse-home-service__left { display:flex; align-items:center; min-width:0; gap:15px; color:rgba(255,255,255,.94); font:500 clamp(16px,1.4vw,20px)/1.25 'Oxanium',sans-serif; transition:color .25s; }
.hse-home-service__symbol { color:var(--hh-amber); font-size:25px!important; flex:none; }
.hse-home-service[open] .hse-home-service__left,.hse-home-service summary:hover .hse-home-service__left { color:var(--hh-amber); }
.hse-home-service__toggle { position:relative; width:33px; height:33px; flex:0 0 33px; border:1px solid rgba(255,255,255,.33); border-radius:9px; background:rgba(255,255,255,.07); transition:transform .27s var(--hh-ease),background-color .27s,border-color .27s,box-shadow .27s; }
.hse-home-service summary:hover .hse-home-service__toggle { transform:translateY(-3px); background:var(--hh-amber); border-color:var(--hh-amber); box-shadow:0 8px 20px rgba(0,0,0,.23); }
.hse-home-service summary:hover .hse-home-service__toggle .material-symbols-rounded { color:var(--hh-black); }
.hse-home-service summary:active .hse-home-service__toggle { transform:translateY(0); background:var(--hh-white); border-color:var(--hh-amber); box-shadow:inset 0 0 0 2px rgba(255,200,74,.24); }
.hse-home-service summary:active .hse-home-service__toggle .material-symbols-rounded { color:var(--hh-black); }
.hse-home-service__toggle .material-symbols-rounded { position:absolute; inset:0; display:grid; place-items:center; font-size:22px; color:#fff; transition:opacity .29s ease,transform .32s var(--hh-ease),color .29s ease; }
.hse-home-service__minus { opacity:0; transform:rotate(-80deg) scale(.75); }
.hse-home-service__plus { opacity:1; transform:rotate(0) scale(1); }
.hse-home-service[open] .hse-home-service__toggle { border-color:var(--hh-amber); background:rgba(255,200,74,.18); }
.hse-home-service[open] .hse-home-service__plus { opacity:0; transform:rotate(80deg) scale(.75); }
.hse-home-service[open] .hse-home-service__minus { opacity:1; transform:rotate(0) scale(1); }
.hse-home-service__content { padding:0 44px 18px 40px; animation:hse-home-open .3s var(--hh-ease) both; }
.hse-home-service__content p { color:rgba(255,255,255,.78); font-size:15px; line-height:1.52; }
@keyframes hse-home-open { from {opacity:0;transform:translateY(-6px);} to {opacity:1;transform:translateY(0);} }

/* 08 — CANADIAN SAFETY SUPERVISOR SERIES: mockup 1 industries photo/text split */
.hse-home-series { background:linear-gradient(120deg,var(--hh-porcelain),var(--hh-offwhite)); }
.hse-home-series__layout { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:clamp(40px,8vw,130px); align-items:center; }
.hse-home-series__image { position:relative; min-height:450px; border:1px solid rgba(197,202,207,.72); border-radius:var(--hh-radius-lg); background:rgba(255,255,255,.17); box-shadow:0 0 0 5px rgba(213,217,221,.31),inset 0 1px rgba(255,255,255,.73),0 18px 42px rgba(0,0,0,.14); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); cursor:default; transition:transform .3s var(--hh-ease),box-shadow .35s ease,border-color .35s ease; }
.hse-home-series__image:hover { transform:translateY(-4px); border-color:rgba(255,200,74,.82); box-shadow:0 0 0 5px rgba(255,200,74,.23),inset 0 1px 0 rgba(255,244,219,.65),0 18px 42px rgba(0,0,0,.14); }
.hse-home-series__image:active { transform:translateY(0); border-color:var(--hh-deep-amber); box-shadow:0 0 0 5px rgba(216,155,43,.33),inset 0 1px rgba(245,221,175,.62),0 18px 42px rgba(0,0,0,.14); }
.hse-home-series__image img { width:100%; height:450px; object-fit:cover; object-position:85% 18%; border-radius:var(--hh-radius-lg); transition:filter .55s ease; }
.hse-home-series__badge { position:absolute; left:-20px; bottom:28px; display:flex; align-items:center; gap:12px; padding:17px 19px; background:rgba(20,21,21,.60); border:1px solid rgba(255,255,255,.27); border-radius:var(--hh-radius); -webkit-backdrop-filter:blur(21px); backdrop-filter:blur(21px); box-shadow:0 20px 45px rgba(0,0,0,.19); color:#fff; font:500 15px/1.25 'Sulphur Point',sans-serif; }
.hse-home-series__badge .material-symbols-rounded { color:var(--hh-amber); }
.hse-home-series__copy h2 { max-width:660px; }
.hse-home-series__copy > p:not(.hse-home-kicker) { max-width:590px; margin-top:23px; color:var(--hh-muted); font-size:clamp(16px,1.25vw,18px); line-height:1.56; }
.hse-home-series__copy .hse-home-btn { margin-top:27px; }
.hse-home-series__flags { margin-top:29px; max-width:100%; }
.hse-home-series__flags-list { display:flex; flex-wrap:nowrap; align-items:center; padding:3px 0 8px; isolation:isolate; max-width:100%; }
.hse-home-series__flag { position:relative; flex:0 0 clamp(30px,3.1vw,39px); width:clamp(30px,3.1vw,39px); height:clamp(30px,3.1vw,39px); display:block; opacity:0; }
.hse-home-series__flag-visual { position:absolute; top:0; left:50%; width:100%; height:100%; overflow:hidden; transform:translateX(-50%); border:2px solid var(--hh-offwhite); border-radius:50%; background:#E8E6E1; box-shadow:0 3px 9px rgba(0,0,0,.13); transition:transform .32s var(--hh-ease),width .36s var(--hh-ease),border-radius .36s var(--hh-ease),box-shadow .32s ease,border-color .32s ease; }
.hse-home-series__flag + .hse-home-series__flag { margin-left:-9px; }
.hse-home-series__flag-visual img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.hse-home-series__flag:nth-child(1) { z-index:13; }
.hse-home-series__flag:nth-child(2) { z-index:12; }
.hse-home-series__flag:nth-child(3) { z-index:11; }
.hse-home-series__flag:nth-child(4) { z-index:10; }
.hse-home-series__flag:nth-child(5) { z-index:9; }
.hse-home-series__flag:nth-child(6) { z-index:8; }
.hse-home-series__flag:nth-child(7) { z-index:7; }
.hse-home-series__flag:nth-child(8) { z-index:6; }
.hse-home-series__flag:nth-child(9) { z-index:5; }
.hse-home-series__flag:nth-child(10) { z-index:4; }
.hse-home-series__flag:nth-child(11) { z-index:3; }
.hse-home-series__flag:nth-child(12) { z-index:2; }
.hse-home-series__flag:nth-child(13) { z-index:1; }
.hse-home-series__flag:hover { z-index:20; }
.hse-home-series__flag:hover .hse-home-series__flag-visual { transform:translate(-50%,-6px); border-color:rgba(255,200,74,.82); box-shadow:0 11px 20px rgba(0,0,0,.18),0 0 0 3px rgba(255,200,74,.14); }
.hse-home-series__flag:active { z-index:21; }
.hse-home-series__flag:active .hse-home-series__flag-visual { width:clamp(54px,5.3vw,65px); transform:translate(-50%,-3px); border-radius:11px; border-color:var(--hh-amber); box-shadow:0 12px 24px rgba(0,0,0,.2),0 0 0 3px rgba(255,200,74,.22); }
.hse-home-series__flags-caption { display:block; margin-top:6px; color:#6B6860; font:700 11px/1.4 'Oxanium',sans-serif; letter-spacing:.065em; text-transform:uppercase; }
@keyframes hse-home-flag-enter-from-right { from { opacity:0; translate:24px 0; scale:.93; } to { opacity:1; translate:0 0; scale:1; } }
@keyframes hse-home-flag-enter-from-left { from { opacity:0; translate:-24px 0; scale:.93; } to { opacity:1; translate:0 0; scale:1; } }
.hse-home-series__flags.is-hse-flags-revealed .hse-home-series__flag { animation:hse-home-flag-enter-from-right 750ms var(--hh-ease) both; animation-delay:calc(var(--hh-flag-index) * 95ms); }

/* 09 — OUR APPROACH: retained real copy and side-by-side photograph */
.hse-home-approach { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 60% 0%,#272725 0%,#121312 58%,#0B0C0B 100%); }
/* Very faint, gently drifting vertical and horizontal grid lines. */
.hse-home-approach::before { content:''; position:absolute; inset:-90px; z-index:0; pointer-events:none; opacity:.12; background-image:linear-gradient(to right,rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.14) 1px,transparent 1px); background-size:98px 98px; animation:hse-home-approach-grid 26s ease-in-out infinite alternate; }
@keyframes hse-home-approach-grid { from { transform:translate3d(-12px,-10px,0); } to { transform:translate3d(12px,10px,0); } }
.hse-home-approach__layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); grid-template-areas:'intro image' 'progress image' 'progress research'; column-gap:clamp(40px,7vw,110px); row-gap:28px; align-items:start; }
.hse-home-approach__copy { display:contents; }
.hse-home-approach__intro { grid-area:intro; min-width:0; }
.hse-home-approach__progress { grid-area:progress; min-width:0; width:100%; margin-top:0; padding:clamp(20px,2.4vw,29px); color:var(--hh-white); background:rgba(35,37,39,.43); border:1px solid rgba(184,184,180,.33); border-radius:var(--hh-radius-lg); -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.13),0 16px 45px rgba(0,0,0,.24); }
.hse-home-approach__image { grid-area:image; min-width:0; position:relative; border:1px solid rgba(255,255,255,.52); border-radius:var(--hh-radius-lg); background:rgba(255,255,255,.1); box-shadow:0 0 0 5px rgba(255,255,255,.09),inset 0 1px rgba(255,255,255,.35),0 18px 48px rgba(0,0,0,.26); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); cursor:default; transition:transform .3s var(--hh-ease),box-shadow .3s ease; }
.hse-home-approach__research { grid-area:research; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; min-width:0; }
.hse-home-approach__image:hover { transform:translateY(-4px); }
.hse-home-approach__image:active { transform:translateY(0); }
.hse-home-approach__image > img { width:100%; height:480px; object-fit:cover; border-radius:var(--hh-radius-lg); transition:filter .55s ease; }
.hse-home-approach__glass-tag { position:absolute; right:-22px; bottom:28px; display:flex; align-items:center; gap:10px; padding:16px 19px; font:600 12px/1.2 'Oxanium',sans-serif; letter-spacing:.08em; color:#fff; border:1px solid rgba(255,255,255,.25); border-radius:var(--hh-radius); background:rgba(32,32,32,.66); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 16px 38px rgba(0,0,0,.26); }
.hse-home-approach__glass-tag .material-symbols-rounded { color:var(--hh-amber); }
.hse-home-approach__copy h2 { color:var(--hh-white); }
.hse-home-approach__copy h2 em { font-style:normal; color:var(--hh-amber); }
.hse-home-approach__intro > p:not(.hse-home-kicker) { max-width:560px; margin-top:24px; color:rgba(255,255,255,.78); font-size:clamp(16px,1.25vw,18px); line-height:1.6; }
.hse-home-approach__copy .hse-home-btn { margin-top:29px; }
.hse-home-approach__progress-top { display:flex; align-items:center; gap:9px; font:700 12px/1.25 'Oxanium',sans-serif; letter-spacing:.09em; }
.hse-home-approach__progress-top .material-symbols-rounded { font-size:21px; color:var(--hh-deep-amber); }
.hse-home-approach__progress-copy { min-height:3.15em; margin-top:13px!important; color:rgba(255,255,255,.78)!important; font:400 14px/1.5 'Sulphur Point',sans-serif!important; }
.hse-home-approach__progress-selected-label { display:block; margin-bottom:2px; color:var(--hh-amber); font:700 12px/1.35 'Oxanium',sans-serif; }
.hse-home-approach__progress-selected-label[hidden] { display:none; }
.hse-home-approach__chart { display:block; width:100%; margin-top:16px; overflow:visible; }
.hse-home-approach__chart-base { stroke:rgba(255,255,255,.25); stroke-width:1.5; fill:none; }
.hse-home-approach__chart-fill { opacity:0; }
.hse-home-approach__chart-line { fill:none; stroke:var(--hh-deep-amber); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:530; stroke-dashoffset:530; }
.hse-home-approach__chart-node { cursor:pointer; outline:none; transition:transform .4s var(--hh-ease); transform-box:fill-box; transform-origin:center; }
.hse-home-approach__chart-hit { fill:transparent; }
.hse-home-approach__chart-point { fill:var(--hh-amber); stroke:#fff; stroke-width:3; opacity:0; transition:fill .28s ease,stroke .28s ease,filter .28s ease; }
.hse-home-approach__chart-node:hover,.hse-home-approach__chart-node:focus-visible { transform:translateY(-4px) scale(1.09); }
.hse-home-approach__chart-node:active { transform:translateY(0) scale(1); }
.hse-home-approach__chart-node:hover .hse-home-approach__chart-point,.hse-home-approach__chart-node:focus-visible .hse-home-approach__chart-point { fill:#fff; stroke:var(--hh-deep-amber); filter:drop-shadow(0 2px 5px rgba(255,255,255,.2)); }
.hse-home-approach__chart-node.is-selected .hse-home-approach__chart-point { fill:var(--hh-white); stroke:var(--hh-amber); stroke-width:4; filter:drop-shadow(0 0 4px rgba(255,200,74,.35)); }
.hse-home-approach__chart-node:active:not(.is-selected) .hse-home-approach__chart-point { fill:var(--hh-amber); stroke:rgba(225,234,239,.92); stroke-width:4; filter:drop-shadow(0 0 4px rgba(225,234,239,.55)); }
.hse-home-approach__chart-node.is-selected:hover .hse-home-approach__chart-point { fill:var(--hh-amber); stroke:var(--hh-amber); filter:drop-shadow(0 0 5px rgba(255,200,74,.48)); }
.hse-home-approach__chart-node.is-selected:active .hse-home-approach__chart-point { fill:var(--hh-white); stroke:var(--hh-white); filter:drop-shadow(0 0 5px rgba(255,255,255,.48)); }
.hse-home-approach__progress.is-hse-graph-revealed .hse-home-approach__chart-line { animation:hse-home-chart-rise 3200ms cubic-bezier(.25,.72,.3,1) 180ms both; }
.hse-home-approach__progress.is-hse-graph-revealed .hse-home-approach__chart-fill { animation:hse-home-chart-fill 2200ms ease 1300ms both; }
.hse-home-approach__progress.is-hse-graph-revealed .hse-home-approach__chart-point { animation:hse-home-chart-point 800ms var(--hh-ease) both; }
.hse-home-approach__chart-node:nth-of-type(1) .hse-home-approach__chart-point { animation-delay:650ms!important; }
.hse-home-approach__chart-node:nth-of-type(2) .hse-home-approach__chart-point { animation-delay:1350ms!important; }
.hse-home-approach__chart-node:nth-of-type(3) .hse-home-approach__chart-point { animation-delay:2300ms!important; }
.hse-home-approach__chart-node:nth-of-type(4) .hse-home-approach__chart-point { animation-delay:3100ms!important; }
@keyframes hse-home-chart-rise { from { stroke-dashoffset:530; } to { stroke-dashoffset:0; } }
@keyframes hse-home-chart-fill { from { opacity:0; } to { opacity:1; } }
@keyframes hse-home-chart-point { from { opacity:0; } to { opacity:1; } }
.hse-home-approach__progress-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.hse-home-approach__progress-stages button { min-width:0; padding:9px 4px; border:1px solid rgba(255,200,74,.59); border-radius:999px; color:var(--hh-white); background:rgba(255,200,74,.13); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); font:700 clamp(10px,.81vw,12px)/1.3 'Oxanium',sans-serif; text-transform:uppercase; letter-spacing:.005em; transition:transform .38s var(--hh-ease),background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease; }
.hse-home-approach__progress-stages button:hover,.hse-home-approach__progress-stages button:focus-visible { transform:translateY(-4px); color:var(--hh-black); background:var(--hh-white); border-color:var(--hh-white); box-shadow:0 9px 20px rgba(0,0,0,.17); }
.hse-home-approach__progress-stages button:active { transform:translateY(0); color:var(--hh-black); background:var(--hh-amber); border-color:var(--hh-amber); }
.hse-home-approach__progress-stages button.is-selected { color:var(--hh-black); background:var(--hh-amber); border-color:var(--hh-amber); box-shadow:0 5px 16px rgba(255,200,74,.13); }
.hse-home-approach__progress-stages button.is-selected:hover { background:var(--hh-white); border-color:var(--hh-white); }
.hse-home-approach__progress-foot { display:block; margin-top:17px; color:rgba(255,255,255,.57); font:400 10px/1.3 'Sulphur Point',sans-serif; }
/* Research sits below the photo on desktop and next to the progression on tablet. */
.hse-home-approach__research-card { position:relative; min-width:0; min-height:194px; display:flex; flex-direction:column; justify-content:center; gap:9px; overflow:hidden; padding:clamp(12px,1.3vw,19px); color:var(--hh-white); border:1px solid rgba(255,255,255,.23); border-radius:13px; background:rgba(35,37,39,.51); -webkit-backdrop-filter:blur(18px) saturate(125%); backdrop-filter:blur(18px) saturate(125%); box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.17); outline:none; transform:translate3d(0,0,0); transition:transform .38s var(--hh-ease),background-color .38s ease,border-color .38s ease,box-shadow .38s ease; }
.hse-home-approach__research-card:hover { transform:translate3d(0,-4px,0); border-color:rgba(255,200,74,.9); box-shadow:inset 0 1px rgba(255,255,255,.14),0 19px 36px rgba(0,0,0,.25); }
.hse-home-approach__research-card:active { transform:translate3d(0,0,0); background:rgba(255,200,74,.24); border-color:var(--hh-amber); box-shadow:inset 0 1px rgba(255,240,206,.24),0 10px 27px rgba(0,0,0,.19); }
.hse-home-approach__research-card:focus-visible { border-color:var(--hh-amber); box-shadow:inset 0 0 0 1px var(--hh-amber),0 12px 30px rgba(0,0,0,.17); }
.hse-home-approach__research-value { display:block; flex:none; color:var(--hh-amber); font:600 clamp(28px,3vw,46px)/1 'Oxanium',sans-serif; letter-spacing:-.05em; font-variant-numeric:tabular-nums; transition:color .3s ease; }
.hse-home-approach__research-card:hover .hse-home-approach__research-value,.hse-home-approach__research-card:active .hse-home-approach__research-value { color:var(--hh-white); }
.hse-home-approach__research-title { display:block; font:600 clamp(11px,.88vw,13px)/1.3 'Oxanium',sans-serif; }
.hse-home-approach__research-details { position:relative; flex:0 0 auto; min-height:58px; }
.hse-home-approach__research-summary,.hse-home-approach__research-source { margin:0; font:400 clamp(11px,.88vw,13px)/1.42 'Sulphur Point',sans-serif; color:rgba(255,255,255,.77); transition:opacity .4s ease,transform .4s var(--hh-ease); }
.hse-home-approach__research-source { position:absolute; inset:0; opacity:0; transform:translateY(8px); pointer-events:none; }
.hse-home-approach__research-source-label { color:inherit; transition:color .3s ease; }
.hse-home-approach__research-card:hover .hse-home-approach__research-source-label { color:var(--hh-amber); }
.hse-home-approach__research-source a { font:inherit; color:var(--hh-amber); text-decoration:none; overflow-wrap:anywhere; background-image:linear-gradient(currentColor,currentColor); background-repeat:no-repeat; background-position:left bottom; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:color .3s ease,background-size .4s var(--hh-ease); }
.hse-home-approach__research-source a:is(:link,:visited,:hover,:active,:focus-visible) { text-decoration:none; }
.hse-home-approach__research-card:hover .hse-home-approach__research-source a { color:#D6D9DD; }
.hse-home-approach__research-card:hover .hse-home-approach__research-source a:hover,.hse-home-approach__research-source a:focus-visible { color:var(--hh-white); background-size:100% 1px; }
.hse-home-approach__research-card:active .hse-home-approach__research-source a,.hse-home-approach__research-source a:active { color:var(--hh-white); }
.hse-home-approach__research-source a:active { background-size:0% 1px; }
.hse-home-approach__research-card:hover .hse-home-approach__research-summary,.hse-home-approach__research-card:focus-within .hse-home-approach__research-summary { opacity:0; transform:translateY(-7px); }
.hse-home-approach__research-card:hover .hse-home-approach__research-source,.hse-home-approach__research-card:focus-within .hse-home-approach__research-source { opacity:1; transform:translateY(0); pointer-events:auto; }

/* 10 — OPPORTUNITIES: mockup 2 split layout / existing 3-toned cards, rounded */
.hse-home-opportunities { background:var(--hh-offwhite); }
.hse-home-opportunities__layout { display:grid; grid-template-columns:minmax(260px,.66fr) minmax(0,1.55fr); gap:clamp(35px,6vw,105px); align-items:start; }
.hse-home-opportunities__intro h2 { font-size:clamp(34px,3.4vw,54px); }
.hse-home-opportunities__intro > p:not(.hse-home-kicker) { margin-top:23px; max-width:445px; color:var(--hh-muted); font-size:clamp(16px,1.25vw,18px); line-height:1.55; }
.hse-home-opportunities__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.hse-home-opportunity { position:relative; overflow:hidden; min-height:347px; display:flex; flex-direction:column; padding:22px 20px 24px; border:1px solid transparent; border-radius:var(--hh-radius); isolation:isolate; transition:transform .35s var(--hh-ease),box-shadow .3s,background .25s ease,border-color .25s ease; }
.hse-home-opportunity:hover { transform:translateY(-5px); box-shadow:0 18px 38px rgba(0,0,0,.14); }
.hse-home-opportunity:active { transform:translateY(0); border-color:rgba(216,155,43,.74); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 0 0 4px rgba(255,200,74,.19),inset 0 1px rgba(255,255,255,.76),0 7px 18px rgba(0,0,0,.13); }
.hse-home-opportunity::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; background:var(--hh-white); clip-path:inset(0 0 100% 0); transition:clip-path .9s var(--hh-ease); }
.hse-home-opportunity:active::after { clip-path:inset(0 0 0 0); }
.hse-home-opportunity > :not(.hse-home-opportunity__media) { position:relative; z-index:1; }
.hse-home-opportunity--grey { background:#E9E9E6; color:var(--hh-ink); }
.hse-home-opportunity--amber { background:linear-gradient(145deg,var(--hh-amber),var(--hh-bright-amber) 70%,var(--hh-light-amber)); color:#111; }
.hse-home-opportunity--dark { background:var(--hh-graphite); color:#fff; }
.hse-home-opportunity__media { position:absolute; inset:0; z-index:-1; opacity:0; transition:opacity .32s; }
.hse-home-opportunity__media img { height:100%; width:100%; object-fit:cover; filter:grayscale(100%); transform:translateY(0) scale(1.02); transition:transform .32s var(--hh-ease); cursor:default; }
.hse-home-opportunity:hover .hse-home-opportunity__media img { transform:translateY(-4px) scale(1.02); }
.hse-home-opportunity:active .hse-home-opportunity__media img { transform:translateY(0) scale(1.02); }
.hse-home-opportunity__media::after { content:''; position:absolute; inset:0; background:rgba(235,235,232,.80); }
.hse-home-opportunity--amber .hse-home-opportunity__media::after { background:rgba(255,200,74,.78); }
.hse-home-opportunity--dark .hse-home-opportunity__media::after { background:rgba(12,12,12,.78); }
.hse-home-opportunity:hover .hse-home-opportunity__media { opacity:1; }

.hse-home-opportunity__number { display:block; font:600 12px/1 'Oxanium',sans-serif; color:#725117; }
.hse-home-opportunity:active .hse-home-opportunity__number,.hse-home-opportunity:active h3 { color:var(--hh-deep-amber); }
.hse-home-opportunity--dark .hse-home-opportunity__number { color:var(--hh-amber); }
.hse-home-opportunity__body { display:flex; flex:1; flex-direction:column; margin-top:78px; }
.hse-home-opportunity h3 { font-size:clamp(17px,1.4vw,21px); line-height:1.13; }
.hse-home-opportunity--dark h3 { color:var(--hh-amber); }
.hse-home-opportunity p { margin-top:12px; margin-bottom:auto; font-size:14px; line-height:1.45; color:#4E4E4A; }
.hse-home-opportunity--dark p { color:rgba(255,255,255,.76); }
.hse-home-opportunity:active p { color:var(--hh-ink); }
.hse-home-opportunity a { position:relative; isolation:isolate; overflow:hidden; --hh-pressed-fill:var(--hh-black); display:inline-flex; align-items:center; align-self:flex-start; gap:9px; margin-top:23px; padding:8px 10px; border:1px solid rgba(0,0,0,.25); border-radius:8px; color:inherit; font:700 11px/1.2 'Oxanium',sans-serif; text-transform:uppercase; transition:transform .24s var(--hh-ease),background-color .24s,color .24s,border-color .24s,box-shadow .24s; }
.hse-home-opportunity a .material-symbols-rounded { font-size:17px; }
.hse-home-opportunity a:hover { transform:translateY(-2px); background:#fff; border-color:#fff; color:#111; box-shadow:0 7px 16px rgba(0,0,0,.13); }
.hse-home-opportunity a:active { transform:translateY(0); background:#fff; border-color:var(--hh-black); color:var(--hh-white); box-shadow:inset 0 0 0 1px rgba(255,200,74,.33); }
.hse-home-opportunity--dark a:active { --hh-pressed-fill:var(--hh-amber); background:#fff; border-color:var(--hh-amber); color:var(--hh-black); }
.hse-home-opportunity--dark a { border-color:rgba(255,255,255,.35); }

/* 11 — CONTACT: photo-backed glass band, mockup 1 */
.hse-home-contact { padding:clamp(70px,8vw,120px) 0; color:#fff; background:#080909; }
.hse-home-contact__panel { position:relative; isolation:isolate; overflow:hidden; min-height:300px; display:grid; grid-template-columns:1fr .78fr; gap:clamp(35px,7vw,120px); align-items:start; padding:clamp(36px,5vw,78px); border:1px solid rgba(255,255,255,.54); border-radius:var(--hh-radius-lg); background:rgba(255,255,255,.08); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); box-shadow:0 0 0 5px rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.28),0 25px 62px rgba(0,0,0,.2); transition:transform .42s var(--hh-ease),border-color .42s ease,box-shadow .42s var(--hh-ease); }
.hse-home-contact__panel:hover { transform:translateY(-4px); box-shadow:0 0 0 5px rgba(255,255,255,.08),inset 0 1px rgba(255,255,255,.28),0 31px 72px rgba(0,0,0,.25); }
.hse-home-contact__panel:active { transform:translateY(0); border-color:rgba(255,200,74,.8); box-shadow:0 0 0 5px rgba(255,200,74,.12),inset 0 0 0 1px rgba(255,213,120,.38),inset 0 1px rgba(255,255,255,.28),0 0 27px rgba(255,200,74,.24),0 0 55px rgba(216,155,43,.13),0 19px 46px rgba(0,0,0,.18); }
.hse-home-contact__background { position:absolute; inset:0; z-index:-2; }
.hse-home-contact__background img { width:100%; height:100%; object-fit:cover; object-position:58% 68%; transform:scale(1.02); cursor:default; }
.hse-home-contact__panel::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(11,12,12,.95),rgba(11,12,12,.79) 56%,rgba(11,12,12,.88) 100%); }
/* An interior overlay washes the glass amber without tinting or intercepting the CTA button. */
.hse-home-contact__panel::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; background:linear-gradient(105deg,rgba(255,200,74,.22),rgba(216,155,43,.27) 52%,rgba(255,200,74,.13)); opacity:0; transition:opacity .42s ease; }
.hse-home-contact__panel:hover::after { opacity:1; }
.hse-home-contact__panel:active::after { opacity:0; }
.hse-home-contact__title,.hse-home-contact__details { position:relative; z-index:1; }
.hse-home-contact h2 { max-width:760px; color:var(--hh-white); font-size:clamp(36px,4vw,66px); line-height:1.04; font-weight:500; }
.hse-home-contact h2 em { color:var(--hh-amber); font-style:normal; }
.hse-home-contact__details p { color:rgba(255,255,255,.83); max-width:490px; font-size:clamp(16px,1.3vw,19px); line-height:1.55; }
.hse-home-contact__details .hse-home-btn { margin-top:25px; }

/* 12 — RESPONSIVE: small desktop + tablet */
@media (min-width:1200px) {
  /* Editorial hierarchy: slightly calmer type scale on desktop and large desktop. */
  .hse-home h2,.hse-home .hse-home-contact h2 { font-size:clamp(36px,3.6vw,59px); }
  .hse-home-hero__copy h1,.hse-home-hero__alt-title { font-size:clamp(43px,4.65vw,77px); }
  .hse-home-opportunities__intro h2 { font-size:clamp(33px,3.15vw,50px); }
  .hse-home-field__background img {
  	object-position: center 20%;
	}
}
@media (min-width:1600px) {
  /* Large desktop only */
  .hse-home-hero__media[data-hse-hero-media="0"] img {
    transform:translate3d(0,calc(var(--hse-home-parallax,0px) + 60px),0) scale(1.3);
  }
  .hse-home-hero__media[data-hse-hero-media="2"] img {
    transform: translate3d(
      0,
      calc(var(--hse-home-parallax, 0px) + 70px),
      0
    ) scale(1.08);
  }
  .hse-home-field__background img {
	  object-position: center 12%;
	}
  .hse-home-approach__image > img { height:580px; }
  .hse-home-training__showcase > .hse-home-training__image--online { object-position:center 25%; }
}

@media (min-width:901px) {
  /* Use the visible hero copy for the stage height so slides 2 and 3 do not leave an empty gap above the CTA. */
  .hse-home-hero__copy-stage { display:block; }
  .hse-home-hero__copy { position:absolute; inset:0 auto auto 0; width:100%; }
  .hse-home-hero__copy.is-active { position:relative; }
}

@media (min-width:901px) and (max-width:1199px) {
  .hse-home-hero__slider-controls { gap:4px; }
}

@media (min-width:701px) {
  /* Keep both training links together on the left and both slideshow controls on the right, including tablets. */
  .hse-home-hero__actions { justify-content:space-between; flex-wrap:nowrap; }
  .hse-home-hero__slider-controls { margin-left:auto; }
}

@media (min-width:701px) and (max-width:900px) {
  /* Preserve the one-row hero layout on tablets without shrinking the slideshow targets. */
  .hse-home-hero__actions { --hh-hero-button-gap:8px; }
  .hse-home-hero__cta { gap:12px; }
  .hse-home-hero__slider-controls { gap:2px; }
  .hse-home-hero .hse-home-hero__content { max-width:100%; }
  .hse-home-hero .hse-home-hero__copy-stage { max-width:93%; }
  .hse-home-hero__cta > .hse-home-btn { padding:10px 12px; gap:8px; font-size:11px; }
  .hse-home-hero__cta > .hse-home-btn .material-symbols-rounded { font-size:18px; }
}

@media (max-width:1199px) {
  .hse-home-hero__copy-stage { max-width:82%; }
  .hse-home-hero__media[data-hse-hero-media="0"] img { object-position:100% 25%; }
  .hse-home-training__showcase > .hse-home-training__image--online { object-position:88% 40%; }
  .hse-home-approach__image > img { object-position:28% center; }

  .hse-home-pathway { grid-template-columns:40px minmax(0,1fr) 30px; gap:12px; padding:19px 16px; }
  .hse-home-pathway__arrow { grid-column:3; grid-row:2; justify-self:end; align-self:end; }
  .hse-home-about__visual,.hse-home-about__video { min-height:410px; height:410px; }
  .hse-home-stat { padding:12px 10px; }
  .hse-home-support-card { --hh-card-pad-x:20px; }
  .hse-home-support-card__surface { padding:9px var(--hh-card-pad-x) 24px; }
  .hse-home-opportunities__layout { grid-template-columns:1fr; }
  .hse-home-opportunities__intro { max-width:800px; }
  .hse-home-opportunity { min-height:300px; }
  .hse-home-opportunity__body { margin-top:58px; }
}
@media (max-width:900px) {
  .hse-home-section { padding-block:80px; }
  .hse-home-hero { min-height:760px; }
  .hse-home-hero__inner { padding-block:110px; }
  .hse-home-hero__content { max-width:93%; }
  .hse-home-hero__copy-stage { max-width:100%; }
  .hse-home-hero__copy h1,.hse-home-hero__alt-title { font-size:clamp(40px,6vw,64px); }

  .hse-home-hero__pathways { bottom:-65px; }
  .hse-home-pathway { min-height:162px; }
  .hse-home-about { padding-top:170px; }
  .hse-home-about__layout,.hse-home-support__feature,.hse-home-training__intro,.hse-home-series__layout { grid-template-columns:1fr; gap:35px; }
  .hse-home-approach__layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:'intro intro' 'image image' 'progress research'; column-gap:18px; row-gap:30px; }
  .hse-home-approach__research { grid-template-columns:1fr; grid-template-rows:repeat(3,minmax(0,1fr)); gap:9px; height:100%; }
  .hse-home-approach__research-card {
	  min-height: 0;
	}

	.hse-home-approach__research-details,
	.hse-home-approach__research-source {
	  display: flex;
	  align-items: center;
	}
  .hse-home-approach__research-value { font-size:clamp(27px,4.2vw,36px); }
  .hse-home-about__visual,.hse-home-about__video { min-height:430px; height:430px; }
  .hse-home-glass-note { left:18px; }
  .hse-home-support__feature { gap:30px; }
  .hse-home-support__intro { grid-row:1; }
  .hse-home-support__image { grid-row:2; }
  .hse-home-support__grid { margin-top:48px; }
  .hse-home-training__showcase { min-height:500px; }
  .hse-home-training__choices { width:min(430px,53%); }
  .hse-home-field__layout { grid-template-columns:1fr; }
  .hse-home-field__copy { max-width:650px; }
  .hse-home-series__image { min-height:410px; grid-row:2; }
  .hse-home-series__image img { height:410px; object-position:85% 15%; }
  .hse-home-series__flags.is-hse-flags-revealed .hse-home-series__flag { animation-name:hse-home-flag-enter-from-left; }
  .hse-home-series__copy { grid-row:1; }

  .hse-home-contact__panel { grid-template-columns:1fr; gap:28px; }
	
	.hse-home-approach__progress {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
}
@media (max-width:700px) {
  .hse-home { --hh-gutter:20px; }
  .hse-home-section { padding-block:68px; }
  .hse-home h2,.hse-home .hse-home-contact h2 { font-size:clamp(34px,8vw,48px); }
  .hse-home-hero { min-height:auto; overflow:hidden; }
  .hse-home-hero__scene { inset:0; }
  .hse-home-hero__media img { object-position:65% center; }
  .hse-home-hero__media[data-hse-hero-media="0"] img {
    object-position:85% 43%;
    transform:translate3d(0,var(--hse-home-parallax,0px),0) scale(1.3);
  }
  .hse-home-hero__shade { background:linear-gradient(90deg,rgba(0,0,0,.89),rgba(0,0,0,.52) 76%,rgba(0,0,0,.35)),linear-gradient(180deg,rgba(0,0,0,.28),transparent 32%,rgba(0,0,0,.83)); }
  .hse-home-hero__inner { min-height:0; display:flex; flex-direction:column; justify-content:flex-start; padding-block:0 40px; }
  .hse-home-hero__content { display:flex; flex-direction:column; justify-content:center; width:100%; max-width:100%; min-height:clamp(580px,81svh,780px); padding-block:90px 50px; margin:0; }

  .hse-home-hero__copy h1,.hse-home-hero__alt-title { font-size:clamp(36px,9vw,55px); }
  .hse-home-hero__copy > p:not(.hse-home-hero__alt-title) { font-size:16px; margin-top:17px; }
  
  .hse-home-hero__actions {
    --hh-hero-button-gap:6px;
    margin-top:32px;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:flex-start;
  }
  
  .hse-home-hero__cta {
    width:max-content;
    max-width:100%;
    gap:9px;
  }

  .hse-home-hero__cta > .hse-home-btn { flex:0 1 auto; width:auto; min-width:0; max-width:100%; height:auto; min-height:var(--hh-hero-control-height); padding:11px 9px; gap:6px; font-size:clamp(10px,2.65vw,12px); }
  .hse-home-hero__cta > .hse-home-btn .material-symbols-rounded { font-size:17px; }
  
  .hse-home-hero__cta-label { text-wrap:balance; }
  .hse-home-hero__slider-controls { gap:2px; }
  .hse-home-hero__selectors { gap:3px; padding:2px 6px; }

  .hse-home-hero__dot { flex-basis:44px; width:44px; height:43px; }
  .hse-home-hero__dot::before { width:12px; height:12px; }
  .hse-home-hero__dot.is-active::before { width:43px; }
  .hse-home-hero__pathways { position:relative; left:auto; right:auto; bottom:auto; grid-template-columns:1fr; gap:11px; margin:0; }
  .hse-home-pathway { grid-template-columns:42px minmax(0,1fr) 32px; grid-template-rows:1fr; align-items:center; min-height:112px; padding:18px; gap:12px; }
  .hse-home-pathway__icon { grid-column:1; grid-row:1; align-self:center; }
  .hse-home-pathway__text { grid-column:2; grid-row:1; align-self:center; }
  .hse-home-pathway__arrow { grid-column:3; grid-row:1; justify-self:end; align-self:center; }
  .hse-home-pathway strong { margin-bottom:5px; }
  .hse-home-pathway small { font-size:13px; }
  .hse-home-about { padding-top:75px; }
  .hse-home-about__stats { gap:7px; }
  .hse-home-stat { padding:12px 9px; border-radius:10px; }
  .hse-home-stat__label { font-size:9px; letter-spacing:0; }
  .hse-home-stat__value { font-size:clamp(24px,6vw,34px); }
  .hse-home-approach__layout { grid-template-columns:minmax(0,1fr); grid-template-areas:'intro' 'progress' 'research' 'image'; gap:26px; }
  .hse-home-approach__research { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:12px; }
  .hse-home-approach__research-card { width:100%; min-height:160px; padding:20px; gap:9px; }
  .hse-home-approach__research-value { font-size:clamp(26px,6.2vw,34px); }
  .hse-home-approach__research-title { font-size:10px; }
  .hse-home-approach__research-summary,.hse-home-approach__research-source { font-size:10px; line-height:1.33; }
  .hse-home-approach__progress { height:auto; }
  .hse-home-about__visual,.hse-home-about__video { min-height:340px; height:340px; }
  .hse-home-support { padding-block:70px; }
  .hse-home-support__image { height:330px; }
  .hse-home-support__grid { grid-template-columns:1fr; margin-top:16px; }
  .hse-home-support-card { min-height:545px; }
  .hse-home-training__intro { margin-bottom:30px; }
  .hse-home-training__showcase { min-height:auto; padding-top:260px; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; }
  .hse-home-training__showcase > .hse-home-training__image { height:100%; bottom:0; }
  .hse-home-training__showcase > .hse-home-training__image--online { object-position:38% 78%; }
  .hse-home-training__showcase::before { background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.86) 73%); }
  .hse-home-training__choices { width:calc(100% - 24px); margin:0 12px 12px; padding:4px 15px; }
  .hse-home-field { padding-block:70px; }
  .hse-home-field__accordion { padding:8px 16px; }
  .hse-home-service summary { min-height:72px; }
  .hse-home-service__left { font-size:16px; gap:10px; }
  .hse-home-service__symbol { font-size:22px!important; }
  .hse-home-service__content { padding-left:33px; padding-right:22px; }
  .hse-home-series__image { min-height:335px; }
  .hse-home-series__image img { height:335px; object-position:85% 18%; }
  .hse-home-series__badge { left:12px; font-size:13px; }
  .hse-home-approach__image > img { height:340px; object-position:center; }
  .hse-home-approach__glass-tag { right:12px; max-width:calc(100% - 24px); font-size:10px; }
  .hse-home-opportunities__cards { grid-template-columns:1fr; }
  .hse-home-opportunity { min-height:275px; }
  .hse-home-opportunity--amber .hse-home-opportunity__media img,
  .hse-home-opportunity--dark .hse-home-opportunity__media img { object-position:center 18%; }
  .hse-home-contact__background img { object-position:58% 48%; }
  .hse-home-opportunity__body { margin-top:55px; }
  .hse-home-opportunity h3 { font-size:23px; }
  .hse-home-contact { padding-block:65px; }
  .hse-home-contact__panel { padding:32px 23px; }

}
@media (min-width:401px) and (max-width:1199px) {
  /* Large mobile and tablet: place pathway descriptions below the icon and title, aligned to the icon. */
  .hse-home-pathway { grid-template-rows:auto auto; }
  .hse-home-pathway__text { display:contents; }
  .hse-home-pathway strong { grid-column:2; grid-row:1; align-self:center; margin:0; }
  .hse-home-pathway small { grid-column:1 / 3; grid-row:2; min-width:0; }
}
@media (max-width:400px) {
  .hse-home { --hh-gutter:16px; }
  .hse-home-hero__content { padding-top:86px; }

  .hse-home-hero__copy h1,.hse-home-hero__alt-title { font-size:34px; }
  .hse-home-hero__actions { gap:14px; --hh-hero-control-height:46px; }
  .hse-home-hero__cta > .hse-home-btn { padding:10px 7px; gap:5px; font-size:10px; }
  .hse-home-hero__cta > .hse-home-btn .material-symbols-rounded { font-size:16px; }
  .hse-home-hero__selectors { padding-left:6px; }
  .hse-home-hero__progress { width:40px; height:40px; }
  .hse-home-hero__dot { height:40px; }
  .hse-home-btn { min-height:46px; padding:12px 14px; font-size:11px; }
}

/* ASK AI | HOMEPAGE — COMPLETE REPLACEMENT CSS
   Keep the existing .hse-home foundation, type scale, container, and button system.
   Replace the previous Ask AI CSS with this entire block; do not append overrides. */

/* Light amber in the same palette as the Apprenticeship closing section. */
.hse-home-ai {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--hh-ink);
  background:
    radial-gradient(ellipse at 16% 18%, rgba(255,255,255,.24), transparent 42%),
    radial-gradient(ellipse at 85% 85%, rgba(255,255,255,.13), transparent 40%),
    linear-gradient(125deg, #F3BB50 0%, #FFC84A 45%, #F7D38B 100%);
}

/* Decorative diamonds sit directly on the amber section, behind the white panel. */
.hse-home-ai > .hse-home-container {
  position: relative;
  z-index: 1;
}

/* White glass panel */
.hse-home-ai__panel {
  position: relative;
  isolation: isolate;
  min-height: 340px;
  overflow: hidden;
  padding: clamp(38px, 5vw, 76px);
  border: 2px solid rgba(255,255,255,.76);
  border-radius: var(--hh-radius-lg);
  background: transparent;
  -webkit-backdrop-filter: blur(27px) grayscale(1) brightness(2);
  backdrop-filter: blur(27px) grayscale(1) brightness(2);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,0),
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 5px rgba(255,255,255,0),
    0 0 35px rgba(255,255,255,0),
    0 22px 55px rgba(95,70,23,.12);
  transform: translate3d(0,0,0);
  transition:
    transform .45s var(--hh-ease),
    border-color .65s var(--hh-ease),
    box-shadow .65s var(--hh-ease),
    -webkit-backdrop-filter .65s var(--hh-ease),
    backdrop-filter .65s var(--hh-ease);
}

/* Smoothly fading white glass surface */
.hse-home-ai__panel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,.78),
    rgba(255,255,255,.68)
  );
  opacity: 1;
  transition: opacity .65s var(--hh-ease);
}

/* HOVER — transparent */
.hse-home-ai__panel:hover {
  transform: translate3d(0,-3px,0);
  border-color: rgba(255,255,255,.98);
  -webkit-backdrop-filter: blur(0px) grayscale(0) brightness(1);
  backdrop-filter: blur(0px) grayscale(0) brightness(1);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.75),
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 5px rgba(255,255,255,0),
    0 0 35px rgba(255,255,255,0),
    0 28px 62px rgba(95,70,23,.16);
}

.hse-home-ai__panel:hover::before {
  opacity: 0;
}

/* ACTIVE — restore frosted white glass */
.hse-home-ai__panel:active {
  transform: translate3d(0,0,0);
  border-color: rgba(255,255,255,1);
  -webkit-backdrop-filter: blur(27px) grayscale(1) brightness(2);
  backdrop-filter: blur(27px) grayscale(1) brightness(2);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.86),
    inset 0 1px 0 rgba(255,255,255,1),
    0 0 0 5px rgba(255,255,255,.30),
    0 0 35px rgba(255,255,255,.70),
    0 16px 42px rgba(95,70,23,.12);
}

.hse-home-ai__panel:active::before {
  opacity: 1;
}

.hse-home-ai__content {
  position: relative;
  z-index: 2;
  max-width: 890px;
}

/* Type sizes follow the site's existing kicker and h2 rules in every viewport. */
.hse-home-ai .hse-home-kicker {
  color: var(--hh-deep-amber);
  transition: color .45s var(--hh-ease);
}

.hse-home-ai h2 {
  color: var(--hh-black);
}

.hse-home-ai h2 span {
  color: #65655F;
  text-shadow: none;
  transition: color .45s var(--hh-ease), text-shadow .45s var(--hh-ease);
}

/* HOVER — the eyebrow and HSE Elements title turn white as the glass clears. */
.hse-home-ai__panel:hover .hse-home-kicker,
.hse-home-ai__panel:hover h2 span {
  color: #FFFFFF;
}

.hse-home-ai__panel:hover h2 span {
  text-shadow: 0 2px 8px rgba(58,38,9,.32);
}

/* ACTIVE — restore both text treatments to their original appearance. */
.hse-home-ai__panel:active .hse-home-kicker {
  color: var(--hh-deep-amber);
}

.hse-home-ai__panel:active h2 span {
  color: #65655F;
  text-shadow: none;
}

.hse-home-ai__content > p:not(.hse-home-kicker) {
  max-width: 720px;
  margin-top: 23px;
  color: #50504B;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.6;
}

/* Same base height, spacing, weight, and symbol scale as the other home CTAs. */
.hse-home-ai__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 29px;
}

.hse-home-ai__button {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 49px;
  padding: 12px 20px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 10px;
  color: #111;
  background: var(--hh-ai-button-bg);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 9px 24px rgba(126,84,12,.15);
  transform: translate3d(0,0,0);
  transition:
    transform .33s var(--hh-ease),
    color .27s ease,
    border-color .3s ease,
    background .32s ease,
    box-shadow .4s ease;
}

.hse-home-ai__button > span {
  position: relative;
  z-index: 1;
}

/* White surface slides in on hover; on press it exits to the LEFT, revealing each initial amber shade from right to left. */
.hse-home-ai__button::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: rgba(255,255,255,.98);
  transform: translateX(-102%);
  transition: transform .48s var(--hh-ease);
}

.hse-home-ai__button .material-symbols-rounded {
  color: inherit;
  font-size: 19px;
  line-height: 1 !important;
  transition: transform .3s var(--hh-ease), color .3s ease;
}

.hse-home-ai__button:hover,
.hse-home-ai__button:focus-visible {
  transform: translate3d(0,-3px,0);
  color: #101010;
  border-color: rgba(216,155,43,.85);
  box-shadow:
    inset 0 0 0 1px rgba(216,155,43,.32),
    0 0 0 3px rgba(255,255,255,.30),
    0 13px 27px rgba(126,84,12,.16);
}

.hse-home-ai__button:hover::before,
.hse-home-ai__button:focus-visible::before {
  transform: translateX(0);
}

.hse-home-ai__button:hover .material-symbols-rounded {
  color: #101010;
  transform: scale(1.06);
}

.hse-home-ai__button:active {
  transform: translate3d(0,0,0);
  color: #111;
  border-color: rgba(255,234,186,.85);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
  backdrop-filter: blur(18px) saturate(130%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 0 0 4px rgba(255,200,74,.26),
    0 0 27px rgba(216,155,43,.57),
    0 7px 19px rgba(126,84,12,.19);
}

.hse-home-ai__button:active::before {
  transform: translateX(-102%);
}

.hse-home-ai__button:active .material-symbols-rounded {
  color: #111;
  transform: scale(1);
}

/* ChatGPT uses an even lighter amber; Claude now uses ChatGPT's previous shade. Gemini stays unchanged. */
.hse-home-ai__button--chatgpt {
  --hh-ai-button-bg: linear-gradient(125deg, #FFF3D9, #FFE9BC);
}

.hse-home-ai__button--claude {
  --hh-ai-button-bg: linear-gradient(125deg, #FFE7AF, #F8D78D);
}

.hse-home-ai__button--gemini {
  --hh-ai-button-bg: linear-gradient(125deg, #F9D999, #EAB85A);
}

/* Four double-size frosted diamonds live on the AMBER SECTION, not on the white card. */
.hse-home-ai__diamonds {
  position: absolute;
  z-index: 0;
  width: 350px;
  height: 310px;
  pointer-events: none;
}

.hse-home-ai__diamonds--top-right {
  top: -52px;
  right: -14px;
}

.hse-home-ai__diamonds--bottom-left {
  bottom: -52px;
  left: -14px;
}

.hse-home-ai__diamond {
  position: absolute;
  display: block;
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 18px;
  background: linear-gradient(
    145deg,
    #FFFFFF 0%,
    #F7F9FA 48%,
    #E6EAED 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 0 0 1px rgba(255,255,255,.32),
    0 12px 29px rgba(77,83,90,.13);
  transform: translate3d(0,0,0) rotate(45deg);
  animation: hse-home-ai-diamond-float 15s ease-in-out infinite alternate;
}

/* Exactly double the previous 75px and 51px diamond sizes. */
.hse-home-ai__diamond--lg { width: 150px; height: 150px; }
.hse-home-ai__diamond--md { width: 102px; height: 102px; animation-duration: 18s; animation-delay: -6s; }

.hse-home-ai__diamonds--top-right .hse-home-ai__diamond--lg { top: 10px; right: 8px; }
.hse-home-ai__diamonds--top-right .hse-home-ai__diamond--md { top: 137px; right: 195px; }
.hse-home-ai__diamonds--bottom-left .hse-home-ai__diamond--lg { bottom: 10px; left: 8px; }
.hse-home-ai__diamonds--bottom-left .hse-home-ai__diamond--md { bottom: 137px; left: 195px; }

@keyframes hse-home-ai-diamond-float {
  from { transform: translate3d(0,0,0) rotate(45deg); }
  to   { transform: translate3d(12px,-18px,0) rotate(45deg); }
}

/* ASK AI — TABLET, DESKTOP & LARGE DESKTOP */
@media (min-width: 701px) {
  .hse-home-ai__panel {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hse-home-ai__content {
    width: 100%;
    margin-inline: auto;
    text-align: center;
  }

  .hse-home-ai__content > p:not(.hse-home-kicker) {
    margin-inline: auto;
  }

  .hse-home-ai__actions {
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .hse-home-ai__panel { padding: 38px 30px; }
  .hse-home-ai__diamonds--top-right { top: -69px; right: -82px; }
  .hse-home-ai__diamonds--bottom-left { bottom: -69px; left: -82px; }
}

@media (max-width: 700px) {
  .hse-home-ai__panel { min-height: 0; padding: 34px 22px; }
  .hse-home-ai__actions { gap: 10px; }
  .hse-home-ai__button { width: 100%; justify-content: center; }
  .hse-home-ai__diamonds--top-right { top: -88px; right: -174px; }
  .hse-home-ai__diamonds--bottom-left { bottom: -88px; left: -174px; }
}

@media (max-width: 400px) {
  .hse-home-ai__panel { padding: 30px 18px; }
  .hse-home-ai__button { min-height: 46px; padding: 12px 14px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .hse-home-ai__diamond { animation: none; will-change: auto; }
}

/* 13 — REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
  .hse-home *, .hse-home *::before, .hse-home *::after { scroll-behavior:auto!important; animation:none!important; transition-duration:.01ms!important; }
  .hse-home--reveal-ready [data-hse-reveal],.hse-home--tag-reveal-ready [data-hse-tag-reveal] { opacity:1!important; translate:none!important; }
  .hse-home-hero__progress-fill { stroke-dashoffset:100!important; }
  .hse-home-series__flag { opacity:1!important; transform:none!important; }
  .hse-home-approach__chart-line { stroke-dashoffset:0!important; }
  .hse-home-approach__chart-fill,.hse-home-approach__chart-point { opacity:1!important; transform:none!important; }
  .hse-home-approach::before { animation:none!important; }
  .hse-home-opportunity::after { transition:none!important; }
  .hse-home-hero__media img { transform:scale(1.3)!important; }
  .hse-home-support__image img,.hse-home-training__showcase > img { transform:scale(1.16)!important; }
}