/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 06:45:47 */
@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&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 | OPPORTUNITIES
   Complete, integrated, responsive parent-page stylesheet.
   All selectors are scoped to .hseo; no appended patch overrides.
   ================================================================ */

/* 01 | FOUNDATION / WORDPRESS FULL-WIDTH PAGE SPACING */
body:has(.hseo) { margin-top:0; }
body:has(.hseo) .wp-site-blocks,
body:has(.hseo) .wp-site-blocks > main,
body:has(.hseo) .wp-block-post-content,
body:has(.hseo) .entry-content { margin-block-start:0; padding-block-start:0; }
body:has(.hseo) .wp-site-blocks > header:has(.hse-site-header) + * { margin-block-start:0; }
body:has(.hseo) .wp-block-post-content > .wp-block-html:has(.hseo) { margin-block-start:0; padding-block-start:0; }

.hseo {
  --opp-amber:#FFC84A;
  --opp-bright-amber:#FFD578;
  --opp-light-amber:#FAD995;
  --opp-deep-amber:#D89B2B;
  --opp-ink:#151515;
  --opp-muted:#565653;
  --opp-black:#000;
  --opp-white:#fff;
  --opp-offwhite:#F7F7F5;
  --opp-porcelain:#FBF6EF;
  --opp-silver:#77736B;
  --opp-ease:cubic-bezier(.22,1,.36,1);
  --opp-gutter:clamp(20px,4.6vw,86px);
  --opp-max:1520px;
  --opp-radius:18px;
  isolation:isolate;
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  overflow-x:clip;
  background:var(--opp-offwhite);
  color:var(--opp-ink);
  font:400 16px/1.55 'Sulphur Point',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hseo,.hseo *,.hseo *::before,.hseo *::after { box-sizing:border-box; }
.hseo > section { margin:0; }
.hseo :is(h1,h2,h3,p) { margin:0; }
.hseo :is(h1,h2,h3) {
  font-family:'Oxanium',Arial,sans-serif;
  font-weight:500;
  letter-spacing:-.045em;
  line-height:1.04;
  text-wrap:balance;
}
.hseo em { font-style:normal; }
.hseo img { display:block; width:100%; max-width:100%; }
.hseo a { color:inherit; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.hseo a:focus-visible { outline:3px solid var(--opp-amber); outline-offset:5px; }
.hseo .material-symbols-rounded {
  display:inline-grid!important;
  place-items:center;
  flex:none;
  font-family:'Material Symbols Rounded';
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  line-height:1!important;
  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;
}
.hseo-container {
  width:min(calc(100% - var(--opp-gutter)*2),var(--opp-max));
  margin-inline:auto;
}
.hseo-section { padding-block:clamp(83px,8.3vw,134px); }
.hseo .hseo-kicker {
  font:700 clamp(11px,.82vw,13px)/1.4 'Oxanium',Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hseo :is(#hseo-paths,#hseo-careers,#hseo-apprenticeships,#hseo-partnerships) {
  scroll-margin-top:clamp(85px,10vw,125px);
}

/* 02 | BUTTONS — INTEGRATED HSE AMBER / GLASS / PRESSED REVEAL */
.hseo .hseo-btn {
  --opp-pressed:#fff;
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  width:fit-content;
  max-width:100%;
  min-height:49px;
  padding:12px 20px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:10px;
  font:700 12px/1.25 'Oxanium',Arial,sans-serif;
  letter-spacing:.015em;
  text-align:center;
  text-transform:uppercase;
  cursor:pointer;
  transform:translate3d(0,0,0);
  transition:transform .3s var(--opp-ease),background-color .3s ease,
    color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.hseo-btn::before {
  content:'';
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:var(--opp-pressed);
  transform:translateX(-102%);
  transition:transform .64s var(--opp-ease);
}
.hseo .hseo-btn > span { position:relative; z-index:1; }
.hseo .hseo-btn > .material-symbols-rounded {
  font-size:19px!important;
  transition:transform .3s var(--opp-ease);
}
.hseo .hseo-btn:hover { transform:translate3d(0,-3px,0); }
.hseo .hseo-btn:hover > .material-symbols-rounded { transform:scale(1.07); }
.hseo .hseo-btn:active { transform:translate3d(0,0,0); }
.hseo .hseo-btn:active::before { transform:translateX(0); }
.hseo .hseo-btn--amber {
  color:#080808;
  background:var(--opp-amber);
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 30px rgba(216,155,43,.15);
}
.hseo .hseo-btn--amber:hover {
  color:#080808;
  background:var(--opp-bright-amber);
  box-shadow:inset 0 1px rgba(255,255,255,.31),0 14px 34px rgba(216,155,43,.24);
}
.hseo .hseo-btn--amber:active {
  color:#080808;
  border-color:rgba(216,155,43,.75);
  box-shadow:0 0 0 4px rgba(255,200,74,.18),0 5px 18px rgba(0,0,0,.12);
}
.hseo .hseo-btn--glass {
  --opp-pressed:rgba(255,255,255,.45);
  color:#fff;
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.36);
  -webkit-backdrop-filter:blur(19px) saturate(135%);
  backdrop-filter:blur(19px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 25px rgba(0,0,0,.1);
}
.hseo .hseo-btn--glass:hover {
  color:var(--opp-black);
  background:var(--opp-amber);
  border-color:var(--opp-bright-amber);
  box-shadow:0 13px 30px rgba(0,0,0,.17);
}
.hseo .hseo-btn--glass:active {
  color:#fff;
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.36);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 9px 25px rgba(0,0,0,.1);
}
.hseo .hseo-btn--glass:active::before { transform:translateX(102%); }

/* 03 | HERO — PURE BLACK, GLOWING ROUNDED DIAMONDS, PHOTOGRAPHIC PATHWAYS */
.hseo-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(780px,88svh,1050px);
  padding:clamp(165px,13.2vw,215px) 0 110px;
  background:#000;
  color:#fff;
}

.hseo-hero__glow {
  position:absolute;
  z-index:0;
  right:-19%;
  top:2%;
  width:min(85vw,1160px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,200,74,.33) 0%,rgba(255,200,74,.16) 38%,transparent 71%);
  filter:blur(24px);
  pointer-events:none;
  animation:hseo-ambient-breathe 12s ease-in-out infinite alternate;
}
.hseo-perspective__diamond {
  position:absolute;
  pointer-events:none;
  aspect-ratio:1;
  border:1px solid rgba(255,213,120,.28);
  border-radius:clamp(20px,2.7vw,34px);
  background:linear-gradient(138deg,rgba(255,200,74,.13),rgba(255,255,255,.035) 70%);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 45px rgba(0,0,0,.09);
  animation:hseo-diamond-drift 15s ease-in-out infinite alternate;
}


.hseo-hero__layout {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:clamp(30px,3vw,60px);
  align-items:center;
  min-height:595px;
}
.hseo-hero__copy { position:relative; z-index:6; min-width:0; padding-bottom:8px; }
.hseo-hero__kicker {
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  padding:9px 16px;
  margin-bottom:25px!important;
  border:1px solid rgba(255,200,74,.65);
  border-radius:999px;
  background:rgba(255,200,74,.12);
  color:var(--opp-light-amber);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 6px 23px rgba(0,0,0,.09);
  animation:hseo-rise 1.55s var(--opp-ease) .10s both;
}

.hseo-hero h1 {
  max-width:920px;
  font-size:clamp(49px,5.15vw,88px);
  font-weight:500;
  line-height:1.02;
  color:#fff;
  animation:hseo-rise 1.65s var(--opp-ease) .20s both;
}
.hseo-hero h1 em {
  display:inline;
  color:#111;
  padding:.01em .035em .04em;
  margin-inline:-.035em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  background:linear-gradient(92deg,var(--opp-amber),var(--opp-bright-amber));
  background-size:0 100%;
  background-repeat:no-repeat;
  animation:hseo-hero-highlight 2s var(--opp-ease) .8s both;
}
.hseo-hero__lead {
  max-width:575px;
  margin-top:27px!important;
  color:rgba(255,255,255,.82);
  font:400 clamp(16px,1.30vw,20px)/1.56 'Sulphur Point',sans-serif;
  animation:hseo-rise 1.65s var(--opp-ease) .35s both;
}
.hseo-hero__actions .hseo-hero__label--mobile { display:none; }
.hseo-hero__actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:29px;
  animation:hseo-rise 1.65s var(--opp-ease) .45s both;
}


/* Rounded-diamond orbit outlines are decorative; image pathways are real links. */
.hseo-hero__visual {
  --hseo-depth-x:0px;
  --hseo-depth-y:0px;
  position:relative;
  width:100%;
  min-height:clamp(515px,43vw,650px);
  isolation:isolate;
}
.hseo-hero__orbit {
  position:absolute;
  z-index:0;
  left:50%;
  top:48%;
  aspect-ratio:1;
  border-radius:clamp(18px,2.3vw,32px);
  pointer-events:none;
  transform:translate3d(calc(-50% + var(--hseo-depth-x)),calc(-50% + var(--hseo-depth-y)),0) rotate(45deg);
  translate:0 0;
  transition:transform 1s var(--opp-ease);
  animation:hseo-orbit-float 15s ease-in-out infinite alternate;
}
.hseo-hero__orbit--outer {
  width:min(70%,470px);
  border:1px dashed rgba(255,200,74,.62);
  box-shadow:0 0 0 28px rgba(255,200,74,.044),0 0 42px rgba(255,200,74,.20),inset 0 0 26px rgba(255,200,74,.09);
  animation-duration:16s;
  animation-delay:-6s;
}

.hseo-hero__orbit--middle {
  width:min(58%,395px);
  border:1px solid rgba(255,213,120,.62);
  background:radial-gradient(circle,rgba(255,200,74,.09),transparent 70%);
  box-shadow:0 0 32px rgba(255,200,74,.19),inset 0 0 22px rgba(255,200,74,.08);
  animation-duration:12s;
  animation-delay:-3s;
}

.hseo-hero__orbit--inner {
  width:min(47%,320px);
  border:1px solid rgba(255,213,120,.52);
  background:radial-gradient(circle,rgba(255,200,74,.095),rgba(255,200,74,.025) 63%,transparent 79%);
  box-shadow:0 0 33px rgba(255,200,74,.17),inset 0 0 19px rgba(255,200,74,.07);
  animation-duration:14s;
  animation-delay:-9s;
}


.hseo-hero__tile {
  position:absolute;
  z-index:2;
  display:block;
  border:1px solid rgba(255,255,255,.70);
  border-radius:17px;
  box-shadow:0 0 0 5px rgba(255,255,255,.055),0 21px 47px rgba(0,0,0,.35);
  background:#2A2D2B;
  translate:0 0;
  transition:translate .58s var(--opp-ease),border-color .48s ease,box-shadow .58s ease;
  animation:hseo-tile-enter 1.5s var(--opp-ease) var(--hseo-entrance,.3s) backwards;
}
.hseo-hero__tile--careers { top:3%; left:1%; width:61%; height:32%; --hseo-entrance:.36s; }
.hseo-hero__tile--apprenticeships { top:34%; right:0; width:58%; height:35%; z-index:3; --hseo-entrance:.53s; }
.hseo-hero__tile--partnerships { bottom:0%; left:4%; width:66%; height:32%; z-index:4; --hseo-entrance:.70s; }
.hseo-hero__tile:hover {
  translate:0 -3px;
  border-color:var(--opp-bright-amber);
  box-shadow:0 0 0 5px rgba(255,200,74,.20),0 28px 52px rgba(0,0,0,.37);
}
.hseo-hero__tile:active {
  translate:0 0;
  border-color:var(--opp-amber);
  box-shadow:0 0 0 5px rgba(255,200,74,.27),0 0 30px rgba(255,200,74,.18),0 13px 34px rgba(0,0,0,.34);
}
.hseo-hero__tile:focus-visible { outline-offset:7px; }
.hseo-hero__tile-float {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  animation:hseo-tile-float var(--hseo-float-speed,10s) ease-in-out var(--hseo-float-delay,0s) infinite alternate;
}
.hseo-hero__tile--careers .hseo-hero__tile-float { --hseo-float-speed:11s; --hseo-float-delay:-5s; }
.hseo-hero__tile--apprenticeships .hseo-hero__tile-float { --hseo-float-speed:13s; --hseo-float-delay:-8s; }
.hseo-hero__tile--partnerships .hseo-hero__tile-float { --hseo-float-speed:12s; --hseo-float-delay:-3s; }
.hseo-hero__tile-float::after {
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(11,12,11,.14) 0%,rgba(11,12,11,.13) 29%,rgba(6,7,6,.83) 100%);
  pointer-events:none;
  transition:background-color .36s ease;
}
.hseo-hero__tile img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 37%;
  filter:saturate(.86) contrast(1.04);
  scale:1.12;
  translate:0 var(--hseo-scroll-parallax,0px);
  will-change:translate;
  transform:scale(1.01);
  transition:transform .9s var(--opp-ease),filter .65s ease;
}
.hseo-hero__tile--careers img { object-position:center 17%; }
.hseo-hero__tile--apprenticeships img { object-position:center 12%; }
.hseo-hero__tile--partnerships img {
  object-position:center 15%;
}
.hseo-hero__tile:hover img { transform:scale(1.065); filter:saturate(.98) contrast(1.035); }
.hseo-hero__tile:active img { transform:scale(1); filter:grayscale(1) contrast(1.06); }
.hseo-hero__tile-caption {
  position:absolute;
  z-index:2;
  left:17px;
  right:17px;
  bottom:15px;
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#fff;
}
.hseo-hero__tile-caption small {
  color:var(--opp-light-amber);
  font:700 9px/1.35 'Oxanium',sans-serif;
  letter-spacing:.14em;
}
.hseo-hero__tile-caption strong {
  font:600 clamp(20px,1.6vw,26px)/1.08 'Oxanium',sans-serif;
  letter-spacing:-.035em;
}


/* 04 | THREE DESTINATIONS — PREMIUM NEUMORPHIC / GLASS-EDGED COURSE-STYLE CARDS */
.hseo-paths {
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 93% 4%,rgba(255,200,74,.10),transparent 41%),
    linear-gradient(170deg,#FAFAF8 0%,#F2F3F0 100%);
}
.hseo-section-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,560px);
  align-items:center;
  gap:clamp(25px,6vw,110px);
  margin-bottom:clamp(39px,4.9vw,70px);
}
.hseo-section-heading .hseo-kicker { color:var(--opp-deep-amber); margin-bottom:18px; }
.hseo-section-heading h2 { max-width:830px; font-size:clamp(36px,4vw,66px); }
.hseo-section-heading h2 span { color:#72736E; }
.hseo .hseo-section-heading__action { display:flex; margin-top:30px; }
.hseo-section-heading > p {
  color:var(--opp-muted);
  max-width:560px;
  font-size:clamp(16px,1.22vw,19px);
  line-height:1.64;
  padding-bottom:0;
}
.hseo-paths__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.7vw,23px);
  align-items:stretch;
}
.hseo-path-card {
  --hseo-card-ink:#202220;
  --hseo-card-muted:#585B56;
  --hseo-card-audience:var(--opp-deep-amber);
  --hseo-card-rule:rgba(26,27,26,.18);
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(201,206,203,.78);
  border-radius:var(--opp-radius);
  background:linear-gradient(140deg,#F8F9F7,#E8EAE7);
  box-shadow:inset 0 1px rgba(255,255,255,.85),0 14px 37px rgba(0,0,0,.075);
  transform:translate3d(0,0,0);
  transition:transform .7s var(--opp-ease),border-color .48s ease,box-shadow .7s var(--opp-ease),background-color .5s ease;
}
.hseo-path-card:hover,
.hseo-path-card:focus-within {
  transform:translate3d(0,-3px,0);
  border-color:rgba(216,155,43,.74);
  box-shadow:inset 0 1px rgba(255,255,255,.64),0 18px 40px rgba(24,25,23,.10),0 0 0 3px rgba(255,200,74,.12);
}
.hseo-path-card:active {
  transform:translate3d(0,0,0);
  border-color:var(--opp-deep-amber);
  box-shadow:inset 0 0 0 2px rgba(255,200,74,.38),0 11px 27px rgba(24,25,23,.10);
}
.hseo-path-card--amber {
  --hseo-card-ink:#181818;
  --hseo-card-muted:#4D432D;
  --hseo-card-audience:#74500B;
  --hseo-card-rule:rgba(50,37,12,.25);
  background:linear-gradient(145deg,#FFDB82 0%,#FFC84A 56%,#F4B937 100%);
  border-color:rgba(216,155,43,.58);
}
.hseo-path-card--amber:hover { background:linear-gradient(145deg,#FFE09A,#FFD16D 65%,#F7C251); }
.hseo-path-card--dark {
  --hseo-card-ink:#fff;
  --hseo-card-muted:rgba(255,255,255,.75);
  --hseo-card-audience:var(--opp-light-amber);
  --hseo-card-rule:rgba(255,255,255,.22);
  background:radial-gradient(circle at 90% 0,rgba(255,200,74,.12),transparent 53%),#1C1E1C;
  border-color:rgba(255,255,255,.26);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 37px rgba(0,0,0,.12);
}
.hseo-path-card--dark:hover { border-color:rgba(255,200,74,.8); }
.hseo-path-card__image {
  position:relative;
  min-width:0;
  height:clamp(218px,23vw,312px);
  flex:none;
  overflow:hidden;
  background:#92958F;
}
.hseo-path-card__image::after {
  content:'';
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(12,13,12,.33) 0%,transparent 44%,rgba(10,11,10,.7) 100%);
  transition:background-color .4s ease;
}
.hseo-path-card:hover .hseo-path-card__image::after,
.hseo-path-card:focus-within .hseo-path-card__image::after { background-color:rgba(0,0,0,.075); }
.hseo-path-card__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 37%;
  filter:saturate(.87) contrast(1.03);
  scale:1.16;
  translate:0 var(--hseo-scroll-parallax,0px);
  will-change:translate;
  transform:scale(1);
  transition:transform .8s var(--opp-ease),filter .55s ease;
}
.hseo-path-card--silver .hseo-path-card__image img { object-position:center 51%; }
.hseo-path-card--amber .hseo-path-card__image img { object-position:center 31%; }
.hseo-path-card--dark .hseo-path-card__image img {
  object-position:center 15%;
}
.hseo-path-card:hover .hseo-path-card__image img,
.hseo-path-card:focus-within .hseo-path-card__image img { transform:scale(1.052); filter:saturate(.98) contrast(1.03); }
.hseo-path-card:active .hseo-path-card__image img { transform:scale(1); filter:grayscale(1); }
.hseo-path-card__image-top {
  position:absolute;
  z-index:2;
  top:17px;
  left:19px;
  right:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  font:700 10px/1.35 'Oxanium',sans-serif;
  letter-spacing:.12em;
}
.hseo-path-card__image-top .material-symbols-rounded {
  width:41px;
  height:41px;
  font-size:23px!important;
  border:1px solid rgba(255,255,255,.38);
  border-radius:11px;
  background:rgba(15,17,16,.42);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  color:var(--opp-amber);
  transition:background-color .3s ease,color .3s ease,border-color .3s ease;
}
.hseo-path-card:hover .hseo-path-card__image-top .material-symbols-rounded,
.hseo-path-card:focus-within .hseo-path-card__image-top .material-symbols-rounded {
  color:#090909;
  background:var(--opp-amber);
  border-color:var(--opp-amber);
}

.hseo-path-card__body {
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
  padding:clamp(25px,2.7vw,39px);
  color:var(--hseo-card-ink);
}
.hseo-path-card__audience {
  color:var(--hseo-card-audience);
  font:700 10px/1.35 'Oxanium',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hseo-path-card h3 {
  margin-top:17px;
  font-size:clamp(29px,2.5vw,40px);
  font-weight:600;
  line-height:1.1;
  color:var(--hseo-card-ink);
}
.hseo-path-card__description {
  margin-top:19px!important;
  color:var(--hseo-card-muted);
  font-size:clamp(15px,1.12vw,17px);
  line-height:1.6;
}
.hseo-path-card__link {
  position:relative;
  isolation:isolate;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  align-self:flex-start;
  gap:10px;
  width:fit-content;
  max-width:100%;
  min-height:49px;
  margin-top:auto;
  padding:12px 19px;
  overflow:hidden;
  border:1px solid var(--hseo-card-rule);
  border-radius:10px;
  font:700 12px/1.25 'Oxanium',sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-align:center;
  color:var(--hseo-card-ink);
  background:transparent;
  transform:translate3d(0,0,0);
  transition:transform .65s var(--opp-ease),color .45s ease,border-color .45s ease,box-shadow .55s ease;
}
.hseo-path-card__description { margin-bottom:34px!important; }
.hseo-path-card__link::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:#fff;
  transform:translateX(-102%);
  transition:transform .68s var(--opp-ease);
}
.hseo-path-card__link:hover:not(:active) {
  color:#000;
  border-color:#fff;
  transform:translate3d(0,-2px,0);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.hseo-path-card__link:hover:not(:active)::before { transform:translateX(0); }
.hseo-path-card__link:active {
  color:var(--hseo-card-ink);
  border-color:var(--hseo-card-rule);
  transform:translate3d(0,0,0);
  box-shadow:inset 0 0 0 1px var(--hseo-card-rule);
}
.hseo-path-card__link:active::before { transform:translateX(102%); }

/* 05 | PERSPECTIVE — A QUIET DARK EDITORIAL INTERLUDE */
.hseo-perspective {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 90% 16%,rgba(255,200,74,.10),transparent 47%),
    linear-gradient(135deg,#171918,#0C0E0D 72%,#181A18);
  color:#fff;
}
.hseo-perspective__diamond--one {
  top:-180px;
  right:18%;
  width:290px;
  border-color:rgba(255,200,74,.18);
  animation-delay:-4s;
}
.hseo-perspective__diamond--two {
  bottom:-205px;
  left:-120px;
  width:350px;
  border-color:rgba(255,200,74,.15);
  animation-delay:-9s;
}
.hseo-perspective__layout {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  align-items:center;
  gap:clamp(35px,8vw,135px);
}
.hseo-perspective .hseo-kicker { color:var(--opp-light-amber); margin-bottom:23px; }
.hseo .hseo-perspective h2 { max-width:800px; font-size:clamp(36px,4.2vw,69px); color:#fff; }
.hseo-perspective h2 em { color:var(--opp-amber); }
.hseo-perspective__aside > p {
  color:rgba(255,255,255,.78);
  max-width:560px;
  font:400 clamp(17px,1.35vw,20px)/1.63 'Sulphur Point',sans-serif;
}
.hseo-perspective__values {
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:clamp(4px,.65vw,9px);
  margin-top:34px;
  width:100%;
}
.hseo-perspective__values > span {
  display:inline-flex;
  flex:0 1 auto;
  min-width:0;
  align-items:center;
  gap:clamp(3px,.35vw,6px);
  min-height:37px;
  padding:7px clamp(4px,.6vw,10px);
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:rgba(255,255,255,.89);
  font:700 clamp(7px,.73vw,10px)/1.3 'Oxanium',sans-serif;
  letter-spacing:0;
  transition:translate .5s var(--opp-ease),border-color .4s ease,background-color .4s ease;
}
.hseo-perspective__values > span:hover {
  translate:0 -3px;
  border-color:rgba(255,200,74,.7);
  background:rgba(255,200,74,.13);
}
.hseo-perspective__values > span:active {
  translate:0 0;
  border-color:#fff;
}
.hseo-perspective__values > span:active .material-symbols-rounded { color:#fff; }
.hseo-perspective__values .material-symbols-rounded { width:clamp(12px,1.2vw,17px); height:clamp(12px,1.2vw,17px); overflow:hidden; font-size:clamp(12px,1.2vw,17px)!important; color:var(--opp-amber); }

/* 06 | FINAL CTA — FULL-PHOTO FROSTED PANEL */
.hseo-contact {
  position:relative;
  background:var(--opp-offwhite);
}
.hseo-contact__panel {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(28px,4vw,75px);
  align-items:center;
  min-height:clamp(390px,34vw,490px);
  padding:clamp(35px,5vw,75px);
  overflow:hidden;
  border:1px solid rgba(255,200,74,.85);
  border-radius:var(--opp-radius);
  background:#1D211E;
  color:#fff;
  box-shadow:0 0 0 6px rgba(255,200,74,.15),0 0 30px rgba(255,200,74,.22),0 23px 62px rgba(0,0,0,.16);
  transform:translate3d(0,0,0);
  transition:transform .85s cubic-bezier(.4,0,.2,1),border-color .4s ease,box-shadow .55s ease,opacity 1.45s var(--opp-ease),translate 1.45s var(--opp-ease);
}
.hseo-contact__panel:hover {
  transform:translate3d(0,-3px,0);
  border-color:rgba(255,200,74,.98);
  box-shadow:0 0 0 6px rgba(255,200,74,.19),inset 0 1px rgba(255,213,120,.28),0 0 36px rgba(255,200,74,.27),0 27px 64px rgba(0,0,0,.19);
}

.hseo-contact__panel:active {
  transform:translate3d(0,0,0);
  border-color:rgba(140,157,154,.98);
  box-shadow:0 0 0 6px rgba(109,128,125,.32),inset 0 1px rgba(255,255,255,.25),0 23px 62px rgba(0,0,0,.16);
}
.hseo-contact__image { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.hseo-contact__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
  scale:1.14;
  translate:0 var(--hseo-scroll-parallax,0px);
  will-change:translate;
  transform:scale(1.03);
  filter:saturate(.84) contrast(1.05);
  transition:transform 1s var(--opp-ease),filter .6s ease;
}
.hseo-contact__panel:hover .hseo-contact__image img { transform:scale(1.07); filter:saturate(.92) contrast(1.06); }
.hseo-contact__panel:active .hseo-contact__image img { transform:scale(1.03); filter:grayscale(1) contrast(1.05); }
.hseo-contact__image::after {
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(103deg,rgba(7,9,8,.93) 0%,rgba(9,11,10,.80) 52%,rgba(9,11,10,.63) 100%);
}

.hseo-contact__copy { position:relative; z-index:1; }
.hseo-contact .hseo-kicker { margin-bottom:20px; color:var(--opp-light-amber); }
.hseo .hseo-contact h2 { max-width:760px; font-size:clamp(38px,4.3vw,70px); color:#fff; }
.hseo-contact h2 em { color:var(--opp-amber); }
.hseo-contact__details { position:relative; z-index:1; padding-bottom:3px; }
.hseo-contact__details > p { max-width:510px; color:rgba(255,255,255,.85); font-size:clamp(16px,1.25vw,19px); line-height:1.63; }
.hseo-contact__details .hseo-btn { margin-top:26px; }

/* 07 | SCROLL REVEALS — ONE-TIME, INDEPENDENT OF HOVER TRANSFORMS */
.hseo.hseo--reveal-ready .hseo-reveal:not(.is-hseo-visible) {
  opacity:0;
  translate:0 18px;
}
.hseo.hseo--reveal-ready .hseo-reveal:not(.hseo-contact__panel) {
  transition:opacity 1.45s var(--opp-ease),translate 1.45s var(--opp-ease);
  transition-delay:var(--hseo-stagger,0ms);
}
.hseo.hseo--reveal-ready .hseo-reveal.is-hseo-visible {
  opacity:1;
  translate:0 0;
}

/* 08 | MOTION — FAMILIAR HSE ELEMENTS SOFT DRIFT / REVEAL / HIGHLIGHT */

@keyframes hseo-ambient-breathe {
  from { opacity:.55; scale:.97; }
  to { opacity:1; scale:1.04; }
}
@keyframes hseo-diamond-drift {
  from { transform:translate3d(0,0,0) rotate(45deg); }
  to { transform:translate3d(15px,-29px,0) rotate(45deg); }
}
@keyframes hseo-rise {
  from { opacity:0; translate:0 17px; }
  to { opacity:1; translate:0 0; }
}
@keyframes hseo-hero-highlight {
  from { background-size:0 100%; }
  to { background-size:100% 100%; }
}
@keyframes hseo-tile-enter {
  from { opacity:0; translate:0 17px; }
  to { opacity:1; translate:0 0; }
}
@keyframes hseo-tile-float {
  from { transform:translate3d(0,3px,0); }
  to { transform:translate3d(0,-3px,0); }
}
@keyframes hseo-orbit-float {
  from { translate:-7px 7px; }
  to { translate:8px -9px; }
}


/* 09 | TABLET AND NARROW LAPTOP */
@media (max-width:1150px) {
  .hseo-section-heading { grid-template-columns:minmax(0,1fr) minmax(0,420px); }
  .hseo-section-heading > p { max-width:440px; }
  .hseo-hero { padding-top:clamp(140px,14vw,175px); }
  .hseo-hero__layout { gap:20px; min-height:565px; }
  .hseo-hero h1 { font-size:clamp(48px,5.1vw,66px); }
  .hseo-hero__visual { min-height:520px; }
  .hseo-hero__tile-caption strong { font-size:20px; }
  .hseo-hero__tile-caption small { font-size:8px; }
  .hseo-path-card__body { padding:25px 23px 27px; }
  .hseo-path-card h3 { font-size:clamp(26px,2.7vw,34px); }
}

@media (max-width:960px) {
  .hseo-hero { min-height:0; padding:135px 0 103px; }
  .hseo-hero__layout { grid-template-columns:1fr; gap:37px; min-height:0; }
  .hseo-hero__copy { width:min(100%,710px); margin-inline:auto; text-align:center; }
  .hseo-hero__kicker { margin-inline:auto; }
  .hseo-hero h1 { max-width:770px; font-size:clamp(48px,7.4vw,74px); }
  .hseo-hero__lead { max-width:690px; margin-inline:auto; }
  .hseo-hero__actions { justify-content:center; }
  .hseo-hero__visual { width:min(100%,635px); margin-inline:auto; min-height:560px; }
  .hseo-hero__tile-caption strong { font-size:24px; }
  .hseo-paths__grid { grid-template-columns:1fr; gap:18px; }
  .hseo-path-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); min-height:310px; }
  .hseo-path-card__image { height:100%; min-height:310px; }
  .hseo-path-card__body { padding:clamp(27px,4vw,42px); }
  .hseo-path-card h3 { font-size:clamp(32px,4vw,43px); }
  .hseo-path-card__description { max-width:520px; font-size:17px; }
  .hseo-contact__panel { gap:35px; }
}

/* 10 | MOBILE / SMALL TABLETS */
@media (max-width:700px) {
  .hseo { --opp-gutter:20px; }
  .hseo-section { padding-block:76px; }
  .hseo-hero { padding-top:116px; }
  .hseo-hero__layout { gap:26px; }
  .hseo-hero__kicker { margin-bottom:21px!important; padding:8px 13px; font-size:10px; letter-spacing:.1em; }
  .hseo-hero h1 { font-size:clamp(38px,8.6vw,61px); }
  .hseo-hero__lead { margin-top:21px!important; font-size:16px; line-height:1.56; }
  .hseo-hero__actions .hseo-hero__label--desktop { display:none; }
  .hseo-hero__actions .hseo-hero__label--mobile { display:inline; }
  .hseo-hero__actions { flex-wrap:nowrap; width:100%; gap:8px; margin-top:25px; }
  .hseo .hseo-hero__actions .hseo-btn {
    flex:1 1 0;
    width:auto;
    min-width:0;
    min-height:47px;
    padding:10px 8px;
    gap:5px;
    font-size:clamp(10px,2.7vw,12px);
    letter-spacing:0;
    white-space:nowrap;
  }
  .hseo .hseo-hero__actions .hseo-btn > .material-symbols-rounded { font-size:16px!important; }
  .hseo-hero__visual { width:min(100%,510px); min-height:clamp(350px,84vw,460px); margin-top:0; }
  .hseo-hero__orbit--outer { width:70%; }
  .hseo-hero__orbit--inner { width:47%; }
  .hseo-hero__tile { border-radius:13px; }
  .hseo-hero__tile--careers { width:61%; height:33%; top:1%; }
  .hseo-hero__tile--apprenticeships { width:60%; height:36%; top:33%; }
  .hseo-hero__tile--partnerships { width:68%; height:34%; bottom:-2%; }
  .hseo-hero__tile-caption { left:12px; bottom:10px; right:12px; gap:2px; }
  .hseo-hero__tile-caption strong { font-size:clamp(14px,3.8vw,20px); }
  .hseo-hero__tile-caption small { font-size:clamp(6px,1.55vw,8px); letter-spacing:.045em; }
  .hseo-section-heading { grid-template-columns:1fr; gap:25px; margin-bottom:34px; }
  .hseo-section-heading .hseo-kicker { margin-bottom:14px; }
  .hseo-section-heading h2 { font-size:clamp(36px,8vw,54px); }
  .hseo-section-heading > p { max-width:630px; padding:0; font-size:16px; }
  .hseo-path-card { display:flex; flex-direction:column; min-height:0; }
  .hseo-path-card__image { height:clamp(235px,54vw,345px); min-height:0; }
  .hseo-path-card__body { min-height:275px; padding:29px 27px 30px; }
  .hseo-path-card h3 { font-size:clamp(30px,6.4vw,39px); }
  .hseo-path-card__description { font-size:16px; margin-top:16px!important; }
  .hseo-perspective__layout { grid-template-columns:1fr; gap:30px; }
  .hseo-perspective .hseo-kicker { margin-bottom:16px; }
  .hseo .hseo-perspective h2 { font-size:clamp(36px,8vw,56px); }
  .hseo-perspective__aside > p { font-size:17px; }
  .hseo-perspective__values { margin-top:25px; gap:5px; }
  .hseo-perspective__values > span { min-height:35px; padding:7px 7px; gap:4px; font-size:clamp(10px,2.2vw,11px); }
  .hseo-perspective__values .material-symbols-rounded { font-size:14px!important; }
  .hseo-contact__panel { grid-template-columns:1fr; gap:26px; min-height:0; padding:39px 27px 42px; }
  .hseo .hseo-contact h2 { font-size:clamp(36px,7.7vw,55px); }
  .hseo-contact__details > p { font-size:16px; }
  .hseo-contact__image img { object-position:60% center; }
  .hseo-contact__image::after { background:linear-gradient(180deg,rgba(7,9,8,.88),rgba(7,9,8,.82)); }
}

@media (max-width:400px) {
  .hseo-hero { padding-top:108px; }
  .hseo-hero__kicker { font-size:9px; }
  .hseo-hero h1 { font-size:clamp(35px,9vw,42px); }
  .hseo-hero__visual { min-height:335px; }
  .hseo-hero__tile-caption strong { font-size:15px; }
  .hseo-hero__tile-caption small { font-size:6.2px; }
  .hseo .hseo-hero__actions .hseo-btn { font-size:10px; padding-inline:6px; gap:4px; }
  .hseo .hseo-hero__actions .hseo-btn > .material-symbols-rounded { font-size:14px!important; }
  .hseo-path-card__body { padding:26px 22px; }
  .hseo-path-card__image { height:235px; }
  .hseo-perspective__values { gap:3px; }
  .hseo-perspective__values > span { font-size:10px; padding:6px 4px; gap:3px; }
  .hseo-perspective__values .material-symbols-rounded { font-size:13px!important; }
  .hseo-contact__panel { padding:34px 23px; }
}

/* 11 | ACCESSIBILITY / REDUCED MOTION */
@media (prefers-reduced-motion:reduce) {
  .hseo *, .hseo *::before, .hseo *::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .hseo-hero h1 em { background-size:100% 100%!important; }
  .hseo-hero__tile img,
  .hseo-path-card__image img,
  .hseo-contact__image img { scale:1; translate:0 0; will-change:auto; }
  .hseo.hseo--reveal-ready .hseo-reveal,
  .hseo.hseo--reveal-ready .hseo-reveal:not(.is-hseo-visible) {
    opacity:1;
    translate:0 0;
  }
}