/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2026 | 18:10:52 */
@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 | OUR TEAM — Complete integrated, page-scoped WordPress CSS. */
body:has(.hse-team) { margin-top:0; }
body:has(.hse-team) .wp-site-blocks,
body:has(.hse-team) .wp-site-blocks > main,
body:has(.hse-team) .wp-block-post-content,
body:has(.hse-team) .entry-content { margin-block-start:0; padding-block-start:0; }
body:has(.hse-team) .wp-site-blocks > header:has(.hse-site-header) + * { margin-block-start:0; }
body:has(.hse-team) .wp-block-post-content > .wp-block-html:has(.hse-team) { margin-block-start:0; padding-block-start:0; }
.hse-team {
  --hset-amber:#FFC84A;--hset-gold:#D89B2B;--hset-bright:#FFD578;
  --hset-ink:#151515;--hset-muted:#565653;--hset-dark:#111315;
  --hset-pale:#F7F7F5;--hset-grey:#E9EDEE;--hset-white:#fff;
  --hset-ease:cubic-bezier(.22,1,.36,1);
  --hset-gutter:clamp(20px,4.6vw,86px);--hset-max:1520px;
  position:relative;isolation:isolate;width:100%;max-width:none;margin:0;
  overflow-x:clip;background:var(--hset-pale);color:var(--hset-ink);
  font:400 16px/1.6 'Sulphur Point',Arial,sans-serif;-webkit-font-smoothing:antialiased;
}
.hse-team,.hse-team *,.hse-team *::before,.hse-team *::after { box-sizing:border-box; }
.hse-team :is(h1,h2,h3,h4,p,figure) { margin:0; }
.hse-team :is(h1,h2,h3,h4) { font-family:'Oxanium',Arial,sans-serif;letter-spacing:-.045em;text-wrap:balance; }
.hse-team h2 { font-size:clamp(36px,4vw,66px);font-weight:500;line-height:1.045; }
.hse-team h2 em,.hse-team h1 em { font-style:normal; }
.hse-team h3 { font-weight:600; }
.hse-team img { display:block;max-width:100%; }
.hse-team a { text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent; }
.hse-team :is(a,button,input,summary):focus-visible { outline:3px solid var(--hset-gold);outline-offset:4px; }
.hse-team .material-symbols-rounded {
  display:inline-grid!important;place-items:center;flex:none;
  font-family:'Material Symbols Rounded';font-size:24px;font-weight:normal;font-style:normal;
  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;
}
.hset-container { width:min(calc(100% - var(--hset-gutter)*2),var(--hset-max));margin-inline:auto; }
.hset-section { padding-block:clamp(88px,8.5vw,145px); }
.hse-team .hset-kicker { font:700 clamp(11px,.8vw,13px)/1.4 'Oxanium',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hset-gold);margin-bottom:20px; }
.hse-team :is(#hset-difference,#hset-people,#hset-together,#hset-contact) { scroll-margin-top:clamp(90px,10vw,125px); }
/* Buttons retain the site's uppercase Oxanium typography and pressed reveal. */
.hse-team .hset-btn { --hset-press:#fff;position:relative;isolation:isolate;display:inline-flex;
  align-items:center;justify-content:center;gap:12px;min-height:49px;max-width:100%;width:fit-content;
  padding:12px 20px;border:1px solid transparent;border-radius:10px;overflow:hidden;
  font:700 12px/1.25 'Oxanium',Arial,sans-serif;letter-spacing:.015em;text-transform:uppercase;text-align:center;
  cursor:pointer;transition:transform .3s var(--hset-ease),color .3s,background .3s,border-color .3s,box-shadow .3s; }
.hset-btn::before { content:'';position:absolute;z-index:-1;inset:0;background:var(--hset-press);transform:translateX(-102%);transition:transform .47s var(--hset-ease);pointer-events:none; }
.hset-btn:active::before { transform:translateX(0); }
.hset-btn .material-symbols-rounded { font-size:19px!important;transition:transform .3s var(--hset-ease); }
.hset-btn:hover { transform:translateY(-3px); }
.hset-btn:active { transform:translateY(0); }
.hset-btn:hover .material-symbols-rounded { transform:scale(1.07); }
.hse-team .hset-btn--amber { background:var(--hset-amber);color:#080808;box-shadow:0 10px 30px rgba(216,155,43,.13),inset 0 1px rgba(255,255,255,.3); }
.hse-team .hset-btn--amber:hover { background:var(--hset-bright);color:#080808;box-shadow:0 14px 34px rgba(216,155,43,.24); }
.hse-team .hset-btn--amber:active { background:var(--hset-bright);color:#080808;border-color:var(--hset-gold);box-shadow:0 0 0 4px rgba(255,200,74,.22); }
.hse-team .hset-btn--glass { background:rgba(255,255,255,.62);border-color:rgba(38,38,38,.19);color:#161616;backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 1px rgba(255,255,255,.8); }
.hse-team .hset-btn--glass:hover { background:rgba(255,200,74,.36);border-color:var(--hset-gold); }
.hse-team .hset-btn--glass:active { border-color:var(--hset-gold);box-shadow:0 0 0 4px rgba(255,200,74,.15); }
.hse-team .hset-btn--dark { --hset-press:#E9EDEE;background:#1D201E;color:#fff;border-color:rgba(255,255,255,.2);box-shadow:0 10px 26px rgba(0,0,0,.12); }
.hse-team .hset-btn--dark:hover { background:#343734;color:#fff;border-color:rgba(255,200,74,.52); }
.hse-team .hset-btn--dark:active { color:#151515;border-color:rgba(216,155,43,.7); }

/* 01 | HERO — silver atmosphere, round frosted portraits, message pointers. */
.hset-hero { position:relative;isolation:isolate;min-height:clamp(735px,94svh,980px);overflow:hidden;background:#fff; }
/* Quiet silver grid: light enough to sit behind the portraits and headline. */
.hset-hero__dotfield { position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
  background-image:radial-gradient(circle,rgba(112,128,136,.15) 0 .9px,rgba(112,128,136,.055) 1.25px,transparent 1.8px);
  background-size:24px 24px;
  mask-image:radial-gradient(ellipse at 50% 35%,#000 35%,rgba(0,0,0,.7) 68%,transparent 96%); }
/* Sparse amber illumination lights up selected dots from the EXISTING
   24px silver grid. The amber repeat is every second dot (48px) and
   aligned to the silver dot centres — no additional or moving particles. */
.hset-hero__dotfield::before,.hset-hero__dotfield::after {
  content:'';position:absolute;inset:0;pointer-events:none;
}
.hset-hero__dotfield::before {
  background-image:radial-gradient(circle,
    rgba(238,178,67,.82) 0 .75px,
    rgba(235,174,67,.40) 1.7px,
    rgba(243,193,104,.18) 3.7px,
    rgba(246,208,149,.05) 7px,
    transparent 11px);
  background-size:48px 48px;
  background-position:-12px -12px;
  background-repeat:repeat;
  /* Two softly feathered light passes drift in opposite directions.
     Only the mask moves: the amber dots stay fixed on the silver grid. */
  mask-image:
    radial-gradient(ellipse 14% 29% at 46% 18%,rgba(0,0,0,.88) 0%,rgba(0,0,0,.47) 34%,transparent 100%),
    radial-gradient(ellipse 13% 27% at 54% 81%,rgba(0,0,0,.69) 0%,rgba(0,0,0,.35) 35%,transparent 100%);
  mask-size:200% 100%,200% 100%;
  mask-position:0% 0%,100% 0%;
  mask-repeat:no-repeat;
  animation:hset-grid-nodes-a 38s ease-in-out -10s infinite alternate;
}
/* A wide, barely tinted frosted-amber wash follows the travelling light.
   It has no point highlights or extra dot layer. */
.hset-hero__dotfield::after {
  background-image:
    radial-gradient(ellipse 29% 38% at 12% 23%,rgba(236,181,88,.105),rgba(246,218,166,.038) 44%,transparent 90%),
    radial-gradient(ellipse 28% 35% at 88% 77%,rgba(235,177,79,.10),rgba(246,213,153,.035) 45%,transparent 90%);
  filter:blur(36px);
  animation:hset-grid-nodes-b 44s ease-in-out -15s infinite alternate;
}
@keyframes hset-grid-nodes-a {
  from { opacity:.68;mask-position:0% 0%,100% 0%; }
  50% { opacity:.94;mask-position:50% 0%,50% 0%; }
  to { opacity:.75;mask-position:100% 0%,0% 0%; }
}
@keyframes hset-grid-nodes-b {
  from { opacity:.67;transform:translate3d(-4%,2%,0); }
  50% { opacity:.88;transform:translate3d(2%,-1%,0); }
  to { opacity:.73;transform:translate3d(5%,-2%,0); }
}
.hset-hero::after { content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 100%); }
.hset-hero__art { position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate3d(0,var(--hset-hero-parallax,0px),0); }
.hset-hero__person { --hset-circle-size:clamp(65px,6.5vw,108px);position:absolute;
  display:block;flex:none;width:var(--hset-circle-size);height:var(--hset-circle-size);
  min-width:var(--hset-circle-size);max-width:var(--hset-circle-size);
  min-height:var(--hset-circle-size);max-height:var(--hset-circle-size);aspect-ratio:1 / 1;
  border:1px solid rgba(255,255,255,.95);border-radius:50%;overflow:hidden;
  background:rgba(255,255,255,.66);backdrop-filter:blur(15px) saturate(130%);
  box-shadow:inset 0 1px rgba(255,255,255,.84),0 12px 34px rgba(29,40,49,.11);
  transform:translate3d(0,var(--hset-person-shift,0px),0);animation:hset-photo-enter 1.4s var(--hset-ease) both; }
.hset-hero__bob { position:absolute;inset:3px;display:block;aspect-ratio:1 / 1;
  overflow:hidden;border-radius:50%;isolation:isolate; }
.hset-hero__bob img { position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:center;filter:saturate(.86);
  --hset-hero-image-scale:1.30;
  animation:hset-bob var(--hset-float-time,9s) ease-in-out infinite alternate; }
.hset-hero__person--a { top:20%;left:13%;--hset-float-time:9.5s;animation-delay:.15s; }
.hset-hero__person--b { top:33%;left:6%;--hset-circle-size:clamp(58px,5.5vw,87px);--hset-float-time:11s;animation-delay:.28s; }
.hset-hero__person--c { top:43%;left:19%;--hset-circle-size:clamp(80px,8vw,128px);--hset-float-time:10.4s;animation-delay:.41s; }
.hset-hero__person--d { top:20%;right:15%;--hset-float-time:12s;animation-delay:.3s; }
.hset-hero__person--e { top:33%;right:6%;--hset-circle-size:clamp(80px,7.7vw,120px);--hset-float-time:10.3s;animation-delay:.55s; }
.hset-hero__person--f { top:44%;right:20%;--hset-circle-size:clamp(66px,6.2vw,101px);--hset-float-time:9.9s;animation-delay:.65s; }
@keyframes hset-bob { from { transform:translateY(-1px) scale(var(--hset-hero-image-scale)); } to { transform:translateY(1px) scale(var(--hset-hero-image-scale)); } }
@keyframes hset-photo-enter { from { opacity:0;scale:.7; } to { opacity:1;scale:1; } }
.hset-hero__speech,.hset-hero__typing { --hset-speech-glass:rgba(255,255,255,.79);--hset-speech-border:rgba(255,255,255,.95);
  position:absolute;display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;
  border:1px solid var(--hset-speech-border);color:#393936;background:var(--hset-speech-glass);
  backdrop-filter:blur(18px);box-shadow:0 9px 22px rgba(20,23,23,.075);
  font:500 clamp(11px,.95vw,14px)/1.25 'Sulphur Point',sans-serif;
  animation:hset-float-cue 8s ease-in-out infinite alternate; }
.hset-hero__speech::before { content:'';position:absolute;top:-10px;left:23%;width:19px;height:19px;
  border-left:1px solid var(--hset-speech-border);border-top:1px solid var(--hset-speech-border);
  background:var(--hset-speech-glass);backdrop-filter:blur(18px);
  transform:rotate(45deg);border-radius:3px 0 0 0;box-shadow:-2px -2px 5px rgba(17,26,31,.025); }
.hset-hero__speech--right::before { left:auto;right:23%; }
.hset-hero__speech .material-symbols-rounded { color:var(--hset-gold);font-size:18px!important; }
.hset-hero__speech--left {
  left:3%;
  top:42%;
  animation-delay:-3s;
}
.hset-hero__speech--right { right:4%;top:43%;animation-delay:-6s; }
.hset-hero__typing { min-width:62px;min-height:39px;justify-content:center;gap:5px; }
.hset-hero__typing--left { left:3%;top:calc(42% + 58px);animation-delay:-3s; }
.hset-hero__typing--right { right:calc(4% + clamp(68px,calc(6.175vw - 4px),87px));top:calc(43% + 58px);animation-delay:-6s; }
.hset-hero__typing i { display:block;width:6px;height:6px;border-radius:50%;background:#aaa9a4;animation:hset-typing 1.45s ease-in-out infinite; }
.hset-hero__typing i:nth-child(2) { animation-delay:.18s; }
.hset-hero__typing i:nth-child(3) { animation-delay:.36s; }
@keyframes hset-float-cue { from { transform:translateY(-5px); } to { transform:translateY(5px); } }
@keyframes hset-typing { 0%,65%,100% { opacity:.3;transform:translateY(0); } 30% { opacity:1;transform:translateY(-5px);background:var(--hset-gold); } }
.hset-hero__inner { position:relative;z-index:3;min-height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:clamp(140px,14vw,210px);padding-bottom:75px;text-align:center; }
.hset-hero__copy { position:relative;z-index:3;width:min(750px,100%);margin:auto 0; }
.hse-team .hset-kicker--pill { display:inline-flex;width:auto;margin-bottom:25px;padding:9px 15px;border:1px solid rgba(216,155,43,.54);border-radius:999px;background:rgba(255,200,74,.15);backdrop-filter:blur(14px);color:#664609; }
.hset-hero h1 { font-size:clamp(46px,5.2vw,86px);line-height:1.03;font-weight:500;color:#212220; }
.hset-hero h1 em { background:linear-gradient(90deg,var(--hset-amber),var(--hset-bright)) 0 88% / 0% 29% no-repeat;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:hset-underline 1.7s var(--hset-ease) .3s forwards; }
@keyframes hset-underline { to { background-size:100% 29%; } }
.hset-hero__summary { max-width:655px;margin:25px auto 0!important;color:#575853;font-size:clamp(16px,1.35vw,20px);line-height:1.55; }
.hset-hero__actions { display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px; }

/* 02 | COMPARISON — full-range slider, image reveals, frosted outcomes cards. */
.hset-difference { padding-top:clamp(72px,6.7vw,108px);background:linear-gradient(180deg,#EEF1F3 0%,#F5F7F8 50%,#E9EEF1 100%); }
.hset-difference__intro { max-width:850px;text-align:center;margin:0 auto clamp(34px,4vw,66px); }
.hset-difference__intro h2 em { color:var(--hset-gold); }
.hset-difference__intro > p:not(.hset-kicker) { max-width:700px;margin:18px auto 0;color:var(--hset-muted);font-size:clamp(16px,1.18vw,18px); }
.hset-compare { --hset-split:50%;border:1px solid rgba(255,255,255,.88);border-radius:clamp(19px,2.3vw,30px);background:#E9EDEE;box-shadow:inset 0 1px #fff,0 20px 55px rgba(30,33,30,.075);overflow:hidden; }
.hset-compare__stage { position:relative;isolation:isolate;height:clamp(455px,44vw,635px);overflow:hidden;background:#ECEEEE; }
.hset-compare__before,.hset-compare__after { position:absolute;inset:0;overflow:hidden; }
.hset-compare__before { z-index:2;clip-path:inset(0 calc(100% - var(--hset-split)) 0 0);background:radial-gradient(circle at 35% 45%,#F8FAFB 0%,#DDE4E8 85%); }
.hset-compare__after { z-index:1;clip-path:inset(0 0 0 var(--hset-split));background:radial-gradient(circle at 72% 50%,#FFF4D7,#FFD47A 56%,#E9AE3F 125%); }
.hset-compare__label { position:absolute;z-index:2;left:clamp(22px,3.2vw,48px);top:clamp(24px,3vw,40px);display:flex;align-items:center;gap:9px;color:#616361;font:700 11px/1.3 'Oxanium',Arial,sans-serif;letter-spacing:.10em;white-space:nowrap; }
.hset-compare__after .hset-compare__label { left:auto;right:clamp(22px,3.2vw,48px);color:#6d4d19; }
.hset-compare__label .material-symbols-rounded { font-size:21px!important; }
.hset-compare__before-content,.hset-compare__after-content {
  position:absolute;
  z-index:2;
  top:24%;
  transform:none;
  width:calc(50% - clamp(110px,7.2vw,138px));
  max-width:none;
}
.hset-compare__before-content { left:clamp(22px,3.2vw,48px); }
.hset-compare__after-content { right:clamp(22px,3.2vw,48px); }
.hset-compare__before h3,.hset-compare__after h3 { font:600 clamp(37px,4.4vw,74px)/1.03 'Oxanium',Arial,sans-serif;letter-spacing:-.05em; }
.hset-compare__before h3 { color:#676963; }
.hset-compare__after h3 { color:#171713; }
.hset-compare__before-content > p:not(.hset-compare__subline),.hset-compare__after-content > p:not(.hset-compare__subline) { font-size:clamp(14px,1.24vw,18px);line-height:1.5;margin-top:16px;color:#666862; }
.hset-compare__after-content > p:not(.hset-compare__subline) { color:#5c451d; }
.hset-compare__subline { display:flex;align-items:center;flex-wrap:wrap;column-gap:clamp(7px,.8vw,12px);row-gap:3px;margin:0 0 19px!important;color:#7a7f80;font:700 clamp(9px,.8vw,11px)/1.5 'Oxanium',sans-serif;letter-spacing:.07em; }
.hset-compare__subline-node { display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(70,73,72,.08); }
.hset-compare__after .hset-compare__subline { color:#755016; }
.hset-compare__after .hset-compare__subline--label { text-align:left; }
.hset-compare__scatter,.hset-compare__steps {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  max-width:none;
  margin-top:26px;
}
.hset-compare__scatter > span,.hset-compare__steps > span { display:inline-flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(224,229,234,.73);border-radius:7px;padding:7px 9px;background:rgba(224,229,234,.73);backdrop-filter:blur(14px) saturate(125%);font:600 clamp(10px,.81vw,12px)/1.25 'Sulphur Point',sans-serif;text-transform:uppercase;white-space:nowrap;color:#666; }
.hset-compare__steps > span { background:rgba(255,255,255,.83);border-color:rgba(255,255,255,.96);color:#493b28;box-shadow:inset 0 1px rgba(255,255,255,.6); }
.hset-compare__scatter > span > .material-symbols-rounded,.hset-compare__steps > span > .material-symbols-rounded { display:grid!important;place-items:center;width:22px;height:22px;padding:0!important;margin:0;border:0;border-radius:6px;background:#fff;flex:0 0 22px;text-align:center;vertical-align:middle; }
.hset-compare__steps > span > .material-symbols-rounded { background:var(--hset-amber);color:#111!important; }
.hset-compare__scatter > span > .material-symbols-rounded,.hset-compare__steps > span > .material-symbols-rounded { font-size:16px!important;color:var(--hset-gold); }
.hset-compare__illustration { position:absolute;z-index:1;top:50%;width:30%;height:56%;overflow:visible;border:5px solid rgba(255,255,255,.8);border-radius:18px;transform:translateY(-50%);
  background:rgba(255,255,255,.39);box-shadow:inset 0 1px rgba(255,255,255,.9),0 20px 40px rgba(30,40,45,.12); }
.hset-compare__illustration--before { right:clamp(29px,6.5vw,110px); }
.hset-compare__illustration--after { left:clamp(29px,6.5vw,110px); }
.hset-compare__illustration img { width:100%;height:100%;object-fit:cover;border-radius:13px; }
.hset-compare__mood { position:absolute;z-index:2;top:-24px;right:-24px;width:74px;height:74px;border-radius:20px;
  border:2px solid rgba(255,255,255,.89);background:rgba(255,255,255,.55);color:var(--hset-gold);backdrop-filter:blur(16px);
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 27px rgba(28,32,34,.09);font-size:60px!important; }
.hset-compare__illustration--after .hset-compare__mood { right:auto;left:-24px;background:var(--hset-amber);color:#111;backdrop-filter:none; }
.hset-compare__divider { position:absolute;z-index:5;left:var(--hset-split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:rgba(255,255,255,.94);pointer-events:none;box-shadow:0 0 18px rgba(255,255,255,.5); }
.hset-compare__handle { position:absolute;top:50%;left:50%;width:clamp(80px,9vw,124px);height:clamp(80px,9vw,124px);transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:1px;background:var(--hset-amber);border:5px solid #fff;box-shadow:0 13px 37px rgba(50,47,34,.25),0 0 0 7px rgba(255,200,74,.22);color:#0F1010; }
.hset-compare__mark { display:block;width:44%;height:44%;object-fit:contain;filter:brightness(0) invert(1); }
.hset-compare__handle-arrow { font-size:19px!important;color:#fff; }
.hset-compare__range { position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:pan-y;accent-color:var(--hset-gold); }
.hset-compare__range:focus-visible { outline:4px solid var(--hset-gold);outline-offset:-6px; }
.hset-compare__toolbar { display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:70px;padding:17px clamp(23px,3.2vw,47px);background:rgba(255,255,255,.82);font:700 11px/1.35 'Oxanium',sans-serif;letter-spacing:.04em; }
.hset-compare__toolbar-side,.hset-compare__hint { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 12px;border:1px solid rgba(207,216,222,.93);border-radius:999px;background:rgba(233,238,241,.6);backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px rgba(255,255,255,.94);text-transform:uppercase;transform:translateY(0);transition:transform .52s var(--hset-ease),background-color .38s ease,border-color .38s ease,box-shadow .52s ease; }
.hset-compare__toolbar-side:hover,.hset-compare__hint:hover { transform:translateY(-3px);border-color:rgba(255,255,255,.96);background:rgba(244,248,250,.86);box-shadow:0 7px 19px rgba(25,31,34,.07); }
.hset-compare__toolbar-side:active,.hset-compare__hint:active { transform:translateY(0);box-shadow:inset 0 1px rgba(255,255,255,.94); }
.hset-compare__hint { color:#7a7974;font-size:10px;letter-spacing:.08em; }
.hset-compare__hint .material-symbols-rounded { font-size:20px!important; }
.hset-compare__text--mobile { display:none; }
@keyframes hset-hint-hover-drift {
  0%,100% { transform:translateX(-2px); }
  50% { transform:translateX(3px); }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .hset-compare__hint:hover > :is(.material-symbols-rounded,.hset-compare__text--full,.hset-compare__text--mobile) {
    animation:hset-hint-hover-drift 2.6s ease-in-out infinite;
  }
}
.hset-difference__outro-wrap { margin-top:26px;padding:clamp(19px,2.5vw,35px);border:1px solid rgba(255,255,255,.94);border-radius:20px;
  background:rgba(255,255,255,.18);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.68); }
.hset-difference__outro-wrap .hset-kicker { margin-bottom:17px; }
.hset-difference__outro { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.hset-difference__outro > div { display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-content:center;min-height:125px;padding:22px 25px;
  border-radius:15px;background:rgba(236,237,235,.54);border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px rgba(255,255,255,.72);transform:translateY(0);
  transition:transform .72s var(--hset-ease),background .45s ease,border-color .45s ease,box-shadow .7s var(--hset-ease); }
.hset-difference__outro .material-symbols-rounded { grid-row:span 2;color:var(--hset-gold);font-size:29px!important;transition:color .4s ease; }
.hset-difference__outro strong { font:600 18px/1.2 'Oxanium',sans-serif;letter-spacing:-.035em;transition:color .4s ease; }
.hset-difference__outro small { margin-top:7px;color:#666760;font-size:14px;transition:color .4s ease; }
.hset-difference__outro > div:hover { transform:translateY(-3px);background:rgba(255,255,255,.97);border-color:#fff;box-shadow:0 11px 22px rgba(34,40,45,.075); }
.hset-difference__outro > div:hover .material-symbols-rounded { color:#151515; }
.hset-difference__outro > div:hover strong { color:var(--hset-gold); }
.hset-difference__outro > div:active { transform:translateY(0);background:rgba(255,200,74,.66);backdrop-filter:blur(18px) saturate(140%);border-color:rgba(255,255,255,.97);box-shadow:inset 0 1px rgba(255,255,255,.68),0 5px 15px rgba(216,155,43,.18); }
.hset-difference__outro > div:active :is(.material-symbols-rounded,strong,small) { color:#111; }

/* 03 | TEAM — amber editorial section, frosted profile borders, headshot/PPE reveal. */
.hset-people { position:relative;isolation:isolate;overflow:hidden;background:var(--hset-amber); }
.hset-people__diamond { position:absolute;z-index:0;width:clamp(190px,24vw,385px);aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.84);border-radius:clamp(18px,2.4vw,34px);background:rgba(255,255,255,.58);backdrop-filter:blur(18px) saturate(126%);box-shadow:inset 0 1px rgba(255,255,255,.9),0 15px 40px rgba(70,50,8,.10);transform:rotate(45deg);pointer-events:none;animation:hset-diamond 19s ease-in-out infinite alternate; }
.hset-people__diamond--one { top:-125px;right:-120px; }
.hset-people__diamond--two { bottom:-115px;left:-125px;animation-delay:-9s; }
.hset-people > .hset-container { position:relative;z-index:1; }
.hset-people__intro { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.85fr);gap:50px;align-items:center;margin-bottom:clamp(34px,4vw,65px); }
.hset-people__intro h2 span { color:#fff;text-shadow:0 2px 12px rgba(74,50,8,.3); }
.hset-people__intro > p { max-width:650px;color:#000;font-size:clamp(16px,1.2vw,18px);line-height:1.6; }
.hset-people__heading { display:flex;flex-direction:column;align-items:flex-start;justify-content:center; }
.hset-people .hset-kicker { color:#111; }
.hset-people__heading .hset-btn { margin-top:24px; }

.hset-people__heading .hset-btn--dark {
  --hset-press:#fff;
}

.hset-people__heading .hset-btn--dark:active {
  background:#fff;
  color:#151515;
  border-color:rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 0 3px rgba(255,255,255,.38),
    0 0 22px rgba(255,255,255,.32);
}

.hset-people__heading .hset-btn--dark:active { background:rgba(255,200,74,.55);backdrop-filter:blur(18px) saturate(135%); }
.hset-people__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,2.7vw,39px); }
.hset-person { position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;align-items:stretch;overflow:hidden;border-radius:18px;
  border:2px solid rgba(255,255,255,.9);background:#fff;box-shadow:inset 0 1px rgba(255,255,255,.9),0 15px 35px rgba(24,26,25,.07);
  transition:border-color .54s ease,box-shadow .72s var(--hset-ease); }
.hset-person:hover { border-color:rgba(216,155,43,.56);box-shadow:0 18px 37px rgba(24,26,25,.085); }
.hset-person:active { border-color:rgba(255,200,74,.94);box-shadow:0 0 0 5px rgba(255,200,74,.22),0 0 30px rgba(216,155,43,.25); }
.hset-person:has(.hset-person__details[open]:not([data-hset-photo-open="false"])) { border-color:rgba(255,200,74,.87);box-shadow:0 0 0 4px rgba(255,200,74,.16),0 0 27px rgba(216,155,43,.20); }
.hset-person__portrait-wrap { position:relative;min-height:0;height:clamp(330px,30vw,470px);background:#CDD0CF;overflow:hidden; }
.hset-person__media { position:absolute;inset:0;overflow:hidden; }
.hset-person__media::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,12,12,.44) 100%);pointer-events:none; }
.hset-person__headshot,.hset-person__fieldshot { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  scale:calc(var(--hset-photo-base,1.015) + var(--hset-photo-zoom,0));
  transition:opacity 1.05s cubic-bezier(.45,0,.55,1),scale 1.05s var(--hset-ease),filter 1.05s ease-in-out; }
.hset-person__headshot { opacity:1;filter:saturate(.85); }
.hset-person__fieldshot { opacity:0;filter:saturate(.85); }
/* Hover only over the photograph: clicking Background never changes image scale. */
.hset-person__portrait-wrap:hover { --hset-photo-zoom:.04; }
.hset-person__portrait-wrap:active { --hset-photo-zoom:0; }
.hset-person:has(.hset-person__details[open]:not([data-hset-photo-open="false"])) .hset-person__fieldshot { opacity:1;filter:saturate(1); }
.hset-person__photo-label { position:absolute;left:17px;bottom:19px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 30px);padding:10px 13px;
  border:1px solid rgba(255,255,255,.57);border-radius:10px;backdrop-filter:blur(20px);background:rgba(24,28,29,.64);color:white;
  font:700 11px/1.3 'Oxanium',sans-serif;letter-spacing:.045em;text-transform:uppercase;transition:opacity .95s ease-in-out,translate .95s var(--hset-ease); }
.hset-person__photo-label .material-symbols-rounded { color:var(--hset-amber);font-size:18px!important; }

@keyframes hset-headshot-wave {
  0%,100% { transform:rotate(0deg); }
  20% { transform:rotate(10deg); }
  40% { transform:rotate(-5deg); }
  60% { transform:rotate(8deg); }
  80% { transform:rotate(0deg); }
}

@keyframes hset-field-icon-bounce {
  0%,100% { transform:translateY(0); }
  32% { transform:translateY(-3px); }
  52% { transform:translateY(0); }
  68% { transform:translateY(-1px); }
  82% { transform:translateY(0); }
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .hset-person:not(:has(.hset-person__details[open])) .hset-person__portrait-wrap:hover .hset-person__photo-label--head .material-symbols-rounded {
    transform-origin:78% 78%;
    animation:hset-headshot-wave 1.9s ease-in-out infinite;
  }

  .hset-person:has(.hset-person__details[open]) .hset-person__portrait-wrap:hover .hset-person__photo-label--field .material-symbols-rounded {
    animation:hset-field-icon-bounce 2s ease-in-out infinite;
  }
}

.hset-person__photo-label--field {
  opacity:0;
  translate:0 8px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.hset-person:has(.hset-person__details[open]:not([data-hset-photo-open="false"])) .hset-person__photo-label--field { opacity:1;translate:0 0; }
.hset-person:has(.hset-person__details[open]:not([data-hset-photo-open="false"])) .hset-person__photo-label--head { opacity:0;translate:0 -8px; }
.hset-person__content { display:flex;flex-direction:column;min-width:0;min-height:345px;padding:clamp(23px,2.7vw,40px); }
.hset-person__bio { min-width:0; }
.hset-person__eyebrow { display:flex;align-items:center;gap:9px;color:var(--hset-gold);font:700 10px/1.4 'Oxanium',sans-serif;letter-spacing:.09em; }
.hset-person__eyebrow .material-symbols-rounded { font-size:21px!important; }
.hset-person h3 { margin-top:22px;font-size:clamp(26px,2.4vw,39px);line-height:1.05;color:#191a19; }
.hset-person__role {
  margin-top:8px!important;
  font:600 clamp(13px,1vw,16px)/1.4 'Sulphur Point',sans-serif;
  color:var(--hset-gold);
  -webkit-text-stroke:0.3px currentColor;
}
.hset-person__intro { margin-top:21px!important;color:#565955;font-size:clamp(14px,1vw,16px);line-height:1.62; }
.hset-person__details { margin-top:auto;padding-top:24px;overflow-anchor:none; }
.hset-person__details summary { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:11px 0;border-top:1px solid #DBDFDC;list-style:none;cursor:pointer;color:#292a28;font:700 11px/1.3 'Oxanium',sans-serif;letter-spacing:.12em;user-select:none; }
.hset-person__details summary::-webkit-details-marker { display:none; }
.hset-person__details summary:is(:focus,:focus-visible) { outline:none;box-shadow:none; }
.hset-person__details summary:hover { color:var(--hset-gold); }
.hset-person__toggle { position:relative;display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:1px solid rgba(216,155,43,.35);border-radius:50%;background:rgba(255,200,74,.16);color:#333;transition:background .32s,color .32s,transform .32s; }
.hset-person__toggle .material-symbols-rounded { position:absolute;inset:0;font-size:21px!important;transition:opacity .42s ease-in-out,transform .55s var(--hset-ease); }
.hset-person__minus { opacity:0;transform:rotate(-90deg); }
.hset-person__details[open]:not([data-hset-photo-open="false"]) .hset-person__plus { opacity:0;transform:rotate(90deg); }
.hset-person__details[open]:not([data-hset-photo-open="false"]) .hset-person__minus { opacity:1;transform:rotate(0); }
.hset-person__details[open]:not([data-hset-photo-open="false"]) .hset-person__toggle { background:var(--hset-amber); }
.hset-person__details summary:hover:not(:active) .hset-person__toggle { background:#111;color:var(--hset-amber); }
.hset-person__expanded { overflow:hidden; }
.hset-person__expanded > p { padding-top:8px;color:#5d605b;font-size:clamp(14px,1vw,16px);line-height:1.66; }

/* 04 | THE CONNECTED TEAM — compact full-height photo tiles. */
.hset-together { position:relative;isolation:isolate;overflow:hidden;background:#121516;color:white; }
.hset-together > .hset-container { position:relative;z-index:1; }
.hset-together__heading { display:grid;grid-template-columns:1fr minmax(330px,.8fr);gap:clamp(35px,7vw,110px);align-items:center;margin-bottom:52px; }
.hset-together .hset-kicker { color:#f4c367; }
.hset-together h2 { color:#fff; }
.hset-together h2 em { color:var(--hset-amber); }
.hset-together__heading-copy p { max-width:540px;color:#d1d4d2;font-size:clamp(16px,1.2vw,18px); }
.hset-together__heading-copy .hset-btn { margin-top:24px; }
.hset-together__tiles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.hset-tile { position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;min-height:clamp(315px,27vw,395px);
  padding:clamp(24px,2.5vw,37px);background:#2b3233;border:1px solid rgba(255,255,255,.52);border-radius:18px;
  transition:transform 1.1s var(--hset-ease),border-color .6s ease,box-shadow 1.1s var(--hset-ease); }
.hset-tile:hover { transform:translateY(-2px);border-color:var(--hset-amber);box-shadow:0 17px 36px rgba(0,0,0,.18); }
.hset-tile:hover h3 { color:var(--hset-amber); }
.hset-tile:hover .hset-tile__icon { color:#fff; }
.hset-tile:active { transform:translateY(0);border-color:rgba(255,200,74,.92);box-shadow:0 0 0 4px rgba(255,200,74,.2),0 0 32px rgba(255,200,74,.25); }
.hset-tile:active h3 { color:#fff; }
.hset-tile:active .hset-tile__icon { color:var(--hset-amber); }
.hset-tile__photo { position:absolute;inset:0;z-index:-1;overflow:hidden; }
.hset-tile__photo img { --hset-tile-base-scale:1.14;width:100%;height:100%;object-fit:cover;filter:saturate(.7);scale:var(--hset-tile-base-scale);transform:translate3d(0,var(--hset-tile-parallax,0px),0);transition:scale 1.05s var(--hset-ease),filter .7s; }
.hset-tile:hover img { scale:calc(var(--hset-tile-base-scale) + .04);filter:saturate(.92); }
.hset-tile:active img { scale:var(--hset-tile-base-scale);filter:saturate(.7); }
.hset-tile__photo::after { content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,16,17,.15),rgba(13,16,17,.44) 44%,rgba(11,14,14,.91)); }
.hset-tile__content { position:relative; }
.hset-tile__icon { position:absolute;top:clamp(24px,2.5vw,37px);left:clamp(24px,2.5vw,37px);color:var(--hset-amber);font-size:31px!important;transition:color .5s ease; }
.hset-tile h3 { color:white;font-size:clamp(24px,2vw,32px);line-height:1.16;transition:color .5s ease; }
.hset-tile p { margin-top:12px;color:#e0e1de;font-size:clamp(14px,1.05vw,16px); }

/* 05 | SHORTER CENTERED CTA — amber section behind the existing dark panel. */
.hset-contact { position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(72px,7vw,115px);
  background:linear-gradient(135deg,#F9D481,#FFC84A 56%,#E4AE44); }
.hset-contact__diamond { position:absolute;z-index:0;width:clamp(210px,27vw,415px);aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.88);border-radius:clamp(18px,2.5vw,34px);background:rgba(255,255,255,.59);backdrop-filter:blur(18px) saturate(120%);box-shadow:inset 0 1px rgba(255,255,255,.92),0 15px 40px rgba(69,49,8,.11);transform:rotate(45deg);pointer-events:none;animation:hset-diamond 18s ease-in-out infinite alternate; }
.hset-contact__diamond--one { top:-130px;left:-140px; }
.hset-contact__diamond--two { bottom:-140px;right:-130px;animation-delay:-8s; }
.hset-contact > .hset-container { position:relative;z-index:1; }
@keyframes hset-diamond { from { translate:0 0; } to { translate:12px -30px; } }
.hset-contact__panel { position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:clamp(25px,5vw,80px);
  align-items:center;min-height:clamp(345px,31vw,445px);padding:clamp(32px,4vw,58px);border-radius:22px;background:#17191A;
  border:3px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 1px rgba(255,255,255,.55),0 0 18px rgba(255,255,255,.11),0 22px 45px rgba(24,29,29,.13);color:#fff;
  transition:border-color .75s ease,box-shadow .85s var(--hset-ease); }
.hset-contact__panel:hover { border-color:rgba(255,255,255,.93);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),inset 0 1px rgba(255,255,255,.65),0 0 24px rgba(255,255,255,.15),0 27px 50px rgba(24,29,29,.17); }
.hset-contact__panel:active { border-color:rgba(255,255,255,.82);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px rgba(255,255,255,.55),0 0 0 4px rgba(255,255,255,.30),0 0 38px rgba(255,255,255,.45),0 22px 45px rgba(24,29,29,.13); }
.hset-contact__photo { position:absolute;z-index:-2;inset:0; }
.hset-contact__photo img { width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.75);
  transform:translate3d(0,var(--hset-cta-parallax,0px),0) scale(1.09);scale:1;
  transition:scale 1.05s var(--hset-ease); }
.hset-contact__panel:hover .hset-contact__photo img { scale:1.04; }
.hset-contact__panel:active .hset-contact__photo img { scale:1; }
.hset-contact__photo::after { content:'';position:absolute;inset:0;background:linear-gradient(94deg,rgba(13,16,17,.87),rgba(13,16,17,.69) 53%,rgba(13,16,17,.6)); }
.hset-contact h2 { color:#fff;font-size:clamp(36px,3.65vw,60px); }
.hset-contact h2 em { color:var(--hset-amber); }
.hset-contact__copy p { max-width:470px;color:#e5e6e3;font-size:clamp(16px,1.16vw,18px); }
.hset-contact__copy .hset-btn { margin-top:26px; }

/* JS-enabled reveals use translate instead of transform, preserving hover lift and parallax. */
.hse-team.hset--reveal-ready .hset-reveal { opacity:0;translate:0 34px;transition:opacity .78s var(--hset-ease),translate .92s var(--hset-ease);transition-delay:var(--hset-delay,0ms); }
.hse-team.hset--reveal-ready .hset-reveal.is-hset-revealed { opacity:1;translate:0 0; }

/* Desktop and large desktop */
@media (min-width:1151px) {
  .hset-compare__scatter > span,
  .hset-compare__steps > span {
    gap:15px;
  }

  /* Hero photo framing — shift only the contents inside existing circles. */
  .hset-hero__person--b .hset-hero__bob img { object-position:center 25%;translate:0 4px; }
  .hset-hero__person--c .hset-hero__bob img { object-position:center 32%; }
  .hset-hero__person--d .hset-hero__bob img { object-position:center 42%;translate:0 6px; }
  .hset-hero__person--e .hset-hero__bob img { object-position:center 42%;translate:0 4px; }
  .hset-hero__person--f .hset-hero__bob img { object-position:center 7%;translate:0 6px; }

  /* Headshots — keep foreheads visible in the wide profile cards. */
  .hset-person--nico .hset-person__headshot { object-position:center 19%; }
  .hset-person--daxtin .hset-person__headshot { object-position:center 16%; }
  .hset-person--alp .hset-person__headshot { object-position:center 15%; }
  .hset-person--sean .hset-person__headshot { object-position:center 28%; }
  .hset-person--celia .hset-person__headshot { object-position:center 10%; }
  .hset-person--sarah .hset-person__headshot { object-position:center 0%;translate:0 -50px;--hset-photo-base:1.24; }

  /* On-site framing — lift Nico and Alp; preserve remaining desktop crops. */
  .hset-person--nico .hset-person__fieldshot { object-position:center 64%; }
  .hset-person--alp .hset-person__fieldshot { object-position:center top;transform-origin:center top; }
  .hset-person--sean .hset-person__fieldshot { object-position:center 22%; }
  .hset-person--celia .hset-person__fieldshot { object-position:center 0%; }
  .hset-person--sarah .hset-person__fieldshot { object-position:center 0%; }
}

/* Large desktop — independent photo crops and aligned typing bubbles. */
@media (min-width:1600px) {
  .hset-hero__speech--left { left:3.7%; }
  .hset-hero__typing--left { left:3.7%;top:calc(42% + 64px); }
  .hset-hero__typing--right { right:calc(4% + 87px);top:calc(43% + 52px); }

  /* Refine only the requested large-desktop faces inside fixed circle borders. */
  .hset-hero__person--a .hset-hero__bob img { translate:0 4px; }
  .hset-hero__person--b .hset-hero__bob img { object-position:center 18%;translate:0 6px; }
  .hset-hero__person--c .hset-hero__bob img { object-position:center 24%;translate:0 5px; }
  .hset-hero__person--d .hset-hero__bob img { object-position:center 32%;translate:0 8px;scale:1.035; }
  .hset-hero__person--e .hset-hero__bob img { object-position:center 34%;translate:0 6px; }
  .hset-hero__person--f .hset-hero__bob img { object-position:center 0%;translate:0 9px;scale:1.035; }

  /* Slightly taller portrait panels with unchanged card widths. */
  .hset-person__portrait-wrap { height:clamp(510px,32vw,545px); }

  /* Preserve other large-desktop crops; raise and slightly enlarge Sarah’s headshot. */
  .hset-person--daxtin .hset-person__headshot { object-position:center 17%; }
  .hset-person--sean .hset-person__headshot { object-position:center 30%; }
  .hset-person--sarah .hset-person__headshot { translate:0 -50px;--hset-photo-base:1.37; }

  /* Lift Sean's on-site view without changing the image panel width. */
  .hset-person--alp .hset-person__fieldshot { object-position:center top;transform-origin:center top; }
  .hset-person--sean .hset-person__fieldshot { object-position:center 31%; }
  .hset-person--sarah .hset-person__fieldshot { object-position:center 4%; }

  /* Keep work moving: raise the photo, independent of scroll parallax. */
  .hset-tile--three .hset-tile__photo img { translate:0 -4px; }
}

/* Tablet only — independent framing from mobile and desktop. */
@media (min-width:768px) and (max-width:1150px) {
  /* Tablet hero: lower Sarah within her circular crop. */
  .hset-hero__person--b .hset-hero__bob img { object-position:center 21%;translate:0 3px; }
  .hset-hero__person--c .hset-hero__bob img { object-position:center 34%; }
  .hset-hero__person--d .hset-hero__bob img { object-position:center 32%;translate:0 3px; }
  .hset-hero__person--f .hset-hero__bob img { object-position:center 5%;translate:0 6px; }

  .hset-person--nico .hset-person__headshot { object-position:center 20%; }
  .hset-person--daxtin .hset-person__headshot { object-position:center 13%; }
  .hset-person--alp .hset-person__headshot { object-position:center 17%; }
  .hset-person--sean .hset-person__headshot { object-position:center 29%; }
  .hset-person--celia .hset-person__headshot { object-position:center 7%; }
  .hset-person--sarah .hset-person__headshot { object-position:center 0%;translate:0 -25px;--hset-photo-base:1.30; }

  .hset-person--nico .hset-person__fieldshot { object-position:center 66%; }
  .hset-person--daxtin .hset-person__fieldshot { object-position:center 66%; }
  .hset-person--alp .hset-person__fieldshot { object-position:center top;transform-origin:center top; }
  .hset-person--sean .hset-person__fieldshot { object-position:center 19%; }
  .hset-person--celia .hset-person__fieldshot { object-position:center 0%; }
  .hset-person--sarah .hset-person__fieldshot { object-position:center 6%; }

  /* Tablet editorial image crop only. */
  .hset-tile--three .hset-tile__photo img { translate:0 9px; }
}

/* 06 | TABLET & SMALL LAPTOP */
@media (max-width:1150px) {
  .hset-hero { min-height:clamp(705px,78svh,830px); }
  .hset-hero__inner { min-height:inherit;padding-top:135px;padding-bottom:48px; }
  .hset-difference { padding-top:clamp(46px,5vw,67px); }
  .hset-hero__person--a { left:8%;top:17%; } .hset-hero__person--d { right:9%;top:17%; }
  .hset-hero__person--c { left:10%;top:43%; } .hset-hero__person--f { right:11%;top:43%; }
  .hset-hero__speech--left { left:7%;top:26%; } .hset-hero__speech--right { right:7%;top:26%; }
  .hset-hero__typing { display:none; }
  .hset-people__grid { gap:19px; }
  .hset-person { grid-template-columns:1fr; }
  .hset-person__portrait-wrap { min-height:0;height:clamp(310px,33vw,470px); }
  .hset-person__content { min-height:360px; }
  .hset-compare__before-content,
  .hset-compare__after-content {
    width:48%;
  }

  .hset-compare__before-content,
  .hset-compare__label {
    left:1%;
  }

  .hset-compare__after-content {
    right:1%;
  }

  .hset-compare__after .hset-compare__label {
    left:auto;
    right:1%;
  }

  .hset-compare__scatter,
  .hset-compare__steps {
    gap:4px;
  }

  .hset-compare__scatter > span,
  .hset-compare__steps > span {
    padding:5px 6px;
    gap:8px;
    font-size:clamp(8.5px,.9vw,10px);
    text-transform:none;
  }
  .hset-compare__scatter > span > .material-symbols-rounded,.hset-compare__steps > span > .material-symbols-rounded { width:20px;height:20px;flex:0 0 20px;border-radius:6px;font-size:13px!important; }
  .hset-compare__illustration { width:29%; }
  .hset-compare__handle { top:88%; }
}
/* 07 | MOBILE (portrait and biography share row one; disclosure is full-width row two) */
@media (max-width:767px) {
  .hset-section { padding-block:76px; }
  .hset-difference { padding-top:42px; }
  .hset-hero { min-height:735px; }
  .hset-hero__inner { min-height:735px;padding-top:170px;padding-bottom:24px; }
  .hset-hero__copy { width:min(500px,100%); }
  .hset-hero h1 { font-size:clamp(41px,9vw,62px); }
  .hset-hero__summary { font-size:clamp(16px,3.7vw,18px);max-width:480px; }
  .hset-hero__person { --hset-circle-size:57px;animation:hset-photo-enter 1.4s var(--hset-ease) both,hset-mobile-portrait-float var(--hset-float-time,9s) ease-in-out 1.5s infinite alternate; }
  .hset-hero__bob img { --hset-hero-image-scale:1.44; }
  @keyframes hset-mobile-portrait-float { from { translate:0 -4px; } to { translate:0 8px; } }
  .hset-hero__person--a { top:14%;left:12%; } .hset-hero__person--b { top:21%;left:2%;--hset-circle-size:46px; }
  .hset-hero__person--c { top:31%;left:10%;--hset-circle-size:62px; }
  .hset-hero__person--d { top:15%;right:12%; } .hset-hero__person--e { top:21%;right:2%;--hset-circle-size:54px; }
  .hset-hero__person--f { top:31%;right:11%;--hset-circle-size:59px; }
  /* Mobile hero: lower Sarah while maintaining all existing circle positions. */
  .hset-hero__person--b .hset-hero__bob img { object-position:center 24%;translate:0 3px; }
  .hset-hero__person--c .hset-hero__bob img { object-position:center 42%;translate:0 3px; }
  .hset-hero__person--d .hset-hero__bob img { object-position:center 32%;translate:0 3px; }
  .hset-hero__person--e .hset-hero__bob img { object-position:center 24%;translate:0 3px; }
  .hset-hero__person--f .hset-hero__bob img { object-position:center 4%;translate:0 6px; }
  .hset-hero__speech,.hset-hero__typing { display:none; }
  .hset-compare__stage { height:520px; }
  .hset-compare__before-content,.hset-compare__after-content { top:33%;width:43%;transform:translateY(-28%); }
  .hset-compare__before-content { left:4%; } .hset-compare__after-content { right:4%; }
  .hset-compare__before-content,.hset-compare__after-content { display:flex;flex-direction:column;justify-content:center;min-height:195px; }
  .hset-compare__before h3,.hset-compare__after h3 { font-size:clamp(24px,6vw,44px); }
  .hset-compare__before-content > p:not(.hset-compare__subline),.hset-compare__after-content > p:not(.hset-compare__subline) { font-size:13px; }
  .hset-compare__label { top:25px;left:4%;font-size:9px; }
  .hset-compare__after .hset-compare__label { right:4%; }
  .hset-compare__subline { margin-bottom:10px!important; }
  .hset-compare__after .hset-compare__subline--label { font-size:8px;line-height:1.4; }
  .hset-compare__subline { font-size:9px; }
  .hset-compare__scatter,.hset-compare__steps { display:grid;grid-template-columns:1fr;gap:5px;margin-top:15px; }
  .hset-compare__scatter > span,.hset-compare__steps > span { justify-content:flex-start;text-align:left;gap:8px;font-size:10px;padding:5px 6px; }
  .hset-compare__illustration { top:50%;height:36%;width:35%; }
  .hset-compare__illustration--before { right:5%; }
  .hset-compare__illustration--after { left:5%; }
  .hset-compare__mood { width:48px;height:48px;top:-12px;right:-12px;font-size:40px!important;border-radius:13px; }
  .hset-compare__illustration--after .hset-compare__mood { left:-12px; }
  .hset-compare__handle { top:87%;width:55px;height:55px;gap:0;border-width:3px;box-shadow:0 8px 22px rgba(50,47,34,.2),0 0 0 4px rgba(255,200,74,.21); }
  .hset-compare__handle-arrow { font-size:12px!important; }
  .hset-compare__toolbar { min-height:60px;font-size:10px; }
  .hset-compare__hint { font-size:9px; }
  .hset-compare__hint .material-symbols-rounded { display:none!important; }
  .hset-compare__text--full { display:none; }
  .hset-compare__text--mobile { display:inline; }
  .hset-difference__outro { grid-template-columns:1fr;gap:10px; }
  .hset-people__intro { grid-template-columns:1fr;gap:16px; }
  .hset-people__intro > p { max-width:520px; }
  .hset-people__grid { grid-template-columns:1fr;gap:23px; }
  .hset-person { display:grid;grid-template-columns:42% minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch; }
  .hset-person__portrait-wrap { grid-column:1;grid-row:1;height:100%;min-height:280px; }
  .hset-person__content { display:contents;min-height:0;padding:0; }
  .hset-person__bio { grid-column:2;grid-row:1;min-width:0;padding:clamp(16px,3vw,26px);align-self:center; }
  .hset-person__details { grid-column:1 / -1;grid-row:2;margin:0;padding:0 clamp(16px,3.6vw,26px) clamp(15px,3.5vw,22px);min-width:0; }
  .hset-person__details summary { border-top:1px solid #DBDFDC;min-height:64px; }
  .hset-person__photo-label { left:10px;bottom:12px;font-size:10px;padding:8px 10px; }
  .hset-person__photo-label--field {
    left:7px;
    max-width:calc(100% - 14px);
    padding:7px;
    gap:4px;
  }
  .hset-person__eyebrow { font-size:9px;line-height:1.3; }
  .hset-person__eyebrow .material-symbols-rounded { font-size:18px!important; }
  .hset-person h3 { margin-top:13px;font-size:clamp(24px,5vw,34px); }
  .hset-person__intro { margin-top:12px!important;font-size:13px;line-height:1.46; }
  /* Mobile portrait framing — adjustments stay independent of the photo hover scale. */
  .hset-person--daxtin .hset-person__headshot,
  .hset-person--sean .hset-person__headshot { translate:0 7px;--hset-photo-base:1.065; }
  .hset-person--sarah .hset-person__headshot {
    object-position:center 17%;translate:0 -16px;--hset-photo-base:1.32;
  }
  .hset-person--daxtin .hset-person__fieldshot { object-position:center 70%; }
  .hset-person--alp .hset-person__fieldshot {
    translate:0 -6px;--hset-photo-base:1.075;
  }
  .hset-person--celia .hset-person__fieldshot {
    object-position:100% top;translate:-5px 10px;--hset-photo-base:1.12;
  }
  .hset-person--sarah .hset-person__fieldshot {
    object-position:center top;translate:0 12px;--hset-photo-base:1.12;
  }

  /* Mobile editorial crops; the existing parallax transform is untouched. */
  .hset-tile--one .hset-tile__photo img { translate:0 9px; }
  .hset-tile--two .hset-tile__photo img { translate:-10px 9px; }
  .hset-tile--three .hset-tile__photo img { --hset-tile-base-scale:1.24;translate:0 -20px; }
  .hset-together__heading { grid-template-columns:1fr;gap:20px; }
  .hset-together__tiles { grid-template-columns:1fr; }
  .hset-tile { min-height:330px; }
  .hset-contact__panel { grid-template-columns:1fr;align-content:center;align-items:center;gap:22px;min-height:395px; }
}
@media (max-width:550px) {
  .hset-hero { min-height:705px; }
  .hset-hero__inner { min-height:705px;padding-top:145px; }
  .hset-hero__actions { flex-wrap:nowrap;gap:8px; }
  .hse-team .hset-btn { font-size:10px;min-height:45px;padding:11px 12px;gap:7px; }
  .hset-btn .material-symbols-rounded { font-size:17px!important; }
  .hset-hero__person--a { top:12%;left:12%;--hset-circle-size:48px; } .hset-hero__person--b { top:19%;left:0;--hset-circle-size:42px; }
  .hset-hero__person--c { top:29%;left:9%;--hset-circle-size:50px; }
  .hset-hero__person--d { top:14%;right:11%;--hset-circle-size:48px; } .hset-hero__person--e { top:19%;right:0;--hset-circle-size:43px; }
  .hset-hero__person--f { top:29%;right:10%;--hset-circle-size:51px; }
  .hset-hero__summary { margin-top:19px!important; }
  .hset-compare__stage { height:510px; }
  .hset-compare__before-content,.hset-compare__after-content { top:33%;width:43%; }
  .hset-compare__before h3,.hset-compare__after h3 { font-size:clamp(21px,6.1vw,31px); }
  .hset-compare__before-content > p:not(.hset-compare__subline),.hset-compare__after-content > p:not(.hset-compare__subline) { margin-top:9px;font-size:12px;line-height:1.4; }
  .hset-compare__label { font-size:8px;left:4%;top:23px;letter-spacing:0; }
  .hset-compare__after .hset-compare__label { right:4%; }
  .hset-compare__label .material-symbols-rounded { font-size:15px!important; }
  .hset-compare__scatter > span,.hset-compare__steps > span { white-space:normal;font-size:10px; }
  .hset-compare__toolbar { padding:12px 9px;gap:5px;flex-wrap:nowrap; }
  .hset-compare__toolbar-side,.hset-compare__hint { flex:0 1 auto;min-width:0;padding:7px 8px;white-space:nowrap; }
  .hset-compare__hint { max-width:none;text-align:center; }
  .hset-compare__toolbar-side { font-size:9px;gap:4px; }
  .hset-compare__illustration { top:50%;height:35%; }
  .hset-person__portrait-wrap { min-height:255px; }
  .hset-person__bio { padding:16px; }
  .hset-person__eyebrow { font-size:8px;letter-spacing:.04em; }
  .hset-person h3 { font-size:clamp(21px,5.3vw,30px); }
  .hset-person__role { font-size:12px; }
  .hset-person__intro { font-size:12px; }
  .hset-contact__panel { min-height:360px;padding:31px 25px; }
}
/* Small mobile — second photo labels and field image positioning. */
@media (max-width:340px) {

  .hset-person__photo-label--field {
    font-size:8px;
  }

  .hset-person__photo-label--field .material-symbols-rounded {
    font-size:13px!important;
  }

  .hset-person--celia .hset-person__fieldshot {
    object-position:100% top;
  }

  .hset-person--daxtin .hset-person__fieldshot {
    object-position:32% 70%;
  }
}
@media (prefers-reduced-motion:reduce) {
  .hse-team,.hse-team *,.hse-team *::before,.hse-team *::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  .hset-hero h1 em { background-size:100% 29%; }
  .hset-hero__dotfield::before { opacity:.82; }
  .hset-hero__dotfield::after { opacity:.72;transform:none; }
  .hse-team.hset--reveal-ready .hset-reveal { opacity:1;translate:0 0; }
}