.os-root{--os-ink:#2a1d4f;--os-tint:#efe8fb;--os-accent:#5b3fa8;position:relative;margin-top:clamp(40px,6vw,72px);padding:clamp(36px,6vw,80px) clamp(20px,5vw,72px);border-radius:36px;background:radial-gradient(700px 360px at 8% 0%,color-mix(in srgb,var(--lilac) 85%,transparent),transparent 70%),radial-gradient(640px 380px at 100% 100%,color-mix(in srgb,var(--mint) 90%,transparent),transparent 70%),var(--cream);border:1px solid var(--line);overflow:hidden}.os-root .os-head{max-width:640px;margin:0 auto;text-align:center}.os-root .os-kick{display:inline-flex;align-items:center;gap:12px;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--violet-deep)}.os-root .os-kick:before,.os-root .os-kick:after{content:"";width:22px;height:1.5px;background:currentColor;opacity:.5}.os-root .os-head h2{margin:14px 0 0;font-family:var(--disp);font-weight:800;font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.08;letter-spacing:-.02em;color:var(--os-ink);overflow-wrap:break-word}.os-root .os-head p{margin:18px auto 0;max-width:52ch;font-size:1.05rem;line-height:1.7;color:var(--ink-2)}.os-root .os-list{list-style:none;margin:clamp(40px,6vw,72px) 0 0;padding:0;display:grid;gap:clamp(28px,4vw,40px)}.os-root .os-deck{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:28px clamp(28px,4vw,48px);padding:clamp(24px,3vw,36px);border-radius:28px;background:color-mix(in srgb,var(--os-tint) 70%,var(--white));border:1px solid color-mix(in srgb,var(--os-accent) 14%,transparent);box-shadow:0 30px 60px -48px #2a1d4f8c}.os-root .os-belline{--os-tint:#ece4fb;--os-accent:#6a4bb8}.os-root .os-lenormand{--os-tint:#e2f3ee;--os-accent:#2f6d6a}.os-root .os-etteilla{--os-tint:#fbe9df;--os-accent:#8a3b2e}.os-root .os-flip .os-art{grid-column:2;grid-row:1}.os-root .os-flip .os-copy{grid-column:1;grid-row:1}.os-root .os-art{min-width:0}.os-root .os-fan{list-style:none;margin:0;padding:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);align-items:end}.os-root .os-fc{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;transition:transform .35s cubic-bezier(.2,.7,.25,1)}.os-root .os-fc-0{transform:rotate(-4deg) translateY(10px)}.os-root .os-fc-1{transform:translateY(-6px)}.os-root .os-fc-2{transform:rotate(4deg) translateY(10px)}.os-root .os-fc-img{display:block;width:100%;aspect-ratio:.64;border-radius:14px;overflow:hidden;background:#efe6d2;border:5px solid var(--white);box-shadow:0 22px 38px -22px #2a1d4f99}.os-root .os-lenormand .os-fc-img{aspect-ratio:.77}.os-root .os-fc-img img{display:block;width:100%;height:100%;object-fit:contain}.os-root .os-fc-cap{font-size:.8rem;line-height:1.3;color:var(--ink-2);text-align:center;overflow-wrap:break-word;max-width:100%}.os-root .os-fc-cap b{font-family:var(--disp);color:var(--os-accent);margin-right:2px}.os-root .os-deck:hover .os-fc-0{transform:rotate(-7deg) translate(-6px,6px)}.os-root .os-deck:hover .os-fc-1{transform:translateY(-12px)}.os-root .os-deck:hover .os-fc-2{transform:rotate(7deg) translate(6px,6px)}.os-root .os-copy{min-width:0}.os-root .os-deck-kick{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--os-accent)}.os-root .os-copy h3{margin:10px 0 0;font-family:var(--disp);font-weight:800;font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.1;letter-spacing:-.015em;color:var(--os-ink);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.os-root .os-line{margin:14px 0 0;font-size:1.03rem;line-height:1.7;color:var(--ink-2);max-width:46ch}.os-root .os-example{margin-top:22px;padding:18px 20px;border-radius:20px;background:color-mix(in srgb,#fbf6ea 82%,var(--os-tint));border:1px solid color-mix(in srgb,var(--os-accent) 16%,transparent);text-align:left;max-width:46ch}.os-root .os-example p{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}.os-root .os-ex-kick{font-family:Caveat,Segoe Script,cursive;font-weight:600;font-size:1.3rem;line-height:1;color:var(--os-accent)}.os-root .os-ex-card{margin:8px 0 0;font-family:var(--disp);font-weight:800;font-size:1.02rem;line-height:1.3;color:var(--os-ink)}.os-root .os-ex-text{margin:6px 0 0;font-size:.97rem;line-height:1.65;color:var(--ink-2)}.os-root .os-ex-why{margin:12px 0 0;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--os-accent) 30%,transparent);font-size:.92rem;line-height:1.55;font-weight:600;color:var(--os-ink)}.os-root .os-cta{margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;background:var(--os-ink);color:#fbf6ea;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,background .2s}.os-root .os-cta svg{width:18px;height:18px;transition:transform .2s}.os-root .os-cta:hover{background:var(--os-accent);transform:translateY(-2px)}.os-root .os-cta:hover svg{transform:translate(3px)}.os-root .os-cta:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.os-root .os-credits{margin:clamp(28px,4vw,40px) auto 0;max-width:760px;font-size:.84rem;color:var(--ink-3);text-align:center}.os-root .os-credits summary{display:inline-block;cursor:pointer;font-weight:700;color:var(--ink-2);padding:6px 4px;border-radius:6px}.os-root .os-credits summary:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.os-root .os-credits-body{margin-top:10px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white);text-align:left;line-height:1.6;display:grid;gap:12px}.os-root .os-cr p{margin:0}.os-root .os-cr ul{margin:4px 0 0;padding-left:18px}.os-root .os-credits a{color:var(--violet-deep);text-decoration:underline;overflow-wrap:anywhere}@media(max-width:860px){.os-root .os-deck{grid-template-columns:minmax(0,1fr)}.os-root .os-flip .os-art{order:0}.os-root .os-art{max-width:460px;width:100%;margin:0 auto}.os-root .os-copy{text-align:center}.os-root .os-line,.os-root .os-example{margin-left:auto;margin-right:auto}}@media(max-width:480px){.os-root{border-radius:26px;padding-left:10px;padding-right:10px}.os-root .os-deck{padding:24px 18px;border-radius:22px}.os-root .os-fc-img{border-width:3px;border-radius:10px}.os-root .os-fc-cap{font-size:.72rem}.os-root .os-example{padding:16px}.os-root .os-copy{text-align:left}.os-root .os-cta{border-radius:18px;padding:12px 16px;max-width:100%}.os-root .os-cta svg{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.os-root .os-fc,.os-root .os-cta,.os-root .os-cta svg{transition:none}}.os-root .os-lib{display:block;margin-top:12px;font-weight:700;font-size:.9rem;color:var(--os-ink);text-underline-offset:3px}.os-root .os-ex-head{display:flex;align-items:center;gap:14px}.os-root .os-ex-title{min-width:0;flex:1}.os-root .os-ex-thumb{flex:0 0 148px;width:148px;max-width:100%;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px -10px #2a1d4f8c}.os-root .os-ex-thumb img{width:100%;height:auto}.os-root .os-ex-thumb .cz-badge{right:3px;bottom:3px;width:24px;height:24px}.os-root .os-ex-thumb .cz-ico{width:14px;height:14px}.os-root .os-ex-head .os-ex-card{margin-top:6px}@media(max-width:600px){.os-root .os-ex-head{flex-direction:column;text-align:center;gap:18px}.os-root .os-ex-thumb{flex:none;width:176px}}.os-root .os-deck>.os-example{grid-column:1/-1;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:148px minmax(0,1fr);gap:10px 26px}.os-root .os-deck>.os-example .os-ex-head{display:contents}.os-root .os-deck>.os-example .os-ex-thumb{grid-column:1;grid-row:1/4;align-self:start}.os-root .os-deck>.os-example :is(.os-ex-title,.os-ex-text,.os-ex-why){grid-column:2}.os-root .os-deck>.os-example .os-ex-text{margin:0}.os-root .os-deck>.os-example .os-ex-why{margin:0}.os-root .os-actions{grid-column:1/-1;text-align:center}.os-root .os-actions .os-cta{margin-top:0}@media(max-width:860px){.os-root .os-flip .os-art,.os-root .os-flip .os-copy{grid-column:auto;grid-row:auto}}@media(max-width:600px){.os-root .os-deck>.os-example{grid-template-columns:minmax(0,1fr);gap:16px}.os-root .os-deck>.os-example .os-ex-thumb{grid-column:1;grid-row:auto;justify-self:center}.os-root .os-deck>.os-example :is(.os-ex-title,.os-ex-text,.os-ex-why){grid-column:1}.os-root .os-deck>.os-example .os-ex-title{text-align:center}}.os-root .os-head h2{margin-top:var(--sh-title-gap);font-size:var(--sh-h2);font-weight:var(--sh-h2-weight);line-height:1.1}.os-root .os-head p{max-width:var(--sh-measure);margin-top:14px;font-size:var(--sh-lede);line-height:1.65}.os-root .os-head p+p{margin-top:var(--sh-p-gap)}.os-root .os-list{margin-top:var(--sh-after)}