/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2026 | 17:27:07 */
@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 | ONLINE TRAINING | COMPLETE STANDALONE CSS
   Scoped to .hse-ot; does not overwrite In-Person Training, the global header,
   Forminator, Events Calendar, or site-wide WooCommerce pages.
   This is a separate online training design following the supplied in-person style.
*/

/* 01 | FOUNDATION ---------------------------------------------------------- */
body:has(.hse-ot) { margin-top:0; }
body:has(.hse-ot) .wp-site-blocks,
body:has(.hse-ot) .wp-site-blocks > main,
body:has(.hse-ot) .wp-block-post-content,
body:has(.hse-ot) .entry-content { margin-block-start:0; padding-block-start:0; }
body:has(.hse-ot) .wp-block-post-content > .wp-block-html:has(.hse-ot) { margin-block-start:0; padding-block-start:0; }
.hse-ot {
  --ot-amber:#D89B2B;
  --ot-amber-light:#F0C574;
  --ot-amber-soft:#F5DAAA;
  --ot-ink:#141616;
  --ot-charcoal:#0C0E0F;
  --ot-muted:#62645F;
  --ot-white:#FFF;
  --ot-offwhite:#F6F7F6;
  --ot-ease:cubic-bezier(.22,1,.36,1);
  --ot-gutter:clamp(20px,4.6vw,86px);
  --ot-width:1520px;
  position:relative; isolation:isolate; width:100%; max-width:none!important;
  margin:0; overflow-x:clip; color:#fff;
  font-family:'Sulphur Point',Arial,sans-serif; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.hse-ot *, .hse-ot *::before, .hse-ot *::after { box-sizing:border-box; }
.hse-ot :is(h1,h2,h3,p) { margin:0; }
.hse-ot :is(h1,h2,h3) { font-family:'Oxanium',Arial,sans-serif; font-weight:500; line-height:1.06; letter-spacing:-.045em; text-wrap:balance; }
.hse-ot :is(h1,h2) em { font-style:normal; color:var(--ot-amber-light); }
.hse-ot a { text-decoration:none; }
.hse-ot button, .hse-ot input { font:inherit; }
.hse-ot button { cursor:pointer; }
.hse-ot [hidden], .hse-ot [hidden] * { display:none!important; }
.hse-ot :is(a,button,input):focus-visible { outline:3px solid var(--ot-amber-light); outline-offset:4px; }
.hse-ot__container { width:min(calc(100% - 2*var(--ot-gutter)),var(--ot-width)); margin-inline:auto; }
.hse-ot__sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip-path:inset(50%)!important; white-space:nowrap!important; }
.hse-ot__icon { display:inline-grid!important; place-items:center; flex:none; font-family:'Material Symbols Rounded'!important; font-weight:normal!important; font-style:normal!important; font-size:23px; line-height:1!important; letter-spacing:normal!important; text-transform:none!important; white-space:nowrap; direction:ltr; font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; }
.hse-ot__overline { display:inline-block; font:700 clamp(11px,.8vw,13px)/1.4 'Oxanium',Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.hse-ot__eyebrow { display:inline-flex; width:fit-content; align-items:center; min-height:37px; padding:8px 16px; border:1px solid rgba(216,155,43,.83); border-radius:999px; background:rgba(216,155,43,.18); color:var(--ot-amber-light); font:700 clamp(11px,.8vw,13px)/1.3 'Oxanium',Arial,sans-serif; letter-spacing:.15em; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:inset 0 1px rgba(255,255,255,.12); }
.hse-ot #hse-ot-courses { scroll-margin-top:clamp(86px,10vw,135px); }

/* 02 | BUTTONS ------------------------------------------------------------- */
.hse-ot .hse-ot__button { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; gap:10px; width:fit-content; max-width:100%; min-height:49px; padding:12px 19px; border:1px solid transparent; border-radius:10px; overflow:hidden; text-align:center; vertical-align:middle; font:700 12px/1.25 'Oxanium',Arial,sans-serif; letter-spacing:.015em; white-space:nowrap; cursor:pointer; transition:transform .35s var(--ot-ease),background-color .35s ease,border-color .35s ease,box-shadow .35s ease,color .35s ease; }
.hse-ot .hse-ot__button::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:rgba(255,255,255,.47); transform:translateX(-102%); transition:transform .43s var(--ot-ease); }
.hse-ot .hse-ot__button:hover { transform:translateY(-3px); }
.hse-ot .hse-ot__button:active { transform:translateY(0); }
.hse-ot .hse-ot__button:active::before { transform:translateX(0); }
.hse-ot__button .hse-ot__icon { font-size:19px; transition:transform .32s var(--ot-ease); }
.hse-ot__button:hover .hse-ot__icon { transform:scale(1.06); }
.hse-ot .hse-ot__button--amber { background:var(--ot-amber); color:#0B0C0C; border-color:var(--ot-amber); box-shadow:0 12px 32px rgba(216,155,43,.14),inset 0 1px rgba(255,255,255,.27); }
.hse-ot .hse-ot__button--hero-amber { background:var(--ot-amber-light); color:#0B0C0C; border-color:var(--ot-amber-light); box-shadow:0 12px 32px rgba(216,155,43,.14),inset 0 1px rgba(255,255,255,.27); }
.hse-ot .hse-ot__button--amber:hover, .hse-ot .hse-ot__button--hero-amber:hover { background:var(--ot-amber-light); border-color:var(--ot-amber-light); color:#090A0A; box-shadow:0 16px 34px rgba(216,155,43,.22); }
.hse-ot .hse-ot__button--amber:active, .hse-ot .hse-ot__button--hero-amber:active { background:#F4D8A2; border-color:var(--ot-amber); box-shadow:0 0 0 4px rgba(216,155,43,.2); }
.hse-ot .hse-ot__button--frost { background:rgba(255,255,255,.095); border-color:rgba(255,255,255,.39); color:#fff; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); box-shadow:inset 0 1px rgba(255,255,255,.12); }
.hse-ot .hse-ot__button--frost:hover { background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.75); color:#fff; }
/* Press: opaque white wipe from left to right, with black label and icon. */
.hse-ot .hse-ot__button--frost::before { background:#fff; }
.hse-ot .hse-ot__button--frost:active { background:rgba(255,255,255,.18); border-color:#fff; color:#111; }
.hse-ot .hse-ot__button--frost:active .hse-ot__icon { color:#111; }
.hse-ot .hse-ot__button--white { background:#fff; color:#111; border-color:#fff; }
.hse-ot .hse-ot__button--white:hover { background:rgba(255,255,255,.82); border-color:#fff; color:#111; }
/* Press: hover silver remains underneath until an amber wipe crosses the button. */
.hse-ot .hse-ot__button--white::before { background:var(--ot-amber); }
.hse-ot .hse-ot__button--white:active { background:rgba(255,255,255,.82); border-color:var(--ot-amber); color:#111; }
.hse-ot .hse-ot__button--white:active .hse-ot__icon { color:#111; }
.hse-ot .hse-ot__button--outline { color:var(--ot-amber-light); background:rgba(216,155,43,.10); border-color:rgba(216,155,43,.6); }
.hse-ot .hse-ot__button--outline:hover { color:#111; background:var(--ot-amber-light); border-color:var(--ot-amber-light); }
/* Press: solid white wipe, black type and icon; leave amber hover intact. */
.hse-ot .hse-ot__button--outline::before { background:#fff; }
.hse-ot .hse-ot__button--outline:active { color:#111; background:var(--ot-amber-light); border-color:rgba(240,197,116,.82); }
.hse-ot .hse-ot__button--outline:active .hse-ot__icon { color:#111; }

/* 03 | HERO ---------------------------------------------------------------- */
.hse-ot__hero { position:relative; overflow:hidden; isolation:isolate; padding:clamp(132px,10vw,182px) 0 clamp(46px,5vw,83px); background:radial-gradient(ellipse at 0% 4%,rgba(216,155,43,.16),transparent 43%),radial-gradient(ellipse at 90% 85%,rgba(216,155,43,.105),transparent 45%),linear-gradient(132deg,#1B1D1D,#0A0B0C 60%,#151717); }
.hse-ot__hero-light { position:absolute; z-index:0; top:10%; right:-15%; width:60%; aspect-ratio:1; background:rgba(216,155,43,.07); filter:blur(115px); pointer-events:none; }
.hse-ot__diamonds { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
/* Diamonds reveal in sequence, then continue their original slow floating movement.
   Opacity/scale use separate properties from the existing rotated transform. */
.hse-ot__diamond { position:absolute; display:block; aspect-ratio:1; border:1px solid rgba(240,197,116,.18); border-radius:clamp(17px,2.4vw,29px); transform:rotate(45deg); background:linear-gradient(135deg,rgba(216,155,43,.09),rgba(255,255,255,.012)); --ot-diamond-opacity:1; animation:ot-diamond-enter 1.25s var(--ot-ease) var(--ot-diamond-delay,.12s) both,ot-float var(--ot-float-duration,15s) ease-in-out var(--ot-float-delay,0s) infinite; }
.hse-ot__diamond--one { width:clamp(235px,30vw,480px); top:-230px; left:-120px; --ot-diamond-delay:.12s; }
.hse-ot__diamond--two { width:clamp(200px,27vw,370px); bottom:-165px; right:-110px; --ot-diamond-delay:.35s; --ot-float-duration:18s; --ot-float-delay:-7s; }
.hse-ot__diamond--three { width:clamp(80px,10vw,155px); top:15%; right:29%; opacity:.53; --ot-diamond-opacity:.53; --ot-diamond-delay:.58s; --ot-float-delay:-3s; }
@keyframes ot-diamond-enter {
  from { opacity:0; scale:.82; }
  to { opacity:var(--ot-diamond-opacity); scale:1; }
}
@keyframes ot-float { 0%,100% { transform:translate3d(0,0,0) rotate(45deg); } 50% { transform:translate3d(8px,-18px,0) rotate(45deg); } }
.hse-ot__hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); align-items:center; gap:clamp(35px,5.7vw,102px); }
/* The hero copy enters in a quiet stagger without affecting layout or button hovers. */
.hse-ot__hero-copy { min-width:0; max-width:800px; }
.hse-ot__hero-copy > * { animation:ot-hero-copy-enter .85s var(--ot-ease) var(--ot-copy-delay,0s) both; }
.hse-ot__hero-copy > :nth-child(1) { --ot-copy-delay:.12s; }
.hse-ot__hero-copy > :nth-child(2) { --ot-copy-delay:.21s; }
.hse-ot__hero-copy > :nth-child(3) { --ot-copy-delay:.31s; }
.hse-ot__hero-copy > :nth-child(4) { --ot-copy-delay:.40s; }
.hse-ot__hero-copy > :nth-child(5) { --ot-copy-delay:.49s; }
.hse-ot__hero-copy > :nth-child(6) { --ot-copy-delay:.58s; }
@keyframes ot-hero-copy-enter {
  from { opacity:0; translate:0 23px; }
  to { opacity:1; translate:0 0; }
}
.hse-ot__hero h1 { max-width:790px; margin:clamp(22px,2.6vw,38px) 0 clamp(22px,2.4vw,35px); color:#fff; font-size:clamp(44px,5.1vw,85px); line-height:1.025; }
.hse-ot__hero-copy > p:not(.hse-ot__eyebrow) { max-width:720px; margin-top:16px; color:rgba(255,255,255,.95); font:400 clamp(16px,1.35vw,20px)/1.55 'Sulphur Point',Arial,sans-serif; }
.hse-ot__hero-buttons { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:clamp(26px,3vw,43px); }

/* CSS-built interactive-looking graphic (purely decorative, no fake buttons) */
.hse-ot__hero-visual { position:relative; display:grid; place-items:center; min-width:0; min-height:clamp(380px,34vw,570px); perspective:900px; }
.hse-ot__visual-halo { position:absolute; inset:8% -7%; border-radius:50%; background:radial-gradient(ellipse,rgba(216,155,43,.2),rgba(216,155,43,.045) 38%,transparent 70%); filter:blur(26px); animation:ot-halo-enter 1.35s ease .28s both; }
@keyframes ot-halo-enter { from { opacity:0; scale:.85; } to { opacity:1; scale:1; } }
/* Entrance uses independent translate/scale, leaving the existing 3D hover intact. */
.hse-ot__device { position:relative; z-index:2; width:min(96%,565px); overflow:hidden; border:1px solid rgba(238,189,97,.73); border-radius:18px 18px 9px 9px; background:#191D1C; box-shadow:0 0 0 6px rgba(216,155,43,.115),0 24px 62px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14); transform:rotateY(-5deg) rotateX(3deg); animation:ot-device-enter 1.12s var(--ot-ease) .42s both; transition:transform .6s var(--ot-ease),box-shadow .6s ease,border-color .6s ease,background-color .6s ease; }
@keyframes ot-device-enter {
  from { opacity:0; translate:0 47px; scale:.955; }
  to { opacity:1; translate:0 0; scale:1; }
}
.hse-ot__hero-visual:hover .hse-ot__device { transform:rotateY(0deg) rotateX(0deg) translateY(-5px); border-color:#fff; background:rgba(235,240,237,.18); box-shadow:0 0 0 6px rgba(255,255,255,.16),0 33px 68px rgba(0,0,0,.41),inset 0 1px rgba(255,255,255,.4); }
/* A press returns to the original amber-framed card and resting perspective. */
.hse-ot__hero-visual:active .hse-ot__device { transform:rotateY(-5deg) rotateX(3deg); border-color:rgba(238,189,97,.73); background:#191D1C; box-shadow:0 0 0 6px rgba(216,155,43,.115),0 24px 62px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.14); }
.hse-ot__device-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 16px; border-bottom:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.065); color:rgba(255,255,255,.74); font:600 10px/1.3 'Oxanium',sans-serif; letter-spacing:.13em; }
.hse-ot__device-dots { display:flex; align-items:center; gap:5px; }
.hse-ot__device-dots i { display:block; width:7px; height:7px; border-radius:50%; border:1px solid rgba(255,255,255,.4); }
.hse-ot__device-dots i:first-child { background:rgba(216,155,43,.73); border-color:rgba(216,155,43,.73); }
.hse-ot__device-mark { color:var(--ot-amber-light); font-size:clamp(7px,.64vw,9px); letter-spacing:.055em; text-align:right; white-space:nowrap; }
.hse-ot__device-body { padding:clamp(28px,3vw,43px); min-height:340px; background:radial-gradient(ellipse at 92% 5%,rgba(216,155,43,.2),transparent 60%),linear-gradient(155deg,#252927,#111313 75%); transition:background .55s ease; }
.hse-ot__hero-visual:hover .hse-ot__device-body { background:radial-gradient(ellipse at 92% 5%,rgba(255,255,255,.25),transparent 60%),linear-gradient(155deg,rgba(61,67,66,.97),rgba(23,26,26,.97) 75%); }
.hse-ot__hero-visual:active .hse-ot__device-body { background:radial-gradient(ellipse at 92% 5%,rgba(216,155,43,.2),transparent 60%),linear-gradient(155deg,#252927,#111313 75%); }
.hse-ot__device-topline { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--ot-amber-light); font:700 clamp(8px,.75vw,10px)/1.3 'Oxanium',sans-serif; letter-spacing:.105em; }
.hse-ot__device-status { display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,.57); letter-spacing:.04em; animation:ot-workplace-soft-pulse 4.2s ease-in-out infinite; }
@keyframes ot-workplace-soft-pulse { 0%,100% { opacity:.68; text-shadow:none; } 50% { opacity:1; text-shadow:0 0 11px rgba(240,197,116,.38); } }
.hse-ot__device-status i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--ot-amber); box-shadow:0 0 0 4px rgba(216,155,43,.13); animation:ot-workplace-dot-pulse 4.2s ease-in-out infinite; }
@keyframes ot-workplace-dot-pulse { 0%,100% { box-shadow:0 0 0 3px rgba(216,155,43,.1); } 50% { box-shadow:0 0 0 6px rgba(216,155,43,.2),0 0 12px rgba(240,197,116,.3); } }
.hse-ot__device-heading { margin-top:clamp(21px,2.6vw,36px); color:#fff; font:500 clamp(29px,3.1vw,46px)/1.1 'Oxanium',sans-serif; letter-spacing:-.052em; }
.hse-ot__device-heading b { color:var(--ot-amber-light); font-weight:500; }
.hse-ot__device-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:clamp(24px,2.6vw,33px); }
.hse-ot__device-cards > span { display:flex; flex-direction:column; align-items:start; gap:13px; min-width:0; padding:18px 12px; border:1px solid rgba(255,255,255,.15); border-radius:10px; background:rgba(255,255,255,.045); box-shadow:inset 0 1px rgba(255,255,255,.055); }
.hse-ot__device-cards .hse-ot__icon { color:var(--ot-amber-light); font-size:26px; }
.hse-ot__device-cards b { font:700 clamp(9px,.8vw,11px)/1.3 'Oxanium',sans-serif; letter-spacing:.1em; color:#fff; }
.hse-ot__device-lines { display:grid; gap:7px; margin-top:21px; }
.hse-ot__device-lines span { height:5px; border-radius:20px; background:rgba(255,255,255,.105); }
.hse-ot__device-lines span:nth-child(2) { width:79%; }
.hse-ot__device-lines span:nth-child(3) { width:53%; }
.hse-ot__visual-tag { position:absolute; z-index:3; display:flex; align-items:center; gap:11px; padding:13px 16px; max-width:190px; border:1px solid rgba(255,255,255,.4); border-radius:12px; color:#fff; background:rgba(26,27,26,.78); backdrop-filter:blur(17px); -webkit-backdrop-filter:blur(17px); box-shadow:0 14px 31px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12); font:600 10px/1.42 'Oxanium',sans-serif; letter-spacing:.04em; }
.hse-ot__visual-tag .hse-ot__icon { color:var(--ot-amber-light); font-size:25px; }
.hse-ot__visual-tag b { color:var(--ot-amber-light); font-weight:700; }
.hse-ot__visual-tag--one { top:32%; right:-6%; animation:ot-tag-enter .74s var(--ot-ease) 1.04s both,ot-tag-bob 9s ease-in-out infinite; }
.hse-ot__visual-tag--two { bottom:11%; left:-7%; animation:ot-tag-enter .74s var(--ot-ease) 1.18s both,ot-tag-bob 10s ease-in-out -4s infinite; }
@keyframes ot-tag-enter {
  from { opacity:0; scale:.93; }
  to { opacity:1; scale:1; }
}
@keyframes ot-tag-bob { 0%,100% { translate:0 0; } 50% { translate:0 -12px; } }

/* 04 | FLEXIBLE TRAINING CONTENT ------------------------------------------- */
.hse-ot__flexible { position:relative; padding:clamp(82px,8vw,136px) 0 clamp(82px,8vw,130px); background:var(--ot-offwhite); color:var(--ot-ink); }
.hse-ot__flexible-grid { display:grid; grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr); align-items:start; gap:clamp(35px,7vw,128px); }
.hse-ot__flexible .hse-ot__overline { color:#65665F; }
.hse-ot__flexible h2 { max-width:650px; margin-top:19px; font-size:clamp(36px,4vw,66px); line-height:1.04; }
.hse-ot__flexible h2 em { color:#65665F; }
.hse-ot__flexible-copy { padding:clamp(4px,2vw,29px) 0 0; }
.hse-ot__flexible-copy p { max-width:690px; color:#565952; font:400 clamp(16px,1.25vw,18px)/1.62 'Sulphur Point',sans-serif; }
.hse-ot__flexible-copy p + p { margin-top:27px; }
/* The help card remains stationary; its photograph keeps the existing scroll parallax. */
.hse-ot__note {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(20px,3.2vw,42px);
  margin-top:clamp(42px,5vw,83px);
  padding:clamp(18px,2.3vw,28px);
  border:1px solid rgba(255,255,255,.87);
  border-radius:18px;
  background:linear-gradient(125deg,#fff,#ECEFEE);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px rgba(255,255,255,.97),0 13px 32px rgba(15,22,20,.065);
  transition:border-color .62s var(--ot-ease),box-shadow .62s var(--ot-ease);
}
/* Separate translucent and solid white surfaces fade over the existing gradient,
   so neither hover nor pressed state snaps between incompatible backgrounds. */
.hse-ot__note::before,
.hse-ot__note::after {
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity .62s var(--ot-ease);
}
.hse-ot__note::before { background:rgba(255,255,255,.72); }
.hse-ot__note::after { background:#fff; }
.hse-ot__note > * { position:relative; z-index:1; }
.hse-ot__note:hover {
  border-color:rgba(240,197,116,.64);
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 13px 32px rgba(15,22,20,.065);
}
.hse-ot__note:hover::before { opacity:1; }
.hse-ot__note:active {
  border-color:rgba(240,197,116,.88);
  box-shadow:0 0 0 4px rgba(240,197,116,.19),0 0 28px rgba(240,197,116,.24),inset 0 1px rgba(255,255,255,.97);
}
.hse-ot__note:active::after { opacity:1; }
.hse-ot__note-photo { position:relative; width:100%; min-height:195px; height:100%; overflow:hidden; border:2px solid rgba(216,155,43,.58); border-radius:12px; background:#C9CFCE; box-shadow:0 0 0 4px rgba(216,155,43,.12),inset 0 1px rgba(255,255,255,.68); transition:border-color .55s ease,box-shadow .55s ease; }
.hse-ot__note-photo img { display:block; width:100%; height:100%; min-height:195px; object-fit:cover; object-position:50% 48%; transform:translate3d(0,var(--ot-parallax-y,0px),0) scale(1.17); will-change:transform; }
.hse-ot__note-photo::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 60%,rgba(216,155,43,.1)); }
.hse-ot__note-content { --ot-note-icon-size:69px; --ot-note-icon-gap:clamp(16px,2vw,25px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:0; }
.hse-ot__note-top { display:flex; align-items:center; gap:var(--ot-note-icon-gap); min-width:0; }
/* The guidance and catalogue icons use the same measurements at each viewport. */
.hse-ot__note-symbol, .hse-ot__unavailable-symbol { display:grid; place-items:center; flex:0 0 69px; width:69px; height:69px; border:1px solid rgba(216,155,43,.42); border-radius:17px; background:rgba(216,155,43,.11); color:#A7721C; }
.hse-ot__note-symbol .hse-ot__icon, .hse-ot__unavailable-symbol .hse-ot__icon { font-size:32px; }
.hse-ot__note-copy { min-width:0; }
.hse-ot__note-copy p { max-width:950px; color:#3B3E39; font:400 clamp(16px,1.25vw,18px)/1.62 'Sulphur Point',sans-serif; }
.hse-ot .hse-ot__button--note { align-self:flex-start; margin-top:22px; margin-left:calc(var(--ot-note-icon-size) + var(--ot-note-icon-gap)); max-width:calc(100% - var(--ot-note-icon-size) - var(--ot-note-icon-gap)); color:#171717; background:rgba(216,155,43,.19); border-color:rgba(216,155,43,.7); -webkit-backdrop-filter:blur(15px); backdrop-filter:blur(15px); box-shadow:inset 0 1px rgba(255,255,255,.46); }
.hse-ot .hse-ot__button--note::before { background:#fff; }
.hse-ot .hse-ot__button--note:hover { background:var(--ot-amber-light); border-color:var(--ot-amber-light); color:#111; box-shadow:0 8px 20px rgba(216,155,43,.16),inset 0 1px rgba(255,255,255,.32); }
.hse-ot .hse-ot__button--note:active { background:var(--ot-amber-light); border-color:rgba(240,197,116,.82); color:#111; box-shadow:0 0 0 3px rgba(240,197,116,.19); }

/* 05 | CATALOGUE ----------------------------------------------------------- */
.hse-ot__catalogue { position:relative; padding:clamp(86px,8vw,138px) 0 clamp(92px,9vw,148px); background:radial-gradient(ellipse at 87% 0%,rgba(216,155,43,.095),transparent 39%),linear-gradient(180deg,#111313,#090A0B); }
.hse-ot__catalogue-head { display:grid; grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr); gap:clamp(25px,3.5vw,58px); align-items:center; }
.hse-ot__catalogue .hse-ot__overline { color:var(--ot-amber-light); }
.hse-ot__catalogue h2 { margin-top:15px; color:#fff; font-size:clamp(36px,4vw,66px); line-height:1.04; }
.hse-ot__catalogue-intro { display:flex; align-items:center; align-self:stretch; }
.hse-ot__catalogue-intro p { width:100%; max-width:none; color:rgba(255,255,255,.78); font:400 clamp(16px,1.25vw,18px)/1.62 'Sulphur Point',sans-serif; }
/* Featured delivery guidance | integrated frosted-amber panel. */
.hse-ot .hse-ot__delivery {
  position:relative; z-index:0; isolation:isolate; display:grid;
  grid-template-columns:76px minmax(0,1fr) auto;
  align-items:center; gap:clamp(18px,2.7vw,38px);
  margin-top:clamp(34px,4vw,58px); padding:clamp(26px,3.3vw,49px);
  overflow:hidden; border:1px solid rgba(240,197,116,.56); border-radius:19px;
  background:radial-gradient(ellipse at 8% 5%,rgba(240,197,116,.18),transparent 46%),
    linear-gradient(115deg,rgba(91,66,33,.83) 0%,rgba(42,38,30,.93) 40%,rgba(20,22,21,.96) 100%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
  backdrop-filter:blur(22px) saturate(140%);
  color:#fff; box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 45px rgba(0,0,0,.27);
  transition:border-color .85s var(--ot-ease),box-shadow .95s var(--ot-ease);
}
.hse-ot .hse-ot__delivery:hover {
  border-color:rgba(240,197,116,.78);
  box-shadow:inset 0 1px rgba(255,255,255,.23),0 25px 52px rgba(0,0,0,.3);
}
.hse-ot .hse-ot__delivery:active {
  border-color:rgba(240,197,116,.65);
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 18px 45px rgba(0,0,0,.27);
}
.hse-ot .hse-ot__delivery::before {
  content:''; position:absolute; z-index:2; inset:0 auto 0 0; width:7px;
  background:linear-gradient(180deg,rgba(255,234,183,.72),rgba(240,197,116,.36),rgba(255,234,183,.62));
  -webkit-backdrop-filter:blur(13px) saturate(145%);
  backdrop-filter:blur(13px) saturate(145%);
  box-shadow:inset -1px 0 rgba(255,255,255,.3),2px 0 15px rgba(240,197,116,.13);
  pointer-events:none;
}
.hse-ot .hse-ot__delivery::after {
  content:''; position:absolute; z-index:0; right:-105px; top:-140px;
  width:300px; aspect-ratio:1; border:1px solid rgba(240,197,116,.27);
  border-radius:35px; background:rgba(240,197,116,.045);
  pointer-events:none; animation:ot-delivery-diamond-float 12s ease-in-out infinite;
  transition:top .75s var(--ot-ease),border-color .55s ease;
}
.hse-ot .hse-ot__delivery:hover::after { top:-162px; border-color:rgba(240,197,116,.4); }
.hse-ot .hse-ot__delivery:active::after { top:-140px; }
@keyframes ot-delivery-diamond-float {
  0%,100% { transform:translate3d(0,0,0) rotate(45deg); }
  50% { transform:translate3d(-5px,-12px,0) rotate(45deg); }
}
.hse-ot .hse-ot__delivery-emblem {
  position:relative; z-index:1; display:grid; place-items:center; width:76px; height:76px;
  border:1px solid rgba(255,255,255,.2); border-radius:20px;
  background:#171817; color:#FFD47A;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 23px rgba(77,49,6,.19);
}
.hse-ot .hse-ot__delivery-emblem .hse-ot__icon { font-size:37px; }
.hse-ot .hse-ot__delivery-copy { position:relative; z-index:1; min-width:0; }
.hse-ot .hse-ot__delivery-overline {
  display:block; margin-bottom:8px; color:var(--ot-amber-light);
  font:700 11px/1.4 'Oxanium',Arial,sans-serif;
  letter-spacing:.16em; text-transform:uppercase;
}
.hse-ot .hse-ot__delivery h3 {
  margin:0; color:#fff;
  font:600 clamp(25px,2.25vw,36px)/1.16 'Oxanium',Arial,sans-serif;
  letter-spacing:-.045em;
}
.hse-ot .hse-ot__delivery h3 em { color:#fff; font-style:normal; }
.hse-ot .hse-ot__delivery p {
  max-width:790px; margin:12px 0 0; color:rgba(255,255,255,.89);
  font:500 clamp(16px,1.2vw,18px)/1.57 'Sulphur Point',Arial,sans-serif;
}
.hse-ot .hse-ot__delivery-link {
  position:relative; z-index:1; isolation:isolate; display:inline-flex; align-items:center;
  justify-content:center; gap:10px; min-height:52px; padding:12px 18px;
  border:1px solid rgba(240,197,116,.75); border-radius:10px; overflow:hidden;
  background:#171817; color:#fff;
  font:700 11px/1.35 'Oxanium',Arial,sans-serif;
  letter-spacing:.025em; text-align:center; white-space:nowrap;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
  transition:transform .35s var(--ot-ease),background-color .26s ease,
    color .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.hse-ot .hse-ot__delivery-link::before {
  content:''; position:absolute; inset:0; z-index:-1;
  background:#FFEDC9; pointer-events:none;
  transform:translate3d(-102%,0,0);
  transition:transform .52s var(--ot-ease);
}
.hse-ot .hse-ot__delivery-link .hse-ot__icon { font-size:19px; }
.hse-ot .hse-ot__delivery-link:hover {
  transform:translateY(-3px); background:#fff; color:#151515;
  border-color:#fff; box-shadow:0 15px 25px rgba(0,0,0,.23);
}
.hse-ot .hse-ot__delivery-link:active {
  transform:translateY(0); background:#fff; color:#151515;
  border-color:#F0C574; box-shadow:inset 0 1px rgba(255,255,255,.55);
}
.hse-ot .hse-ot__delivery-link:active::before { transform:translate3d(0,0,0); }

.hse-ot__catalogue-tools { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:clamp(34px,4vw,61px); padding:22px 0; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.hse-ot__catalogue-count { color:rgba(255,255,255,.72); font:700 11px/1.5 'Oxanium',sans-serif; letter-spacing:.12em; }
.hse-ot .hse-ot__catalogue-tools .hse-ot__search { box-sizing:border-box; position:relative; z-index:1; display:flex; align-items:center; align-self:center; gap:10px; flex:0 1 350px; width:min(350px,100%); max-width:100%; min-width:0; height:48px; min-height:48px; margin:0; padding:0 13px; border:1px solid rgba(255,255,255,.56); border-radius:10px; background:rgba(255,255,255,.105); background-clip:padding-box; color:#fff; transform:none; transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease; }
.hse-ot .hse-ot__catalogue-tools .hse-ot__search:focus-within { transform:none; border-color:var(--ot-amber-light); background:rgba(216,155,43,.16); box-shadow:0 0 0 3px rgba(216,155,43,.16); }
.hse-ot__search > .hse-ot__icon { color:rgba(255,255,255,.81); font-size:21px; }
.hse-ot .hse-ot__search input { box-sizing:border-box!important; -webkit-appearance:none!important; appearance:none!important; display:block!important; flex:1 1 auto; width:0!important; min-width:0!important; height:43px!important; min-height:43px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; background-image:none!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:none!important; font:400 14px/1.4 'Sulphur Point',sans-serif!important; }
.hse-ot__search input::placeholder { color:rgba(255,255,255,.66)!important; opacity:1; }
.hse-ot__search input::-webkit-search-cancel-button { display:none; -webkit-appearance:none; }
.hse-ot .hse-ot__search button { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; padding:0; border:0; border-radius:7px; background:rgba(255,255,255,.13); color:#fff; }
.hse-ot .hse-ot__search button:hover { background:rgba(255,255,255,.26); }
.hse-ot__search button .hse-ot__icon { font-size:20px; }
.hse-ot__woo-products { margin-top:clamp(30px,4vw,48px); min-height:0; font-size:0; }
.hse-ot__woo-products > .woocommerce { font-size:16px; }
.hse-ot__woo-products ul.products::before, .hse-ot__woo-products ul.products::after { display:none!important; content:none!important; }
.hse-ot .hse-ot__woo-products ul.products { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; width:100%!important; margin:0!important; padding:0!important; list-style:none!important; }
.hse-ot .hse-ot__woo-products ul.products li.product { position:relative; isolation:isolate; display:flex!important; flex-direction:column; float:none!important; clear:none!important; width:auto!important; min-width:0!important; height:100%; margin:0!important; padding:20px 20px 22px!important; border:1px solid rgba(255,255,255,.24); border-radius:17px; background:radial-gradient(ellipse at 84% 8%,rgba(216,155,43,.105),transparent 43%),linear-gradient(145deg,#262A2A,#151819); box-shadow:inset 0 1px rgba(255,255,255,.075),0 17px 34px rgba(0,0,0,.18); text-align:left!important; font-size:16px; transform:translate3d(0,0,0); transition:transform .46s var(--ot-ease),border-color .38s ease,box-shadow .46s var(--ot-ease); }
.hse-ot .hse-ot__woo-products ul.products li.product:nth-child(3n+2) { background:radial-gradient(ellipse at 82% 8%,rgba(240,197,116,.115),transparent 47%),linear-gradient(145deg,#302D26,#171716); }
.hse-ot .hse-ot__woo-products ul.products li.product:nth-child(3n) { background:radial-gradient(ellipse at 82% 8%,rgba(255,255,255,.09),transparent 44%),linear-gradient(145deg,#282A2A,#101213); }
.hse-ot .hse-ot__woo-products ul.products li.product:hover { transform:translate3d(0,-5px,0); border-color:rgba(240,197,116,.77); box-shadow:inset 0 1px rgba(255,255,255,.12),0 25px 48px rgba(0,0,0,.26); }
.hse-ot .hse-ot__woo-products ul.products li.product[hidden] { display:none!important; }
.hse-ot .hse-ot__woo-products ul.products li.product > a.woocommerce-LoopProduct-link { position:relative; display:flex!important; flex:1; flex-direction:column; min-width:0; color:#fff; }
/* The plus is part of the existing product image link, not an extra link/button. */
.hse-ot .hse-ot__woo-products ul.products li.product > a.woocommerce-LoopProduct-link::before {
  content:'add'; position:absolute; z-index:2; top:12px; left:12px;
  display:grid; place-items:center; box-sizing:border-box; width:36px; height:36px;
  border:1px solid rgba(240,197,116,.7); border-radius:10px;
  background:rgba(216,155,43,.25); color:#F0C574;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  font:400 24px/1 'Material Symbols Rounded',sans-serif;
  font-feature-settings:'liga'; letter-spacing:normal;
  pointer-events:none; cursor:inherit;
  transition:background-color .3s ease,color .3s ease,border-color .3s ease;
}
.hse-ot .hse-ot__woo-products ul.products li.product > a.woocommerce-LoopProduct-link:hover::before {
  background:rgba(255,255,255,.23); border-color:rgba(255,255,255,.7); color:#fff;
}
.hse-ot .hse-ot__woo-products ul.products li.product > a.woocommerce-LoopProduct-link:active::before {
  background:#D89B2B; border-color:#D89B2B; color:#0B0B0B;
}
.hse-ot .hse-ot__woo-products ul.products li.product img { display:block; flex-shrink:0; width:100%!important; height:auto!important; max-height:none; margin:0 0 23px!important; aspect-ratio:1.58/1; object-fit:cover; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:#373A39; filter:saturate(.88); transition:filter .32s ease; }
.hse-ot .hse-ot__woo-products ul.products li.product:hover img { filter:saturate(1); }
.hse-ot .hse-ot__woo-products ul.products li.product .woocommerce-loop-product__title { padding:0!important; margin:0 0 13px!important; color:#fff!important; font:500 clamp(20px,1.7vw,26px)/1.19 'Oxanium',sans-serif!important; letter-spacing:-.035em; }
.hse-ot .hse-ot__woo-products ul.products li.product .price { display:block; margin:auto 0 0!important; padding:19px 0 0!important; border-top:1px solid rgba(255,255,255,.17); color:#fff!important; font:600 clamp(23px,2vw,30px)/1.15 'Oxanium',sans-serif!important; }
.hse-ot .hse-ot__woo-products ul.products li.product .price :is(ins,bdi,span) { color:#fff!important; text-decoration:none; }
.hse-ot .hse-ot__woo-products ul.products li.product .price del, .hse-ot .hse-ot__woo-products ul.products li.product .price del * { color:rgba(255,255,255,.53)!important; }
.hse-ot .hse-ot__woo-products ul.products li.product .onsale { position:absolute!important; z-index:2; top:30px!important; left:30px!important; right:auto!important; min-width:0!important; min-height:0!important; margin:0!important; padding:8px 11px!important; border-radius:7px!important; background:var(--ot-amber)!important; color:#121212!important; font:700 10px/1.2 'Oxanium',sans-serif!important; }
.hse-ot .hse-ot__woo-products ul.products li.product :is(a.button,button.button) { display:inline-flex!important; align-items:center; justify-content:center; width:100%; min-height:46px; margin:17px 0 0!important; padding:12px 15px!important; border:1px solid rgba(240,197,116,.65)!important; border-radius:10px!important; background:rgba(216,155,43,.16)!important; color:var(--ot-amber-light)!important; text-align:center; font:700 11px/1.25 'Oxanium',sans-serif!important; letter-spacing:.03em; text-transform:uppercase; transition:background .3s ease,color .3s ease,border-color .3s ease!important; }
.hse-ot .hse-ot__woo-products ul.products li.product :is(a.button,button.button):hover { background:var(--ot-amber)!important; color:#101010!important; border-color:var(--ot-amber)!important; }
.hse-ot .hse-ot__woo-products ul.products li.product .added_to_cart { display:inline-flex; justify-content:center; padding:12px; color:var(--ot-amber-light); font-size:13px; text-align:center; }
/* Electrical Safety & Arc Flash | native WooCommerce card feedback. */
.hse-ot .hse-ot__arc-added-status {
  margin-top:13px; color:var(--ot-amber-light);
  font:700 11px/1.4 'Oxanium',Arial,sans-serif; letter-spacing:.06em;
}
.hse-ot .hse-ot__woo-products ul.products li.hse-ot__arc-course > a.added_to_cart {
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; min-height:44px; margin-top:9px; padding:11px 14px;
  border:1px solid rgba(255,255,255,.6); border-radius:10px;
  background:rgba(255,255,255,.11); color:#fff;
  font:700 11px/1.25 'Oxanium',Arial,sans-serif; text-align:center;
  transition:background-color .3s ease,border-color .3s ease,color .3s ease;
}
.hse-ot .hse-ot__woo-products ul.products li.hse-ot__arc-course > a.added_to_cart:hover {
  background:#fff; border-color:#fff; color:#111;
}
.hse-ot .hse-ot__woo-products ul.products li.hse-ot__arc-course > a.added_to_cart:active {
  background:var(--ot-amber-light); border-color:var(--ot-amber-light); color:#111;
}

.hse-ot__woo-products .woocommerce-info { padding:21px 24px!important; border-top:3px solid var(--ot-amber)!important; border-radius:10px!important; background:#2E3030!important; color:#fff!important; font:400 16px/1.6 'Sulphur Point',sans-serif!important; }
.hse-ot__course-empty, .hse-ot__catalogue-unavailable { margin-top:clamp(20px,3vw,38px); padding:clamp(27px,3vw,40px); border:1px solid rgba(216,155,43,.32); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.028)); color:#fff; }
.hse-ot__course-empty { text-align:center; }
.hse-ot__course-empty > .hse-ot__icon { color:var(--ot-amber-light); font-size:39px; }
.hse-ot__course-empty h3, .hse-ot__catalogue-unavailable h3 { margin-top:8px; color:#fff; font-size:clamp(23px,2vw,29px); }
.hse-ot__course-empty p, .hse-ot__catalogue-unavailable p { margin:12px 0 22px; color:rgba(255,255,255,.73); font:400 clamp(16px,1.25vw,18px)/1.55 'Sulphur Point',sans-serif; }
/* Catalogue unavailable: stationary card, photo to the right (above on mobile), and integrated border treatment. */
.hse-ot__catalogue-unavailable { position:relative; isolation:isolate; display:grid; grid-template-columns:69px minmax(0,1fr) minmax(180px,.34fr); align-items:start; gap:clamp(16px,2.4vw,32px); margin-bottom:4px; background-color:rgba(255,255,255,.045); background-image:none; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); transform:none; box-shadow:inset 0 -1px rgba(240,197,116,.37); transition:background-color .65s var(--ot-ease),border-color .65s var(--ot-ease),box-shadow .65s var(--ot-ease); }
.hse-ot__catalogue-unavailable::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,0)); opacity:1; transition:opacity .65s var(--ot-ease); }
.hse-ot__catalogue-unavailable:hover { border-color:rgba(255,255,255,.83); background-color:#000; box-shadow:inset 0 -1px rgba(255,255,255,.82),inset 0 1px rgba(255,255,255,.23),0 14px 36px rgba(0,0,0,.23); }
.hse-ot__catalogue-unavailable:hover::before { opacity:0; }
.hse-ot__catalogue-unavailable:active { border-color:rgba(216,155,43,.82); background-color:rgba(0,0,0,.57); box-shadow:0 0 0 4px rgba(216,155,43,.19),0 0 30px rgba(216,155,43,.3),inset 0 -1px rgba(240,197,116,.86),inset 0 1px rgba(240,197,116,.24); }
.hse-ot__catalogue-unavailable:active::before { opacity:0; }
.hse-ot__catalogue-unavailable > .hse-ot__unavailable-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.hse-ot__catalogue-unavailable p { margin-bottom:0; }
.hse-ot__unavailable-copy > .hse-ot__button { margin-top:22px; }
.hse-ot__unavailable-symbol { align-self:start; margin-top:8px; color:var(--ot-amber-light); background:rgba(216,155,43,.12); }
.hse-ot__unavailable-image { grid-column:3; width:100%; height:190px; overflow:hidden; border:3px solid rgba(240,197,116,.7); border-radius:12px; background:#353A3B; box-shadow:0 0 0 4px rgba(216,155,43,.15),inset 0 1px rgba(255,255,255,.2); }
.hse-ot__unavailable-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transform:translate3d(0,var(--ot-unavailable-parallax-y,0px),0) scale(1.20); will-change:transform; }

/* 06 | NEW BOTTOM CTA ------------------------------------------------------ */
.hse-ot__cta { padding:clamp(80px,8vw,122px) 0; background:linear-gradient(126deg,#F7D995 0%,#EDC26F 52%,#E4AD4E 100%); }
.hse-ot__cta-panel { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.88fr); align-items:center; gap:clamp(25px,5vw,85px); min-height:310px; padding:clamp(36px,5vw,77px); overflow:hidden; border:1px solid rgba(255,255,255,.64); border-radius:19px; background:rgba(11,13,13,.93); box-shadow:0 0 0 5px rgba(255,255,255,.18),inset 0 1px rgba(255,255,255,.18),0 28px 66px rgba(26,18,4,.19); transform:translate3d(0,0,0); transition:transform .95s var(--ot-ease),box-shadow .8s var(--ot-ease),border-color .65s ease; }
.hse-ot__cta-panel:hover { transform:translate3d(0,-2px,0); border-color:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.22),inset 0 1px rgba(255,255,255,.2),0 30px 70px rgba(26,18,4,.21); }
.hse-ot__cta-panel:active { transform:translate3d(0,0,0); border-color:#fff; box-shadow:0 0 0 5px rgba(255,255,255,.33),0 0 34px rgba(255,255,255,.37),inset 0 1px rgba(255,255,255,.78),0 22px 48px rgba(26,18,4,.18); }
.hse-ot__cta-panel::before { content:''; position:absolute; inset:0; z-index:0; background:radial-gradient(ellipse at 100% 0%,rgba(216,155,43,.2),transparent 52%),linear-gradient(90deg,transparent,rgba(255,255,255,.025)); pointer-events:none; }
.hse-ot__cta-diamond { position:absolute; z-index:0; display:block; width:230px; aspect-ratio:1; border:1px solid rgba(216,155,43,.24); border-radius:25px; background:rgba(216,155,43,.045); transform:rotate(45deg); pointer-events:none; animation:ot-float 15s ease-in-out infinite; }
.hse-ot__cta-diamond--one { top:-155px; right:8%; }
.hse-ot__cta-diamond--two { width:170px; bottom:-135px; right:31%; animation-delay:-6s; }
.hse-ot__cta-title, .hse-ot__cta-details { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-self:center; min-width:0; }
.hse-ot__cta .hse-ot__overline { color:var(--ot-amber-light); }
.hse-ot__cta h2 { max-width:720px; margin-top:17px; color:#fff; font-size:clamp(36px,4vw,66px); line-height:1.04; }
.hse-ot__cta-details p { max-width:530px; color:rgba(255,255,255,.84); font:400 clamp(16px,1.3vw,19px)/1.55 'Sulphur Point',sans-serif; }
.hse-ot__cta-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }

/* 07 | REVEALS (no hover motion collision) ---------------------------------- */
.hse-ot.hse-ot--js .hse-ot__reveal { opacity:0; translate:0 21px; transition:opacity .78s ease,translate .78s var(--ot-ease); }
.hse-ot.hse-ot--js .hse-ot__reveal.is-visible { opacity:1; translate:0 0; }

/* 08 | RESPONSIVE ---------------------------------------------------------- */
@media (min-width:701px) {
  .hse-ot__catalogue-unavailable { border:2px solid rgba(240,197,116,.70); }
}
@media (min-width:701px) and (max-width:1749px) {
  .hse-ot__note-top { align-items:flex-start; }
}
@media (min-width:1750px) {
  .hse-ot__hero-grid { gap:110px; }
  .hse-ot__hero-visual { min-height:630px; }
}
@media (max-width:1200px) {
  .hse-ot .hse-ot__delivery { grid-template-columns:70px minmax(0,1fr); }
  .hse-ot .hse-ot__delivery-emblem { width:70px; height:70px; }
  .hse-ot .hse-ot__delivery-link { grid-column:2; justify-self:start; }
}
@media (max-width:1250px) {
  .hse-ot__hero-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:37px; }
  .hse-ot__hero h1 { font-size:clamp(44px,5.1vw,85px); }
  .hse-ot__hero-copy > p:not(.hse-ot__eyebrow) { font-size:clamp(16px,1.35vw,20px); }
  .hse-ot__hero-visual { min-height:440px; }
  .hse-ot__visual-tag--one { right:-2%; }
  .hse-ot__visual-tag--two { left:-3%; }
  .hse-ot__device-body { min-height:300px; }
  .hse-ot__device-cards > span { padding:14px 10px; }
  .hse-ot__button { letter-spacing:0; }
}
@media (min-width:1200px) {
  .hse-ot__hero h1 { font-size:clamp(43px,4.65vw,77px); }
  .hse-ot__flexible h2, .hse-ot__catalogue h2, .hse-ot__cta h2 { font-size:clamp(36px,3.6vw,59px); }
}
@media (max-width:990px) {
  .hse-ot__hero { padding-top:clamp(135px,16vw,170px); }
  .hse-ot__hero-grid { grid-template-columns:1fr; gap:35px; }
  .hse-ot__hero-copy { max-width:790px; }
  .hse-ot__hero h1 { font-size:clamp(44px,5.1vw,85px); }
  .hse-ot__hero-copy > p:not(.hse-ot__eyebrow) { max-width:760px; font-size:clamp(16px,1.35vw,20px); }
  .hse-ot__hero-visual { width:min(100%,700px); min-height:470px; margin:0 auto; }
  .hse-ot__visual-tag--one { right:0; }
  .hse-ot__visual-tag--two { left:0; }
  .hse-ot__flexible-grid, .hse-ot__catalogue-head { grid-template-columns:1fr; gap:28px; }
  .hse-ot__catalogue-intro p { max-width:740px; }
  .hse-ot__flexible h2 { max-width:760px; }
  .hse-ot__flexible-copy { padding-top:0; }
  .hse-ot__flexible-copy p { max-width:850px; }
  .hse-ot__note { grid-template-columns:minmax(170px,.36fr) minmax(0,1fr); gap:20px; }
  .hse-ot__note-content { --ot-note-icon-size:58px; }
  .hse-ot__note-symbol, .hse-ot__unavailable-symbol { flex-basis:58px; width:58px; height:58px; }
  .hse-ot__catalogue-unavailable { grid-template-columns:58px minmax(0,1fr) minmax(145px,.32fr); }
  .hse-ot__unavailable-image { grid-column:3; grid-row:1; height:100%; min-height:190px; }
  .hse-ot .hse-ot__woo-products ul.products { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .hse-ot__cta-panel { grid-template-columns:1fr; gap:26px; }
}
@media (max-width:900px) {
  .hse-ot__hero h1 { font-size:clamp(40px,6vw,64px); }
}
@media (max-width:680px) {
  .hse-ot .hse-ot__delivery { grid-template-columns:1fr; gap:16px; padding:26px 24px 28px; }
  .hse-ot .hse-ot__delivery-emblem { width:62px; height:62px; border-radius:16px; }
  .hse-ot .hse-ot__delivery-emblem .hse-ot__icon { font-size:31px; }
  .hse-ot .hse-ot__delivery h3 { font-size:clamp(25px,6vw,31px); }
  .hse-ot .hse-ot__delivery p { font-size:16px; }
  .hse-ot .hse-ot__delivery-link { grid-column:1; justify-self:stretch; width:100%; white-space:normal; }
}
@media (max-width:700px) {
  .hse-ot__hero { padding-top:clamp(150px,21vw,188px); }
  .hse-ot__diamond--three { display:none; }
  .hse-ot__hero h1 { font-size:clamp(36px,9vw,55px); }
  .hse-ot__hero h1 br { display:none; }
  .hse-ot__hero-visual { min-height:clamp(285px,74vw,465px); }
  .hse-ot__device { width:92%; }
  .hse-ot__device-body { min-height:0; padding:clamp(16px,4vw,28px); }
  .hse-ot__device-heading { font-size:clamp(25px,5vw,39px); }
  .hse-ot__device-cards > span { padding:12px 9px; gap:7px; }
  .hse-ot__device-cards .hse-ot__icon { font-size:21px; }
  .hse-ot__device-lines { margin-top:15px; }
  .hse-ot__visual-tag { padding:9px 11px; font-size:8px; }
  .hse-ot__visual-tag .hse-ot__icon { font-size:20px; }
  .hse-ot__visual-tag--two { bottom:2%; }
  .hse-ot__flexible h2, .hse-ot__catalogue h2, .hse-ot__cta h2 { font-size:clamp(34px,8vw,48px); }
  .hse-ot__note { grid-template-columns:1fr; gap:20px; padding:22px; }
  .hse-ot__note-photo { grid-column:1; grid-row:1; height:220px; }
  .hse-ot__note-photo img { object-position:50% 22%; }
  .hse-ot__note-content { grid-column:1; grid-row:2; align-items:flex-start; }
  .hse-ot__note-top { align-items:flex-start; }
  .hse-ot .hse-ot__button--note { align-self:flex-start; white-space:normal; }
  .hse-ot__catalogue-unavailable { grid-template-columns:58px minmax(0,1fr); }
  .hse-ot__unavailable-image { grid-column:1 / -1; grid-row:1; height:210px; min-height:0; }
  .hse-ot__unavailable-symbol { grid-column:1; grid-row:2; }
  .hse-ot__catalogue-unavailable > .hse-ot__unavailable-copy { grid-column:2; grid-row:2; align-self:start; }
  .hse-ot__unavailable-copy > p { margin-top:10px; }
  .hse-ot__unavailable-copy > .hse-ot__button { align-self:flex-start; max-width:100%; white-space:normal; padding-inline:10px; gap:6px; font-size:10px; }
  .hse-ot .hse-ot__woo-products ul.products { grid-template-columns:1fr!important; }
  .hse-ot__catalogue-tools { flex-direction:column; align-items:stretch; }
  .hse-ot .hse-ot__catalogue-tools .hse-ot__search { align-self:stretch; flex:0 0 auto; width:100%; }
  .hse-ot__catalogue-unavailable { align-items:start; }
  .hse-ot__cta h2 { font-size:clamp(34px,8vw,48px); }
}
@media (max-width:480px) {
  .hse-ot { --ot-gutter:18px; }
  .hse-ot__hero { padding-top:170px; padding-bottom:40px; }
  .hse-ot__hero h1 { font-size:clamp(36px,9vw,55px); }
  .hse-ot__hero-copy > p:not(.hse-ot__eyebrow) { font-size:16px; line-height:1.53; }
  .hse-ot__hero-buttons { flex-wrap:nowrap; gap:7px; }
  .hse-ot .hse-ot__hero-buttons .hse-ot__button { flex:1 1 0; width:0; padding:11px 6px; min-height:46px; gap:4px; white-space:normal; font-size:clamp(8px,2.2vw,10px); }
  .hse-ot__hero-buttons .hse-ot__icon { font-size:16px; }
  .hse-ot__device-heading { font-size:clamp(22px,6vw,33px); }
  .hse-ot__device-body { padding:16px; }
  .hse-ot__device-cards { gap:5px; }
  .hse-ot__device-cards > span { padding:11px 7px; }
  .hse-ot__device-cards b { font-size:8px; }
  .hse-ot__device-topline { font-size:7px; }
  .hse-ot__hero-visual { min-height:275px; }
  .hse-ot__visual-tag--one { right:-3px; top:40%; }
  .hse-ot__visual-tag--two { left:-3px; bottom:-6px; }
  .hse-ot__flexible { padding:78px 0 85px; }
  .hse-ot__flexible-copy p { font-size:16px; }
  .hse-ot__note-photo { height:195px; min-height:195px; }
  .hse-ot__note-content { --ot-note-icon-size:47px; --ot-note-icon-gap:14px; }
  .hse-ot__note-symbol, .hse-ot__unavailable-symbol { flex-basis:47px; width:47px; height:47px; border-radius:12px; }
  .hse-ot__note-symbol .hse-ot__icon, .hse-ot__unavailable-symbol .hse-ot__icon { font-size:25px; }
  .hse-ot__note-top { gap:14px; }
  .hse-ot__note-copy p { font-size:16px; }
  .hse-ot__catalogue-unavailable { grid-template-columns:47px minmax(0,1fr); gap:14px; }
  .hse-ot__unavailable-image { height:190px; }
  .hse-ot__catalogue { padding:80px 0 95px; }
  .hse-ot__cta { padding:75px 0; }
  .hse-ot__cta-panel { padding:32px 22px; }
}
@media (max-width:400px) {
  .hse-ot { --ot-gutter:16px; }
  .hse-ot__hero h1 { font-size:34px; }
  .hse-ot__device-heading { font-size:21px; }
  .hse-ot__visual-tag { font-size:7px; padding:7px; }
  .hse-ot__visual-tag .hse-ot__icon { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
  .hse-ot .hse-ot__delivery::after { animation:none; }
  .hse-ot .hse-ot__delivery:hover::after { top:-140px; }
  .hse-ot *, .hse-ot *::before, .hse-ot *::after { animation:none!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
  .hse-ot.hse-ot--js .hse-ot__reveal { opacity:1!important; translate:0 0!important; }
  .hse-ot__hero-visual:hover .hse-ot__device, .hse-ot__cta-panel:hover { transform:none!important; }
  .hse-ot__note-photo img, .hse-ot__unavailable-image img { transform:none!important; will-change:auto; }
}