/* Native text and links over a steel frame and moving water. No click handlers. */
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta){
 --hc-water-opacity:.48;
 position:relative;isolation:isolate;box-sizing:border-box;
 border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;
 color:#e4f3ef!important;text-shadow:0 2px 3px #020e15,0 0 8px #020e15;
 text-decoration:none!important;filter:drop-shadow(0 3px 3px #0006);
 transition:filter .2s ease,transform .16s ease,color .2s ease;
}
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta)::before{
 content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
 clip-path:polygon(14% 12%,86% 12%,93% 50%,86% 88%,14% 88%,7% 50%);
 background-color:#0b3039;
 background-image:linear-gradient(180deg,#06192099,#0d252c44 40%,#47b8bd12 75%,#061b2580),url('assets/button-tidal-water.svg'),radial-gradient(ellipse at 50% 100%,#367f85,transparent 75%);
 background-size:100% 100%,400px 134px,100% 100%;background-position:center,-25px -25px,center;background-repeat:no-repeat,repeat,no-repeat;
 filter:none!important;border-radius:0;opacity:var(--hc-water-opacity);transform:none;
 animation:hc-tidal-flow 16s ease-in-out infinite alternate;animation-play-state:paused;
 transition:opacity .22s ease;
}
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta)::after{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 width:auto;height:auto;border:0;border-radius:0;opacity:1;transform:none;filter:none;
 background:transparent url('assets/button-tidal-frame.svg') center/100% 100% no-repeat;
 box-shadow:none;transition:filter .2s ease;
}
.horizon-chronicles .hc-side-link{
 min-height:48px;padding-inline:27px;font-weight:600;letter-spacing:.12px;
}
.horizon-chronicles .hc-side-link[aria-current]{
 --hc-water-opacity:1;color:#effff8!important;text-shadow:0 1px 3px #062028,0 0 9px #64ddd658;
 filter:drop-shadow(0 0 4px #54c6bf50);
}
.horizon-chronicles .hc-side-link[aria-current]::after{filter:brightness(1.3)}
.horizon-chronicles .hc-header .hc-play{--hc-water-opacity:.92;padding-inline:32px;letter-spacing:.25px}
.horizon-chronicles .hc-header .hc-play::before,
.horizon-chronicles .hc-hero-buttons .hc-story-cta::before{animation-play-state:running}
.horizon-chronicles .hc-hero-buttons .hc-story-cta{
 --hc-water-opacity:1;color:#edfaf3!important;min-height:78px;
 font:700 18px/1.3 Georgia,serif;letter-spacing:.8px;
 text-shadow:0 2px 3px #06151e,0 0 12px #081c23;transform:none;
 filter:drop-shadow(0 5px 5px #0008) drop-shadow(0 0 8px #4caea832);
}
.horizon-chronicles .hc-story-arrow{color:#c0dcd4}
/* Retire the former golden sweep; water and the metal rim supply the feedback. */
.horizon-chronicles .hc-story-sheen{display:none}
.horizon-chronicles :is(.hc-step-action,.hc-home-cta){
 --hc-water-opacity:.78;justify-content:center;min-height:54px;padding:13px 30px;text-align:center;line-height:1.35;
}
.horizon-chronicles :is(.hc-step-action,.hc-home-cta)>span[aria-hidden]{display:none}
.horizon-chronicles :is(.hc-step-action,.hc-home-cta)::before{animation-delay:-5s}
@media(hover:hover){
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):hover{
  --hc-water-opacity:1;color:#f3fffa!important;filter:drop-shadow(0 4px 5px #0007) drop-shadow(0 0 7px #75ddd465);
 }
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):hover::before{animation-play-state:running}
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):hover::after{filter:brightness(1.35)}
 .horizon-chronicles .hc-hero-buttons .hc-story-cta:hover{transform:translateY(-2px);text-shadow:0 2px 3px #06151e,0 0 12px #72e1d559}
}
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):focus-visible{
 --hc-water-opacity:1;outline:2px solid #b2ece3!important;outline-offset:3px;
}
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):focus-visible::before{animation-play-state:running}
.horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta):active,
.horizon-chronicles .hc-hero-buttons .hc-story-cta:active{
 transform:translateY(1px);filter:drop-shadow(0 0 9px #90eee083);
}
@keyframes hc-tidal-flow{
 0%{background-position:center,-25px -25px,center}
 50%{background-position:center,-65px -12px,center}
 100%{background-position:center,-110px -34px,center}
}
@media(min-width:1101px) and (max-width:1250px){
 .horizon-chronicles .hc-step-action{min-height:68px}
}
@media(max-width:600px){
 .horizon-chronicles .hc-side-link{padding-inline:17px!important}
 .horizon-chronicles .hc-hero-buttons .hc-story-cta{font-size:17px;min-height:72px;letter-spacing:.35px}
}
@media(prefers-reduced-motion:reduce){
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta),
 .horizon-chronicles .hc-hero-buttons .hc-story-cta:is(:hover,:focus-visible,:active){transition:none!important;transform:none!important}
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta)::before{animation:none!important;transition:none}
 .horizon-chronicles :is(.hc-side-link,.hc-play,.hc-medieval-cta,.hc-step-action,.hc-home-cta)::after{transition:none}
}