@layer components{.guide-page,.hv2-page,.c26-page,.w8r-page,.wcc-page{--purple-deep: #3d1aaf;--purple: #4f25c8;--purple-mid: #6b43e0;--purple-bright: #8b6fe5;--lavender: #b9a7e8;--lavender-soft: #d5c9f0;--lavender-pale: #eee8fb;--lime: #c9ff3d;--lime-deep: #a8e020;--carrot: #ff7a2f;--terracotta: #e0612f;--peach: #ffc9a3;--coral: #ff6b5e;--bg: #f2f1f6;--bg-soft: #fbfaf8;--bg-lavender: #eeeafb;--ink: #18103c;--ink-soft: #2e2553;--gray: #6b6580;--gray-soft: #9a93ad;--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--pill: 999px;--radius-lg: 28px;--radius-md: 18px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 30px;--fs-3xl: 40px;--fs-4xl: 56px;--fs-5xl: 64px;--lh-tight: 1.04;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.55}}@layer components{.w8r-page .w8r-rvx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.w8r-page .w8r-rvx-head .w8r-head{margin-bottom:0}.w8r-page .w8r-rvx-nav{display:none;gap:10px;flex:none}@media (min-width: 760px){.w8r-page .w8r-rvx-nav{display:flex}}.w8r-page .w8r-rvx-btn{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--w8r-lavender);background:#fff;color:var(--w8r-purple);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.w8r-page .w8r-rvx-btn:hover{background:var(--w8r-purple);color:#fff;border-color:var(--w8r-purple)}.w8r-page .w8r-rvx-btn svg{width:22px;height:22px}.w8r-page .w8r-rvx-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.w8r-page .w8r-rvx-chip{font-family:Onest;font-weight:700;font-size:14px;padding:10px 18px;border-radius:var(--w8r-pill);cursor:pointer;border:1.5px solid var(--w8r-lavender-pale);background:#fff;color:var(--w8r-ink-soft);transition:all .15s ease;white-space:nowrap}.w8r-page .w8r-rvx-chip .w8r-n{font-weight:700;opacity:.55;margin-left:6px;font-size:12.5px}.w8r-page .w8r-rvx-chip:hover{border-color:var(--w8r-purple-bright)}.w8r-page .w8r-rvx-chip.w8r-active{background:var(--w8r-purple);color:#fff;border-color:var(--w8r-purple)}.w8r-page .w8r-rvx-chip.w8r-active .w8r-n{opacity:.75}.w8r-page .w8r-rvx-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin:0 -24px;padding:4px 24px 16px}@media (min-width: 768px){.w8r-page .w8r-rvx-track{margin:0 -40px;padding-left:40px;padding-right:40px}}@media (min-width: 1024px){.w8r-page .w8r-rvx-track{margin:0;padding-left:0;padding-right:0}}.w8r-page .w8r-rvx-track::-webkit-scrollbar{height:6px}.w8r-page .w8r-rvx-track::-webkit-scrollbar-thumb{background:var(--w8r-lavender);border-radius:999px}.w8r-page .w8r-rvx-card{flex:0 0 340px;scroll-snap-align:start;background:#fff;border:1px solid var(--w8r-lavender-pale);border-radius:var(--w8r-radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 34px #3d1aaf0f}.w8r-page .w8r-rvx-hd{display:flex;flex-direction:column;gap:8px;background:var(--w8r-grad-purple);padding:22px}.w8r-page .w8r-rvx-hd-l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--w8r-lime)}.w8r-page .w8r-rvx-hd-res{font-size:15.5px;line-height:1.45;font-weight:600;color:#fff}.w8r-page .w8r-rvx-person{display:flex;align-items:center;gap:13px;margin-bottom:16px}.w8r-page .w8r-rvx-bd{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}.w8r-page .w8r-rvx-av{width:48px;height:48px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;color:#fff;background:radial-gradient(120% 120% at 30% 25%,#a88fee,#4f25c8)}.w8r-page .w8r-rvx-name b{font-size:16px;font-weight:800;color:var(--w8r-ink);display:block;line-height:1.2}.w8r-page .w8r-rvx-name span{font-size:12.5px;color:var(--w8r-gray);line-height:1.3;display:block;margin-top:2px}.w8r-page .w8r-rvx-shot{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;cursor:zoom-in;border:none;padding:0;background:var(--w8r-lavender-pale);display:block}.w8r-page .w8r-rvx-shot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block;transition:transform .25s ease}.w8r-page .w8r-rvx-shot:hover img{transform:scale(1.03)}.w8r-page .w8r-rvx-zoom{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#18103c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;transition:opacity .15s}.w8r-page .w8r-rvx-shot:hover .w8r-rvx-zoom{opacity:1}.w8r-page .w8r-rvx-zoom svg{width:18px;height:18px}.w8r-page .w8r-rvx-shotlbl{position:absolute;top:10px;left:10px;z-index:1;background:#18103cb8;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:var(--w8r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.w8r-page .w8r-rvx-foot{margin-top:18px;padding-top:18px;border-top:1px solid var(--w8r-lavender-pale)}.w8r-page .w8r-rvx-foot-l{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--w8r-gray-soft);margin-bottom:10px}.w8r-page .w8r-rvx-tags{display:flex;flex-wrap:wrap;gap:8px}.w8r-page .w8r-rvx-tag{font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:var(--w8r-pill);background:var(--w8r-grad-purple);color:#fff;display:inline-flex;align-items:center;gap:6px}.w8r-page .w8r-rvx-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--w8r-lime);flex:none}@media (max-width: 640px){.w8r-page .w8r-rvx-card{flex:0 0 82vw;max-width:340px}}.w8r-page .w8r-lbx{position:fixed;inset:0;z-index:90;background:#0e0926db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.w8r-page .w8r-lbx.w8r-open{display:flex}.w8r-page .w8r-lbx img{max-width:min(560px,92vw);max-height:90vh;border-radius:14px;box-shadow:0 30px 80px #00000080}.w8r-page button.w8r-lbx{border:none;width:100%;font:inherit}.w8r-page button.w8r-rvx-shot{font:inherit}}
