/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 17:13:45 */
@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');

/* HSE ELEMENTS | TRAINING OVERVIEW | Complete page-specific CSS.
   Keeps the existing WordPress global header and footer unchanged. */

/* 01 | PAGE FOUNDATION */
body:has(.hse-training) { margin-top:0; }
body:has(.hse-training) .wp-site-blocks,
body:has(.hse-training) .wp-site-blocks > main,
body:has(.hse-training) .wp-block-post-content,
body:has(.hse-training) .entry-content { margin-block-start:0; padding-block-start:0; }
body:has(.hse-training) .wp-site-blocks > header:has(.hse-site-header) + * { margin-block-start:0; }
body:has(.hse-training) .wp-block-post-content > .wp-block-html:has(.hse-training) { margin-block-start:0; padding-block-start:0; }
.hse-training {
  --hst-amber:#FFC84A;
  --hst-amber-bright:#FFD578;
  --hst-amber-deep:#D89B2B;
  --hst-amber-light:#FAD995;
  --hst-black:#000;
  --hst-graphite:#111;
  --hst-ink:#151515;
  --hst-muted:#565653;
  --hst-offwhite:#F7F7F5;
  --hst-porcelain:#FBF6EF;
  --hst-white:#FFF;
  --hst-ease:cubic-bezier(.22,1,.36,1);
  --hst-gutter:clamp(20px,4.6vw,86px);
  --hst-max:1520px;
  --hst-radius:18px;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  margin:0;
  overflow-x:clip;
  background:var(--hst-offwhite);
  color:var(--hst-ink);
  font:400 16px/1.55 'Sulphur Point',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hse-training,.hse-training *,.hse-training *::before,.hse-training *::after { box-sizing:border-box; }
.hse-training > section { margin:0; }
.hse-training img { display:block; max-width:100%; }
.hse-training a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.hse-training :is(a,button):focus-visible { outline:3px solid var(--hst-amber); outline-offset:4px; }
.hse-training h1,.hse-training h2,.hse-training h3,.hse-training p { margin:0; }
.hse-training :is(h1,h2,h3) { font-family:'Oxanium',Arial,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.hse-training :is(h1,h2) em { font-style:normal; }
.hse-training h2 { font-size:clamp(36px,3.6vw,59px); font-weight:500; line-height:1.045; }
.hse-training h3 { font-weight:600; }
.hse-training .material-symbols-rounded {
  display:inline-block; 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; 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-training-container { width:min(calc(100% - var(--hst-gutter)*2),var(--hst-max)); margin-inline:auto; }
.hse-training .hse-training-kicker {
  display:flex; align-items:center; gap:10px; margin:0 0 22px;
  color:var(--hst-amber-deep); font:700 clamp(11px,.8vw,13px)/1.4 'Oxanium',Arial,sans-serif;
  letter-spacing:.16em; text-transform:uppercase;
}
/* Hero eyebrow uses the same amber-glass pill language as About HSE Elements. */
.hse-training #training-options { scroll-margin-top:105px; }

/* 02 | MATCHING HSE ELEMENTS BUTTON SYSTEM */
.hse-training .hse-training-btn {
  --hst-press:var(--hst-white);
  position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center;
  gap:13px; min-height:49px; width:fit-content; max-width:100%; padding:12px 20px;
  overflow:hidden; border:1px solid transparent; border-radius:10px;
  color:var(--hst-black); text-align:center;
  font:700 12px/1.25 'Oxanium',Arial,sans-serif; letter-spacing:.015em; text-transform:uppercase;
  cursor:pointer; transform:translate3d(0,0,0);
  transition:transform .27s var(--hst-ease),background-color .27s ease,color .27s ease,border-color .27s ease,box-shadow .27s ease;
}
.hse-training-btn::before { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:var(--hst-press); transform:translateX(-102%); transition:transform .43s var(--hst-ease); }
.hse-training-btn > :is(.hse-training-btn__label,.material-symbols-rounded) { position:relative; z-index:1; }
.hse-training-btn:active::before { transform:translateX(0); }
.hse-training-btn > .material-symbols-rounded { display:inline-grid!important; place-items:center; flex:none; font-size:19px!important; transition:transform .27s var(--hst-ease); }
.hse-training-btn:hover { transform:translate3d(0,-2px,0); }
.hse-training-btn:hover > .material-symbols-rounded { transform:scale(1.06); }
.hse-training-btn:active { transform:translate3d(0,0,0); }
.hse-training .hse-training-btn--amber { background:var(--hst-amber); color:var(--hst-black); box-shadow:0 10px 30px rgba(216,155,43,.14),inset 0 1px rgba(255,255,255,.25); }
.hse-training .hse-training-btn--amber:hover { background:var(--hst-amber-bright); color:var(--hst-black); box-shadow:0 14px 36px rgba(216,155,43,.2); }
.hse-training .hse-training-btn--amber:active { border-color:rgba(216,155,43,.77); background:var(--hst-amber-bright); color:var(--hst-black); 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,.10); }
.hse-training .hse-training-btn--amber:active > :is(.hse-training-btn__label,.material-symbols-rounded) { color:var(--hst-black); }
.hse-training .hse-training-btn--outline { --hst-press:var(--hst-white); background:rgba(255,255,255,.55); border-color:rgba(15,15,15,.30); color:var(--hst-ink); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 1px rgba(255,255,255,.85); }
.hse-training .hse-training-btn--outline:hover { background:rgba(255,200,74,.35); border-color:var(--hst-amber-deep); box-shadow:0 13px 32px rgba(0,0,0,.08); }
.hse-training .hse-training-btn--outline:active { border-color:var(--hst-amber-deep); background:rgba(255,200,74,.45); color:var(--hst-black); box-shadow:inset 0 0 0 2px rgba(255,213,120,.3); }

/* 03 | HERO: PORCELAIN EDITORIAL INTRO AND ANIMATED THREE-WAY ROUTE */
.hse-training-hero { position:relative; isolation:isolate; padding:clamp(140px,14vw,200px) 0 43px; overflow:hidden; color:var(--hst-ink); background:linear-gradient(135deg,#FFFFFF 0%,#FCFCFA 53%,#F5F6F5 100%); }
.hse-training-hero__wash { position:absolute; inset:-20% -20%; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 79% 17%,rgba(225,230,229,.18),transparent 47%),radial-gradient(ellipse at 16% 87%,rgba(225,230,229,.12),transparent 44%); background-size:120% 120%; animation:hst-wash-move 19s ease-in-out infinite alternate; }
@keyframes hst-wash-move { from { transform:translate3d(-1.3%,0,0); } to { transform:translate3d(1.3%,-1.5%,0); } }
.hse-training-hero__intro { display:grid; grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr); gap:clamp(40px,6vw,110px); align-items:center; }
.hse-training-hero__copy { position:relative; z-index:2; min-width:0; }
.hse-training-hero h1 { max-width:980px; color:var(--hst-ink); font-size:clamp(46px,4.8vw,78px); line-height:1.025; font-weight:500; }
.hse-training-hero h1 em {
  color:#77736B;
}
.hse-training-hero__description { max-width:650px; margin-top:25px!important; color:#51514D; font:400 clamp(16px,1.3vw,19px)/1.58 'Sulphur Point',Arial,sans-serif; }
.hse-training-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:31px; }
.hse-training-hero .hse-training-hero__kicker { display:inline-flex; align-items:center; width:fit-content; padding:9px 15px; border:1px solid rgba(216,155,43,.70); border-radius:999px; background:rgba(255,200,74,.20); color:var(--hst-black); -webkit-backdrop-filter:blur(19px) saturate(145%); backdrop-filter:blur(19px) saturate(145%); box-shadow:inset 0 1px rgba(255,255,255,.88),0 8px 23px rgba(216,155,43,.09); }
.hse-training-hero__emblem { position:relative; width:min(100%,440px); aspect-ratio:1; justify-self:center; display:grid; place-items:center; isolation:isolate; }
@keyframes hst-hero-enter-from-left { from { opacity:0; translate:-32px 0; } to { opacity:1; translate:0 0; } }
.hse-training-hero__halo { position:absolute; aspect-ratio:1; border:1px solid rgba(216,155,43,.40); border-radius:50%; pointer-events:none; }
.hse-training-hero__halo--outer { width:94%; box-shadow:0 0 0 19px rgba(255,200,74,.025),inset 0 0 0 19px rgba(255,200,74,.03),0 0 15px rgba(216,155,43,.15); }
.hse-training-hero__halo--inner { width:67%; border-color:rgba(216,155,43,.50); }
.hse-training-hero__halo--outer::after { content:''; position:absolute; inset:10%; border:1px dashed rgba(216,155,43,.34); border-radius:50%; }
/* The hit area is stationary; only its inner, rounded diamond responds to pointer input. */
.hse-training-hero__core { position:relative; z-index:2; display:grid; place-items:center; width:49%; aspect-ratio:1; animation:hst-brandmark-enter 1.05s var(--hst-ease) .25s both; }
@keyframes hst-brandmark-enter { from { opacity:0; translate:-26px 0; } to { opacity:1; translate:0 0; } }
.hse-training-hero__core-motion { position:absolute; inset:6%; display:grid; place-items:center; animation:hst-emblem-float 10s ease-in-out infinite; }
.hse-training-hero__core-glass { position:absolute; inset:0; border:1px solid rgba(216,155,43,.67); border-radius:21%; background:var(--hst-amber); -webkit-backdrop-filter:blur(22px) saturate(140%); backdrop-filter:blur(22px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.98),0 0 0 6px rgba(255,200,74,.085),0 17px 44px rgba(56,43,18,.12); transform:rotate(45deg); translate:0 0; transition:translate .46s var(--hst-ease),background-color .46s ease,border-color .46s ease,box-shadow .46s ease; }
.hse-training-hero__core-motion::before { content:''; position:absolute; inset:-2%; border:1px solid rgba(216,155,43,.65); border-radius:21%; pointer-events:none; transform:rotate(45deg); animation:hst-diamond-glow 6s ease-in-out infinite alternate; }
.hse-training-hero__core img { position:relative; z-index:1; width:96%; height:96%; max-width:none; object-fit:contain; pointer-events:none; filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.12)); transition:filter .45s ease; animation:hst-brandmark-float 7.7s ease-in-out infinite; }
.hse-training-hero__core:hover img { filter:brightness(0) saturate(100%) invert(80%) sepia(55%) saturate(840%) hue-rotate(334deg) brightness(104%) contrast(101%) drop-shadow(0 3px 9px rgba(0,0,0,.12)); }
.hse-training-hero__core:active img { filter:brightness(0) drop-shadow(0 4px 8px rgba(0,0,0,.12)); }
.hse-training-hero__core:hover .hse-training-hero__core-glass { translate:0 -6px; border-color:rgba(216,155,43,.9); background:var(--hst-white); box-shadow:inset 0 1px rgba(255,255,255,.94),0 0 0 6px rgba(255,200,74,.16),0 26px 51px rgba(56,43,18,.18); }
.hse-training-hero__core:active .hse-training-hero__core-glass { translate:0 0; border-color:var(--hst-amber-deep); background:var(--hst-amber); box-shadow:inset 0 1px rgba(255,255,255,.98),0 0 0 6px rgba(255,200,74,.19),0 13px 32px rgba(56,43,18,.11); }
@keyframes hst-diamond-glow { from { border-color:rgba(216,155,43,.50); box-shadow:inset 0 1px rgba(255,255,255,.95),0 0 0 5px rgba(255,200,74,.07),0 12px 33px rgba(56,43,18,.10); } to { border-color:rgba(216,155,43,.85); box-shadow:inset 0 1px rgba(255,255,255,.98),0 0 0 8px rgba(255,200,74,.13),0 17px 44px rgba(216,155,43,.16); } }
@keyframes hst-emblem-float { 0%,100% { translate:0 0; } 50% { translate:0 -5px; } }
@keyframes hst-brandmark-float { 0%,100% { translate:0 0; } 50% { translate:0 -4px; } }
.hse-training-hero__satellite { position:absolute; z-index:3; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:9px 14px; border:1px solid rgba(255,255,255,.95); border-radius:12px; color:#24211C; background:rgba(255,200,74,.35); -webkit-backdrop-filter:blur(18px) saturate(122%); backdrop-filter:blur(18px) saturate(122%); box-shadow:inset 0 1px rgba(255,255,255,.98),0 11px 29px rgba(0,0,0,.075); font:700 11px/1.25 'Oxanium',Arial,sans-serif; letter-spacing:.065em; animation:hst-satellite-enter 1s var(--hst-ease) 1.0s both,hst-satellite-float 11s ease-in-out 0s infinite; }
.hse-training-hero__satellite .material-symbols-rounded { color:var(--hst-amber-deep); font-size:22px; }
.hse-training-hero__satellite--one { top:17%; left:0; animation-delay:1.0s,0s; }
.hse-training-hero__satellite--two { right:-1%; top:7%; animation-delay:1.18s,-3s; }
.hse-training-hero__satellite--three { bottom:12%; left:4%; animation-delay:1.36s,-7s; }
@keyframes hst-satellite-enter { from { opacity:0; translate:-19px 0; } to { opacity:1; translate:0 0; } }
@keyframes hst-satellite-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } }
.hse-training-hero__pathways { position:relative; isolation:isolate; margin-top:clamp(14px,2vw,36px); height:clamp(275px,24vw,365px); overflow:hidden; border:1px solid rgba(255,255,255,.96); border-radius:var(--hst-radius); background:linear-gradient(125deg,rgba(255,255,255,.94),rgba(249,250,249,.96)); box-shadow:0 0 0 4px rgba(255,255,255,.66),inset 0 1px rgba(255,255,255,.96),0 20px 58px rgba(26,31,36,.13),0 8px 21px rgba(26,31,36,.06); }
.hse-training-hero__pathways::before { content:''; position:absolute; inset:0; z-index:-1; opacity:.28; background-image:linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px); background-size:76px 76px; }
.hse-training-hero__path-caption { position:absolute; top:20px; left:23px; z-index:2; display:inline-flex; align-items:center; gap:8px; color:var(--hst-amber-deep); font:700 10px/1.3 'Oxanium',Arial,sans-serif; letter-spacing:.12em; }
.hse-training-hero__path-caption .material-symbols-rounded { font-size:19px; }
.hse-training-hero__flow { position:absolute; inset:0; z-index:0; width:100%; height:100%; pointer-events:none; overflow:visible; clip-path:inset(0 100% 0 0); animation:hst-lanes-enter 1.85s cubic-bezier(.24,.77,.3,1) .18s both; }
@keyframes hst-lanes-enter { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0 0 0 0); } }
.hse-training-hero__lane { opacity:.89; transition:opacity .5s ease,filter .5s ease; }
.hse-training-hero__lane-outline,.hse-training-hero__lane-colour,.hse-training-hero__lane-trace { fill:none; stroke-linecap:round; stroke-linejoin:round; }
.hse-training-hero__lane-outline { stroke:rgba(19,19,17,.18); stroke-width:29; }
.hse-training-hero__lane-colour { stroke-width:25; }
.hse-training-hero__lane-trace { stroke:rgba(255,255,255,.58); stroke-width:1.8; stroke-dasharray:6 34; animation:hst-trace 17s linear infinite; }
.hse-training-hero__lane--inperson .hse-training-hero__lane-trace { animation-duration:21s; }
.hse-training-hero__lane--supervisor .hse-training-hero__lane-trace { animation-duration:26s; stroke:#AEB3BA; stroke-width:2.3; opacity:.96; }
@keyframes hst-trace { to { stroke-dashoffset:-420; } }
.hse-training[data-hse-training-active] .hse-training-hero__lane { opacity:.26; }
.hse-training[data-hse-training-active="inperson"] .hse-training-hero__lane--inperson,
.hse-training[data-hse-training-active="online"] .hse-training-hero__lane--online,
.hse-training[data-hse-training-active="supervisor"] .hse-training-hero__lane--supervisor { opacity:1; filter:drop-shadow(0 5px 8px rgba(216,155,43,.15)); }
.hse-training-hero__route { position:absolute; z-index:3; right:18px; display:block; width:clamp(220px,24%,315px); min-height:67px; border-radius:12px; color:var(--hst-ink); animation:hst-route-enter .8s var(--hst-ease) 2.0s both; }
.hse-training-hero__route-surface { display:flex; align-items:center; gap:12px; width:100%; min-height:67px; padding:12px 14px; border:1px solid rgba(255,255,255,.8); border-radius:12px; background:rgba(255,255,255,.83); -webkit-backdrop-filter:blur(18px) saturate(140%); backdrop-filter:blur(18px) saturate(140%); box-shadow:inset 0 1px rgba(255,255,255,.89),0 9px 28px rgba(34,31,23,.11); transform:translate3d(0,0,0); transition:transform .44s var(--hst-ease),background-color .35s ease,border-color .35s ease,box-shadow .44s var(--hst-ease); }
@keyframes hst-route-enter { from { opacity:0; translate:-16px 0; } to { opacity:1; translate:0 0; } }
.hse-training-hero__route--inperson { top:6%; }
.hse-training-hero__route--online { top:39%; animation-delay:2.12s; }
.hse-training-hero__route--supervisor { bottom:5%; animation-delay:2.24s; }
.hse-training-hero__route-surface > .material-symbols-rounded { flex:none; display:grid!important; place-items:center; width:43px; height:43px; border-radius:10px; background:rgba(255,200,74,.16); color:var(--hst-amber-deep); font-size:24px; transition:background-color .3s ease,color .3s ease; }
.hse-training-hero__route-surface > span:last-child { display:flex; flex-direction:column; min-width:0; gap:3px; }
.hse-training-hero__route small { color:#65625D; font:700 10px/1.15 'Oxanium',Arial,sans-serif; letter-spacing:.045em; }
.hse-training-hero__route strong { font:600 clamp(14px,1.12vw,17px)/1.2 'Oxanium',Arial,sans-serif; }
.hse-training-hero__route:hover .hse-training-hero__route-surface,.hse-training-hero__route:focus-visible .hse-training-hero__route-surface { transform:translate3d(0,-4px,0); border-color:rgba(216,155,43,.78); background:var(--hst-white); box-shadow:inset 0 1px rgba(255,255,255,.89),0 17px 34px rgba(34,31,23,.16); }
.hse-training-hero__route:hover .hse-training-hero__route-surface > .material-symbols-rounded,.hse-training-hero__route:focus-visible .hse-training-hero__route-surface > .material-symbols-rounded { background:var(--hst-amber); color:var(--hst-black); }
.hse-training-hero__route:active .hse-training-hero__route-surface { transform:translate3d(0,0,0); border-color:var(--hst-amber-deep); background:var(--hst-amber-light); box-shadow:inset 0 1px rgba(255,255,255,.89),0 9px 24px rgba(34,31,23,.1); }
.hse-training-hero__foot { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-top:21px; font:700 11px/1.4 'Oxanium',Arial,sans-serif; letter-spacing:.09em; color:#71665A; }
.hse-training-hero__foot-pill { display:inline-flex; align-items:center; justify-content:center; min-height:37px; border-radius:999px; animation:hst-hero-enter-from-left .92s var(--hst-ease) both; }
.hse-training-hero__foot-pill-surface { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:37px; padding:9px 13px; border:1px solid rgba(255,255,255,.95); border-radius:999px; color:var(--hst-amber-deep); background:rgba(255,255,255,.82); -webkit-backdrop-filter:blur(18px) saturate(130%); backdrop-filter:blur(18px) saturate(130%); box-shadow:inset 0 1px rgba(255,255,255,.76),0 7px 21px rgba(54,42,21,.07); transform:translate3d(0,0,0); transition:transform .43s var(--hst-ease),background-color .35s ease,border-color .35s ease,box-shadow .43s var(--hst-ease),color .35s ease; }
.hse-training-hero__foot-pill:hover .hse-training-hero__foot-pill-surface { transform:translate3d(0,-3px,0); background:rgba(255,200,74,.52); color:var(--hst-black); box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 26px rgba(54,42,21,.12); }
.hse-training-hero__foot-pill:active .hse-training-hero__foot-pill-surface { transform:translate3d(0,0,0); background:rgba(255,255,255,.82); border-color:rgba(216,155,43,.91); color:var(--hst-black); box-shadow:inset 0 1px rgba(255,255,255,.98),0 6px 16px rgba(54,42,21,.08); }
.hse-training-hero__foot-pill:nth-child(1) { animation-delay:.82s; }
.hse-training-hero__foot-pill:nth-child(2) { animation-delay:.98s; }
.hse-training-hero__foot-pill:nth-child(3) { animation-delay:1.14s; }
.hse-training-hero__foot-pill .material-symbols-rounded { font-size:18px; color:inherit; }

/* 04 | THREE DISTINCT CHILD PAGES: INDEPENDENT IMAGE / CARD / BUTTON STATES */
.hse-training-options { padding:clamp(85px,9vw,145px) 0 clamp(95px,9vw,145px); background:linear-gradient(130deg,#D6DBDE 0%,#EBEDF0 48%,#D1D6DA 100%); }
.hse-training-options__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.62fr); gap:clamp(30px,7vw,112px); align-items:end; }
.hse-training-options h2 { max-width:800px; }
.hse-training-options h2 em { color:#77736B; }
.hse-training-options__head > p { max-width:460px; padding-bottom:4px; color:var(--hst-muted); font-size:clamp(16px,1.25vw,18px); line-height:1.59; }
.hse-training-options__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:clamp(45px,6vw,85px); }
.hse-training-card { display:block; position:relative; min-width:0; border-radius:var(--hst-radius); color:var(--hst-ink); }

.hse-training-card__surface {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:596px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:var(--hst-radius);
  background:#E9E9E6;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 0 0 1px rgba(255,255,255,.18),
    0 10px 28px rgba(0,0,0,.055);
  transform:translate3d(0,0,0);
  transition:
    transform .47s var(--hst-ease),
    box-shadow .47s var(--hst-ease),
    border-color .35s ease;
}

/* HOVER | FROSTED AMBER GLASS */
.hse-training-card:hover .hse-training-card__surface {
  border-color:rgba(255,200,74,.80);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 0 0 2px rgba(255,200,74,.19),
    0 14px 34px rgba(0,0,0,.11);
}

/* PRESERVE THE EXISTING SOFT LIFT */
@media (hover:hover) and (pointer:fine) {
  .hse-training-card:hover:not(:active):not(:has(.hse-training-card__image:hover,.hse-training-card__action:hover)) .hse-training-card__surface {
    transform:translate3d(0,-4px,0);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.70),
      0 0 0 2px rgba(255,200,74,.19),
      0 20px 43px rgba(0,0,0,.12);
  }
}

/* ACTIVE | BRIGHT AMBER GLASS GLOW */
.hse-training-card:active .hse-training-card__surface {
  border-color:var(--hst-amber-bright);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 0 0 4px rgba(255,200,74,.30),
    0 0 24px rgba(255,200,74,.48),
    0 0 45px rgba(255,200,74,.22),
    0 10px 28px rgba(0,0,0,.085);
}

/* PRESERVE THE EXISTING SOFT RETURN */
.hse-training-card:active:not(:has(.hse-training-card__image:active,.hse-training-card__action:active)) .hse-training-card__surface {
  transform:translate3d(0,0,0);
}

/* PRESERVE ALL THREE CARD BACKGROUNDS */
.hse-training-card--dark .hse-training-card__surface {
  background:#131414;
  color:var(--hst-white);
}

.hse-training-card--amber .hse-training-card__surface {
  background:linear-gradient(
    150deg,
    var(--hst-amber),
    var(--hst-amber-bright)
  );
  color:var(--hst-black);
}

.hse-training-card--amber .hse-training-card__surface:has(> .hse-training-card__body:active):not(:has(.hse-training-card__action:active)) { background:linear-gradient(150deg,#FFDB73,#FFF0B8); }
/* Only the card body takes the subtle hover/press wash. Image and link are unaffected. */
.hse-training-card__body { transition:background-color .48s ease,box-shadow .48s var(--hst-ease); }
.hse-training-card__body:hover:not(:has(.hse-training-card__action:hover)) { background-color:rgba(255,255,255,.065); box-shadow:inset 0 0 0 1px rgba(216,155,43,.34); }
.hse-training-card__body:active:not(:has(.hse-training-card__action:active)) { background-color:rgba(255,200,74,.10); box-shadow:inset 0 0 0 1px rgba(216,155,43,.57); }
/* The image is a separate link with image-only scale, independently of body and button. */
.hse-training-card__image { display:block; position:relative; flex:0 0 auto; height:clamp(220px,20vw,285px); overflow:hidden; background:#333; }
.hse-training-card__image::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.3)); pointer-events:none; }
.hse-training-card__image img { position:absolute; top:-32px; left:0; width:100%; height:calc(100% + 64px); object-fit:cover; object-position:center; translate:0 var(--hst-card-parallax,0px); will-change:translate; transform:scale(1.005); transition:transform .7s var(--hst-ease),filter .45s ease; }
.hse-training-card--dark .hse-training-card__image img { filter:sepia(.08) saturate(1.08) brightness(1.02); }
.hse-training-card__image:hover img,.hse-training-card__image:focus-visible img { transform:scale(1.035); }
.hse-training-card__image:active img { transform:scale(1.005); filter:grayscale(1)!important; }
.hse-training-card__image-tag { position:absolute; z-index:1; top:15px; left:15px; display:inline-flex; align-items:center; min-height:29px; padding:7px 11px; border:1px solid rgba(255,255,255,.38); border-radius:7px; color:var(--hst-white); background:rgba(16,16,15,.72); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); font:700 10px/1.15 'Oxanium',Arial,sans-serif; letter-spacing:.085em; }
.hse-training-card__body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:clamp(23px,2.3vw,34px); }
.hse-training-card__meta { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:23px; color:#8B641E; font:700 11px/1.2 'Oxanium',Arial,sans-serif; letter-spacing:.075em; }
.hse-training-card--dark .hse-training-card__meta { color:var(--hst-amber); }
.hse-training-card--amber .hse-training-card__meta { color:#7A5217; }
.hse-training-card--amber .hse-training-card__meta .material-symbols-rounded { color:inherit; }
.hse-training-card__meta .material-symbols-rounded { font-size:25px; color:var(--hst-amber-deep); }
.hse-training-card h3 { color:inherit; font-size:clamp(21px,1.7vw,28px); line-height:1.12; }
.hse-training-card__body p { margin-top:15px; margin-bottom:24px; color:#4F4F4B; font:400 clamp(15px,1.08vw,16px)/1.58 'Sulphur Point',Arial,sans-serif; }
.hse-training-card--dark .hse-training-card__body p { color:rgba(255,255,255,.75); }
.hse-training-card--amber .hse-training-card__body p { color:#423720; }
/* Two true links per card avoid parent-anchor cascading and preserve keyboard navigation. */
.hse-training-card__action { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; gap:10px; max-width:100%; min-height:43px; margin-top:auto; padding:10px 13px; overflow:hidden; border:1px solid rgba(0,0,0,.45); border-radius:9px; background:transparent; color:inherit; font:700 11px/1.3 'Oxanium',Arial,sans-serif; letter-spacing:.015em; text-transform:uppercase; transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease; }
.hse-training-card--dark .hse-training-card__action { border-color:rgba(255,255,255,.50); }
.hse-training-card__action::before { content:''; position:absolute; z-index:0; inset:0; background:var(--hst-card-press,var(--hst-black)); transform:translateX(-102%); pointer-events:none; transition:transform .43s var(--hst-ease); }
.hse-training-card__action-label,.hse-training-card__action .material-symbols-rounded { position:relative; z-index:1; translate:0 0; transition:translate .35s var(--hst-ease),color .28s ease; }
.hse-training-card__label-mobile { display:none; }
.hse-training-card__action .material-symbols-rounded { font-size:18px; flex:none; transition:transform .28s var(--hst-ease); }
.hse-training-card__action:hover { transform:none; background:var(--hst-white); color:var(--hst-black); border-color:var(--hst-white); box-shadow:0 9px 21px rgba(0,0,0,.13); }
.hse-training-card__action:hover > :is(.hse-training-card__action-label,.material-symbols-rounded) { translate:0 -2px; }
.hse-training-card__action:hover .material-symbols-rounded { transform:scale(1.06); }
.hse-training-card__action:active { transform:none; border-color:var(--hst-amber-deep); background:var(--hst-white); color:var(--hst-white); }
.hse-training-card__action:active > :is(.hse-training-card__action-label,.material-symbols-rounded) { translate:0 0; }
.hse-training-card__action:active::before { transform:translateX(0); }
/* Stone and amber cards share exactly the same hover/press palette. */
.hse-training-card--stone .hse-training-card__action,.hse-training-card--amber .hse-training-card__action { --hst-card-press:var(--hst-black); }
.hse-training-card--stone .hse-training-card__action:active,.hse-training-card--amber .hse-training-card__action:active { color:var(--hst-white); background:var(--hst-white); border-color:var(--hst-black); }
/* Dark card: white-on-black initial, white hover, amber left-to-right active reveal. */
.hse-training-card--dark .hse-training-card__action { --hst-card-press:var(--hst-amber); }
.hse-training-card--dark .hse-training-card__action:hover { color:var(--hst-black); background:var(--hst-white); border-color:var(--hst-white); }
.hse-training-card--dark .hse-training-card__action:active { color:var(--hst-black); background:var(--hst-white); border-color:var(--hst-amber); }

/* 05 | FEATURED IN-PERSON TRAINING - BLACK WITH ANIMATED COURSE SCHEMATICS */
.hse-training-featured { isolation:isolate; position:relative; padding:clamp(88px,9vw,142px) 0 clamp(95px,9vw,147px); background:#0D0E0E; color:var(--hst-white); overflow:hidden; }
.hse-training-featured::before { content:''; position:absolute; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 85% -5%,rgba(255,200,74,.07),transparent 40%),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%); }
.hse-training-featured .hse-training-kicker { color:var(--hst-amber); }
.hse-training-featured__head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.62fr); align-items:center; gap:clamp(28px,6vw,105px); }
.hse-training-featured h2 { color:var(--hst-white); }
.hse-training-featured h2 em { color:var(--hst-amber); }
.hse-training-featured__intro { display:flex; flex-direction:column; align-items:flex-start; gap:25px; padding-bottom:3px; }
.hse-training-featured__cta-short { display:none; }
.hse-training-featured__intro p { max-width:490px; color:rgba(255,255,255,.72); font-size:clamp(16px,1.23vw,19px); line-height:1.57; }
.hse-training .hse-training-btn--dark-glass { --hst-press:var(--hst-amber); background:rgba(255,255,255,.065); color:var(--hst-white); border-color:rgba(255,255,255,.42); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.hse-training .hse-training-btn--dark-glass:hover { background:rgba(255,200,74,.12); color:var(--hst-white); border-color:rgba(255,200,74,.66); }
.hse-training .hse-training-btn--dark-glass:active { background:rgba(255,200,74,.12); color:var(--hst-black); border-color:var(--hst-amber); }
.hse-training-featured__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:clamp(42px,5vw,78px); }
.hse-training-featured__course { min-width:0; }
.hse-training-featured__course-link { display:flex; flex-direction:column; min-width:0; height:100%; min-height:360px; padding:clamp(18px,1.9vw,28px); overflow:hidden; border-radius:var(--hst-radius); border:1px solid rgba(255,255,255,.19); background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.027)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 11px 30px rgba(0,0,0,.18); transition:transform .43s var(--hst-ease),background .32s ease,border-color .32s ease,box-shadow .43s var(--hst-ease); transform:translate3d(0,0,0); }
.hse-training-featured__course-link:hover,.hse-training-featured__course-link:focus-within { transform:translate3d(0,-5px,0); border-color:rgba(255,200,74,.75); background:linear-gradient(145deg,rgba(255,200,74,.085),rgba(255,255,255,.052)); box-shadow:inset 0 1px rgba(255,255,255,.14),0 22px 39px rgba(0,0,0,.29); }
.hse-training-featured__course-link:active { transform:translate3d(0,0,0); border-color:var(--hst-amber); background:rgba(255,200,74,.12); box-shadow:inset 0 1px rgba(255,200,74,.19),0 8px 22px rgba(0,0,0,.15); }
.hse-training-featured__course-top { display:flex; justify-content:space-between; align-items:center; gap:8px; color:var(--hst-amber); font:700 10px/1.3 'Oxanium',Arial,sans-serif; letter-spacing:.075em; transition:color .3s ease; }
.hse-training-featured__course-top .material-symbols-rounded { flex:none; font-size:22px; color:inherit; transition:color .3s ease; }
.hse-training-featured__course-art { display:grid; place-items:center; height:137px; margin:17px -5px 20px; overflow:hidden; border-radius:11px; background:radial-gradient(ellipse at 50% 35%,rgba(255,200,74,.11),rgba(255,255,255,.012) 73%); }
.hst-art { width:100%; max-width:252px; height:130px; overflow:visible; }
.hst-art path,.hst-art circle,.hst-art rect { vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; }
.hst-art__grid { stroke:rgba(255,255,255,.045); stroke-width:1; }
.hst-art__stroke { stroke:rgba(246,248,248,.88); stroke-width:2.5; }
.hst-art__faint { stroke:rgba(255,255,255,.3); stroke-width:1.8; }
.hst-art__accent { stroke:var(--hst-amber); stroke-width:3; }
.hst-art__warm { stroke:var(--hst-amber); stroke-width:2.7; fill:rgba(255,200,74,.15); }
.hst-art__fill { stroke:#171819; stroke-width:2.5; }
.hst-art__panel { stroke:rgba(255,200,74,.86); stroke-width:2; fill:rgba(255,200,74,.06); }
.hst-art__motion { transform-origin:50% 55%; animation:hst-diagram-breathe 5.4s ease-in-out infinite alternate; }
.hse-training-featured__course:nth-child(2n) .hst-art__motion { animation-delay:-2.1s; }
.hse-training-featured__course:nth-child(3n) .hst-art__motion { animation-delay:-3.7s; }
@keyframes hst-diagram-breathe { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
@keyframes hst-seal-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
.hse-training-featured__course-link:hover .hst-art__motion { animation-duration:2.4s; }
.hse-training-featured__course h3 { color:var(--hst-white); font:600 clamp(18px,1.45vw,23px)/1.16 'Oxanium',Arial,sans-serif; transition:color .3s ease; }
.hse-training-featured__course-body p { margin-top:11px; color:rgba(255,255,255,.64); font-size:clamp(14px,1.05vw,15px); line-height:1.5; transition:color .3s ease; }
/* The course surface is no longer a link. Only these two buttons navigate. */
.hse-training-featured__course-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:8px; margin-top:auto; padding-top:24px; }
.hse-training-featured__course-action {
  position:relative; isolation:isolate; display:flex; align-items:center; justify-content:center;
  min-width:0; min-height:49px; padding:10px 6px; overflow:hidden; border:1px solid; border-radius:9px;
  font:700 clamp(9px,.68vw,10px)/1.25 'Oxanium',Arial,sans-serif; letter-spacing:.005em;
  text-align:center; text-transform:uppercase; text-wrap:balance;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transform:translate3d(0,0,0);
  transition:transform .25s var(--hst-ease),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.hse-training-featured__course-action::before {
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:var(--hst-course-press); transform:translateX(-102%);
  transition:transform .4s var(--hst-ease);
}
.hse-training-featured__course-action > span { position:relative; z-index:1; }
.hse-training-featured__course-action:hover { transform:translate3d(0,-2px,0); }
.hse-training-featured__course-action:active { transform:translate3d(0,0,0); }
.hse-training-featured__course-action:active::before { transform:translateX(0); }
.hse-training .hse-training-featured__course-action--discover {
  --hst-course-press:var(--hst-amber-light);
  background:rgba(255,200,74,.14); border-color:rgba(255,200,74,.6); color:var(--hst-amber);
}
.hse-training .hse-training-featured__course-action--discover:hover { background:var(--hst-amber); border-color:var(--hst-amber); color:var(--hst-black); }
.hse-training .hse-training-featured__course-action--discover:active {
  background:var(--hst-amber); border-color:var(--hst-amber); color:var(--hst-black);
  box-shadow:0 0 0 1px rgba(255,200,74,.3),0 0 21px rgba(255,200,74,.53);
}
.hse-training .hse-training-featured__course-action--details {
  --hst-course-press:rgba(0,0,0,.8);
  background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.58); color:var(--hst-white);
}
.hse-training .hse-training-featured__course-action--details:hover { background:var(--hst-white); border-color:var(--hst-white); color:var(--hst-black); }
.hse-training .hse-training-featured__course-action--details:active {
  background:rgba(0,0,0,.34); border-color:var(--hst-white); color:var(--hst-white);
}
.hse-training-featured__course-link:hover .hse-training-featured__course-top,
.hse-training-featured__course-link:focus-within .hse-training-featured__course-top { color:var(--hst-amber-bright); }
.hse-training-featured__course-link:hover h3,
.hse-training-featured__course-link:focus-within h3 { color:var(--hst-amber); }
.hse-training-featured__course-link:hover .hse-training-featured__course-body p,
.hse-training-featured__course-link:focus-within .hse-training-featured__course-body p { color:var(--hst-white); }
.hse-training-featured__course-link:active h3,
.hse-training-featured__course-link:active .hse-training-featured__course-body p { color:var(--hst-white); }

/* 06 | CANADIAN SAFETY SUPERVISOR SERIES - WHITE EDITORIAL WITH AMBER EMPHASIS */
.hse-training-series { position:relative; isolation:isolate; overflow:hidden; padding:clamp(88px,9vw,144px) 0 clamp(95px,9vw,147px); background:var(--hst-white); color:var(--hst-ink); }
.hse-training-series .hse-training-kicker { color:#777773; }
.hse-training-series__intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,350px); gap:clamp(30px,4vw,75px); align-items:center; }
.hse-training-series h2 { max-width:950px; color:var(--hst-ink); }
.hse-training-series h2 em { color:#858581; }
.hse-training-series__lead { max-width:900px; margin-top:26px!important; color:var(--hst-black); font-size:clamp(16px,1.23vw,19px); line-height:1.63; }
.hse-training-series__insights { display:flex; flex-wrap:wrap; gap:14px 25px; margin-top:28px; }
.hse-training-series__insights span { display:inline-flex; align-items:baseline; gap:7px; color:#5D5850; font:600 12px/1.5 'Oxanium',Arial,sans-serif; }
.hse-training-series__insights strong { color:#858581; font:600 25px/1 'Oxanium',Arial,sans-serif; }
.hse-training-series__actions { display:flex; flex-wrap:nowrap; align-items:stretch; gap:12px; margin-top:31px; }
.hse-training-series__actions .hse-training-btn { flex:0 1 auto; min-width:0; }
.hse-training-series__seal { position:relative; display:grid; place-items:center; justify-self:end; width:min(100%,350px); min-height:372px; border:1px solid rgba(190,198,204,.68); border-radius:24px; padding:22px; background:linear-gradient(135deg,rgba(255,200,74,.78),rgba(255,200,74,.66) 70%,rgba(255,213,120,.56)); -webkit-backdrop-filter:blur(15px) saturate(140%); backdrop-filter:blur(15px) saturate(140%); box-shadow:0 25px 56px rgba(142,97,23,.12),inset 0 1px rgba(255,255,255,.85); transform:translate3d(0,0,0); transition:transform .45s var(--hst-ease),border-color .35s ease,background .35s ease,box-shadow .45s var(--hst-ease); }
.hse-training-series__seal:hover { transform:translate3d(0,0,0); border-color:var(--hst-amber); box-shadow:0 31px 60px rgba(142,97,23,.16),inset 0 1px rgba(255,255,255,.86); }
.hse-training-series__seal:active { transform:translate3d(0,0,0); border-color:rgba(255,255,255,.75); background:rgba(255,255,255,.55); box-shadow:0 20px 43px rgba(142,97,23,.10),inset 0 1px rgba(255,255,255,.84); }
.hse-training-series__seal::before { content:''; position:absolute; inset:-12px 14px 12px -12px; border:1px solid rgba(190,198,204,.76); border-radius:25px; pointer-events:none; }
.hse-training-series__seal::after { content:''; position:absolute; z-index:0; inset:0; border-radius:inherit; background:var(--hst-amber); opacity:0; pointer-events:none; transition:opacity .35s ease; }
.hse-training-series__seal:hover::after { opacity:1; }
.hse-training-series__seal:active::after { opacity:0; }
.hse-training-series__seal-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:18px; width:100%; min-height:320px; padding:20px 12px; border:1px solid rgba(255,255,255,.68); border-radius:18px; background:rgba(255,255,255,.86); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); box-shadow:inset 0 1px rgba(255,255,255,.98),0 12px 29px rgba(83,51,9,.08); translate:0 0;
transition:translate .45s var(--hst-ease);
animation:hst-seal-float 5.4s ease-in-out infinite alternate; }
.hse-training-series__seal:hover .hse-training-series__seal-inner {
  translate:0 -5px;
}

.hse-training-series__seal:active .hse-training-series__seal-inner {
  translate:0 0;
}
.hse-training-series__seal-top,.hse-training-series__seal-bottom { color:#8A600F; font:700 10px/1.35 'Oxanium',Arial,sans-serif; letter-spacing:.13em; text-align:center; }
.hse-training-series__seal-bottom { font-size:9px; color:#6F6451; letter-spacing:.08em; }
.hse-training-series__seal-image { display:grid; place-items:center; width:100%; min-height:210px; }
.hse-training-series__seal-image img { display:block; max-width:205px; max-height:210px; width:100%; height:210px; object-fit:contain; }
/* Inline flag links beneath both series actions. Circular at rest, softly rounded rectangles on hover. */
.hse-training-series__flags { display:flex; flex-wrap:nowrap; align-items:center; isolation:isolate; max-width:100%; margin-top:24px; padding:5px 0 11px; }
.hse-training-series__flag { position:relative; flex:0 0 clamp(30px,3.15vw,43px); width:clamp(30px,3.15vw,43px); height:clamp(30px,3.15vw,43px); min-width:0; z-index:1; }
.hse-training-series__flag + .hse-training-series__flag { margin-left:-7px; }
.hse-training-series__flag:nth-child(1) { z-index:11; }
.hse-training-series__flag:nth-child(2) { z-index:10; }
.hse-training-series__flag:nth-child(3) { z-index:9; }
.hse-training-series__flag:nth-child(4) { z-index:8; }
.hse-training-series__flag:nth-child(5) { z-index:7; }
.hse-training-series__flag:nth-child(6) { z-index:6; }
.hse-training-series__flag:nth-child(7) { z-index:5; }
.hse-training-series__flag:nth-child(8) { z-index:4; }
.hse-training-series__flag:nth-child(9) { z-index:3; }
.hse-training-series__flag:nth-child(10) { z-index:2; }
.hse-training-series__flag:nth-child(11) { z-index:1; }
.hse-training-series__flag-visual { position:absolute; top:0; left:0; display:block; width:100%; height:100%; overflow:hidden; border:2px solid rgba(255,255,255,.98); border-radius:50%; background:#F1F1EE; box-shadow:0 4px 12px rgba(0,0,0,.14); transform:translate3d(0,0,0); transition:transform .36s var(--hst-ease),width .36s var(--hst-ease),border-radius .36s var(--hst-ease),border-color .3s ease,box-shadow .36s ease; }
.hse-training-series__flag-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hse-training-series__flag:hover,.hse-training-series__flag:focus-visible { z-index:20; }
.hse-training-series__flag:hover .hse-training-series__flag-visual,.hse-training-series__flag:focus-visible .hse-training-series__flag-visual { width:clamp(51px,5.5vw,66px); border-radius:11px; border-color:rgba(255,200,74,.86); transform:translate3d(0,-5px,0); box-shadow:0 10px 22px rgba(0,0,0,.17),0 0 0 2px rgba(255,200,74,.13); }
.hse-training-series__flag:active { z-index:21; }
.hse-training-series__flag:active .hse-training-series__flag-visual { transform:translate3d(0,0,0); border-color:var(--hst-amber); box-shadow:0 5px 14px rgba(0,0,0,.14); }

/* 07 | CLOSING CTA: PHOTO-BACKED FROSTED PANEL */
.hse-training-contact__frame { position:relative; }
.hse-training-contact { padding:clamp(75px,8vw,120px) 0; background:#090A09; color:var(--hst-white); }
.hse-training-contact__panel { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.82fr); gap:clamp(35px,7vw,115px); align-items:start; min-height:315px; padding:clamp(36px,5vw,75px); overflow:hidden; border:1px solid rgba(255,255,255,.52); border-radius:var(--hst-radius); background:rgba(255,255,255,.08); box-shadow:0 0 0 5px rgba(255,255,255,.07),inset 0 1px rgba(255,255,255,.24),0 24px 60px rgba(0,0,0,.18); transform:translate3d(0,0,0); transition:transform .48s var(--hst-ease),border-color .35s ease,box-shadow .48s var(--hst-ease); }
@media (hover:hover) and (pointer:fine) {
  .hse-training-contact__frame:hover .hse-training-contact__panel { transform:translate3d(0,-4px,0); border-color:rgba(255,200,74,.72); box-shadow:0 0 0 5px rgba(255,200,74,.12),inset 0 1px rgba(255,255,255,.24),0 30px 64px rgba(0,0,0,.26); }
}
.hse-training-contact__frame:active .hse-training-contact__panel { transform:translate3d(0,0,0); border-color:var(--hst-amber-bright); box-shadow:0 0 0 5px rgba(255,213,120,.20),inset 0 1px rgba(255,255,255,.25),0 20px 50px rgba(0,0,0,.18); }
.hse-training-contact__photo { position:absolute; inset:0; z-index:-2; }
.hse-training-contact__photo img { width:100%; height:100%; object-fit:cover; object-position:center 34%; }
.hse-training-contact__panel::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,rgba(10,11,10,.95),rgba(10,11,10,.85) 52%,rgba(10,11,10,.72)); }
.hse-training-contact__panel::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(110deg,rgba(255,200,74,.13),rgba(255,200,74,.24),rgba(255,200,74,.08)); opacity:0; transition:opacity .45s ease; }
.hse-training-contact__frame:hover .hse-training-contact__panel::after { opacity:1; }
.hse-training-contact__frame:active .hse-training-contact__panel::after { opacity:0; }
.hse-training-contact__copy,.hse-training-contact__details { position:relative; z-index:1; }
.hse-training-contact .hse-training-kicker { color:var(--hst-amber-light); }
.hse-training-contact h2 { color:var(--hst-white); }
.hse-training-contact h2 em { color:var(--hst-amber); }
.hse-training-contact__details > p { max-width:520px; color:rgba(255,255,255,.80); font:400 clamp(16px,1.3vw,19px)/1.55 'Sulphur Point',Arial,sans-serif; }
.hse-training-contact__details .hse-training-btn { margin-top:27px; }

/* 08 | ONCE-ONLY SCROLL REVEALS. Translate does not disrupt hover transform. */
@keyframes hst-reveal { from { opacity:0; translate:0 22px; } to { opacity:1; translate:0 0; } }
.hse-training--reveal-ready [data-hse-training-reveal]:not(.is-hse-training-visible) { opacity:0; translate:0 22px; }
.hse-training--reveal-ready [data-hse-training-reveal].is-hse-training-visible { animation:hst-reveal .92s var(--hst-ease) both; }
.hse-training--reveal-ready .hse-training-card:nth-child(2).is-hse-training-visible { animation-delay:.12s; }
.hse-training--reveal-ready .hse-training-card:nth-child(3).is-hse-training-visible { animation-delay:.24s; }

/* 09 | RESPONSIVE */
/* In-Person Training image: preserve the existing tablet crop. */
@media (min-width:701px) and (max-width:1023px) {
  .hse-training-card--stone .hse-training-card__image img { object-position:85% center; }
}
/* Reposition this image only on desktop, keeping the card and other photos unchanged. */
@media (min-width:1024px) and (max-width:1599px) {
  .hse-training-card--stone .hse-training-card__image img { object-position:50% 35%; }
}
@media (min-width:1200px) {
  .hse-training-series__intro {
    grid-template-columns:minmax(0,1fr) 350px;
    gap:30px;
  }

  .hse-training-series__lead {
    max-width:1100px;
  }
}

@media (min-width:1600px) {
  .hse-training-hero__emblem { width:440px; }
  .hse-training-card--stone .hse-training-card__image img { object-position:50% 20%; }
}

@media (max-width:1199px) {
  .hse-training-featured__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hse-training-featured__course-link { min-height:330px; }
  .hse-training-featured__course-body { text-align:center; }
  .hse-training-hero__intro { grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr); gap:30px; }
  .hse-training-hero h1 { font-size:clamp(41px,4.55vw,66px); }
  .hse-training-hero__satellite--two { right:-1%; top:7%; }
  .hse-training-card__surface { min-height:540px; }
  .hse-training-card__body { padding:20px; }
  .hse-training-card__meta { margin-bottom:18px; }
  .hse-training-card__body p { margin-bottom:18px; }
}
/* Smaller tablets: shorter training-card labels, no CTA icons, and a higher image crop for the third card. */
@media (min-width:701px) and (max-width:1023px) {
  .hse-training-card__label-desktop { display:none; }
  .hse-training-card__label-mobile { display:inline; }
  .hse-training-card__action > .material-symbols-rounded { display:none; }
  .hse-training-card--amber .hse-training-card__image img { object-position:center 15%; }
}
@media (max-width:900px) {
  .hse-training-featured__cta-long { display:none; }
  .hse-training-featured__cta-short { display:inline; }
  .hse-training-featured__head { gap:30px; }
  .hse-training-featured__course-link { min-height:330px; }
  .hse-training-series__intro { grid-template-columns:minmax(0,1fr) minmax(205px,275px); gap:36px; }
  .hse-training-series__seal { width:100%; min-height:298px; padding:18px; }
  .hse-training-series__seal-inner { min-height:264px; }
  .hse-training-series__seal-image { min-height:172px; }
  .hse-training-series__seal-image img { max-width:180px; height:172px; }
  .hse-training-hero { padding-top:135px; }
  .hse-training-hero__intro { grid-template-columns:minmax(0,1fr) minmax(230px,.74fr); gap:10px; }
  .hse-training-hero__emblem { width:min(100%,310px); }
  .hse-training-hero__satellite { font-size:9px; gap:6px; padding:7px 9px; }
  .hse-training-hero__satellite .material-symbols-rounded { font-size:18px; }
  .hse-training-hero__route { width:250px; }
  .hse-training-options__grid { gap:12px; }
  .hse-training-card__surface { min-height:478px; }
  .hse-training-card__image { height:150px; }
  .hse-training-card__body { padding:18px; }
  .hse-training-card__meta { margin-bottom:14px; }
  .hse-training-card__body p { margin-top:11px; margin-bottom:14px; line-height:1.45; }
  .hse-training-card h3 { font-size:20px; }
  .hse-training-card__action { font-size:10px; padding:9px 10px; }
}
@media (min-width:701px) and (max-width:950px) {
  .hse-training-hero__satellite--two { top:3%; }

  .hse-training-hero__actions {
    flex-wrap:nowrap;
    gap:8px;
  }

  .hse-training-hero__actions .hse-training-btn {
    min-height:43px;
    padding:10px 10px;
    gap:7px;
    font-size:10px;
    white-space:nowrap;
  }

  .hse-training-hero__actions .hse-training-btn > .material-symbols-rounded {
    font-size:16px!important;
  }
}
@media (max-width:700px) {
  .hse-training-featured__intro .hse-training-btn > .material-symbols-rounded { display:none!important; }
  .hse-training-series__actions { gap:7px; }
  .hse-training .hse-training-series__actions .hse-training-btn { flex:0 1 auto; width:max-content; min-width:0; min-height:49px; gap:5px; padding:9px 12px; font-size:clamp(9px,2.5vw,11px); }
  .hse-training-series__actions .hse-training-btn__label { min-width:0; white-space:normal; text-wrap:balance; }
  .hse-training .hse-training-series__actions .material-symbols-rounded { flex:none; font-size:15px!important; }
  .hse-training-featured { padding:77px 0 83px; }
  .hse-training-featured__head { grid-template-columns:1fr; gap:23px; }
  .hse-training-featured__intro { gap:19px; }
  .hse-training-featured__grid { grid-template-columns:1fr; gap:14px; margin-top:37px; }
  .hse-training-featured__course-link { min-height:0; padding:22px; }
  .hse-training-featured__course-art { height:134px; margin:14px 0 16px; }
  .hse-training-featured__course h3 { font-size:22px; }
  .hse-training-featured__course-body p { font-size:15px; }
  .hse-training-featured__course-actions { padding-top:22px; }
  .hse-training-series { padding:78px 0 88px; }
  .hse-training-series__intro { grid-template-columns:1fr; gap:43px; }
  .hse-training-series__insights { gap:13px 19px; }
  .hse-training-series__seal { justify-self:start; width:min(100% - 26px,320px); min-height:314px; }
  .hse-training-series__seal-inner { min-height:270px; }
  .hse-training-card__label-desktop { display:none; }
  .hse-training-card__label-mobile { display:inline; }
  .hse-training { --hst-gutter:20px; }
  .hse-training h2 { font-size:clamp(34px,8vw,48px); }
  .hse-training-hero { padding:112px 0 29px; }
  .hse-training-hero__intro { grid-template-columns:1fr; gap:10px; }
  .hse-training-hero h1 { font-size:clamp(36px,8.8vw,55px); }
  .hse-training-hero__description { font-size:16px; margin-top:21px!important; }
 .hse-training-hero__actions {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:8px;
    width:100%;
    margin-top:26px;
  }

  .hse-training .hse-training-hero__actions .hse-training-btn {
    flex:1 1 0;
    width:auto;
    min-width:0;
    min-height:48px;
    padding:10px 7px;
    gap:6px;
    font-size:clamp(9px,2.6vw,11px);
    line-height:1.2;
    white-space:normal;
  }

  .hse-training-hero__actions .hse-training-btn__label {
    min-width:0;
    white-space:normal;
  }

  .hse-training .hse-training-hero__actions .hse-training-btn > .material-symbols-rounded {
    font-size:16px!important;
  } 
  .hse-training-hero__emblem { margin-top:20px; width:min(77%,330px); }
  .hse-training-hero__pathways { margin-top:5px; height:345px; }
  .hse-training-hero__flow { inset:20px 0 0; width:135%; left:-35%; height:330px; }
  .hse-training-hero__route { right:11px; width:min(63%,255px); min-height:62px; }
  .hse-training-hero__route-surface { min-height:62px; padding:9px; gap:9px; }
  .hse-training-hero__route--inperson { top:13%; }
  .hse-training-hero__route--online { top:42%; }
  .hse-training-hero__route--supervisor { bottom:5%; animation-delay:2.24s; }
  .hse-training-hero__route-surface > .material-symbols-rounded { width:37px; height:37px; font-size:21px; }
  .hse-training-hero__route small { font-size:9px; }
  .hse-training-hero__route strong { font-size:13px; }
  .hse-training-hero__path-caption { font-size:9px; top:14px; left:13px; }
  .hse-training-hero__foot {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:6px;
  width:100%;
  font-size:clamp(8px,2.25vw,10px);
  letter-spacing:.03em;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.hse-training-hero__foot-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:0;
  min-height:34px;
  padding:0;
}

.hse-training-hero__foot-pill-surface {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  padding:8px clamp(4px,1.4vw,8px);
  white-space:nowrap;
}

.hse-training-hero__foot-pill .material-symbols-rounded {
  flex:none;
  font-size:clamp(12px,3.3vw,15px);
}
  .hse-training-options { padding:77px 0 82px; }
  .hse-training-options__head { grid-template-columns:1fr; gap:21px; }
  .hse-training-options__grid { grid-template-columns:1fr; margin-top:34px; gap:16px; }
  .hse-training-card__surface { min-height:0; }
  .hse-training-card__image { height:clamp(220px,55vw,320px); }
  .hse-training-card--stone .hse-training-card__image img { object-position:85% 30%; }
  .hse-training-card__body { min-height:280px; padding:26px; }
  .hse-training-card__body p { margin-top:15px; margin-bottom:24px; line-height:1.58; }
  .hse-training-card__meta { margin-bottom:23px; }
  .hse-training-card h3 { font-size:25px; }
  .hse-training-card__action { font-size:11px; }
  .hse-training-contact { padding:70px 0; }
  .hse-training-contact__panel { grid-template-columns:1fr; gap:26px; padding:31px 25px; }
}
@media (max-width:400px) {
  .hse-training-featured__course-link { padding:19px; }
  .hse-training { --hst-gutter:16px; }
  .hse-training-hero { padding-top:98px; }
  .hse-training-hero h1 { font-size:35px; }
  .hse-training-hero__actions {
    flex-direction:row;
    align-items:stretch;
  }
  .hse-training .hse-training-btn { min-height:46px; padding:12px 14px; font-size:11px; }
  .hse-training-hero__pathways { height:310px; }
  .hse-training-hero__satellite--two { top:-2%; }
  .hse-training-hero__route { width:min(69%,235px); }
  .hse-training-card__body { padding:22px; }
}

/* 10 | ACCESSIBILITY */
@media (prefers-reduced-motion:reduce) {
  .hse-training *, .hse-training *::before, .hse-training *::after { animation:none!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .hse-training-card__image img { position:static; height:100%; translate:0 0; will-change:auto; }
  .hse-training--reveal-ready [data-hse-training-reveal] { opacity:1!important; translate:0 0!important; }
  .hse-training-hero__flow { clip-path:inset(0 0 0 0)!important; }
  .hse-training-hero__core,.hse-training-hero__satellite,.hse-training-hero__route { opacity:1!important; translate:0 0!important; }
  .hst-art__motion { transform:none!important; }
}