/* Original DotConn horizon, centered composition and responsive canvas. */
.dc-hero{isolation:isolate;position:relative;display:grid;place-items:center;min-height:calc(100svh - 80px);min-height:calc(100dvh - 80px);background:#0a0a0a;overflow:hidden;padding:72px 0}
.dc-horizon-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0a0a0a;pointer-events:none}
.dc-horizon-background canvas{display:block;width:100%;height:100%;opacity:1}
.dc-hero .dc-hero-copy{position:relative;z-index:1;padding:0 24px;margin:0 auto;width:100%;max-width:1184px;justify-self:center;text-align:center;transform:translateY(-20%)}
.dc-hero .dc-intro{color:#b0b0b0}
.dc-hero .morph-preview{margin-bottom:0}
.horizon-fallback{position:absolute;left:-15%;width:130%;height:39%;top:var(--horizon-top,68%);border-radius:50% 50% 0 0;background:#080808;border-top:2px solid #ffe3b5;box-shadow:0 -3px 14px #fff0cd99,0 -16px 42px #F8B41466,0 -44px 100px #F8B41422;transform:scaleY(.9);transform-origin:center top}
.dc-horizon-background[data-renderer="webgl"] .horizon-fallback{display:none}
.dc-horizon-background[data-renderer="fallback"] canvas{display:none}
@media(max-width:800px){.dc-hero{min-height:calc(100svh - 74px);min-height:calc(100dvh - 74px);padding-block:64px}}
@media(max-width:560px){.dc-hero{min-height:calc(100svh - 74px);min-height:calc(100dvh - 74px);padding-block:64px}.dc-hero .dc-hero-copy{padding:0 20px}.dc-hero .dc-intro{color:#b0b0b0}}
@media(prefers-reduced-motion:reduce){.dc-horizon-background{scroll-behavior:auto}}