/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 26 2026 | 04:59:54 */
@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 | DARK ARCHIVES — COMPLETE STANDALONE STYLESHEET
   Applies only inside .hse-archive; does not restyle header, footer,
   single article pages, or the WordPress editor.
   ===================================================================== */

.hse-archive {
  --hsea-amber:#FFC84A;
  --hsea-deep-amber:#D89B2B;
  --hsea-pale-amber:#FAD995;
  --hsea-ink:#F7F7F5;
  --hsea-copy:#D3D8D3;
  --hsea-muted:#AEB7B0;
  --hsea-dark:#101211;
  --hsea-panel:#202422;
  --hsea-border:rgba(255,255,255,.20);
  --hsea-ease:cubic-bezier(.22,1,.36,1);
  --hsea-gutter:clamp(20px,4.6vw,86px);
  --hsea-max:1520px;
  position:relative;
  isolation:isolate;
  overflow:clip;
  width:100%;
  max-width:none!important;
  margin-block:0!important;
  background:var(--hsea-dark);
  color:var(--hsea-ink);
  font-family:'Sulphur Point',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.hse-archive,
.hse-archive *,
.hse-archive *::before,
.hse-archive *::after { box-sizing:border-box; }

.hse-archive :where(.hsea-hero,.hsea-feed,.hsea-hero__inner,.hsea-feed__inner,.hsea-card,.hsea-card__body,.hsea-card__meta,.hsea-empty,.hsea-query) { margin-block:0!important; }
.hse-archive :where(h1,h2,h3,p) { margin-block:0; }
.hse-archive :where(h1,h2,h3) { font-family:'Oxanium',Arial,sans-serif; text-wrap:balance; }
.hse-archive a { text-decoration:none; }
.hse-archive a:focus-visible { outline:3px solid var(--hsea-amber); outline-offset:4px; }
.hse-archive img { display:block; max-width:100%; }
.hse-archive .hsea-hero__inner,
.hse-archive .hsea-feed__inner {
  position:relative;
  z-index:1;
  width:min(calc(100% - (var(--hsea-gutter) * 2)),var(--hsea-max));
  max-width:var(--hsea-max)!important;
  margin-inline:auto!important;
}
.hse-archive .hsea-hero__inner > *,
.hse-archive .hsea-feed__inner > * { max-width:none; }

/* 01 | HERO — CHARCOAL GRADIENT AND FLOATING AMBER-GLASS DIAMONDS */
@keyframes hsea-diamond-float {
  from { transform:translate3d(0,0,0) rotate(45deg) scale(1); }
  to { transform:translate3d(21px,-26px,0) rotate(49deg) scale(1.06); }
}
.hse-archive .hsea-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(116px,11vw,173px) 0 clamp(83px,9vw,132px);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(ellipse at 9% 2%,rgba(216,155,43,.19),transparent 46%),
    radial-gradient(ellipse at 90% 85%,rgba(190,195,191,.09),transparent 52%),
    linear-gradient(128deg,#292D2A 0%,#171A18 54%,#0B0D0C 100%);
}
.hse-archive .hsea-hero::before,
.hse-archive .hsea-hero::after {
  content:'';
  position:absolute;
  z-index:0;
  width:clamp(190px,24vw,380px);
  height:clamp(190px,24vw,380px);
  pointer-events:none;
  border:1px solid rgba(255,224,165,.58);
  border-radius:29px;
  background:linear-gradient(140deg,rgba(216,155,43,.27),rgba(255,255,255,.065));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 25px 55px rgba(0,0,0,.08);
  transform:rotate(45deg);
  animation:hsea-diamond-float 8.5s ease-in-out infinite alternate;
}
.hse-archive .hsea-hero::before { right:-42px; top:-76px; }
.hse-archive .hsea-hero::after { left:-55px; bottom:-105px; animation-duration:11s; animation-delay:-4s; border-color:rgba(220,223,220,.38); }
.hse-archive .hsea-hero__eyebrow {
  color:var(--hsea-pale-amber);
  font:700 clamp(11px,.92vw,13px)/1.45 'Oxanium',Arial,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hse-archive .hsea-hero__title {
  max-width:1120px!important;
  margin-top:24px!important;
  color:#fff;
  font:500 clamp(44px,5.5vw,82px)/1.07 'Oxanium',Arial,sans-serif;
  letter-spacing:-.047em;
  overflow-wrap:break-word;
}
.hse-archive .hsea-hero__description {
  max-width:820px!important;
  margin-top:25px!important;
  color:#D7DBD6;
  font:400 clamp(16px,1.33vw,19px)/1.7 'Sulphur Point',Arial,sans-serif;
}
.hse-archive .hsea-hero__description :where(p,ul) { margin-block:0 12px; }
.hse-archive .hsea-hero__description :last-child { margin-bottom:0; }
.hse-archive .hsea-hero__description a { color:var(--hsea-pale-amber); text-decoration:underline; text-underline-offset:4px; }

/* 02 | FEED HEADER AND BACKGROUND */
.hse-archive .hsea-feed {
  position:relative;
  padding:clamp(65px,7vw,108px) 0 clamp(86px,9vw,142px);
  background:
    radial-gradient(ellipse at 94% 9%,rgba(216,155,43,.07),transparent 38%),
    radial-gradient(ellipse at 4% 82%,rgba(220,226,222,.035),transparent 42%),
    #101211;
}
.hse-archive .hsea-feed__eyebrow {
  color:var(--hsea-pale-amber);
  font:700 12px/1.45 'Oxanium',sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.hse-archive .hsea-feed__heading {
  margin-top:16px!important;
  color:#fff;
  font:500 clamp(34px,3.8vw,56px)/1.1 'Oxanium',Arial,sans-serif;
  letter-spacing:-.04em;
}
.hse-archive .hsea-feed__lead {
  width:100%;
  max-width:clamp(720px,80vw,1400px)!important;
  margin-top:17px!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
  color:var(--hsea-muted);
  font:400 clamp(15px,1.12vw,18px)/1.7 'Sulphur Point',sans-serif;
}
.hse-archive .hsea-query { margin-top:clamp(36px,4.3vw,60px)!important; }

/* 03 | RESPONSIVE CARD GRID */
.hse-archive .hsea-grid,
.hse-archive ul.hsea-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(15px,1.5vw,22px)!important;
  margin:0!important;
  padding:0!important;
  list-style:none;
}
.hse-archive .hsea-grid > li {
  min-width:0;
  min-height:0;
  margin:0!important;
  padding:0!important;
  list-style:none;
}
.hse-archive .hsea-card {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:465px;
  overflow:hidden;
  border:1px solid var(--hsea-border);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045));
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 44px rgba(0,0,0,.18);
  transform:translate3d(0,0,0);
  transition:transform .48s var(--hsea-ease),background .48s ease,border-color .45s ease,box-shadow .48s var(--hsea-ease);
}
.hse-archive .hsea-card:hover {
  transform:translateY(-5px);
  border-color:rgba(216,155,43,.79);
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(216,155,43,.065));
  box-shadow:inset 0 1px rgba(255,255,255,.20),0 25px 52px rgba(0,0,0,.29);
}
.hse-archive .hsea-card:active { transform:translateY(0); border-color:var(--hsea-amber); box-shadow:0 0 0 3px rgba(216,155,43,.13),0 13px 35px rgba(0,0,0,.20); }

/* 04 | CARD IMAGE / PLACEHOLDER */
.hse-archive .hsea-card__image,
.hse-archive figure.hsea-card__image {
  flex:none;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  margin:0!important;
  overflow:hidden;
  background:linear-gradient(135deg,#363A35,#6C5B3E 62%,#B28C43);
}
.hse-archive .hsea-card__image a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
}
.hse-archive .hsea-card__image img {
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center;
  transform:scale(1);
  filter:saturate(.92);
  transition:transform .7s var(--hsea-ease),filter .6s ease;
}
.hse-archive .hsea-card:hover .hsea-card__image img { transform:scale(1.035); filter:saturate(1); }
.hse-archive .hsea-card:active .hsea-card__image img { transform:scale(1); }
/* WordPress omits the featured-image block entirely when a post has none. */
.hse-archive .hsea-card:not(:has(.hsea-card__image))::before {
  content:'';
  flex:none;
  display:block;
  width:100%;
  aspect-ratio:3/2;
  background:
    linear-gradient(45deg,transparent 46%,rgba(255,255,255,.075) 47%,rgba(255,255,255,.075) 48%,transparent 49%),
    radial-gradient(circle at 68% 35%,rgba(216,155,43,.29),transparent 50%),
    linear-gradient(130deg,#313832,#161A17);
}

/* 05 | CARD CONTENT */
.hse-archive .hsea-card__body {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  width:100%;
  padding:clamp(22px,2vw,31px);
}
.hse-archive .hsea-card__terms {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  column-gap:8px;
  row-gap:8px;
  order:0;
  margin:0!important;
  color:transparent;
  font-size:0;
}
.hse-archive .hsea-card__terms a,
.hse-archive .hsea-card__terms a:visited {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:7px 12px;
  border:1px solid rgba(216,155,43,.65);
  border-radius:100px;
  background:rgba(216,155,43,.23);
  color:#fff;
  -webkit-backdrop-filter:blur(14px) saturate(112%);
  backdrop-filter:blur(14px) saturate(112%);
  box-shadow:inset 0 1px rgba(255,225,170,.16);
  font:700 10px/1.2 'Oxanium',sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  transform:translateY(0);
  transition:transform .33s var(--hsea-ease),background-color .33s ease,color .28s ease,border-color .33s ease,box-shadow .33s ease;
}
.hse-archive .hsea-card__terms a:hover,
.hse-archive .hsea-card__terms a:visited:hover {
  transform:translateY(-2px);
  background:var(--hsea-deep-amber);
  border-color:var(--hsea-deep-amber);
  color:#111;
  box-shadow:0 9px 22px rgba(216,155,43,.19);
}
.hse-archive .hsea-card__terms a:active,
.hse-archive .hsea-card__terms a:visited:active {
  transform:translateY(0);
  border-color:rgba(255,255,255,.95);
  background:rgba(255,255,255,.78);
  color:#111;
  box-shadow:0 0 0 3px rgba(255,255,255,.10);
}
.hse-archive .hsea-card__terms .wp-block-post-terms__separator { display:none; }
.hse-archive .hsea-card__title {
  order:1;
  margin-top:20px!important;
  color:#fff;
  font:600 clamp(20px,1.7vw,26px)/1.25 'Oxanium',Arial,sans-serif;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
}
.hse-archive .hsea-card__title a,
.hse-archive .hsea-card__title a:visited { color:#fff; transition:color .3s ease; }
.hse-archive .hsea-card__title a:hover { color:var(--hsea-pale-amber); }
.hse-archive .hsea-card__title a:active { color:var(--hsea-amber); }
.hse-archive .hsea-card__excerpt {
  order:3;
  width:100%;
  margin-top:18px!important;
  margin-bottom:23px!important;
  color:var(--hsea-copy);
  font:400 clamp(14px,1.04vw,16px)/1.67 'Sulphur Point',Arial,sans-serif;
}
.hse-archive .hsea-card__excerpt > p {
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0;
}
.hse-archive .hsea-card__excerpt a { color:var(--hsea-pale-amber); }
.hse-archive .hsea-card__meta {
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:9px!important;
  order:2;
  width:100%;
  margin-top:14px!important;
  padding-top:0;
}
.hse-archive .hsea-card__date,
.hse-archive .hsea-card__reading-time {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 11px;
  margin:0!important;
  border:1px solid rgba(255,255,255,.33);
  border-radius:100px;
  background:rgba(255,255,255,.055);
  color:#E7E9E6;
  font:500 11px/1.35 'Sulphur Point',sans-serif;
  white-space:nowrap;
}
.hse-archive .hsea-card__date a,
.hse-archive .hsea-card__date time { color:inherit; }
.hse-archive .hsea-card__read-more,
.hse-archive .hsea-card__read-more:visited {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  order:4;
  min-height:40px;
  margin-top:auto!important;
  padding:10px 13px;
  border:1px solid var(--hsea-deep-amber);
  border-radius:9px;
  background:var(--hsea-deep-amber);
  color:#111;
  font:700 11px/1.2 'Oxanium',sans-serif;
  letter-spacing:.065em;
  text-transform:uppercase;
  transform:translateY(0);
  transition:transform .35s var(--hsea-ease),background-color .33s,color .3s,border-color .33s,box-shadow .35s;
}
.hse-archive .hsea-card__read-more::after {
  content:'auto_stories';
  display:inline-block;
  font-family:'Material Symbols Rounded';
  font-size:18px;
  font-weight:400;
  line-height:1;
  font-feature-settings:'liga';
  transition:transform .35s var(--hsea-ease);
}
.hse-archive .hsea-card__read-more:hover,
.hse-archive .hsea-card__read-more:visited:hover {
  transform:translateY(-3px);
  background:rgba(216,155,43,.14);
  border-color:rgba(216,155,43,.65);
  color:var(--hsea-pale-amber);
  box-shadow:0 10px 25px rgba(216,155,43,.12);
}
.hse-archive .hsea-card__read-more:hover::after { transform:translateY(-2px); }
.hse-archive .hsea-card__read-more:active,
.hse-archive .hsea-card__read-more:visited:active {
  transform:translateY(0);
  background:rgba(255,255,255,.88);
  border-color:#fff;
  color:#111;
  box-shadow:0 0 0 3px rgba(255,255,255,.16);
}

/* 06 | EMPTY ARCHIVE */
.hse-archive .hsea-empty {
  padding:clamp(30px,5vw,64px);
  border:1px solid rgba(255,255,255,.23);
  border-radius:18px;
  background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.hse-archive .hsea-empty__title {
  color:#fff;
  font:600 clamp(25px,3vw,38px)/1.2 'Oxanium',sans-serif;
}
.hse-archive .hsea-empty__text {
  margin-top:14px!important;
  max-width:680px!important;
  color:var(--hsea-copy);
  font:400 16px/1.65 'Sulphur Point',sans-serif;
}

/* 07 | PAGINATION */
.hse-archive .hsea-pagination {
  display:flex!important;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px!important;
  width:100%;
  margin-top:clamp(36px,4.5vw,62px)!important;
  color:#fff;
  font:700 12px/1.3 'Oxanium',sans-serif;
}
.hse-archive .hsea-pagination .wp-block-query-pagination-numbers {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
.hse-archive .hsea-pagination a,
.hse-archive .hsea-pagination .current {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:43px;
  min-height:43px;
  padding:10px 13px;
  margin:0!important;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:rgba(255,255,255,.065);
  color:#fff;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px rgba(255,255,255,.11);
  text-decoration:none;
  transition:transform .35s var(--hsea-ease),background-color .35s,color .3s,border-color .35s,box-shadow .35s;
}
.hse-archive .hsea-pagination a:hover {
  transform:translateY(-3px);
  background:var(--hsea-deep-amber);
  border-color:var(--hsea-deep-amber);
  color:#111;
  box-shadow:0 9px 22px rgba(216,155,43,.18);
}
.hse-archive .hsea-pagination a:active {
  transform:translateY(0);
  background:rgba(255,255,255,.85);
  border-color:#fff;
  color:#111;
}
.hse-archive .hsea-pagination .current {
  background:rgba(216,155,43,.28);
  border-color:var(--hsea-deep-amber);
  color:var(--hsea-pale-amber);
}
.hse-archive .hsea-pagination .wp-block-query-pagination-previous,
.hse-archive .hsea-pagination .wp-block-query-pagination-next { min-width:97px; }
.hse-archive .hsea-pagination .wp-block-query-pagination-previous-arrow,
.hse-archive .hsea-pagination .wp-block-query-pagination-next-arrow { color:inherit; }

/* 08 | JS-ENHANCED REVEAL — CONTENT REMAINS VISIBLE WITHOUT JS */
@media (prefers-reduced-motion:no-preference) {
  .hse-archive .hsea-card.hsea-reveal {
    opacity:0;
    transform:translateY(20px);
    transition:opacity .8s var(--hsea-ease),transform .8s var(--hsea-ease),border-color .4s,background .4s,box-shadow .4s;
    transition-delay:var(--hsea-reveal-delay,0ms);
  }
  .hse-archive .hsea-card.hsea-reveal.hsea-is-visible { opacity:1; transform:translateY(0); }
  .hse-archive .hsea-card.hsea-reveal.hsea-is-visible:hover { transform:translateY(-5px); }
  .hse-archive .hsea-card.hsea-reveal.hsea-is-visible:active { transform:translateY(0); }
}

/* 09 | RESPONSIVE — DESKTOP, TABLET, MOBILE */
@media (max-width:1199px) {
  .hse-archive .hsea-grid,
  .hse-archive ul.hsea-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hse-archive .hsea-card { min-height:445px; }
}
@media (max-width:900px) {
  .hse-archive .hsea-hero { padding-top:clamp(114px,12vw,140px); }
  .hse-archive .hsea-hero::before { right:-58px; top:-65px; }
  .hse-archive .hsea-hero::after { left:-65px; bottom:-75px; }
  .hse-archive .hsea-hero__title { font-size:clamp(42px,6.6vw,64px); }
  .hse-archive .hsea-feed { padding-block:69px 98px; }
}
@media (max-width:650px) {
  .hse-archive { --hsea-gutter:20px; }
  .hse-archive .hsea-hero { padding:108px 0 83px; }
  .hse-archive .hsea-hero::before { right:-55px; top:-40px; }
  .hse-archive .hsea-hero::after { left:-65px; bottom:-65px; }
  .hse-archive .hsea-hero__eyebrow { font-size:11px; }
  .hse-archive .hsea-hero__title { margin-top:19px!important; font-size:clamp(35px,9vw,52px); line-height:1.12; }
  .hse-archive .hsea-hero__description { margin-top:20px!important; font-size:16px; }
  .hse-archive .hsea-feed { padding:60px 0 80px; }
  .hse-archive .hsea-feed__heading { font-size:clamp(29px,7.5vw,43px); }
  .hse-archive .hsea-feed__lead { font-size:15px; }
  .hse-archive .hsea-query { margin-top:33px!important; }
  .hse-archive .hsea-grid,
  .hse-archive ul.hsea-grid { grid-template-columns:1fr; gap:15px!important; }
  .hse-archive .hsea-card { min-height:0; }
  .hse-archive .hsea-card__body { padding:23px; }
  .hse-archive .hsea-card__title { font-size:22px; }
  .hse-archive .hsea-card__excerpt { font-size:15px; }
  .hse-archive .hsea-pagination { gap:7px!important; }
  .hse-archive .hsea-pagination a,
  .hse-archive .hsea-pagination .current { min-width:39px; min-height:40px; padding:9px 11px; }
}
@media (max-width:380px) {
  .hse-archive { --hsea-gutter:16px; }
  .hse-archive .hsea-hero__title { font-size:32px; }
  .hse-archive .hsea-card__body { padding:20px; }
  .hse-archive .hsea-card__terms a { font-size:9px; }
  .hse-archive .hsea-card__meta { gap:7px!important; }
  .hse-archive .hsea-card__date,
  .hse-archive .hsea-card__reading-time { font-size:10px; padding:7px 9px; }
  .hse-archive .hsea-pagination .wp-block-query-pagination-numbers { gap:5px; }
}
@media (prefers-reduced-motion:reduce) {
  .hse-archive *,
  .hse-archive *::before,
  .hse-archive *::after {
    animation:none!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .hse-archive .hsea-card.hsea-reveal { opacity:1; transform:none; }
}