/* Horoscop Space 1.9.29.45 — Kosmiczny Archetyp band (home) and banner (free tools). Mobile first. */
.hs-arch{position:relative;overflow:hidden;padding:34px 0 38px;background:radial-gradient(120% 90% at 20% 30%,#2b1a55 0%,#130d2e 55%,#0b0820 100%);color:#efe6f6;isolation:isolate}
.hs-arch:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 12% 22%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,#fff6 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 64%,#ffe9b388 50%,transparent 51%),radial-gradient(1px 1px at 34% 82%,#fff5 50%,transparent 51%),radial-gradient(1px 1px at 55% 40%,#fff4 50%,transparent 51%);z-index:-1}
.hs-arch__inner{display:grid;gap:26px;align-items:center}
.hs-arch__fan{position:relative;display:block;height:215px;max-width:340px;margin:0 auto;width:100%}
.hs-arch__card{position:absolute;top:10px;left:50%;width:128px;border-radius:16px;overflow:hidden;background:#140e30;border:1px solid rgba(231,196,106,.55);box-shadow:0 22px 40px -18px rgba(0,0,0,.9);transition:transform .35s ease}
.hs-arch__card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.hs-arch__card span{position:absolute;left:0;right:0;bottom:0;padding:22px 6px 8px;background:linear-gradient(transparent,rgba(11,8,32,.92));color:#f2c46d;font:700 .78rem/1.2 Georgia,serif;text-align:center}
.hs-arch__card--1{transform:translateX(-125%) rotate(-10deg) translateY(16px)}
.hs-arch__card--2{transform:translateX(-50%);z-index:2}
.hs-arch__card--3{transform:translateX(25%) rotate(10deg) translateY(16px)}
.hs-arch__fan:hover .hs-arch__card--1{transform:translateX(-132%) rotate(-13deg) translateY(10px)}
.hs-arch__fan:hover .hs-arch__card--3{transform:translateX(32%) rotate(13deg) translateY(10px)}
@media (prefers-reduced-motion:reduce){.hs-arch__card{transition:none}}
.hs-arch__copy{text-align:center}
.hs-arch__kicker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 10px;color:#d9c8e4;font-size:.86rem;font-weight:700}
.hs-arch__new{padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#e7c46a,#c49a3c);color:#2b1d08;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.hs-arch h2{margin:0 0 10px;color:#fff;font-family:var(--font-serif,Georgia,serif);font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.15}
.hs-arch__lead{margin:0 auto 18px;max-width:520px;color:#d9c8e4;font-size:1rem;line-height:1.6}
.hs-arch__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 26px;border-radius:999px;background:linear-gradient(135deg,#e7c46a,#c49a3c);color:#2b1d08!important;font-weight:800;text-decoration:none!important;box-shadow:0 14px 30px -14px rgba(231,196,106,.9)}
.hs-arch__btn:hover,.hs-arch__btn:focus-visible{filter:brightness(1.06)}
.hs-arch__btn:focus-visible{outline:3px solid rgba(231,196,106,.55);outline-offset:3px}
@media (min-width:900px){
  .hs-arch{padding:56px 0}
  .hs-arch__inner{grid-template-columns:1fr 1.1fr;gap:48px}
  .hs-arch__fan{height:330px;max-width:440px}
  .hs-arch__card{width:190px}
  .hs-arch__card--1{transform:translateX(-140%) rotate(-10deg) translateY(18px)}
  .hs-arch__card--3{transform:translateX(40%) rotate(10deg) translateY(18px)}
  .hs-arch__fan:hover .hs-arch__card--1{transform:translateX(-148%) rotate(-13deg) translateY(12px)}
  .hs-arch__fan:hover .hs-arch__card--3{transform:translateX(48%) rotate(13deg) translateY(12px)}
  .hs-arch__copy{text-align:left}
  .hs-arch__kicker{justify-content:flex-start}
  .hs-arch__lead{margin-left:0}
  [dir=rtl] .hs-arch__copy{text-align:right}[dir=rtl] .hs-arch__kicker{justify-content:flex-end}
}
.hs-arch--tools{margin:0 0 8px;border-radius:0}
[dir=rtl] .hs-arch__btn span{display:inline-block;transform:scaleX(-1)}