/* One motion language, scoped to presentation. Forms and reports stay in place. */
:root{--hta-epoch-ink:#142f47;--hta-epoch-blue:#2851ef;--hta-epoch-teal:#087f82;--hta-epoch-ease:cubic-bezier(.2,.7,.2,1)}
#hta-experience .hta-epoch-hero{position:relative;isolation:isolate;min-height:580px;margin:18px 0 0;padding:62px 54px 130px;border:1px solid #e8edf2;border-radius:38px;background:#f9fafb;overflow:hidden;box-shadow:0 30px 80px -50px #142f4720}
.hta-epoch-media{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
.hta-epoch-media video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:64% 50%;opacity:0;transition:opacity .5s ease}
.hta-epoch-media video[data-ready]{opacity:1}
.hta-epoch-fallback{position:absolute;width:510px;height:510px;right:-100px;top:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transform:rotate(-35deg) skew(12deg,12deg);opacity:.65}
.hta-epoch-fallback i{border-radius:28px;border:1px solid #c5d6eb;background:linear-gradient(135deg,#fff,#eaf1fb);box-shadow:0 8px 16px #142f4710}.hta-epoch-fallback i:nth-child(5){background:linear-gradient(135deg,#79c4fa,#2851ef);box-shadow:0 12px 0 #c5dbfa,0 22px 32px #2851ef30}
#hta-experience .hta-epoch-copy{max-width:565px;position:relative;z-index:2;animation:hta-epoch-in .75s var(--hta-epoch-ease) both}
#hta-experience .hta-epoch-eyebrow{font-size:11px;font-weight:500;color:#087f82;letter-spacing:1.8px;margin:0 0 26px}
#hta-experience .hta-epoch-copy h1{font:500 clamp(34px,3.65vw,51px)/1.42 Kanit,'HTA UI',sans-serif;color:#142f47;letter-spacing:-1px;margin:0 0 25px;max-width:560px}
#hta-experience .hta-epoch-copy h1 span{display:block;color:#2851ef}
#hta-experience .hta-epoch-intro{font-size:16px;line-height:1.95;color:#526779;max-width:420px;margin:0 0 30px}
.hta-epoch-cta{display:inline-flex;gap:28px;align-items:center;min-height:48px;padding:12px 23px;border-radius:999px;background:#142f47;color:#fff!important;text-decoration:none!important;font:500 15px Kanit,sans-serif;transition:transform .25s var(--hta-epoch-ease),background .25s}
.hta-epoch-cta span{font-size:22px}.hta-epoch-cta:hover{transform:translateY(-2px);background:#2851ef}
.hta-epoch-nav{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #dfe7ef;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(18px);box-shadow:0 10px 35px #142f470b;white-space:nowrap}
.hta-epoch-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 16px;border-radius:999px;color:#526779;text-decoration:none!important;font-size:14px;transition:background .2s,color .2s}
.hta-epoch-nav a:hover{background:#eef4ff;color:#2851ef}.hta-epoch-nav a.hta-epoch-mark{width:44px;padding:0;background:#fff;color:#087f82;border:1px solid #e6ecf1;font-size:25px}
.hta-epoch-nav a.hta-epoch-contact{border:1px solid #dfe7ef;background:#fff;color:#142f47}
/* A quiet, continuous editorial strip matching the homepage. */
.hta-epoch-marquee{max-width:100%;overflow:hidden;margin:32px 0 64px;padding:15px 0;border-block:1px solid #edf0f3;background:#fff;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.hta-epoch-track{display:flex;width:max-content;transform:translateX(0)}
.hta-epoch-marquee[data-loop-ready] .hta-epoch-track{animation:hta-epoch-marquee var(--loop-duration,38s) linear infinite}
.hta-epoch-group{display:flex;align-items:center;gap:52px;padding-right:52px;flex-shrink:0}
.hta-epoch-marquee .hta-epoch-pill{display:flex;gap:12px;align-items:center;justify-content:center;white-space:nowrap;flex:none;width:auto;min-height:44px;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#142f47;text-decoration:none!important;font:500 22px/1.3 Kanit,'HTA UI',sans-serif;transition:color .2s}
.hta-epoch-marquee .hta-epoch-pill:hover,.hta-epoch-marquee .hta-epoch-pill:focus-visible{color:#2851ef}
.hta-epoch-pill img{width:34px;height:34px;object-fit:contain}.hta-epoch-pill img.hta-epoch-meta{width:100px;height:26px}.hta-epoch-pill .hta-epoch-ads{font-size:17px}
.hta-epoch-pill .category-symbol{width:34px;height:34px;fill:none;stroke:#087f82;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hta-epoch-marquee[data-held] .hta-epoch-track,.hta-epoch-marquee[data-touch-held] .hta-epoch-track{animation-play-state:paused}
@media(hover:hover){.hta-epoch-marquee:hover .hta-epoch-track{animation-play-state:paused}}
.hta-epoch-marquee:focus-within{overflow-x:auto;mask-image:none}.hta-epoch-marquee:focus-within .hta-epoch-track{animation:none!important;transform:none}.hta-epoch-marquee:focus-within .hta-epoch-group[aria-hidden=true]{display:none}
.hta-epoch-marquee:not([data-loop-ready]){overflow-x:auto;mask-image:none}
@keyframes hta-epoch-marquee{to{transform:translateX(calc(-1 * var(--loop-width,0px)))}}
@keyframes hta-epoch-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Lightweight shared responses; no selector hides content or shifts a form. */
body.hta-shell-theme:not(.hta-fluid-home) :is(.hta-button,.htas-button,.hta-learning-select,.hta-shell-member,.hta-sp-jumps a),body.hta-shell-admin :is(.hta-owner-workspace,.hta-admin-workspace,.hta-customers) .button{transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s!important}
body.hta-shell-theme:not(.hta-fluid-home) :is(.hta-button,.htas-button,.hta-learning-select,.hta-shell-member):hover{box-shadow:0 5px 20px #2851ef18}
body.hta-shell-theme :is(.hta-sp-jumps,.htas-work-nav){border-radius:24px;gap:6px;padding:6px;background:#f6f9fc}
body.hta-shell-theme :is(.hta-sp-jumps,.htas-work-nav) a{border-radius:999px!important;min-height:44px;display:inline-flex;align-items:center}
#hta-live-report :is(button,.button){transition:background-color .2s,border-color .2s,box-shadow .25s}
#hta-live-report :is(button,.button):hover{box-shadow:0 5px 18px #2851ef12}
#hta-live-report #report-nav button{border-radius:14px}
body.hta-shell-theme :is(.hta-member-card,.htas-card,.hta-sp-offer,.he-work){transition:border-color .25s,box-shadow .25s!important}
@media(hover:hover){body.hta-shell-theme :is(.hta-member-card,.htas-card,.hta-sp-offer,.he-work):hover{border-color:#b4c9e8;box-shadow:0 12px 32px -22px #2851ef35}}
.hta-epoch-hero a:focus-visible,.hta-epoch-marquee a:focus-visible{outline:3px solid #087f82;outline-offset:3px}
/* Reduced motion keeps every original category directly reachable, without rotation. */
body.hta-fluid-home.reduce-motion .fan,html[data-hta-motion=off] body.hta-fluid-home .fan{display:flex;gap:20px;left:auto;transform:none;width:100%;max-width:100%;height:auto;overflow-x:auto;padding:16px 20px 24px;perspective:none!important;scroll-snap-type:x proximity;mask-image:none}
body.hta-fluid-home.reduce-motion .topic-card,html[data-hta-motion=off] body.hta-fluid-home .topic-card{position:relative;left:auto;top:auto;flex:0 0 220px;height:308px;transform:none!important;visibility:visible!important;scroll-snap-align:center}
body.hta-fluid-home.reduce-motion .topic-card .card-photo,html[data-hta-motion=off] body.hta-fluid-home .topic-card .card-photo{height:260px}
body.hta-fluid-home.reduce-motion .fan-caption,html[data-hta-motion=off] body.hta-fluid-home .fan-caption{display:none}
@media(max-width:760px){
 #hta-experience .hta-epoch-hero{border-radius:26px;min-height:700px;padding:34px 24px 285px;margin:10px 12px 0}
 #hta-experience .hta-epoch-copy h1{font-size:clamp(31px,7.8vw,43px);letter-spacing:-.6px;line-height:1.45;margin-bottom:20px}
 #hta-experience .hta-epoch-eyebrow{font-size:10px;margin-bottom:22px}#hta-experience .hta-epoch-intro{font-size:15px;line-height:1.9;margin-bottom:24px}
 .hta-epoch-media{inset:auto 0 0 0;height:285px}.hta-epoch-media video{object-position:65% 65%}.hta-epoch-fallback{width:320px;height:320px;right:0;top:20px;gap:12px}
 .hta-epoch-nav{bottom:20px;max-width:calc(100% - 20px);gap:0;padding:5px}.hta-epoch-nav a{font-size:12px;padding:7px 10px;gap:7px}.hta-epoch-nav a.hta-epoch-mark{width:34px;min-height:36px;font-size:22px}
 .hta-epoch-marquee .hta-epoch-pill{font-size:17px;gap:9px}.hta-epoch-group{gap:34px;padding-right:34px}.hta-epoch-pill img,.hta-epoch-pill .category-symbol{width:29px;height:29px}.hta-epoch-pill img.hta-epoch-meta{width:82px;height:23px}.hta-epoch-pill .hta-epoch-ads{font-size:14px}.hta-epoch-marquee{margin:24px 0 40px;padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
}
@media(max-width:360px){#hta-experience .hta-epoch-hero{padding-inline:18px}.hta-epoch-nav a{padding:7px 7px;font-size:11px}.hta-epoch-nav a.hta-epoch-mark{display:none}}
@media(prefers-reduced-motion:reduce){.hta-epoch-track,.hta-epoch-copy{animation:none!important}.hta-epoch-media video{display:none}.hta-epoch-marquee{overflow:auto;mask-image:none}.hta-epoch-group[aria-hidden=true]{display:none}.hta-epoch-hero *,.hta-epoch-marquee *{transition:none!important}.hta-epoch-cta:hover{transform:none}}
@media(prefers-reduced-motion:reduce){body.hta-shell-theme :is(.hta-button,.htas-button,.hta-learning-select,.hta-shell-member,.hta-sp-jumps a,.hta-member-card,.htas-card,.hta-sp-offer,.he-work),#hta-live-report :is(button,.button){transition:none!important}}
html[data-hta-motion=off] .hta-epoch-track{animation:none!important;transform:none}html[data-hta-motion=off] .hta-epoch-copy{animation:none}html[data-hta-motion=off] .hta-epoch-media video{display:none}html[data-hta-motion=off] .hta-epoch-marquee{overflow:auto;mask-image:none}html[data-hta-motion=off] .hta-epoch-group[aria-hidden=true]{display:none}


/* The homepage and About share the same measured logo strip. */
body.hta-fluid-home .hta-epoch-marquee{width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box}
