/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2026 | 18:38:32 */
@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 | ABOUT
   Complete, integrated stylesheet. No appended patch overrides.
   ================================================================ */

/* 01 | FOUNDATION / REMOVE THE WORDPRESS TOP GAP */
body:has(.hse-about) { margin-top:0; }
body:has(.hse-about) .wp-site-blocks,
body:has(.hse-about) .wp-site-blocks > main,
body:has(.hse-about) .wp-block-post-content,
body:has(.hse-about) .entry-content { margin-block-start:0; padding-block-start:0; }
body:has(.hse-about) .wp-site-blocks > header:has(.hse-site-header) + * { margin-block-start:0; }
body:has(.hse-about) .wp-block-post-content > .wp-block-html:has(.hse-about) { margin-block-start:0; padding-block-start:0; }
.hse-about {
  --ha-amber:#FFC84A;
  --ha-deep-amber:#D89B2B;
  --ha-bright-amber:#FFD578;
  --ha-light-amber:#FAD995;
  --ha-soft-amber:#F5DDAF;
  --ha-amber-wash:#F7E9D5;
  --ha-porcelain:#FBF6EF;
  --ha-black:#000000;
  --ha-graphite:#111111;
  --ha-charcoal:#242424;
  --ha-slate:#3C3C3C;
  --ha-offwhite:#F7F7F5;
  --ha-pale:#ECECE9;
  --ha-white:#FFFFFF;
  --ha-ink:#151515;
  --ha-muted:#565653;
  --ha-radius:14px;
  --ha-radius-lg:18px;
  --ha-ease:cubic-bezier(.22,1,.36,1);
  --ha-gutter:clamp(20px,4.6vw,86px);
  --ha-max:1520px;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:none;
  margin:0;
  overflow-x:clip;
  background:var(--ha-offwhite);
  color:var(--ha-ink);
  font-family:'Sulphur Point',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.hse-about,.hse-about *,.hse-about *::before,.hse-about *::after { box-sizing:border-box; }
.hse-about img { display:block; max-width:100%; }
.hse-about p { margin:0; }
.hse-about a { text-decoration:none; -webkit-tap-highlight-color:transparent; }
.hse-about a:focus-visible { outline:3px solid var(--ha-amber); outline-offset:4px; }
.hse-about .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-about-container { width:min(calc(100% - var(--ha-gutter)*2),var(--ha-max)); margin-inline:auto; }
.hse-about-section { padding-block:clamp(78px,8.5vw,138px); }
.hse-about .hse-about-kicker {
  margin:0 0 22px;
  font:700 clamp(11px,.8vw,13px)/1.4 'Oxanium',sans-serif;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.hse-about h1,.hse-about h2,.hse-about h3 { font-family:'Oxanium',Arial,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.hse-about h2 { margin:0; font-size:clamp(36px,4vw,66px); line-height:1.04; font-weight:500; }
.hse-about h3 { margin:0; font-weight:600; }
.hse-about h2 span { color:#666660; }
.hse-about h2 em,.hse-about h1 em { font-style:normal; }
.hse-about :is(#our-mission,#mission,#who-we-are,#more-than-a-service-provider) { scroll-margin-top:clamp(90px,10vw,125px); }
.hse-about-anchor { display:block; height:0; }

/* 02 | BUTTONS — ORIGINAL PRESSED REVEAL; BRIGHTER GLASS HOVER FOR TALK TO OUR TEAM */
.hse-about .hse-about-btn {
  --ha-pressed-fill:var(--ha-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;
  border:1px solid transparent;
  border-radius:10px;
  overflow:hidden;
  vertical-align:middle;
  font:700 12px/1.25 'Oxanium',Arial,sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
  text-align:center;
  cursor:pointer;
  transition:transform .27s var(--ha-ease),background-color .27s ease,box-shadow .27s ease,border-color .27s ease,color .27s ease;
}
.hse-about-btn::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--ha-pressed-fill);
  transform:translateX(-102%);
  transition:transform .43s var(--ha-ease);
}
.hse-about-btn:active::before { transform:translateX(0); }
.hse-about-btn > .material-symbols-rounded {
  display:inline-grid!important;
  place-items:center;
  flex:none;
  font-size:19px;
  line-height:1!important;
  transition:transform .27s var(--ha-ease);
}
.hse-about-btn:hover { transform:translateY(-2px); }
.hse-about-btn:active { transform:translateY(0); }
.hse-about-btn:hover .material-symbols-rounded { transform:scale(1.06); }
.hse-about .hse-about-btn--amber {
  color:var(--ha-black);
  background:var(--ha-amber);
  box-shadow:0 10px 30px rgba(216,155,43,.12),inset 0 1px rgba(255,255,255,.25);
}
.hse-about .hse-about-btn--amber:hover {
  color:var(--ha-black);
  background:var(--ha-bright-amber);
  box-shadow:0 14px 36px rgba(216,155,43,.2);
}
.hse-about .hse-about-btn--amber:active {
  color:var(--ha-black);
  background:var(--ha-bright-amber);
  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-about .hse-about-btn--light-glass {
  --ha-pressed-fill:var(--ha-white);
  color:var(--ha-ink);
  background:rgba(255,255,255,.30);
  border-color:rgba(54,49,38,.23);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:inset 0 1px rgba(255,255,255,.68),0 8px 24px rgba(25,25,25,.05);
}
.hse-about .hse-about-btn--light-glass:hover {
  background:rgba(255,200,74,.43);
  color:var(--ha-black);
  border-color:rgba(255,200,74,.84);
  box-shadow:inset 0 1px rgba(255,255,255,.7),0 11px 27px rgba(105,75,20,.10);
}
.hse-about .hse-about-btn--light-glass:active {
  color:var(--ha-black);
  background:rgba(255,200,74,.34);
  border-color:var(--ha-deep-amber);
  box-shadow:inset 0 0 0 2px rgba(255,213,120,.35),0 0 0 4px rgba(255,200,74,.12);
}

/* 03 | HERO — LIGHT EDITORIAL, LAYERED GRADIENT DIAMONDS */
.hse-about-hero {
  position:relative;
  isolation:isolate;
  min-height:clamp(725px,87svh,930px);
  margin:0;
  overflow:hidden;
  color:var(--ha-ink);
  background:
    radial-gradient(ellipse at -8% 4%,rgba(255,191,80,.54) 0%,transparent 51%),
    radial-gradient(ellipse at 90% 8%,rgba(194,198,198,.49) 0%,transparent 46%),
    linear-gradient(135deg,#FBF7F0 5%,#F4F5F4 52%,#EDEFEF 100%);
}
.hse-about-hero::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(248,247,242,0) 0%,rgba(248,248,246,.10) 32%,rgba(248,248,246,.75) 64%,rgba(248,248,246,.88) 100%);
}
.hse-about-hero__art { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.hse-about-hero__diamond {
  position:absolute;
  display:block;
  aspect-ratio:1/1;
  transform:rotate(45deg);
  transform-origin:center;
  border:1px solid rgba(255,255,255,.23);
  border-radius:clamp(17px,2vw,29px);
  box-shadow:inset 0 1px rgba(255,255,255,.25);
  opacity:1;
  translate:0 0;
  animation:
    ha-diamond-float var(--ha-float-duration,13s) ease-in-out var(--ha-float-delay,0s) infinite,
    ha-hero-diamond-enter 2.15s var(--ha-ease) var(--ha-entrance-delay,.12s) both;
}
@keyframes ha-diamond-float {
  0%,100% { transform:translate3d(0,0,0) rotate(45deg); }
  50% { transform:translate3d(12px,-32px,0) rotate(45deg); }
}
@keyframes ha-hero-diamond-enter {
  from { opacity:0; translate:var(--ha-entrance-x,0px) var(--ha-entrance-y,-65px); }
  to { opacity:1; translate:0 0; }
}
.hse-about-hero__diamond--one {
  width:clamp(310px,43vw,660px); top:-410px; left:-155px;
  background:linear-gradient(140deg,rgba(255,214,133,.58),rgba(255,255,255,.24) 70%);
  --ha-float-duration:16s;
  --ha-entrance-delay:.08s;
  --ha-entrance-x:-50px;
  --ha-entrance-y:-60px;
}
.hse-about-hero__diamond--two {
  width:clamp(360px,49vw,720px); top:-400px; left:22%;
  background:linear-gradient(130deg,rgba(255,255,255,.58),rgba(218,214,204,.13) 67%,rgba(255,200,74,.2));
  --ha-float-delay:-6s;
  --ha-entrance-delay:.22s;
  --ha-entrance-x:0px;
  --ha-entrance-y:-72px;
}
.hse-about-hero__diamond--three {
  width:clamp(330px,44vw,650px); top:-325px; right:-95px;
  background:linear-gradient(120deg,rgba(119,124,127,.21),rgba(255,255,255,.40) 68%);
  --ha-float-duration:17s;
  --ha-float-delay:-3s;
  --ha-entrance-delay:.36s;
  --ha-entrance-x:52px;
  --ha-entrance-y:-55px;
}
.hse-about-hero__diamond--four {
  width:clamp(230px,26vw,410px); top:45px; left:5%;
  background:linear-gradient(135deg,rgba(255,200,74,.33),rgba(255,255,255,.06));
  --ha-float-duration:14s;
  --ha-float-delay:-8s;
  --ha-entrance-delay:.5s;
  --ha-entrance-x:-40px;
  --ha-entrance-y:60px;
}
.hse-about-hero__diamond--five {
  width:clamp(250px,30vw,460px); top:16px; left:42%;
  background:linear-gradient(135deg,rgba(255,255,255,.49),rgba(255,202,101,.14) 78%);
  --ha-float-duration:15s;
  --ha-float-delay:-5s;
  --ha-entrance-delay:.64s;
  --ha-entrance-x:26px;
  --ha-entrance-y:-50px;
}
.hse-about-hero__diamond--six {
  width:clamp(255px,29vw,440px); top:190px; right:-125px;
  background:linear-gradient(140deg,rgba(255,200,74,.28),rgba(255,255,255,.18) 73%);
  --ha-float-duration:18s;
  --ha-float-delay:-10s;
  --ha-entrance-delay:.78s;
  --ha-entrance-x:56px;
  --ha-entrance-y:44px;
}
.hse-about-hero__diamond--seven {
  width:clamp(220px,21vw,310px); top:-100px; right:21%;
  background:linear-gradient(150deg,rgba(45,48,48,.11),rgba(255,255,255,.36));
  --ha-float-duration:16s;
  --ha-float-delay:-2s;
  --ha-entrance-delay:.92s;
  --ha-entrance-x:36px;
  --ha-entrance-y:-54px;
}
.hse-about-hero__inner {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:inherit;
  padding-top:clamp(200px,24vw,340px);
}
.hse-about-hero__main { max-width:1120px; padding-bottom:clamp(45px,6.7vw,102px); }
.hse-about-hero .hse-about-kicker {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:8px 15px;
  border:1px solid rgba(255,200,74,.80);
  border-radius:999px;
  color:var(--ha-black);
  background:rgba(255,200,74,.24);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 5px 20px rgba(216,155,43,.07);
}
.hse-about-hero h1 {
  max-width:1140px;
  margin:0;
  color:#252524;
  font-weight:500;
  font-size:clamp(44px,5.1vw,85px);
  line-height:1.025;
}
.hse-about-hero h1 em {
  display:inline;
  padding:.02em .05em;
  margin-inline:-.05em;
  color:var(--ha-black);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  background-image:linear-gradient(90deg,var(--ha-amber),var(--ha-bright-amber));
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:-120vw center;
  animation:ha-heading-amber-enter 4.1s cubic-bezier(.18,.75,.29,1) .4s both;
}
@keyframes ha-heading-amber-enter {
  from { background-position:-120vw center; }
  to { background-position:0 center; }
}
.hse-about-hero__summary {
  max-width:605px;
  margin-top:24px!important;
  color:#4F504F;
  font:400 clamp(16px,1.35vw,20px)/1.53 'Sulphur Point',sans-serif;
}
.hse-about-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:29px; }
.hse-about-hero__footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px 35px;
  min-height:105px;
  padding:24px 0;
  border-top:1px solid rgba(255,200,74,.72);
}
.hse-about-hero__footer-label {
  display:inline-flex;
  align-items:center;
  gap:11px;
  flex:none;
  padding:11px 15px;
  border:1px solid rgba(255,255,255,.76);
  border-radius:999px;
  background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px rgba(255,255,255,.86);
  color:var(--ha-deep-amber);
  font:700 11px/1.4 'Oxanium',sans-serif;
  letter-spacing:.12em;
  translate:0 0;
  transition:translate .36s var(--ha-ease),border-color .3s ease;
}
.hse-about-hero__footer-label:hover {
  translate:0 -3px;
  border-color:rgba(255,200,74,.80);
}
.hse-about-hero__footer-label:active {
  translate:0 0;
  border-color:rgba(205,210,214,.86);
}
.hse-about-hero__footer-label .material-symbols-rounded { font-size:23px; }
.hse-about-hero__footer-thought {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  width:max-content;
  max-width:100%;
  flex:0 1 auto;
  gap:clamp(4px,.55vw,10px);
  min-width:0;
  padding:7px;
  border:1px solid rgba(255,200,74,.70);
  border-radius:999px;
  background:rgba(255,200,74,.21);
  -webkit-backdrop-filter:blur(19px) saturate(140%);
  backdrop-filter:blur(19px) saturate(140%);
  box-shadow:inset 0 1px rgba(255,255,255,.64),0 7px 24px rgba(140,99,22,.07);
  color:var(--ha-black);
  font:500 clamp(13px,1vw,15px)/1.4 'Sulphur Point',sans-serif;
}
.hse-about-hero__thought-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:38px;
  white-space:nowrap;
  flex-shrink:0;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.80);
  border-radius:999px;
  background:rgba(255,255,255,.48);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,255,255,.86);
  opacity:0;
  translate:0 0;
  transition:translate .36s var(--ha-ease),border-color .3s ease;
  animation:ha-thought-appear 1.55s ease-out forwards;
}
.hse-about-hero__thought-pill:hover {
  translate:0 -3px;
  border-color:rgba(255,200,74,.80);
}
.hse-about-hero__thought-pill:active {
  translate:0 0;
  border-color:rgba(205,210,214,.86);
}
.hse-about-hero__thought-pill:nth-child(1) { animation-delay:.75s; }
.hse-about-hero__thought-pill:nth-child(3) { animation-delay:1.25s; }
.hse-about-hero__thought-pill:nth-child(5) { animation-delay:1.75s; }
@keyframes ha-thought-appear { from { opacity:0; transform:translateY(7px); filter:blur(1.5px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
.hse-about-hero__footer-thought .material-symbols-rounded { font-size:16px; color:var(--ha-deep-amber); flex:none; }

/* 04 | WHO WE ARE — PHOTO / EDITORIAL COPY */
.hse-about-intro { background:var(--ha-offwhite); }
.hse-about-intro__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.94fr); gap:clamp(42px,7.3vw,115px); align-items:start; }
.hse-about-intro__copy { min-width:0; }
.hse-about-intro .hse-about-kicker { color:var(--ha-deep-amber); }
.hse-about-intro h2 { max-width:750px; }
.hse-about-intro__copy > p:not(.hse-about-kicker) {
  max-width:700px;
  margin-top:20px;
  color:var(--ha-muted);
  font:400 clamp(16px,1.25vw,18px)/1.62 'Sulphur Point',sans-serif;
}
.hse-about-intro__copy > .hse-about-intro__lead { margin-top:29px; }
.hse-about-intro__visual { position:relative; min-width:0; padding:7px 0 78px 7px; }
.hse-about-intro__image-frame {
  position:relative;
  overflow:visible;
  height:clamp(505px,46vw,675px);
  background:#B6B4AE;
  border:1px solid rgba(197,202,207,.72);
  border-radius:var(--ha-radius-lg);
  box-shadow:0 0 0 5px rgba(213,217,221,.31),inset 0 1px rgba(255,255,255,.73),0 19px 46px rgba(0,0,0,.11);
  transition:border-color .35s ease,box-shadow .35s ease;
}

.hse-about-intro__image-frame:has(> .hse-about-intro__slides:hover) {
  border-color:rgba(255,200,74,.82);
  box-shadow:0 0 0 5px rgba(255,200,74,.23),0 19px 46px rgba(0,0,0,.11);
}

.hse-about-intro__image-frame:has(> .hse-about-intro__slides:active) {
  border-color:var(--ha-deep-amber);
  box-shadow:0 0 0 5px rgba(216,155,43,.33),0 19px 46px rgba(0,0,0,.11);
}
/* Six-image gallery: slide images remain clipped to the frame; controls sit beneath it. */
.hse-about-intro__slide-radio {
  position:absolute;
  right:0;
  bottom:-40px;
  width:1px;
  height:1px;
  padding:0;
  margin:0;
  opacity:0;
  overflow:hidden;
  clip-path:inset(50%);
}
/* Keep every slide in a single fixed painting area so only opacity changes. */
.hse-about-intro__slides {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  isolation:isolate;
  contain:paint;
}
.hse-about-intro__slide {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:opacity;
  transition:opacity .65s cubic-bezier(.4,0,.2,1);
}
.hse-about-intro__slide img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:34% center;
  transform:none;
  filter:none;
}
#hse-about-who-slide-1:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(1) { opacity:1; }
#hse-about-who-slide-2:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(2) { opacity:1; }
#hse-about-who-slide-3:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(3) { opacity:1; }
#hse-about-who-slide-4:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(4) { opacity:1; }
#hse-about-who-slide-5:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(5) { opacity:1; }
#hse-about-who-slide-6:checked ~ .hse-about-intro__slides .hse-about-intro__slide:nth-child(6) { opacity:1; }

/* Frosted slider: arrows and six-position indicator sit outside, below the image at right. */
.hse-about-intro__slider-controls {
  position:absolute;
  right:0;
  bottom:-65px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(20,22,22,.51);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  backdrop-filter:blur(20px) saturate(145%);
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 9px 26px rgba(0,0,0,.19);
}
.hse-about-intro__slider-prev,
.hse-about-intro__slider-next { position:relative; width:36px; height:36px; flex:0 0 36px; }
.hse-about-intro__slider-prev label,
.hse-about-intro__slider-next label {
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.43);
  border-radius:999px;
  background:rgba(255,255,255,.19);
  color:var(--ha-white);
  cursor:pointer;
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  backdrop-filter:blur(14px) saturate(130%);
  transform:translateY(0);
  transition:transform .3s var(--ha-ease),background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.hse-about-intro__slider-prev label:hover,
.hse-about-intro__slider-next label:hover {
  transform:translateY(-2px);
  border-color:rgba(255,200,74,.86);
  background:rgba(255,200,74,.53);
  color:var(--ha-black);
  box-shadow:inset 0 1px rgba(255,255,255,.46),0 6px 16px rgba(0,0,0,.15);
}
.hse-about-intro__slider-prev label:active,
.hse-about-intro__slider-next label:active {
  transform:translateY(0);
  border-color:var(--ha-amber);
  background:var(--ha-black);
  color:var(--ha-amber);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.hse-about-intro__chevron {
  display:block;
  width:20px;
  height:20px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.hse-about-intro__slider-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0 3px;
}
.hse-about-intro__slider-pagination label {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:12px;
  height:36px;
  padding:0 2px;
  cursor:pointer;
  transition:transform .3s var(--ha-ease);
}
.hse-about-intro__slider-tick {
  display:block;
  width:8px;
  height:5px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(255,255,255,.43);
  transition:width .33s var(--ha-ease),background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.hse-about-intro__slider-pagination label:hover { transform:translateY(-2px); }
.hse-about-intro__slider-pagination label:hover .hse-about-intro__slider-tick {
  border-color:rgba(255,200,74,.86);
  background:rgba(255,200,74,.68);
}
.hse-about-intro__slider-pagination label:active { transform:translateY(0); }
.hse-about-intro__slider-pagination label:active .hse-about-intro__slider-tick {
  background:var(--ha-black);
  border-color:var(--ha-amber);
}
#hse-about-who-slide-1:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(1),
#hse-about-who-slide-1:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(1) { display:flex; }
#hse-about-who-slide-1:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(1) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
#hse-about-who-slide-2:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(2),
#hse-about-who-slide-2:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(2) { display:flex; }
#hse-about-who-slide-2:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(2) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
#hse-about-who-slide-3:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(3),
#hse-about-who-slide-3:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(3) { display:flex; }
#hse-about-who-slide-3:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(3) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
#hse-about-who-slide-4:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(4),
#hse-about-who-slide-4:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(4) { display:flex; }
#hse-about-who-slide-4:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(4) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
#hse-about-who-slide-5:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(5),
#hse-about-who-slide-5:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(5) { display:flex; }
#hse-about-who-slide-5:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(5) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
#hse-about-who-slide-6:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-prev label:nth-child(6),
#hse-about-who-slide-6:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-next label:nth-child(6) { display:flex; }
#hse-about-who-slide-6:checked ~ .hse-about-intro__slider-controls .hse-about-intro__slider-pagination label:nth-child(6) .hse-about-intro__slider-tick { width:20px; border-color:var(--ha-amber); background:var(--ha-amber); box-shadow:0 0 10px rgba(255,200,74,.21); }
/* Keyboard navigation uses the radio group, with a visible focus ring on the slider. */
.hse-about-intro__image-frame:has(.hse-about-intro__slide-radio:focus-visible) .hse-about-intro__slider-controls {
  outline:2px solid var(--ha-amber);
  outline-offset:3px;
}
.hse-about-intro__image-note {
  position:absolute;
  left:-20px;
  bottom:111px;
  display:flex;
  align-items:center;
  gap:13px;
  max-width:84%;
  padding:18px 21px;
  background:rgba(20,21,21,.58);
  color:var(--ha-white);
  border:1px solid rgba(255,255,255,.33);
  border-radius:var(--ha-radius);
  -webkit-backdrop-filter:blur(21px) saturate(150%);
  backdrop-filter:blur(21px) saturate(150%);
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 20px 44px rgba(0,0,0,.21);
  font:400 15px/1.28 'Sulphur Point',sans-serif;
}
/* Soft label entrance when Who We Are enters view; the photo itself remains stationary. */
.hse-about.hse-about--reveal-ready .hse-about-intro__image-note:not(.is-hse-revealed) { opacity:0; translate:40px 0; }
.hse-about.hse-about--reveal-ready .hse-about-intro__image-note.is-hse-revealed { animation:ha-about-note-from-right .95s var(--ha-ease) both; }
@keyframes ha-about-note-from-right {
  from { opacity:0; translate:40px 0; }
  to { opacity:1; translate:0 0; }
}
@keyframes ha-about-note-from-left {
  from { opacity:0; translate:-34px 0; }
  to { opacity:1; translate:0 0; }
}
.hse-about-intro__image-note .material-symbols-rounded { flex:none; font-size:29px; color:var(--ha-amber); }
.hse-about-intro__image-note strong { font-weight:600; }

/* 05 | OUR MISSION — ANCHORED DARK SECTION WITH LIGHT AMBER ACCENTS */
.hse-about-mission {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 79% 8%,#30302A 0%,#161716 45%,#0B0C0B 100%);
  color:var(--ha-white);
}
.hse-about-mission::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 4% 0%,rgba(255,200,74,.10),transparent 39%),radial-gradient(circle at 100% 90%,rgba(255,200,74,.08),transparent 41%);
}
.hse-about-mission__diamond {
  position:absolute;
  z-index:-1;
  aspect-ratio:1/1;
  transform:rotate(45deg);
  pointer-events:none;
  border:1px solid rgba(255,200,74,.18);
  border-radius:clamp(17px,2vw,29px);
  background:linear-gradient(135deg,rgba(255,200,74,.13),rgba(255,255,255,0));
  animation:ha-diamond-float 13s ease-in-out infinite;
}
.hse-about-mission__diamond--one { width:430px; right:-125px; top:-170px; animation-delay:-4s; }
.hse-about-mission__diamond--two { width:300px; left:-90px; bottom:-125px; animation-duration:15s; animation-delay:-8s; }
.hse-about-mission__content { position:relative; z-index:1; }
.hse-about-mission__grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(35px,7vw,116px); align-items:start; }
.hse-about-mission .hse-about-kicker { color:var(--ha-light-amber); }
.hse-about-mission h2 { color:var(--ha-white); }
.hse-about-mission h2 em { color:var(--ha-amber); }
.hse-about-mission__pills { display:flex; align-items:center; flex-wrap:nowrap; gap:10px; margin-top:50px; max-width:100%; }
.hse-about-mission__graphic {
  display:inline-flex;
  align-items:center;
  flex:0 1 auto;
  min-width:0;
  gap:12px;
  margin:0;
  padding:12px 18px;
  border:1px solid rgba(255,200,74,.35);
  border-radius:10px;
  background:rgba(255,200,74,.09);
  color:var(--ha-light-amber);
  font:700 12px/1.25 'Oxanium',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  transform:translate3d(0,0,0);
  transition:transform .38s var(--ha-ease),background-color .33s ease,border-color .33s ease,color .33s ease,box-shadow .33s ease;
}
.hse-about-mission__graphic:hover {
  transform:translate3d(0,-3px,0);
  color:var(--ha-white);
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.68);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:inset 0 1px rgba(255,255,255,.25),0 12px 25px rgba(0,0,0,.13);
}
.hse-about-mission__graphic:active {
  transform:translate3d(0,0,0);
  color:var(--ha-black);
  background:var(--ha-amber);
  border-color:var(--ha-amber);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:0 5px 14px rgba(0,0,0,.12);
}
.hse-about-mission__graphic .material-symbols-rounded { font-size:24px; }
.hse-about-mission__statement > p { max-width:790px; color:rgba(255,255,255,.74); font:400 clamp(16px,1.25vw,18px)/1.65 'Sulphur Point',sans-serif; }
.hse-about-mission__statement > p + p { margin-top:24px; }
.hse-about-mission__statement > .hse-about-mission__lead { color:rgba(255,255,255,.74); font:400 clamp(16px,1.25vw,18px)/1.65 'Sulphur Point',sans-serif; }
.hse-about-mission__values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:clamp(55px,7vw,102px); }
/* Mission cards enter one at a time when the group becomes visible. */
.hse-about.hse-about--reveal-ready .hse-about-mission__values:not(.is-hse-revealed) > .hse-about-value { opacity:0; translate:0 22px; }
.hse-about.hse-about--reveal-ready .hse-about-mission__values.is-hse-revealed > .hse-about-value { animation:ha-about-card-reveal .92s var(--ha-ease) both; }
.hse-about.hse-about--reveal-ready .hse-about-mission__values.is-hse-revealed > .hse-about-value:nth-child(2) { animation-delay:.17s; }
.hse-about.hse-about--reveal-ready .hse-about-mission__values.is-hse-revealed > .hse-about-value:nth-child(3) { animation-delay:.34s; }
@keyframes ha-about-card-reveal {
  from { opacity:0; translate:0 22px; }
  to { opacity:1; translate:0 0; }
}

.hse-about-value {
  min-width:0;
  min-height:260px;
  padding:clamp(23px,2.5vw,37px);
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.23);
  border-radius:var(--ha-radius-lg);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 38px rgba(0,0,0,.14);
  transform:translate3d(0,0,0);
  transition:transform .4s var(--ha-ease),background-color .4s ease,border-color .4s ease,box-shadow .4s ease;
}
.hse-about-value:hover { transform:translate3d(0,-4px,0); background-color:rgba(255,200,74,.19); border-color:var(--ha-amber); box-shadow:inset 0 1px rgba(255,235,187,.18),0 21px 42px rgba(0,0,0,.21); }
.hse-about-value:active { transform:translate3d(0,0,0); background:var(--ha-white); border-color:var(--ha-white); box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 29px rgba(0,0,0,.16); }
.hse-about-value__media {
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:1.55/1;
  margin-bottom:25px;
  background:#353535;
  border:1px solid rgba(205,210,214,.86);
  border-radius:15px;
  box-shadow:0 0 0 4px rgba(205,210,214,.18),inset 0 1px rgba(255,255,255,.38);
  transition:border-color .35s ease,box-shadow .35s ease;
}
.hse-about-value__media img {
  position:absolute;
  top:-32px;
  left:0;
  width:100%;
  height:calc(100% + 64px);
  object-fit:cover;
  translate:0 var(--ha-value-parallax,0px);
  will-change:translate;
  transform:scale(1.005);
  transition:transform .45s var(--ha-ease),filter .45s ease;
}
.hse-about-value:hover .hse-about-value__media { border-color:rgba(255,200,74,.9); box-shadow:0 0 0 4px rgba(255,200,74,.22),inset 0 1px rgba(255,255,255,.55); }
.hse-about-value:hover .hse-about-value__media img { transform:scale(1.035); filter:sepia(.65) saturate(1.05); }
.hse-about-value:active .hse-about-value__media { border-color:rgba(255,255,255,.8); box-shadow:0 0 0 4px rgba(255,255,255,.35),inset 0 1px rgba(255,255,255,.78); }
.hse-about-value:active .hse-about-value__media img { transform:scale(1.005); filter:grayscale(1); }
.hse-about-value__icon { display:grid!important; place-items:center; width:48px; height:48px; margin-bottom:23px; color:var(--ha-amber); background:rgba(255,200,74,.1); border:1px solid rgba(255,200,74,.22); border-radius:12px; font-size:27px!important; transition:background-color .32s ease,color .32s ease,border-color .32s ease; }
.hse-about-value:hover .hse-about-value__icon { background:var(--ha-white); border-color:var(--ha-white); color:var(--ha-black); }
.hse-about-value:active .hse-about-value__icon { background:var(--ha-amber); border-color:var(--ha-amber); color:var(--ha-black); }
.hse-about-value h3 { color:var(--ha-white); font-size:clamp(20px,1.6vw,25px); line-height:1.15; transition:color .33s ease; }
.hse-about-value:hover h3 { color:var(--ha-amber); }
.hse-about-value p { max-width:340px; margin-top:12px; color:rgba(255,255,255,.73); font:400 15px/1.52 'Sulphur Point',sans-serif; transition:color .33s ease; }
.hse-about-value:active h3,.hse-about-value:active p { color:var(--ha-black); }

/* 06 | CLIENT PARTNERSHIP — EDITORIAL SPLIT + HOMEPAGE-MATCHED THREE-STEP CARDS */
.hse-about-partnership { background:linear-gradient(126deg,var(--ha-porcelain),var(--ha-offwhite) 65%); }
.hse-about-partnership__layout { display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:clamp(36px,8vw,125px); align-items:start; }
.hse-about-partnership .hse-about-kicker { color:var(--ha-deep-amber); }
.hse-about-partnership__title h2 { max-width:760px; }
.hse-about-partnership__title .hse-about-btn { margin-top:29px; }
.hse-about-partnership__body { padding-top:5px; }
.hse-about-partnership__body > p { max-width:750px; margin-top:21px; color:var(--ha-muted); font:400 clamp(16px,1.25vw,18px)/1.61 'Sulphur Point',sans-serif; }
.hse-about-partnership__body > p:first-child { margin-top:0; }
.hse-about-partnership__body > .hse-about-partnership__pullquote { color:var(--ha-muted); font:400 clamp(16px,1.25vw,18px)/1.61 'Sulphur Point',sans-serif; }
.hse-about-partnership__body > p:last-child { color:var(--ha-muted); font:400 clamp(16px,1.25vw,18px)/1.61 'Sulphur Point',sans-serif; }
.hse-about-partnership__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:clamp(53px,7vw,99px); }
/* Working Alongside You cards reveal independently from the mission group. */
.hse-about.hse-about--reveal-ready .hse-about-partnership__steps:not(.is-hse-revealed) > .hse-about-step { opacity:0; translate:0 22px; }
.hse-about.hse-about--reveal-ready .hse-about-partnership__steps.is-hse-revealed > .hse-about-step { animation:ha-about-card-reveal .92s var(--ha-ease) both; }
.hse-about.hse-about--reveal-ready .hse-about-partnership__steps.is-hse-revealed > .hse-about-step:nth-child(2) { animation-delay:.17s; }
.hse-about.hse-about--reveal-ready .hse-about-partnership__steps.is-hse-revealed > .hse-about-step:nth-child(3) { animation-delay:.34s; }

.hse-about-step {
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:265px;
  display:flex;
  flex-direction:column;
  padding:clamp(22px,2.3vw,35px);
  overflow:hidden;
  border:1px solid transparent;
  border-radius:var(--ha-radius-lg);
  transform:translate3d(0,0,0);
  transition:transform .35s var(--ha-ease),background-color .35s ease,border-color .25s ease,box-shadow .3s ease;
}
.hse-about-step--grey { background:#E9E9E6; color:var(--ha-ink); }
.hse-about-step--amber { background:linear-gradient(145deg,var(--ha-amber),var(--ha-bright-amber) 70%,var(--ha-light-amber)); color:#111; }
.hse-about-step--dark { background:var(--ha-graphite); color:var(--ha-white); }
.hse-about-step::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  background:var(--ha-white);
  clip-path:inset(0 0 100% 0);
  pointer-events:none;
  transition:clip-path .9s var(--ha-ease);
}
.hse-about-step > *:not(.hse-about-step__media) { position:relative; z-index:2; }
.hse-about-step__media {
  position:absolute;
  inset:0;
  z-index:0;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  transition:opacity .38s ease;
}
.hse-about-step__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1);
  transform:scale(1.02);
  transition:transform .45s var(--ha-ease);
}
.hse-about-step__media::after {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(233,233,230,.82);
}
.hse-about-step--amber .hse-about-step__media::after { background:rgba(255,200,74,.80); }
.hse-about-step--dark .hse-about-step__media::after { background:rgba(17,17,17,.82); }
.hse-about-step:hover .hse-about-step__media { opacity:1; }
.hse-about-step:hover .hse-about-step__media img { transform:scale(1.055); }
.hse-about-step:active .hse-about-step__media { opacity:0; }
.hse-about-step:hover { transform:translate3d(0,-5px,0); box-shadow:0 18px 38px rgba(0,0,0,.14); }
.hse-about-step:active { transform:translate3d(0,0,0); border-color:rgba(216,155,43,.74); 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-about-step:active::after { clip-path:inset(0 0 0 0); }
.hse-about-step__top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:auto; padding-bottom:40px; color:#725117; font:700 12px/1.2 'Oxanium',sans-serif; letter-spacing:.075em; }
.hse-about-step--dark .hse-about-step__top { color:var(--ha-amber); }
.hse-about-step__top .material-symbols-rounded { display:grid!important; place-items:center; width:43px; height:43px; border:1px solid rgba(0,0,0,.18); border-radius:12px; background:rgba(255,255,255,.13); color:inherit; font-size:24px!important; transition:background-color .3s ease,color .3s ease,border-color .3s ease; }
.hse-about-step--dark .hse-about-step__top .material-symbols-rounded { border-color:rgba(255,255,255,.26); background:rgba(255,200,74,.12); }
.hse-about-step:hover .hse-about-step__top .material-symbols-rounded { background:var(--ha-white); color:var(--ha-black); border-color:var(--ha-white); }
.hse-about-step--dark:hover .hse-about-step__top .material-symbols-rounded { background:var(--ha-white); color:var(--ha-black); border-color:var(--ha-white); }
.hse-about-step:active .hse-about-step__top .material-symbols-rounded { background:var(--ha-amber); color:var(--ha-black); border-color:var(--ha-amber); }
.hse-about-step h3 { color:var(--ha-ink); font-size:clamp(20px,1.6vw,25px); line-height:1.18; }
.hse-about-step--dark h3 { color:var(--ha-amber); }
.hse-about-step p { max-width:370px; margin-top:13px; color:#4E4E4A; font:400 15px/1.53 'Sulphur Point',sans-serif; }
.hse-about-step--dark p { color:rgba(255,255,255,.76); }
.hse-about-step:active h3,.hse-about-step:active .hse-about-step__top { color:var(--ha-deep-amber); }
.hse-about-step:active p { color:var(--ha-ink); }

/* 07 | CONTACT — PHOTOGRAPHIC CTA WITH FROSTED AMBER DIAMONDS BEHIND */
.hse-about-contact { position:relative; isolation:isolate; overflow:hidden; padding:clamp(70px,8vw,120px) 0; background:#080909; color:var(--ha-white); }
.hse-about-contact > .hse-about-container { position:relative; z-index:1; }
.hse-about-contact__diamonds { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.hse-about-contact__diamond {
  position:absolute;
  aspect-ratio:1/1;
  display:block;
  border:1px solid rgba(255,200,74,.18);
  border-radius:clamp(17px,2vw,29px);
  background:linear-gradient(135deg,rgba(255,200,74,.13),rgba(255,255,255,0));
  transform:rotate(45deg);
  animation:ha-diamond-float 13s ease-in-out infinite;
}
.hse-about-contact__diamond--one { width:310px; left:-90px; top:-135px; animation-delay:-5s; }
.hse-about-contact__diamond--two { width:290px; right:-85px; bottom:-145px; animation-duration:15s; animation-delay:-8s; }
.hse-about-contact__panel {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:320px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.78fr);
  gap:clamp(35px,7vw,120px);
  align-items:start;
  padding:clamp(36px,5vw,78px);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.54);
  border-radius:var(--ha-radius-lg);
  -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,.20);
  transform:translate3d(0,0,0);
  transition:transform .42s var(--ha-ease),border-color .42s ease,box-shadow .42s var(--ha-ease);
}
.hse-about-contact__panel:hover { transform:translate3d(0,-4px,0); 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-about-contact__panel:active { transform:translate3d(0,0,0); border-color:rgba(255,200,74,.80); box-shadow:0 0 0 5px rgba(255,200,74,.12),inset 0 0 0 1px rgba(255,213,120,.38),0 19px 46px rgba(0,0,0,.18); }
.hse-about-contact__photo { position:absolute; inset:0; z-index:-2; }
.hse-about-contact__photo img { width:100%; height:100%; object-fit:cover; object-position:58% 68%; }
.hse-about-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)); }
.hse-about-contact__panel::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; 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-about-contact__panel:hover::after { opacity:1; }
.hse-about-contact__panel:active::after { opacity:0; }
.hse-about-contact__title,.hse-about-contact__details { position:relative; z-index:1; }
.hse-about-contact .hse-about-kicker { color:var(--ha-light-amber); }
.hse-about-contact h2 { max-width:760px; color:var(--ha-white); }
.hse-about-contact h2 em { color:var(--ha-amber); }
.hse-about-contact__details p { max-width:510px; color:rgba(255,255,255,.82); font:400 clamp(16px,1.3vw,19px)/1.55 'Sulphur Point',sans-serif; }
.hse-about-contact__details .hse-about-btn { margin-top:25px; }

/* 08 | RESPONSIVE — SAME BREAKPOINTS AS HOMEPAGE */
@media (min-width:901px) {
  .hse-about-intro { padding-top:clamp(40px,4.5vw,70px); }
  .hse-about-intro__copy { padding-top:7px; }
}
@media (min-width:1200px) {
  .hse-about h2,.hse-about .hse-about-contact h2 { font-size:clamp(36px,3.6vw,59px); }
  .hse-about-hero h1 { font-size:clamp(43px,4.65vw,77px); }
}
@media (min-width:1600px) {
  .hse-about-intro__slide:nth-child(6) img { object-position:34% 30%; }
  .hse-about-hero__diamond--one { left:-100px; }
  .hse-about-hero__diamond--three { right:0; }
  .hse-about-intro__image-frame { height:675px; }
}
@media (max-width:1199px) {
  .hse-about-intro__grid { gap:clamp(34px,5vw,60px); }
  .hse-about-intro__image-frame { height:580px; }
  .hse-about-hero__diamond--one { top:-340px; }
  .hse-about-hero__diamond--two { top:-320px; }
  .hse-about-hero__footer { gap:20px; }
  .hse-about-hero__footer-thought { gap:4px; padding:5px; font-size:clamp(10px,1.08vw,13px); }
  .hse-about-hero__thought-pill { padding:8px clamp(6px,.7vw,10px); }
  .hse-about-hero__footer-thought .material-symbols-rounded { font-size:clamp(12px,1.2vw,15px); }
  .hse-about-mission__pills { gap:6px; }
  .hse-about-mission__graphic { gap:6px; padding:8px 10px; font-size:clamp(9.5px,.93vw,11px); letter-spacing:.05em; }
  .hse-about-mission__graphic .material-symbols-rounded { font-size:18px; }
}
@media (max-width:900px) {
  .hse-about-intro__slide:nth-child(5) img { object-position:34% 0%; }
  .hse-about-intro__slide:nth-child(6) img { object-position:34% 25%; }
  .hse-about-section { padding-block:80px; }
  .hse-about-hero { min-height:760px; }
  .hse-about-hero__inner { padding-top:245px; }
  .hse-about-hero h1 { font-size:clamp(40px,6vw,64px); }
  .hse-about-hero__footer { align-items:flex-start; flex-direction:column; justify-content:center; gap:12px; }
  .hse-about-hero__footer-thought { justify-content:flex-start; width:max-content; max-width:100%; gap:5px; font-size:clamp(10px,1.25vw,12px); }
  .hse-about-hero__thought-pill { padding:8px 10px; }
  .hse-about-intro__grid { grid-template-columns:minmax(0,1fr); gap:42px; }
  .hse-about-intro__copy { max-width:800px; }
  .hse-about-intro__visual { width:min(100%,750px); padding-left:7px; }
  .hse-about.hse-about--reveal-ready .hse-about-intro__image-note:not(.is-hse-revealed) { translate:-34px 0; }
  .hse-about.hse-about--reveal-ready .hse-about-intro__image-note.is-hse-revealed { animation-name:ha-about-note-from-left; }
  .hse-about-intro__image-frame { height:clamp(430px,68vw,560px); }
  .hse-about-mission__grid { grid-template-columns:1fr; gap:34px; }
  .hse-about-mission__pills { margin-top:24px; gap:8px; }
  .hse-about-mission__graphic { padding:9px 11px; font-size:11px; gap:8px; }
  .hse-about-mission__graphic .material-symbols-rounded { font-size:20px; }
  .hse-about-mission__values { gap:12px; margin-top:62px; }
  .hse-about-value { padding:23px; }
  .hse-about-partnership__layout { grid-template-columns:1fr; gap:30px; }
  .hse-about-partnership__body { max-width:760px; }
  .hse-about-contact__panel { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:700px) {
  .hse-about-intro__slide:nth-child(3) img { object-position:34% 42%; }
  .hse-about-intro__slide:nth-child(5) img { object-position:34% 10%; }
  .hse-about-intro__slide:nth-child(6) img { object-position:34% 25%; }
  .hse-about { --ha-gutter:20px; }
  .hse-about-section { padding-block:68px; }
  .hse-about h2,.hse-about .hse-about-contact h2 { font-size:clamp(34px,8vw,48px); }
  .hse-about-hero { min-height:700px; }
  .hse-about-hero__inner { padding-top:200px; }
  .hse-about-hero h1 { font-size:clamp(36px,9vw,55px); }
  .hse-about-hero__main { padding-bottom:60px; }
  .hse-about-hero__summary { font-size:16px; margin-top:19px!important; }
  .hse-about-hero__actions {
    display:flex;
    align-items:center;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
  }

  .hse-about .hse-about-hero__actions .hse-about-btn {
    flex:0 1 auto;
    min-width:0;
    min-height:44px;
    padding:10px 11px;
    gap:6px;
    font-size:10px;
    white-space:nowrap;
  }

  .hse-about .hse-about-hero__actions .hse-about-btn > .material-symbols-rounded {
    font-size:17px;
  }
  .hse-about-hero__diamond--one { width:340px; left:-190px; top:-205px; }
  .hse-about-hero__diamond--two { width:395px; left:8%; top:-320px; }
  .hse-about-hero__diamond--three { width:350px; right:-225px; top:-115px; }
  .hse-about-hero__diamond--four { width:200px; left:7%; top:95px; }
  .hse-about-hero__diamond--five { width:260px; left:52%; top:2px; }
  .hse-about-hero__diamond--six { width:220px; right:-135px; top:240px; }
  .hse-about-hero__diamond--seven { display:none; }
  .hse-about-hero__footer { min-height:100px; }
  .hse-about-hero__footer-label { font-size:10px; }
  .hse-about-hero__footer-thought { display:flex; justify-content:flex-start; width:max-content; max-width:100%; gap:4px; padding:5px; font-size:clamp(9px,1.65vw,11px); border-radius:22px; }
  .hse-about-hero__footer-thought .material-symbols-rounded { font-size:12px; }
  .hse-about-hero__thought-pill { padding:8px 7px; min-height:43px; text-align:center; line-height:1.3; white-space:nowrap; flex-shrink:0; }
  .hse-about-mission__pills { gap:6px; }
  .hse-about-mission__graphic { padding:8px 9px; gap:6px; font-size:10px; letter-spacing:.05em; }
  .hse-about-mission__graphic .material-symbols-rounded { font-size:18px; }
  .hse-about-intro__image-frame { height:340px; }
  .hse-about-intro__image-note { left:17px; bottom:94px; padding:14px 16px; font-size:13px; }
  .hse-about-mission__values,.hse-about-partnership__steps { grid-template-columns:1fr; gap:12px; margin-top:40px; }
  .hse-about-value { min-height:auto; padding:23px; }
  .hse-about-value__icon { margin-bottom:23px; }
  .hse-about-step { min-height:215px; padding:23px; }
  .hse-about-step__top { padding-bottom:32px; }
  .hse-about-contact { padding-block:65px; }
  .hse-about-contact__panel { padding:32px 23px; }
  .hse-about-contact__photo img { object-position:58% 48%; }
}
@media (max-width:460px) {
  .hse-about-hero__footer-thought { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); justify-content:stretch; width:100%; max-width:100%; gap:3px; padding:5px; font-size:clamp(9px,2.25vw,11px); }
  .hse-about-hero__footer-thought .material-symbols-rounded { font-size:11px; }
  .hse-about-hero__thought-pill { min-width:0; padding:8px 3px; white-space:normal; overflow-wrap:normal; flex-shrink:1; }
}
@media (max-width:400px) {
  .hse-about { --ha-gutter:16px; }
  .hse-about-hero__inner { padding-top:185px; }
  .hse-about-hero h1 { font-size:34px; }
  .hse-about .hse-about-btn { min-height:46px; padding:12px 14px; font-size:11px; }
  .hse-about-hero__actions {
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:6px;
  }

  .hse-about .hse-about-hero__actions .hse-about-btn {
    min-height:44px;
    padding:9px 8px;
    gap:4px;
    font-size:9px;
    white-space:nowrap;
  }

  .hse-about .hse-about-hero__actions .hse-about-btn > .material-symbols-rounded {
    font-size:15px;
  }
  .hse-about-hero__footer-thought { gap:2px; font-size:9px; padding:4px; }
  .hse-about-hero__thought-pill { padding:8px 2px; }
  .hse-about-mission__pills { gap:4px; }
  .hse-about-mission__graphic { padding:7px 8px; font-size:9px; gap:5px; }
  .hse-about-mission__graphic .material-symbols-rounded { font-size:16px; }
  .hse-about-intro__image-frame { height:315px; }
}

/* ASK AI | ABOUT PAGE — COMPLETE SECTION CSS
   Uses the existing .hse-about foundation, typography, container, and button system.
   Place in the About stylesheet; no global changes or override patches. */

/* Light amber in the same palette as the Apprenticeship closing section. */
.hse-about-ai {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ha-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-about-ai > .hse-about-container {
  position: relative;
  z-index: 1;
}

/* White glass panel */
.hse-about-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(--ha-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(--ha-ease),
    border-color .65s var(--ha-ease),
    box-shadow .65s var(--ha-ease),
    -webkit-backdrop-filter .65s var(--ha-ease),
    backdrop-filter .65s var(--ha-ease);
}

/* Smoothly fading white glass surface */
.hse-about-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,.86),
    rgba(255,255,255,.77)
  );
  opacity: 1;
  transition: opacity .65s var(--ha-ease);
}

/* HOVER — frosted amber glass */
.hse-about-ai__panel:hover {
  transform: translate3d(0,-3px,0);
  border-color: rgba(255,255,255,.98);
  -webkit-backdrop-filter: blur(27px) saturate(110%) brightness(.78);
  backdrop-filter: blur(27px) saturate(110%) brightness(.78);
  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-about-ai__panel:hover::before {
  opacity: .28;
}

/* ACTIVE — restore frosted white glass */
.hse-about-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-about-ai__panel:active::before {
  opacity: 1;
}

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

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

.hse-about-ai h2 {
  color: var(--ha-black);
}

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

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

.hse-about-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-about-ai__panel:active .hse-about-kicker {
  color: var(--ha-deep-amber);
}

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

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

/* HOVER — supporting copy turns white */
.hse-about-ai__panel:hover .hse-about-ai__content > p:not(.hse-about-kicker) {
  color: #FFFFFF;
}

/* ACTIVE — restore original supporting copy colour */
.hse-about-ai__panel:active .hse-about-ai__content > p:not(.hse-about-kicker) {
  color: #50504B;
}

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

.hse-about .hse-about-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(--ha-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(--ha-ease),
    color .27s ease,
    border-color .3s ease,
    background .32s ease,
    box-shadow .4s ease;
}

.hse-about .hse-about-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-about .hse-about-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(--ha-ease);
}

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

.hse-about .hse-about-ai__button:hover,
.hse-about .hse-about-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-about .hse-about-ai__button:hover::before,
.hse-about .hse-about-ai__button:focus-visible::before {
  transform: translateX(0);
}

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

.hse-about .hse-about-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-about .hse-about-ai__button:active::before {
  transform: translateX(-102%);
}

.hse-about .hse-about-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-about .hse-about-ai__button--chatgpt {
  --ha-ai-button-bg: linear-gradient(125deg, #FFF3D9, #FFE9BC);
}

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

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

/* Four large frosted diamonds live on the AMBER SECTION, not on the white card. */
.hse-about-ai__diamonds {
  position: absolute;
  z-index: 0;
  width: 460px;
  height: 420px;
  pointer-events: none;
}

.hse-about-ai__diamonds--top-right {
  top: -65px;
  right: -28px;
}

.hse-about-ai__diamonds--bottom-left {
  bottom: -65px;
  left: -28px;
}

.hse-about-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-about-ai-diamond-float 15s ease-in-out infinite alternate;
}

/* Larger diamonds than the homepage: 220px and 152px, respectively. */
.hse-about-ai__diamond--lg { width: 220px; height: 220px; }
.hse-about-ai__diamond--md { width: 152px; height: 152px; animation-duration: 18s; animation-delay: -6s; }

.hse-about-ai__diamonds--top-right .hse-about-ai__diamond--lg { top: 10px; right: 10px; }
.hse-about-ai__diamonds--top-right .hse-about-ai__diamond--md { top: 181px; right: 283px; }
.hse-about-ai__diamonds--bottom-left .hse-about-ai__diamond--lg { bottom: 10px; left: 10px; }
.hse-about-ai__diamonds--bottom-left .hse-about-ai__diamond--md { bottom: 181px; left: 283px; }

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

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

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

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

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

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

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

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

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

/* 09 | REDUCED MOTION */
@media (prefers-reduced-motion:reduce) {
  .hse-about *, .hse-about *::before,.hse-about *::after { animation:none!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .hse-about-hero h1 em { background-position:0 center; }
  .hse-about-hero__thought-pill { opacity:1; }
  .hse-about.hse-about--reveal-ready .hse-about-intro__image-note,
  .hse-about.hse-about--reveal-ready .hse-about-mission__values > .hse-about-value,
  .hse-about.hse-about--reveal-ready .hse-about-partnership__steps > .hse-about-step { opacity:1; translate:0 0; }
}