.horizon{--sky-h:clamp(8.5rem, 26vw, 16rem);--horizon-h:calc(var(--sky-h) + 6.25rem);--horizon-night:var(--pal-b-140a10,#140a10);--horizon-indigo:var(--pal-t-1a1224,#1a1224);--horizon-son:#6e0d18;--horizon-gold:var(--pal-t-d4b46a,#d4b46a);--horizon-bright:var(--pal-t-f3e2b0,#f3e2b0);--horizon-paper:var(--pal-b-f3e6c8,#f3e6c8);isolation:isolate;height:var(--horizon-h);pointer-events:none;content-visibility:auto;contain-intrinsic-size:0 var(--horizon-h);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--horizon-indigo) 55%, transparent) 18%, var(--horizon-indigo) 42%, var(--pal-b-08101c,#08101c) 100%);margin-top:.35rem;position:relative;overflow:hidden}.horizon[data-motion=still] .horizon-track,.horizon[data-motion=still] .horizon-wave,.horizon[data-motion=still] .horizon-bob,.horizon[data-motion=still] .horizon-glow,.horizon[data-motion=still] .horizon-twinkle,.horizon[data-motion=still] .horizon-mist{animation:none!important}.horizon-mist{background:radial-gradient(ellipse 18% 70% at 12% 80%, color-mix(in srgb, var(--horizon-paper) 14%, transparent), transparent 70%), radial-gradient(ellipse 22% 80% at 48% 90%, color-mix(in srgb, var(--horizon-gold) 10%, transparent), transparent 72%), radial-gradient(ellipse 16% 60% at 82% 70%, color-mix(in srgb, var(--horizon-bright) 8%, transparent), transparent 70%);opacity:.85;width:200%;height:42%;animation:28s ease-in-out infinite horizonMist;position:absolute;inset:0 auto auto 0}.horizon-stars{background-image:radial-gradient(1px 1px at 8% 30%, var(--horizon-bright) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 22% 18%, var(--horizon-gold) 50%, transparent 51%), radial-gradient(1px 1px at 41% 36%, var(--horizon-bright) 50%, transparent 51%), radial-gradient(1.4px 1.4px at 63% 12%, var(--horizon-paper) 50%, transparent 51%), radial-gradient(1px 1px at 78% 28%, var(--horizon-gold) 50%, transparent 51%), radial-gradient(1.1px 1.1px at 91% 20%, var(--horizon-bright) 50%, transparent 51%), radial-gradient(1px 1px at 33% 8%, var(--horizon-gold) 50%, transparent 51%);opacity:.55;position:absolute;inset:0 0 48%}.horizon-twinkle{animation:4.8s ease-in-out infinite horizonTwinkle}.horizon-track{width:200%;height:var(--sky-h);display:flex;position:absolute;top:0;left:0}.horizon-track--far{opacity:.32;animation:72s linear infinite horizonDrift}.horizon-track--mid{opacity:.55;animation:48s linear infinite reverse horizonDrift}.horizon-track--near{opacity:.88;animation:32s linear infinite horizonDrift}.horizon-sky{flex:none;width:50%;height:100%;display:block}.horizon-water{height:36%;position:absolute;inset:auto 0 0;overflow:hidden}.horizon-water svg{width:100%;height:100%;display:block}.horizon-wave{transform-box:fill-box;transform-origin:50%}.horizon-wave--a{animation:11s ease-in-out infinite horizonWave}.horizon-wave--b{animation:7.5s ease-in-out infinite reverse horizonWave}.horizon-wave--c{animation:15s ease-in-out -3s infinite horizonWave}.horizon-wave--d{animation:19s ease-in-out -6s infinite reverse horizonWave}.horizon-bob{transform-box:fill-box;transform-origin:50% 80%;animation:3.6s ease-in-out infinite horizonBob}.horizon-bob--late{animation-duration:4.4s;animation-delay:-1.2s}.horizon-bob--later{animation-duration:5s;animation-delay:-2.1s}.horizon-glow{transform-box:fill-box;transform-origin:50% 30%;animation:2.8s ease-in-out infinite horizonLantern}.horizon-glow--late{animation-delay:-.9s}html[data-theme=light] .horizon,html.light .horizon{--sky-h:clamp(4.5rem, 12vw, 7rem);--horizon-h:calc(var(--sky-h) + 2rem);background:linear-gradient(#0000 0%,#fef3c761 38%,#fef3c7 100%);border-top:1px solid #b453091a}html[data-theme=light] .horizon-track,html.light .horizon-track{opacity:.14}html[data-theme=light] .horizon-water,html.light .horizon-water{opacity:.12}html[data-theme=light] .horizon-mist,html.light .horizon-mist{opacity:.35}.explore-head{z-index:2;text-align:center;max-width:28rem;margin:0 auto 1.15rem;position:relative}.explore-head__title{font-family:var(--font-serif);letter-spacing:.04em;color:var(--color-gold);margin:.35rem 0 0;font-size:clamp(1.85rem,4.2vw,2.65rem);font-weight:500;line-height:1.15}.explore-head__rule{justify-content:center;align-items:center;gap:.65rem;max-width:14rem;margin:.7rem auto .85rem;display:flex}.explore-head__rule:before,.explore-head__rule:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);opacity:.55;flex:1;height:1px}.explore-head__rule i{background:var(--color-red);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-gold) 35%, transparent);border-radius:50%;display:block}.explore-head__all{min-height:2.5rem;color:color-mix(in srgb, var(--color-gold) 88%, white);text-underline-offset:.22em;justify-content:center;align-items:center;padding:0 .15rem;font-size:.875rem;display:inline-flex}.explore-head__all:hover{color:var(--color-gold-bright);text-decoration:underline}.explore-stage{z-index:2;max-width:64rem;margin-inline:auto;position:relative}.explore-stage:before,.explore-stage:after{content:"";pointer-events:none;z-index:3;position:absolute;inset:-.35rem}.explore-stage:before{background-image:linear-gradient(var(--pal-b-f3e2b0,#f3e2b0), var(--pal-b-d4b46a,#d4b46a)), linear-gradient(var(--pal-b-d4b46a,#d4b46a), var(--pal-b-f3e2b0,#f3e2b0)), linear-gradient(var(--pal-b-f3e2b0,#f3e2b0), var(--pal-b-d4b46a,#d4b46a)), linear-gradient(var(--pal-b-d4b46a,#d4b46a), var(--pal-b-f3e2b0,#f3e2b0));background-position:0 0,0 0,100% 0,100% 0;background-repeat:no-repeat;background-size:1.6rem 2px,2px 1.6rem,1.6rem 2px,2px 1.6rem}.explore-stage:after{background-image:linear-gradient(var(--pal-b-d4b46a,#d4b46a), var(--pal-b-f3e2b0,#f3e2b0)), linear-gradient(var(--pal-b-f3e2b0,#f3e2b0), var(--pal-b-d4b46a,#d4b46a)), linear-gradient(var(--pal-b-d4b46a,#d4b46a), var(--pal-b-f3e2b0,#f3e2b0)), linear-gradient(var(--pal-b-f3e2b0,#f3e2b0), var(--pal-b-d4b46a,#d4b46a));background-position:0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:1.6rem 2px,2px 1.6rem,1.6rem 2px,2px 1.6rem}.explore-card{border:1px solid color-mix(in srgb, var(--color-gold) 30%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--color-gold) 8%, transparent), transparent 42%), rgba(var(--pal-rgb-b-0b1326,11, 19, 38), .78);text-align:left;border-radius:1rem;flex-direction:column;height:100%;padding:1rem 1rem 1.05rem;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .45s,background .45s;display:flex;position:relative;overflow:hidden}html[data-theme=light] .explore-card{background:linear-gradient(165deg, rgba(var(--pal-rgb-b-f59e0b,245, 158, 11), .06), transparent 42%), #fffffff2;border:1px solid #b4530938;box-shadow:0 8px 24px #b4530912}html[data-theme=light] .explore-card:hover,html[data-theme=light] .explore-card:focus-visible{border-color:rgba(var(--pal-rgb-b-d97706,217, 119, 6), .6);box-shadow:0 16px 36px #b4530924, 0 0 0 1px rgba(var(--pal-rgb-b-f59e0b,245, 158, 11), .25)}html[data-theme=light] .explore-card h3{color:var(--pal-t-78350f,#78350f)}html[data-theme=light] .explore-card p{color:var(--pal-t-451a03,#451a03)}html[data-theme=light] .explore-head__all{color:var(--color-gold)}.explore-card:before{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 0%, color-mix(in srgb, var(--color-gold-bright) 0%, transparent) 35%, color-mix(in srgb, var(--color-gold-bright) 38%, transparent) 50%, color-mix(in srgb, var(--color-gold) 0%, transparent) 65%, transparent 100%);opacity:0;width:42%;position:absolute;inset:-40% auto -40% -50%;transform:translate(-30%)skew(-18deg)}.explore-card:hover,.explore-card:focus-visible{border-color:color-mix(in srgb, var(--color-gold) 70%, transparent);box-shadow:0 16px 36px #00000061, 0 0 0 1px color-mix(in srgb, var(--color-gold) 18%, transparent);transform:translateY(-4px)}.explore-card:hover:before,.explore-card:focus-visible:before{animation:1.05s exploreSheen}.explore-card__icon{transform-origin:50% 60%;place-items:center;width:4rem;height:4rem;margin-inline:auto;display:grid}.explore-card:hover .explore-card__icon{animation:1.2s exploreIcon}.explore-card__meta{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}}@media (width>=1024px){.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.horizon-silk{overflow:hidden}.horizon-silk:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg, transparent 0 20px, color-mix(in srgb, var(--color-gold) 5%, transparent) 20px 21px);opacity:.45;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 70%,#0000);mask-image:linear-gradient(#0000,#000 12% 70%,#0000)}.horizon-silk>*{z-index:1;position:relative}.rail-below-fold{opacity:0;pointer-events:none;transition:opacity .35s,transform .4s cubic-bezier(.22,1,.36,1);transform:translate(28px,-50%)}@keyframes horizonDrift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes horizonWave{0%,to{transform:translate(0,0)}50%{transform:translate(-1.8%,3%)}}@keyframes horizonSlide{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes horizonBob{0%,to{transform:translate(0,0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2.4deg)}}@keyframes horizonLantern{0%,to{opacity:.72}45%{opacity:1}}@keyframes horizonMist{0%,to{transform:translate(0,0)}50%{transform:translate(-6%,4%)}}@keyframes horizonTwinkle{0%,to{opacity:.28}40%{opacity:.7}70%{opacity:.4}}@keyframes exploreSheen{0%{opacity:0;transform:translate(-40%)skew(-18deg)}18%{opacity:.85}to{opacity:0;transform:translate(280%)skew(-18deg)}}@keyframes exploreIcon{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-3px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes silkBreath{0%,to{opacity:.35;background-position:0 0}50%{opacity:.7;background-position:21px 0}}@media (prefers-reduced-motion:reduce){.horizon-track,.horizon-wave,.horizon-bob,.horizon-glow,.horizon-twinkle,.horizon-mist,.horizon-silk:before,.explore-card:before,.explore-card:hover .explore-card__icon{animation:none!important}.explore-card:hover,.explore-card:focus-visible{transform:none}}html[data-palette=tet-2027]{--pal-b-08101c:#380e1f;--pal-b-140a10:#360d1d;--pal-b-d4b46a:#efbb2e;--pal-b-f3e2b0:#ffebb9;--pal-b-f3e6c8:#ffecc6;--pal-rgb-b-0b1326:60, 12, 31;--pal-rgb-b-d97706:234, 123, 3;--pal-rgb-b-f59e0b:245, 178, 0;--pal-t-1a1224:#240c14;--pal-t-451a03:#481303;--pal-t-78350f:#7a3300;--pal-t-d4b46a:#efbb2e;--pal-t-f3e2b0:#ffebb9}
