@import url('/wp-content/mu-plugins/hta-home-refined-20261023-v2/assets/kanit.css');
/* How To Ads / one visual language. Presentation only. */
html:has(body.hta-cohesion){background:#fff}
body.hta-cohesion{--hta-brand:#2851ef;--hta-ink:#142f47;--hta-paper:#f7f9fb;--hta-surface:#fff;--hta-teal:#087f82;--hta-muted:#526779;--hta-line:#e0e7eb;--hta-radius:20px;--hta-radius-sm:12px;background:#fff;color:var(--hta-ink);font-family:'HTA UI','Kanit',sans-serif}
html body.hta-fluid-home{border:0;box-shadow:none;background:#fff;border-radius:0}
html body.hta-fluid-home main{border-radius:0}
body.hta-cohesion .hta-site-header{background:rgba(255,255,255,.96);box-shadow:none;border-bottom:1px solid #edf0f3}
body.hta-cohesion .hta-container{max-width:1280px}
body.hta-cohesion :is(.hta-standard-page,.hta-ux-plans,.hta-member-ui,.htas-shell,.hta-dashboard-intro){font-family:'HTA UI','Kanit',sans-serif;color:var(--hta-ink)}
body.hta-cohesion :is(h1,h2,h3){text-wrap:balance}
body.hta-cohesion :is(.htas-editorial-head h1,.hta-sp-page-head h1){font-size:clamp(36px,5.3vw,76px);font-weight:500;letter-spacing:-.035em;line-height:1.28}
body.hta-cohesion :is(.hta-sp-page-head,.htas-editorial-head){padding-block:clamp(28px,4vw,62px);border-bottom:1px solid var(--hta-line)}
body.hta-cohesion :is(.hta-sp-kicker,.htas-eyebrow){color:var(--hta-teal);font-size:11px;letter-spacing:.14em;font-weight:600}
body.hta-cohesion .htas-editorial-row{box-shadow:none;border-color:var(--hta-line);padding-block:clamp(26px,4vw,54px)}
body.hta-cohesion .htas-editorial-row :is(h2,h3){font-weight:500;letter-spacing:-.025em;font-size:clamp(28px,3vw,42px)}
body.hta-cohesion .htas-editorial-row img{border-radius:18px;transition:filter .3s ease}
body.hta-cohesion .htas-flow{background:#f2f7f6;border:1px solid #dfebe7;border-radius:22px}
body.hta-cohesion :is(.hta-sp-offer,.hta-learning-card,.hta-member-card,.hta-service-plan,.htas-card){background:#fff;border:1px solid var(--hta-line);border-radius:20px;box-shadow:none}
body.hta-cohesion .hta-sp-offer{padding:clamp(24px,3vw,36px)}
body.hta-cohesion .hta-sp-offer-bundle{background:#f0f6f4;border-color:#cce1da}
body.hta-cohesion .hta-sp-price{color:var(--hta-ink);font-variant-numeric:tabular-nums}
body.hta-cohesion :is(.hta-sp-heading h2,.hta-member-lead h1){font-weight:500;letter-spacing:-.025em}
body.hta-cohesion :is(.hta-sp-readiness,.hta-sp-status){line-height:1.75}
body.hta-cohesion .hta-sp-jumps a{border-radius:100px}
body.hta-cohesion :is(.hta-button,.hta-learning-select,.htas-button){border-radius:100px;min-height:46px;padding-inline:23px;box-shadow:none;font-weight:500;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
body.hta-cohesion :is(.hta-button,.hta-learning-select,.htas-button):not(:disabled):hover{box-shadow:0 0 0 4px #2851ef12}
body.hta-cohesion :is(input,select,textarea,button){font-family:inherit}
body.hta-cohesion :is(.hta-member-ui,.htas-shell) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea){border-radius:12px;border-color:#cfdae1;background:#fff;color:#142f47;min-height:46px}
body.hta-cohesion .hta-member-auth input[type=submit]{background:#2851ef!important;color:#fff!important;border-color:#2851ef!important;border-radius:100px!important;min-height:46px}
body.hta-cohesion :is(.hta-member-ui,.htas-shell) :is(input,select,textarea):focus{border-color:#087f82;outline:3px solid #087f8220;outline-offset:2px}
body.hta-cohesion :is(a,button,summary):focus-visible{outline:3px solid #087f82;outline-offset:4px}
body.hta-cohesion .hta-member-auth{max-width:540px;margin:clamp(28px,5vw,64px) auto}
body.hta-cohesion .hta-member-auth .hta-member-card{padding:clamp(24px,4vw,40px);border-top:3px solid #2851ef}
body.hta-cohesion .hta-member-auth h1{font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.4}
body.hta-cohesion .hta-member-workspace{max-width:1200px}
body.hta-cohesion .hta-member-sidebar{background:#f5f8f8;border:1px solid #e0e9e7;border-radius:20px;box-shadow:none}
body.hta-cohesion .hta-account-monogram{background:#d8eee7;color:#087f82;box-shadow:none}
body.hta-cohesion .hta-account-identity{background:#f0f6f4;border:1px solid #dce8e3;box-shadow:none}
body.hta-cohesion .hta-account-identity a.hta-button{color:#fff!important;background:#2851ef}
body.hta-cohesion .hta-account-identity a.hta-identity-profile{color:#08747a!important}
body.hta-cohesion .hta-member-lead{border-bottom:1px solid var(--hta-line);padding-bottom:24px;margin-bottom:24px}
body.hta-cohesion .hta-member-card h2{font-size:22px;font-weight:500;line-height:1.5}
body.hta-cohesion :is(.hta-account-workspace-grid,.htas-grid){gap:20px}
body.hta-cohesion :is(.hta-member-ui,.htas-shell) a{text-underline-offset:5px}
body.hta-cohesion :is(.hta-member-ui,.htas-shell) :is(.hta-notice,.hta-member-notice){border-radius:12px;box-shadow:none}
.hta-cohesion-reveal{animation:hta-cohesion-enter .6s cubic-bezier(.2,.65,.25,1) both}
@keyframes hta-cohesion-enter{from{opacity:.72;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){body.hta-cohesion .htas-editorial-row:hover img{filter:saturate(1.05)}body.hta-cohesion .hta-sp-jumps a:hover{background:#e9f3ef;color:#087f82}}
@media(max-width:767px){body.hta-cohesion .hta-container{width:calc(100% - 36px)}body.hta-cohesion .hta-member-auth{margin-block:28px}body.hta-cohesion .hta-sp-offer{padding:24px}body.hta-cohesion :is(.hta-member-card,.htas-card){border-radius:16px}body.hta-cohesion :is(.hta-sp-page-head,.htas-collection-head){padding-block:26px}body.hta-cohesion :is(.hta-sp-page-head h1,.htas-collection-head h1){font-size:38px}body.hta-cohesion .hta-member-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.hta-cohesion-reveal{animation:none}body.hta-cohesion :is(.hta-button,.hta-learning-select,.htas-button,.htas-editorial-row img){transition:none}}

/* Shared shell, old-menu typography, and continuous white canvas. */
html:has(body.hta-shell-theme){background:#fff}
body.hta-shell-theme,body.hta-shell-admin{--hta-brand:#2851ef;--hta-ink:#142f47;--hta-teal:#087f82;--hta-paper:#f7f9fb;--hta-surface:#fff;--hta-line:#e0e7eb;--hta-muted:#526779;--hta-ui-font:'Kanit','HTA UI',sans-serif;--hta-radius:20px;--hta-radius-sm:12px;color:var(--hta-ink)}
body.hta-shell-theme{font-family:Kanit,'HTA UI',sans-serif;background:white}
body.hta-shell-theme .hta-container{width:calc(100% - 48px);max-width:1280px;margin-inline:auto}
.hta-shell-header,.hta-shell-footer{font-family:Kanit,'HTA UI',sans-serif;color:#142f47;font-weight:400;font-size:16px;line-height:1.6}
.hta-shell-header *,.hta-shell-footer *{box-sizing:border-box}
.hta-shell-header{position:sticky;top:0;z-index:120;background:#fff;border-bottom:1px solid #edf0f3;box-shadow:none;width:100%;margin:0;isolation:isolate}
.hta-shell-inner{max-width:1280px;width:calc(100% - 48px);height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}
.hta-shell-brand{display:flex;flex-direction:column;flex-shrink:0;color:#17263f;text-decoration:none!important;line-height:1.1}
.hta-shell-brand strong{font-size:31px;line-height:1.1;font-weight:700;letter-spacing:-1.1px;color:#17263f}
.hta-shell-brand strong span{color:#1b61d9}.hta-shell-brand small{font-size:8px;letter-spacing:.5px;color:#596b82;margin-top:7px}
.hta-shell-nav{display:flex;align-items:center;gap:30px;margin:0;padding:0;background:#fff;font-size:14px;font-weight:500}
.hta-shell-nav ul,.hta-shell-footer ul{display:flex;align-items:center;list-style:none;gap:26px;padding:0;margin:0}
.hta-shell-nav li,.hta-shell-footer li{margin:0;padding:0;list-style:none}
.hta-shell-nav a{color:#142f47;text-decoration:none;display:flex;align-items:center;min-height:44px;position:relative;transition:color .2s ease,background .2s ease}
.hta-shell-nav ul a::after{content:'';height:1px;position:absolute;left:0;right:0;bottom:6px;background:#2851ef;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.hta-shell-nav ul a:hover,.hta-shell-nav a[aria-current]{color:#2851ef}.hta-shell-nav ul a:hover::after,.hta-shell-nav ul a[aria-current]::after{transform:scaleX(1)}
.hta-shell-nav .hta-shell-member{background:#2851ef;color:white;padding:10px 20px;border-radius:14px;gap:18px;min-height:46px;font-size:15px;white-space:nowrap}
.hta-shell-member svg{flex-shrink:0}.hta-shell-member:hover{background:#163ab5}
.hta-shell-toggle{display:none;align-items:center;justify-content:center;padding:0;width:46px;height:46px;background:#eef4ff;border:1px solid #dfe7f4;border-radius:15px;color:#2851ef;box-shadow:none;cursor:pointer}
.hta-shell-close-lines{display:none}.hta-shell-header[data-open] .hta-shell-close-lines{display:block}.hta-shell-header[data-open] .hta-shell-menu-lines{display:none}
.hta-shell-header :is(a,button):focus-visible,.hta-shell-footer a:focus-visible{outline:3px solid #087f82;outline-offset:4px}
.hta-shell-footer{background:white;border-top:1px solid #e0e7eb;margin-top:32px;padding:56px 0 24px}
.hta-shell-footer-inner{width:calc(100% - 48px);max-width:1280px;margin:auto}
.hta-shell-footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;padding-bottom:40px}
.hta-shell-footer-top>div>p{font-size:17px;line-height:1.8;margin:22px 0 0}.hta-shell-footer-top nav ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.hta-shell-footer a{color:#142f47;text-decoration:none}.hta-shell-footer a:hover{color:#2851ef}.hta-shell-footer-follow p{margin-top:0!important;font-size:15px!important}.hta-shell-footer-follow a{display:inline-flex;gap:12px;align-items:center;color:#2851ef;padding:12px 0;font-size:14px}
.hta-shell-footer-bottom{border-top:1px solid #e0e7eb;padding-top:22px;display:flex;gap:20px;justify-content:space-between;align-items:flex-start;font-size:12px;color:#526779}
.hta-shell-footer-bottom nav{display:flex;flex-wrap:wrap;gap:12px 20px}.hta-shell-footer .hta-motion-control{display:block;max-width:1280px;margin:20px auto 0;color:#526779;background:#f7f9fb;border:1px solid #e0e7eb;padding:10px 16px;border-radius:12px;min-height:44px;font:13px Kanit,sans-serif;cursor:pointer}
body.hta-fluid-home.hta-shell-theme{width:100%;max-width:none;margin:0;border:0;border-radius:0;background:#fff;--paper:#fff;--page:clamp(24px,calc((100vw - 1280px)/2),80px)}
body.hta-fluid-home.hta-shell-theme main{border-radius:0;overflow:clip}
body.hta-fluid-home .hta-shell-header{transform:none;left:auto;right:auto;width:100%;top:0}
body.hta-fluid-home :is(.hero,.explore,.journal,.closing){max-width:1440px;margin-inline:auto;background:#fff}
body.hta-fluid-home .hero{height:735px;padding-top:70px;background:radial-gradient(ellipse at 76% 38%,#eef3ff80,transparent 48%),#fff}
body.hta-fluid-home .hero-grid{inset:35px var(--page) 45px;border-top:0;background:none}
body.hta-fluid-home .hero-art{top:60px;height:550px}.hero-art .circle-note{pointer-events:none}
body.hta-fluid-home .hero-copy .eyebrow{margin-bottom:24px}
body.hta-fluid-home .brand-band{background:#fff;border-color:#edf0f3;max-width:1440px;margin:auto}
body.hta-fluid-home .brand-band:before{background:linear-gradient(90deg,#fff,transparent)}body.hta-fluid-home .brand-band:after{background:linear-gradient(270deg,#fff,transparent)}
body.hta-fluid-home .manifesto{max-width:1440px;margin:auto}
body.hta-fluid-home .workspace-v2{max-width:1280px;width:calc(100% - 48px);margin:32px auto;padding:clamp(28px,4vw,56px);border-radius:24px}
body.hta-fluid-home .closing{padding-block:70px}
body.hta-shell-theme :is(.hta-button,.hta-learning-select,.htas-button,.hta-sp-jumps a){font-family:inherit;font-weight:500;box-shadow:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
body.hta-shell-theme :is(.hta-button,.hta-learning-select,.htas-button):not(.hta-button-secondary){background:#2851ef;border-color:#2851ef;color:white}
body.hta-shell-theme .hta-button-secondary{color:#2851ef;background:white;border-color:#d8e2ed}
body.hta-shell-theme :is(.hta-member-card,.htas-card,.hta-sp-offer){border-color:#e0e7eb;box-shadow:none}
body.hta-shell-theme .hta-article-content{font-family:Kanit,'HTA UI',sans-serif;line-height:1.9}
body.hta-shell-theme .hta-article-content p{letter-spacing:normal}
.hta-package-page .hta-shell-nav a{border-bottom:0}.hta-package-page .hta-shell-footer ul{display:flex}.hta-package-page .hta-shell-header{padding:0}
body.hta-shell-admin :is(.hta-owner-workspace,.hta-crm,.hta-admin-workspace,.hta-customer-admin){font-family:Kanit,'HTA UI',sans-serif;color:#142f47}
body.hta-shell-admin :is(.crm-panel,.crm-kpi,.hta-workspace-card){box-shadow:none;border:1px solid #e0e7eb;border-radius:16px}
body.hta-shell-admin :is(.hta-crm,.hta-owner-workspace) .button-primary{background:#2851ef;border-color:#2851ef;border-radius:10px}
body.hta-shell-admin :is(.hta-crm,.hta-owner-workspace) :is(h1,h2,h3){font-weight:500;letter-spacing:normal}
@media(max-width:900px){
 .hta-shell-inner{height:76px;width:calc(100% - 36px)}.hta-shell-brand strong{font-size:28px}.hta-shell-brand small{font-size:7px}
 .hta-shell-js .hta-shell-toggle{display:flex}.hta-shell-inner{flex-wrap:wrap;gap:0}
 .hta-shell-nav{width:100%;display:block;font-size:17px;font-weight:500;padding:12px;background:white;border:1px solid #e0e7eb;border-radius:20px;box-shadow:0 10px 28px #142f470a}
 .hta-shell-js .hta-shell-nav{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 .hta-shell-nav[hidden]{display:none!important}.hta-shell-nav ul{display:block}.hta-shell-nav ul a{padding:12px 16px;min-height:48px;border-radius:12px;line-height:1.5;font-size:17px;font-weight:500}
 .hta-shell-nav ul a::after{display:none}.hta-shell-nav ul a[aria-current]{background:#eef4ff;color:#2851ef}.hta-shell-nav ul a:hover{background:#f4f7fb}
 .hta-shell-nav .hta-shell-member{margin-top:12px;border-radius:14px;justify-content:space-between;font-size:17px;min-height:52px;padding:12px 16px}
 html:not(.hta-shell-js) .hta-shell-inner{height:auto;padding-block:18px;gap:16px}
 .hta-shell-footer-top{grid-template-columns:1fr 1fr;gap:30px}.hta-shell-footer-follow{grid-column:1/-1}.hta-shell-footer-bottom{flex-direction:column}
 body.hta-fluid-home .hero{height:auto;padding-top:42px;padding-bottom:45px}.hta-fluid-home .hero-art{top:auto;height:470px}
}
@media(max-width:760px){
 body.hta-shell-theme .hta-container{width:calc(100% - 36px)}
 body.hta-fluid-home.hta-shell-theme{--page:22px;width:100%;margin:0}
 body.hta-fluid-home .hero-copy{width:100%}body.hta-fluid-home .hero h1{font-size:clamp(42px,10.5vw,66px);letter-spacing:-.7px}
 body.hta-fluid-home .hero-art{position:relative;top:auto;right:auto;height:410px;margin-top:30px;margin-bottom:25px}
 body.hta-fluid-home .hero-description{font-size:16px;line-height:1.85}
 body.hta-fluid-home .workspace-v2{width:calc(100% - 36px);margin:24px auto;padding:28px 16px;border-radius:20px}
 body.hta-fluid-home .section-top{gap:16px}.hta-shell-footer{padding-top:36px}.hta-shell-footer-inner{width:calc(100% - 36px)}
 .hta-shell-footer-top{grid-template-columns:1fr;gap:28px}.hta-shell-footer-follow{grid-column:auto}.hta-shell-footer-bottom nav{gap:12px 18px}
 .hta-shell-footer-top>div>p{margin-top:18px;font-size:16px}.hta-shell-footer .hta-motion-control{margin-inline:18px}
}
@media(prefers-reduced-motion:reduce){.hta-shell-header *,.hta-shell-footer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-hta-motion=off] :is(.hta-shell-header,.hta-shell-footer,.hta-cohesion-reveal){animation:none!important;transition:none!important}
body.admin-bar .hta-shell-header{top:32px}
body.hta-shell-admin :is(.htas-owner,.hta-customers,.hta-admin-workspace){font-family:Kanit,'HTA UI',sans-serif;color:#142f47}
body.hta-shell-admin :is(.htas-work-nav a[aria-current],.htas-density button[aria-pressed=true]){background:#2851ef;color:#fff;border-color:#2851ef}
@media(min-width:761px) and (max-width:900px){body.hta-fluid-home .hero{min-height:700px;padding-bottom:120px}body.hta-fluid-home .hero-art{top:50px;height:500px}body.hta-fluid-home .hero-bottom{bottom:32px}}
@media(max-width:782px){body.admin-bar .hta-shell-header{top:46px}}
@media(max-width:600px){body.admin-bar .hta-shell-header{top:0}}

/* 2026-10-23: flow-based hero and quiet category reel. */
body.hta-fluid-home .hero{height:auto;min-height:735px;padding-bottom:48px}
body.hta-fluid-home .hero-copy{position:relative;padding-bottom:0}
body.hta-fluid-home .hero-copy .hero-access-note{margin:18px 0 0;line-height:1.75}
body.hta-fluid-home .hero-copy .scroll-cue{position:relative;inset:auto;display:inline-flex;margin-top:20px;gap:12px;min-height:44px;line-height:1.6;max-width:100%;align-items:center}
body.hta-fluid-home .hero-copy .scroll-circle{flex:none}
body.hta-fluid-home .hero-copy :is(.hero-cta,.hero-access-note){animation-name:hta-polish-fade;transform:none}
@keyframes hta-polish-fade{from{opacity:0}to{opacity:1}}
body.hta-fluid-home .brand-band{padding-top:16px;padding-bottom:16px}
body.hta-fluid-home .fan-caption{min-height:0;padding-bottom:0;margin-bottom:0}
body.hta-fluid-home .explore-foot{justify-content:flex-end;margin-top:28px}
/* Keep the global motion preference available to keyboard users, without visual clutter. */
.hta-shell-footer .hta-motion-control{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.hta-shell-footer .hta-motion-control:focus-visible{position:fixed!important;right:20px!important;bottom:20px!important;z-index:300!important;width:auto!important;height:auto!important;min-height:44px!important;padding:10px 18px!important;clip-path:none!important;border:1px solid #cfdae1!important;outline:3px solid #087f82!important;background:#fff!important}
body.hta-shell-theme :is(.hta-button,.hta-learning-select,.htas-button,.hta-member-auth input[type=submit]){border-radius:14px!important}
body.hta-package-page .btn,body.hta-fluid-home a.button{border-radius:14px}
@media(min-width:761px) and (max-width:900px){body.hta-fluid-home .hero{min-height:700px;padding-bottom:48px}}
@media(max-width:760px){body.hta-fluid-home .hero{min-height:0;padding-bottom:28px}body.hta-fluid-home .hero-copy .scroll-cue{margin-top:14px}body.hta-fluid-home .hero-art{margin-top:28px;margin-bottom:0}body.hta-fluid-home .brand-band{padding-block:10px}body.hta-fluid-home .explore-foot{margin-top:20px}}

/* Homepage category gallery: a clear focal card on a shallow editorial arc. */
body.hta-fluid-home .explore .fan{width:min(1220px,calc(100% + 72px));max-width:1220px;height:480px;margin:32px auto 0;overflow:hidden;perspective:1200px;perspective-origin:50% 42%;mask-image:linear-gradient(90deg,transparent,#000 1.8%,#000 98.2%,transparent);touch-action:pan-y;cursor:grab;isolation:isolate}
body.hta-fluid-home .explore .fan:active{cursor:grabbing}
body.hta-fluid-home .explore .topic-card{top:24px;width:280px;height:380px;border:1px solid #ffffffd9;border-radius:22px;overflow:hidden;background:#dce8ea;box-shadow:0 12px 24px -21px #142f4766;transform-origin:50% 50%;backface-visibility:hidden;transition:box-shadow .3s ease;will-change:transform}
body.hta-fluid-home .explore .card-photo{height:100%;position:absolute;inset:0;background:#dce8ea}
body.hta-fluid-home .explore .card-photo img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
body.hta-fluid-home .explore .card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,#142f4708 61%,#142f4759 79%,#102c43ed 100%);pointer-events:none}
body.hta-fluid-home .explore .topic-card[data-index="2"] .card-photo img{object-position:center 14%}
body.hta-fluid-home .explore .card-bottom,body.hta-fluid-home .explore .topic-card.active .card-bottom{position:absolute;inset:auto 0 0;z-index:2;height:88px;padding:24px 20px 19px;display:flex;align-items:center;gap:12px;background:transparent;color:#fff}
body.hta-fluid-home .explore .card-bottom h3{font:500 20px/1.35 Kanit,Arial,sans-serif;letter-spacing:-.25px;color:inherit;flex:1;margin:0}
body.hta-fluid-home .explore .card-bottom>.icon{width:34px;height:34px;border:1px solid #ffffff69;border-radius:50%;padding:8px;stroke-width:1.7;background:#ffffff0a;transition:background .3s,border-color .3s,transform .3s}
body.hta-fluid-home .explore .topic-card.active .card-bottom>.icon{background:#2851ef;border-color:#2851ef}
body.hta-fluid-home .explore .topic-card:focus-visible{outline:3px solid #087f82;outline-offset:-4px;box-shadow:0 0 0 5px #fff}
body.hta-fluid-home .explore .fan-caption{margin-top:4px;min-height:66px;padding:0 16px;text-align:center;position:relative;z-index:3}
body.hta-fluid-home .explore .fan-caption strong{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.25px}
body.hta-fluid-home .explore .fan-caption p{font-size:14px;line-height:1.8;margin:5px 0 0;color:#526779}
body.hta-fluid-home .explore .drag-cursor{display:none}
@media(hover:hover){body.hta-fluid-home .explore .topic-card:hover .card-photo img{transform:scale(1.035)}body.hta-fluid-home .explore .topic-card:hover .card-bottom>.icon{background:#2851ef;border-color:#2851ef;transform:rotate(8deg)}}
@media(min-width:761px) and (max-width:1100px){body.hta-fluid-home .explore .fan{height:430px}body.hta-fluid-home .explore .topic-card{width:244px;height:336px}body.hta-fluid-home .explore .card-bottom{padding-inline:18px}body.hta-fluid-home .explore .card-bottom h3{font-size:18px}}
@media(max-width:760px){body.hta-fluid-home .explore .fan{width:calc(100% + 44px);height:370px;margin-top:25px;perspective:900px;mask-image:linear-gradient(90deg,transparent,#000 1%,#000 99%,transparent)}body.hta-fluid-home .explore .topic-card{top:20px;width:222px;height:306px;border-radius:18px}body.hta-fluid-home .explore .card-bottom,body.hta-fluid-home .explore .topic-card.active .card-bottom{height:76px;padding:20px 16px 15px;gap:8px}body.hta-fluid-home .explore .card-bottom h3{font-size:18px}body.hta-fluid-home .explore .card-bottom>.icon{width:30px;height:30px;padding:7px}body.hta-fluid-home .explore .fan-caption{margin-top:0;min-height:64px}body.hta-fluid-home .explore .fan-caption strong{font-size:20px}body.hta-fluid-home .explore .fan-caption p{font-size:13px}}
body.hta-fluid-home.reduce-motion .explore .fan,html[data-hta-motion=off] body.hta-fluid-home .explore .fan{display:flex;left:auto;transform:none;width:100%;max-width:100%;height:auto;margin:25px auto 0;padding:12px 8px 24px;gap:18px;overflow-x:auto;mask-image:none;scroll-snap-type:x proximity;perspective:none}
body.hta-fluid-home.reduce-motion .explore .topic-card,html[data-hta-motion=off] body.hta-fluid-home .explore .topic-card{position:relative;left:auto;top:auto;flex:0 0 222px;height:306px;transform:none!important;opacity:1!important;visibility:visible!important;scroll-snap-align:center;will-change:auto}
body.hta-fluid-home.reduce-motion .explore .topic-card[data-reel-copy],html[data-hta-motion=off] body.hta-fluid-home .explore .topic-card[data-reel-copy]{display:none!important}
body.hta-fluid-home.reduce-motion .explore .card-photo,html[data-hta-motion=off] body.hta-fluid-home .explore .card-photo{height:100%}
@media(prefers-reduced-motion:reduce){body.hta-fluid-home .explore .topic-card,body.hta-fluid-home .explore .card-photo img,body.hta-fluid-home .explore .card-bottom>.icon{transition:none!important}body.hta-fluid-home .explore .topic-card:hover .card-photo img{transform:none}}